/* ============================================================
   v56 patch — hero-title 字号收到 18-20px（按 2 号精确方案）
   加载顺序：style → v53_japandi → v53_extras → v53_navtip
            → v54_designsystem → v54b_patch → v56_patch（最末）
   ============================================================ */

/* 主标题：调小，防止截断；行距 1.5 让两行呼吸 */
.hero-title {
  font-size: clamp(16px, 4vw, 20px) !important;
  line-height: 1.5 !important;
  letter-spacing: .04em !important;
  max-width: 90% !important;
  margin: 0 0 24px 0 !important;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* 给两行一些自然的间距（保留 <br>，但行距已经 1.5 撑开） */
.hero-title em {
  font-style: normal !important;
  /* 下划线保留，但因字号变小，下划线偏移收紧 */
}
.hero-title em::after {
  bottom: -2px !important;
}

/* hero-sub 跟着收：title 已是 20px，sub 13px 会更克制 */
.hero-sub {
  font-size: 13px !important;
  line-height: 1.95 !important;
  margin-bottom: 30px !important;
}

/* hero-sign 12px，注脚感更强 */
.hero-sign {
  font-size: 12px !important;
  padding-top: 14px !important;
}

/* hero 容器收纵向 padding —— eyebrow 不再被吊在半空 */
.hero {
  min-height: auto !important;
  padding: 2.5vh 4vw 7vh !important;
}

/* ============================================================
   v56b — hero 纵向节奏（只保留字距，间距交给 v56c 收尾）
   ============================================================ */
.hero-eyebrow {
  letter-spacing: .38em !important;    /* 微调字距，配合小字号 */
}
.hero-title {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
}

/* 移动端 (< 980) 同步收紧 */
@media (max-width: 980px) {
  .hero-title {
    font-size: clamp(15px, 4.6vw, 18px) !important;
    line-height: 1.55 !important;
  }
  .hero-sub  { font-size: 12.5px !important; }
  .hero-sign { font-size: 11.5px !important; }
  .hero      { min-height: 40vh !important; padding: 6vh 5vw !important; }
}

/* ============================================================
   v56c — 最小修：eyebrow 紧贴横线（2 号 A 方案，最末优先级）
   ============================================================ */
.hero {
  padding-top: 0 !important;
}
.hero-eyebrow {
  margin-top: -8px !important;
  margin-bottom: 8px !important;   /* 与 title 之间留 8px 呼吸 */
}
@media (max-width: 980px) {
  .hero { padding-top: 0 !important; }
}