/* ============================================================
   Markets-Detail Key Advantages（markets-detail.html Section 2）
   Figma Frame 476:19717
   - 背景：solid var(--color-primary)（--color-primary）
   - 标题 76px Bold WHITE + 装饰条 1504x28（mkd-adv-bar.svg：白色渐变 + 中缝白线）
   - 4 个优势项：48px Bold 标题 + 32px rgba(255,255,255,0.75) 描述，项间 1px 白线分隔
   ============================================================ */

.mkd-adv {
  position: relative;
  background: var(--color-primary);
  padding: 55px 0 20px;
  overflow: hidden;
}

.mkd-adv__inner {
  max-width: 1504px;
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.mkd-adv__title {
  font-family: var(--font-primary);
  font-size: 56px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--color-white);
  margin: 0;
}

.mkd-adv__bar {
  display: block;
  width: 100%;
  max-width: 1504px;
  height: 28px;
  margin-top: 30px; /* title 底(≈277) → bar top(265/373) 之间的留白 */
}

.mkd-adv__list {
  margin-top: 60px; /* bar 底 → item1 标题（上移40px） */
}

.mkd-adv__item {
  padding: 38px 0 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.mkd-adv__item:first-child {
  border-top: none;
  padding-top: 0;
}

.mkd-adv__item-title {
  font-family: var(--font-primary);
  font-size: clamp(1.5rem, 0.89vw + 1.29rem, 2.875rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.96px;
  color: var(--color-white);
  margin: 0 0 16px;
}

.mkd-adv__item-desc {
  font-family: var(--font-primary);
  font-size: clamp(1.125rem, 0.4vw + 1.03rem, 1.75rem);
  font-weight: 400;                 /* 300→400：全端统一（移动端两块均未重述 font-weight，故继承此处） */
  line-height: 1.25;
  letter-spacing: -0.64px;
  color: rgba(255, 255, 255, 0.75);
  max-width: 1504px;
  margin: 0;
}

/* 宽 PC 端（≥1201）：字号 20px、行高 32px（用户指定；字重 400 已在基础档全端生效）。
   ⚠️ 断点取 1201 而非站内惯用的 993：本文件自带 `@media (max-width:1200px)` 块也重述了
   font-size/line-height 且源码顺序在本块之后 → 若用 min-width:993px，993–1200 重叠区间会被
   1200 块压掉（实测确认：1200 档为 17.28px）。用户选定以 1200 为分界，故本块取 ≥1201。
   注：本文件仅 markets-detail.shtml 引用，无跨页风险。 */
@media (min-width: 1201px) {
  .mkd-adv__item-desc {
    font-size: 20px;
    line-height: 32px;
  }
}

/* --- 入场动效：从左滑入（120px，柔和缓动） --- */
.mkd-adv__item[data-m-anim="fade-right-120"] {
  transform: translate3d(-120px, 0, 0);
  opacity: 0;
  transition: opacity 1.0s cubic-bezier(0.25, 0.1, 0.25, 1) var(--m-delay, 0ms),
              transform 1.0s cubic-bezier(0.25, 0.1, 0.25, 1) var(--m-delay, 0ms);
}

.mkd-adv__item[data-m-anim="fade-right-120"].in-view {
  transform: none;
  opacity: 1;
}

/* ==================== 响应式 ==================== */
@media (max-width: 1200px) {
  .mkd-adv {
    padding: 52px 0 80px;
  }

  .mkd-adv__title {
    font-size: clamp(1.5rem, 0.65vw + 1.35rem, 2.5rem);
    line-height: 1.18;
    letter-spacing: -0.02em;
  }

  .mkd-adv__list {
    margin-top: 50px;
  }

  .mkd-adv__item-title {
    font-size: clamp(1.5rem, 0.57vw + 1.37rem, 2.375rem);
    line-height: 1.25;
  }

  .mkd-adv__item-desc {
    font-size: clamp(0.9375rem, 0.28vw + 0.87rem, 1.375rem);
    line-height: 1.25;
  }
}

@media (max-width: 768px) {
  .mkd-adv {
    padding: 32px 0 60px;
  }

  .mkd-adv__title {
    font-size: clamp(1.5rem, 0.81vw + 1.31rem, 2.75rem);
    line-height: 1.18;
  }

  .mkd-adv__bar {
    height: 22px;
    margin-top: 17px;
  }

  .mkd-adv__list {
    margin-top: 24px;
  }

  .mkd-adv__item {
    padding: 32px 0 24px;
  }

  .mkd-adv__item-title {
    font-size: clamp(1.125rem, 0.4vw + 1.03rem, 1.75rem);
    line-height: 1.25;
    margin-bottom: 14px;
  }

  .mkd-adv__item-desc {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 576px) {
  .mkd-adv__title {
    font-size: clamp(1.625rem, 8vw, 2.25rem);
    line-height: 1.18;
  }
}

/* ==================== 无障碍降级 ==================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}