/* 鸿蒙落地页移动端样式 — 在 responsive.css 之后加载
 * 修改鸿蒙各屏移动端布局时优先改此文件。
 */

@media (max-width: 768px) {
  /* ─── 鸿蒙通用：容器 / CTA / 禁用 hover 放大 / 流程横排 ─── */
  .le-harmony-develop .content-wrapper,
  .le-harmony-use .content-wrapper,
  .le-harmony-certificate .content-wrapper,
  .le-harmony-future .content-wrapper,
  .le-harmony-service .content-wrapper,
  .le-harmony-news .content-wrapper {
    width: 100% !important;
    padding: 0 0.2rem 1.25rem !important;
    box-sizing: border-box;
  }

  .le-harmony-study .content-wrapper .btn,
  .le-harmony-develop .content-wrapper .btn,
  .le-harmony-certificate .content-wrapper .btn,
  .le-harmony-future .content-wrapper .btn {
    margin-top: 1rem !important;
  }

  .le-harmony-study .content-wrapper .content-container .card:hover,
  .le-harmony-develop .content-wrapper .module:hover,
  .le-harmony-use .content-wrapper .process-item:hover,
  .le-harmony-use .content-wrapper .phone-section:hover img,
  .le-harmony-use .content-wrapper .content-box:hover,
  .le-harmony-certificate .content-wrapper .process-item:hover,
  .le-harmony-certificate .content-wrapper .certificate-item img:hover,
  .le-harmony-future .content-wrapper .content-container .left img:hover,
  .le-harmony-future .content-wrapper .content-container .right .direction-list:hover,
  .le-harmony-future .content-wrapper .content-container .right .direction-btn:hover,
  .le-harmony-service .content-wrapper .content-container .sidebar-item:hover,
  .le-harmony-news .content-wrapper .content-container .card:hover {
    transform: none !important;
  }

  .le-harmony-use .content-wrapper .process-container,
  .le-harmony-certificate .content-wrapper .process-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

    /* ─── 鸿蒙页 ─── */
    .le-harmony-boss .content-wrapper .content-container .phone img,
    .le-harmony-boss .content-wrapper .content-container .phone .bg {
      width: min(220px, 65vw) !important;
      height: auto !important;
    }
  
    .le-harmony-boss .content-wrapper .content-container .boss-images .boss-item {
      width: min(280px, 100%) !important;
    }
  
    /* 第五屏：适合学鸿蒙 — 加宽卡片、人物右移、文字完整显示 */
    .le-harmony-study .content-wrapper {
      width: calc(100% - 0.75rem) !important;
      max-width: 100% !important;
      padding: 0 0.375rem 1.25rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-study .content-wrapper .content-container .card {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      min-height: 132px;
      margin: 0 0 0.75rem !important;
      padding: 0 !important;
      border-radius: 12px;
      overflow: hidden;
    }
  
    .le-harmony-study .content-wrapper .content-container .card:last-child {
      margin-bottom: 0 !important;
    }
  
    .le-harmony-study .content-wrapper .content-container .card:hover {
      transform: none !important;
    }
  
    .le-harmony-study .content-wrapper .content-container .card .card-left {
      width: 100% !important;
      height: auto !important;
      min-height: 132px;
      padding-right: 30% !important;
    }

    .le-harmony-study .content-wrapper .content-container .card .card-left h2 {
      width: 100% !important;
      max-width: none !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      padding: 0 0.5rem !important;
      white-space: nowrap !important;
      word-break: keep-all !important;
    }

    .le-harmony-study .content-wrapper .content-container .card-header {
      padding: 0.65rem 0.35rem 0.35rem !important;
    }
  
    .le-harmony-study .content-wrapper .content-container .card-body {
      padding: 0 0.65rem 0.75rem !important;
    }
  
    .le-harmony-study .content-wrapper .content-container .card-body p {
      font-size: 11px !important;
      line-height: 1.45 !important;
    }
  
    .le-harmony-study .content-wrapper .content-container .card .people {
      width: 30% !important;
      max-width: 118px !important;
      right: 0 !important;
      bottom: 0 !important;
    }
  
    .le-harmony-study .content-wrapper .btn {
      margin-top: 1rem !important;
    }
  
    /* 第六屏：八大模块 — 四列紧凑排版 */
    .le-harmony-develop .content-wrapper .module-container {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 0.2rem !important;
    }
  
    .le-harmony-develop .content-wrapper .module {
      width: 100% !important;
      min-width: 0;
      margin-bottom: 0 !important;
      border-radius: 8px !important;
    }
  
    .le-harmony-develop .content-wrapper .module:hover {
      transform: none !important;
    }
  
    .le-harmony-develop .content-wrapper .module-header {
      padding: 0.35rem 0.1rem !important;
    }
  
    .le-harmony-develop .content-wrapper .module-header h2 {
      font-size: 10px !important;
      padding: 0.1rem 0 !important;
      line-height: 1.15 !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  
    .le-harmony-develop .content-wrapper .module-header p {
      font-size: 8px !important;
      line-height: 1.15 !important;
      margin: 0.08rem 0 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      word-break: keep-all !important;
    }
  
    .le-harmony-develop .content-wrapper .module-content {
      padding: 0.3rem 0.1rem 0.4rem !important;
    }
  
    .le-harmony-develop .content-wrapper .module-content ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
  
    .le-harmony-develop .content-wrapper .module-content ul li {
      font-size: 8px !important;
      line-height: 1.25 !important;
      margin-bottom: 0.15rem !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      word-break: keep-all !important;
    }
  
    .le-harmony-develop .content-wrapper .module-content ul li:last-child {
      margin-bottom: 0 !important;
    }
  
    /* 第七屏：流程四卡片 — 单行横排 */
    .le-harmony-use .content-wrapper .process-container {
      align-items: stretch !important;
      height: auto !important;
    }
  
    .le-harmony-use .content-wrapper .process-item {
      flex: 1 1 0 !important;
      min-width: 0;
      margin: 0 !important;
      padding: 0.45rem 0.12rem !important;
      border-radius: 6px !important;
    }
  
    .le-harmony-use .content-wrapper .process-item h2 {
      font-size: 9px !important;
      line-height: 1.2 !important;
      margin: 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
  
    .le-harmony-use .content-wrapper .process-item p {
      font-size: 7.5px !important;
      line-height: 1.2 !important;
      margin: 0.1rem 0 0 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .le-harmony-use .content-wrapper .connector {
      flex: 0 0 0.35rem !important;
      width: 0.35rem !important;
      min-width: 0.35rem !important;
      height: 2px !important;
      margin: auto 0 !important;
      align-self: center;
    }
  
    /* 第七屏：项目名称 — 六列均分单行 */
    .le-harmony-use .content-wrapper .project-container {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: stretch !important;
      align-items: stretch !important;
      width: 100% !important;
      margin: 0.75rem 0 0.5rem !important;
      padding: 0 !important;
      gap: 0.15rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-use .content-wrapper .project-container .project-item {
      flex: 1 1 0 !important;
      min-width: 0;
      margin: 0 !important;
      padding: 0.4rem 0.08rem !important;
      border-radius: 4px !important;
      font-size: 10px !important;
      line-height: 1.2 !important;
      text-align: center !important;
      white-space: nowrap !important;
      writing-mode: horizontal-tb !important;
      word-break: keep-all !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      cursor: pointer;
    }
  
    /* 第七屏：项目详情 — 纵向布局 */
    .le-harmony-use .content-wrapper .content-container .container {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      height: auto !important;
      min-height: 0 !important;
      overflow: visible !important;
      padding: 0.325rem 0.5rem !important;
      gap: 0.25rem;
      box-sizing: border-box;
    }
  
    .le-harmony-use .content-wrapper .info-section {
      display: contents !important;
    }
  
    .le-harmony-use .content-wrapper .title {
      order: 1;
      width: 100% !important;
      margin-bottom: 0 !important;
      text-align: center !important;
    }
  
    .le-harmony-use .content-wrapper .phone-section {
      order: 2;
      width: 100% !important;
      flex: none !important;
      padding: 0 !important;
      margin: 0 !important;
      justify-content: center !important;
      align-items: center !important;
    }
  
    .le-harmony-use .content-wrapper .phone-section img {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: contain;
      vertical-align: top;
    }
  
    .le-harmony-use .content-wrapper .phone-section:hover img {
      transform: none !important;
    }
  
    .le-harmony-use .content-wrapper .content-box {
      order: 3;
      width: 100% !important;
      height: auto !important;
      max-height: 16rem !important;
      margin-bottom: 0 !important;
      padding: 0.65rem !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      box-sizing: border-box;
    }
  
    .le-harmony-use .content-wrapper .title-box {
      display: inline-block !important;
      max-width: 100% !important;
      padding: 0.18rem 0.65rem !important;
      border-radius: 14px !important;
      box-sizing: border-box;
    }
  
    .le-harmony-use .content-wrapper .title-box h2 {
      font-size: 13px !important;
      line-height: 1.15 !important;
      margin: 0 !important;
      white-space: nowrap !important;
      word-break: keep-all !important;
    }
  
    .le-harmony-use .content-wrapper .title-box::after {
      width: 36px !important;
      height: 4px !important;
      bottom: -2px !important;
    }
  
    .le-harmony-use .content-wrapper .content-box:hover {
      transform: none !important;
    }
  
    .le-harmony-use .content-wrapper .sub-title {
      margin-bottom: 0.5rem !important;
    }
  
    .le-harmony-use .content-wrapper .sub-title span {
      display: inline-block !important;
      font-size: 11px !important;
      padding: 0.25rem 0.5rem !important;
      white-space: nowrap !important;
    }
  
    .le-harmony-use .content-wrapper .content-box p,
    .le-harmony-use .content-wrapper .content-box ul li,
    .le-harmony-use .content-wrapper .content-box ol li,
    .le-harmony-use .content-wrapper .content-box .ace-line,
    .le-harmony-use .content-wrapper .content-box .lb {
      font-size: 11px !important;
      line-height: 1.55 !important;
      white-space: normal !important;
      word-break: break-word !important;
    }
  
    .le-harmony-use .content-wrapper .content-box .line {
      margin-bottom: 0.65rem !important;
    }
  
    /* 第八屏：官方证书 — 三标签横排 + 证书图一行大图 */
    .le-harmony-certificate .content-wrapper {
      width: 100% !important;
      padding: 0 0.2rem 1.25rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-certificate .content-wrapper .process-container {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      width: 100% !important;
      gap: 0.15rem !important;
    }
  
    .le-harmony-certificate .content-wrapper .process-item {
      flex: 1 1 0 !important;
      min-width: 0;
      margin: 0 !important;
      padding: 0.4rem 0.12rem !important;
      border-radius: 14px !important;
    }
  
    .le-harmony-certificate .content-wrapper .process-item h2 {
      font-size: 11px !important;
      line-height: 1.2 !important;
      margin: 0 !important;
      white-space: nowrap !important;
      writing-mode: horizontal-tb !important;
      word-break: keep-all !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
  
    .le-harmony-certificate .content-wrapper .process-item:hover {
      transform: none !important;
    }
  
    .le-harmony-certificate .content-wrapper .connector {
      flex: 0 0 auto !important;
      display: flex !important;
      align-items: center !important;
    }
  
    .le-harmony-certificate .content-wrapper .connector img {
      width: 0.55rem !important;
      height: auto !important;
      display: block;
    }
  
    .le-harmony-certificate .content-wrapper .container {
      height: auto !important;
      margin-top: 0.75rem !important;
      position: static !important;
    }
  
    .le-harmony-certificate .content-wrapper .certificate-container {
      position: static !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0.55rem 0.35rem 0.45rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-certificate .content-wrapper .certificate-container .imgs {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
      align-items: stretch !important;
      gap: 0.25rem !important;
      width: 100% !important;
    }
  
    .le-harmony-certificate .content-wrapper .certificate-item {
      flex: 1 1 0 !important;
      min-width: 0;
      margin: 0 !important;
      display: block !important;
    }
  
    .le-harmony-certificate .content-wrapper .certificate-item img {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      display: block !important;
      border-radius: 4px !important;
      border-width: 1px !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
    }
  
    .le-harmony-certificate .content-wrapper .certificate-item img:hover {
      transform: none !important;
    }
  
    .le-harmony-certificate .content-wrapper .caption {
      margin-top: 0.45rem !important;
      font-size: 10px !important;
      line-height: 1.3 !important;
    }
  
    .le-harmony-certificate .content-wrapper .btn {
      margin-top: 1rem !important;
    }
  
    /* 第九屏：鸿蒙发展 — 图片完整展示 + 方向标签 */
    .le-harmony-future .title-wrapper {
      margin-top: 0.875rem !important;
      margin-bottom: 0.5rem !important;
      padding: 0 0.5rem;
    }
  
    .le-harmony-future .title-wrapper .desc {
      font-size: 13px !important;
      padding: 0 0.5rem;
    }
  
    .le-harmony-future .content-wrapper {
      width: 100% !important;
      padding: 0 0.2rem 1.25rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-future .content-wrapper .content-container {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      height: auto !important;
      min-height: 0 !important;
      gap: 0.75rem;
      overflow: visible !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .left {
      flex: none !important;
      width: 100% !important;
      min-width: 0 !important;
      padding: 0 !important;
      display: block !important;
      overflow: visible !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .left img {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      display: block !important;
      object-fit: contain;
      border-radius: 6px;
    }
  
    .le-harmony-future .content-wrapper .content-container .left img:hover {
      transform: none !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .right {
      flex: none !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box;
    }
  
    .le-harmony-future .content-wrapper .content-container .right h2 {
      font-size: 16px !important;
      margin-bottom: 0.5rem !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .right .direction-list {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      padding: 0.65rem 0.45rem !important;
      gap: 0.35rem !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .right .direction-list:hover {
      transform: none !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .right .direction-btn {
      width: 100% !important;
      font-size: 9px !important;
      padding: 0.35rem 0.15rem !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      text-align: center !important;
    }
  
    .le-harmony-future .content-wrapper .content-container .right .direction-btn:hover {
      transform: none !important;
    }
  
    .le-harmony-future .content-wrapper .btn {
      margin-top: 1rem !important;
    }
  
    /* 第十屏：教学服务 — 上下结构（导航在上，内容在下） */
    .le-harmony-service .content-wrapper {
      width: 100% !important;
      padding: 0 0.2rem 1.25rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-service .content-wrapper .content-container {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 0.65rem;
    }
  
    .le-harmony-service .content-wrapper .content-container .sidebar {
      order: 1;
      width: 100% !important;
      padding: 0 !important;
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 0.35rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-service .content-wrapper .content-container .sidebar-item {
      width: 100% !important;
      margin: 0 !important;
      padding: 0.45rem 0.15rem !important;
      border-radius: 14px !important;
      font-size: 12px !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
    }
  
    .le-harmony-service .content-wrapper .content-container .sidebar-item:hover {
      transform: none !important;
    }
  
    .le-harmony-service .content-wrapper .content-container .main {
      order: 2;
      flex: none !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0.65rem 0.45rem !important;
      border-radius: 12px !important;
      box-sizing: border-box;
    }
  
    .le-harmony-service .content-wrapper .content-container .main-header {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 0.35rem !important;
      margin-bottom: 0.65rem !important;
      padding: 0 !important;
      justify-content: center !important;
    }
  
    .le-harmony-service .content-wrapper .content-container .main-header img {
      flex: 1 1 0 !important;
      min-width: 0;
      width: auto !important;
      max-width: 50% !important;
      height: auto !important;
      border-radius: 6px !important;
      object-fit: cover;
    }
  
    .le-harmony-service .content-wrapper .content-container .main-content h2 {
      font-size: 15px !important;
      margin-bottom: 0.45rem !important;
    }
  
    .le-harmony-service .content-wrapper .content-container .main-content p {
      font-size: 12px !important;
      line-height: 1.5 !important;
      margin-bottom: 0.35rem !important;
    }
  
    .le-harmony-service .content-wrapper .content-container .main-content .btn {
      display: inline-block !important;
      font-size: 12px !important;
      padding: 0.45rem 0.85rem !important;
      margin-top: 0.35rem !important;
      white-space: nowrap !important;
    }
  
    .le-harmony-news .content-title {
      width: 100% !important;
      max-width: 100% !important;
      background: transparent !important;
      padding: 0.875rem 0.75rem 0.5rem !important;
      margin: 0 !important;
      font-size: 16px !important;
      font-weight: bold !important;
      color: #131313 !important;
      text-align: center !important;
      border-radius: 0 !important;
      box-sizing: border-box;
    }

    .le-harmony-news .content-wrapper {
      width: 100% !important;
      padding: 0 0.2rem 1.25rem !important;
      box-sizing: border-box;
    }
  
    .le-harmony-news .content-wrapper .content-container {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
      gap: 0.35rem !important;
      justify-content: stretch !important;
    }
  
    .le-harmony-news .content-wrapper .content-container .card {
      flex: 1 1 0 !important;
      min-width: 0;
      width: auto !important;
      margin: 0 !important;
    }
  
    .le-harmony-news .content-wrapper .content-container .card:hover {
      transform: none !important;
    }
  
    .le-harmony-news .content-wrapper .content-container .card-header {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      padding: 0.28rem 0.12rem 0.22rem !important;
      margin: 0 !important;
      border-top-left-radius: 10px !important;
      border-top-right-radius: 10px !important;
      gap: 0.06rem;
      min-height: 0 !important;
      box-sizing: border-box;
    }

    .le-harmony-news .content-wrapper .content-container .card-header span {
      font-size: 10px !important;
      line-height: 1.15 !important;
      font-weight: bold !important;
      white-space: normal !important;
      word-break: keep-all !important;
      overflow: visible !important;
      text-overflow: unset !important;
      width: 100% !important;
      display: block !important;
    }

    .le-harmony-news .content-wrapper .content-container .more {
      font-size: 8px !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
  
    .le-harmony-news .content-wrapper .content-container .card ul {
      border-radius: 0 0 8px 8px !important;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12) !important;
    }
  
    .le-harmony-news .content-wrapper .content-container .card-list {
      padding: 0.3rem 0.12rem 0.35rem 0.08rem !important;
    }

    .le-harmony-news .content-wrapper .content-container .card-list li {
      width: 100% !important;
      font-size: 11px !important;
      line-height: 1.25 !important;
      margin-bottom: 0.15rem !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    .le-harmony-news .content-wrapper .content-container .card-list li:last-child {
      margin-bottom: 0 !important;
    }

    .le-harmony-news .content-wrapper .content-container .card-list li span {
      display: inline-block !important;
      width: auto !important;
      min-width: 0.45rem !important;
      margin-right: 8px !important;
      padding: 0 !important;
      font-size: 10px !important;
      text-align: right !important;
    }
}

@media (max-width: 480px) {
    .le-harmony-study .content-wrapper .content-container .card .card-left {
      padding-right: 28% !important;
    }

    .le-harmony-study .content-wrapper .content-container .card .people {
      width: 28% !important;
      max-width: 105px !important;
    }

    .le-harmony-develop .content-wrapper .module-header h2 {
      font-size: 9.5px !important;
    }
  
    .le-harmony-develop .content-wrapper .module-header p {
      font-size: 7.5px !important;
    }
  
    .le-harmony-develop .content-wrapper .module-content ul li {
      font-size: 7.5px !important;
    }
  
    .le-harmony-use .content-wrapper .process-item h2 {
      font-size: 8px !important;
    }
  
    .le-harmony-use .content-wrapper .process-item p {
      font-size: 7px !important;
    }
  
    .le-harmony-use .content-wrapper .connector {
      flex: 0 0 0.25rem !important;
      width: 0.25rem !important;
      min-width: 0.25rem !important;
    }
  
    .le-harmony-use .content-wrapper .project-container .project-item {
      font-size: 9px !important;
      padding: 0.35rem 0.05rem !important;
    }
  
    .le-harmony-certificate .content-wrapper .process-item h2 {
      font-size: 11px !important;
    }
  
    .le-harmony-certificate .content-wrapper .connector img {
      width: 0.45rem !important;
    }
  
    .le-harmony-certificate .content-wrapper .caption {
      font-size: 9px !important;
    }

    .le-harmony-news .content-title {
      font-size: 14px !important;
      padding: 0.75rem 0.5rem 0.4rem !important;
    }
  
    .le-harmony-news .content-wrapper .content-container .card-header {
      padding: 0.24rem 0.1rem 0.18rem !important;
    }

    .le-harmony-news .content-wrapper .content-container .card-header span {
      font-size: 9px !important;
    }

    .le-harmony-news .content-wrapper .content-container .more {
      font-size: 7px !important;
    }

    .le-harmony-news .content-wrapper .content-container .card-list li {
      font-size: 10px !important;
      line-height: 1.25 !important;
      margin-bottom: 0.15rem !important;
    }

    .le-harmony-news .content-wrapper .content-container .card-list li span {
      min-width: 0.4rem !important;
      margin-right: 8px !important;
      font-size: 9px !important;
      text-align: right !important;
    }
}