/* ============================================================
   ZAMYU AUTO — 移动端版式层  mobile.css
   ------------------------------------------------------------
   加载位置：所有页面最后加载（responsive-fix.css / rtl.css 之后）
   生效范围：默认仅 ≤640px（除非该节明确标注别的断点）
   六语言通用；RTL 只使用逻辑属性 inline-start / inline-end

   解决什么：
   旧移动端把桌面网格一律塌成「单列 + 相同圆角卡片 + 加粗标题 + 灰段落」，
   且 20261028a 把 .step-no / .icon-box .big / .mile-year 全部 display:none，
   于是流程、能力、里程碑退化成没有任何视觉锚点的纯文字长条 —— 观感等同 Word。

   本层做的事：
   1) 页头收到 58px、移动端去掉 CTA、品牌字标恢复完整；
   2) 所有「顺序型」内容（process-steps / flow-strip / mile-timeline / .process）
      改成带圆形序号徽标 + 竖向导轨的时间轴；
   3) 所有「并列型」内容（icon-box / promise / card / val-card）改成
      序号徽标行或左侧金色细轨，去掉同质化盒子；
   4) 数字指标 4 联改 2×2；
   5) 正文节奏重排（字号/行高/段距/分区留白）。

   回滚：删掉 18 页的 mobile.css 链接 + 同步 index 页内 ?v= 即可，零副作用。
   ============================================================ */

/* ------------------------------------------------------------
   0. 设计常量
   ------------------------------------------------------------ */
:root {
  --mob-badge: 30px;
  --mob-gap: 14px;
  --mob-radius: 12px;
  --mob-rail: #E3D3AE;
  --mob-ink: #062750;
  --mob-body: 14.5px;
}

@media (max-width: 640px) {

  /* ============================================================
     1. 页头：105px → 58px，移动端不抢 CTA
     预算：logo 30(图形)+8+107(字标)=145 + gap10 + 语言 57 + gap8 + 汉堡 38 + 两侧 36
     = 294 < 354，留 60px 余量给阿语/俄语长词
     ============================================================ */
  html body .site-header .header-row {
    height: 58px !important;
    min-height: 58px !important;
    gap: 10px !important;
  }
  /* 移动端去掉页头 CTA：每页多出 46px 首屏，CTA 由 hero / 底部询价 / 浮球承接 */
  html body .site-header .header-row > a.btn,
  html body .site-header .header-row > .btn {
    display: none !important;
  }

  html body .site-header .logo {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    gap: 8px !important;
  }
  html body .site-header .logo .logo-mark {
    height: 30px !important;
    width: auto !important;
  }
  /* 字标恢复完整（不再被压成 "ZA…"） */
  html body .site-header .logo .logo-txt,
  html[dir="rtl"] body .site-header .logo .logo-txt {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }
  html body .site-header .logo .logo-txt b,
  html[dir="rtl"] body .site-header .logo .logo-txt b {
    font-size: 15px !important;
    letter-spacing: .02em !important;
    line-height: 1.1 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    max-width: none !important;
  }
  /* 副标在移动端不显示：省 16px 高度，且它本来就是 9.5px 的不可读装饰 */
  html body .site-header .logo .logo-txt small {
    display: none !important;
  }

  /* 控件聚到阅读终点侧：字标 ↕ 语言 ↕ 汉堡 */
  html body .site-header .header-lang {
    order: 2;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    flex: 0 0 auto !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  html body .site-header .menu-btn {
    order: 3;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* RTL：语言箭头在左，需要左侧留白；用 inline 逻辑量补 */
  html[dir="rtl"] body .site-header .header-lang,
  html[dir="rtl"] select#langSel.header-lang {
    padding: 8px 8px 8px 24px !important;
    background-position: left 8px center !important;
  }

  /* 锚点跳转不再被 92px 的旧头高遮挡 */
  html body [id] {
    scroll-margin-top: 70px !important;
  }

  /* ============================================================
     2. 分区节奏：68→46px，标题降一级，副题给出层次
     ============================================================ */
  html body .section {
    padding: 46px 0 !important;
  }
  html body .section-title {
    display: block !important;
    margin-bottom: 18px !important;
  }
  html body .section-title h2 {
    font-size: 23px !important;
    line-height: 1.26 !important;
    letter-spacing: -.005em !important;
  }
  html body .section-title p {
    margin: 6px 0 0 !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    max-width: 30em;
  }
  html body .tr-eyebrow {
    font-size: 12px !important;
    letter-spacing: .12em !important;
    margin-bottom: 8px !important;
  }
  html body .tr-title {
    font-size: 24px !important;
    line-height: 1.24 !important;
    margin: 0 0 8px !important;
  }
  html body .tr-sub {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }
  html body .tr-head {
    margin-bottom: 4px !important;
  }

  /* ============================================================
     3. 数字指标：4 联竖排(464px) → 2×2(≈170px)
     ============================================================ */
  html body .stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--line, #E2E4E9) !important;
  }
  html body .stat {
    padding: 16px 10px 18px !important;
    text-align: center;
    border-top: 1px solid var(--line, #E2E4E9);
  }
  html body .stat:nth-child(-n + 2) {
    border-top: 0;
  }
  html body .stat:nth-child(odd) {
    border-inline-end: 1px solid var(--line, #E2E4E9);
  }
  html body .stat strong {
    font-size: 31px !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    font-variant-numeric: tabular-nums;
  }
  html body .stat span {
    display: block;
    margin-top: 5px;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: var(--muted, #55657A);
  }

  /* ============================================================
     4. 顺序型内容 → 竖向时间轴（序号徽标 + 导轨）
     命中：.process-steps(首页 6 步) / .process(方案页 4 步) /
           .flow-strip(关于·联系·伙伴) / .mile-timeline(关于·里程碑)
     ============================================================ */
  /* 4-0 先修横向溢出：旧样式 minmax(400px/380px) 在 390px 下把列撑到 400px */
  html body .process-steps,
  html body .promise-grid {
    grid-template-columns: 1fr !important;
  }

  /* 4-1 首页导出流程 */
  html body .process-steps {
    display: block !important;
    border-top: 0 !important;
    margin-top: 20px !important;
    counter-reset: ps;
  }
  html body .process-steps > li {
    position: relative !important;
    display: block !important;
    padding: 0 0 20px 46px !important;
    border-bottom: 0 !important;
    counter-increment: ps;
  }
  html body .process-steps > li:last-child {
    padding-bottom: 0 !important;
  }
  html body .process-steps > li::before {
    content: counter(ps, decimal-leading-zero);
    position: absolute;
    inset-inline-start: 0;
    top: -1px;
    width: var(--mob-badge);
    height: var(--mob-badge);
    border-radius: 50%;
    background: var(--mob-ink);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  html body .process-steps > li::after {
    content: "";
    position: absolute;
    inset-inline-start: 14.5px;
    top: calc(var(--mob-badge) + 2px);
    bottom: 2px;
    width: 1px;
    background: var(--mob-rail);
  }
  html body .process-steps > li:last-child::after {
    content: none;
  }
  html body .process-steps h4 {
    font-size: 16.5px !important;
    line-height: 1.3 !important;
    margin: 2px 0 3px !important;
  }
  html body .process-steps p {
    font-size: var(--mob-body) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  /* 4-2 方案页四步 */
  html body .process {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    counter-reset: pr;
  }
  html body .process > .step {
    position: relative !important;
    display: block !important;
    text-align: start !important;
    padding: 0 0 18px 46px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    counter-increment: pr;
  }
  html body .process > .step:last-child {
    padding-bottom: 0 !important;
  }
  html body .process > .step::before {
    content: counter(pr, decimal-leading-zero);
    position: absolute;
    inset-inline-start: 0;
    top: -1px;
    width: var(--mob-badge);
    height: var(--mob-badge);
    border-radius: 50%;
    background: var(--mob-ink);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  html body .process > .step::after {
    content: "";
    position: absolute;
    inset-inline-start: 14.5px;
    top: calc(var(--mob-badge) + 2px);
    bottom: 2px;
    width: 1px;
    background: var(--mob-rail);
  }
  html body .process > .step:last-child::after {
    content: none;
  }
  html body .process > .step b {
    display: block;
    font-size: 16px !important;
    color: var(--navy, #062750);
    margin: 2px 0 3px !important;
    line-height: 1.3;
  }
  html body .process > .step span {
    font-size: var(--mob-body) !important;
    line-height: 1.55 !important;
    color: var(--muted, #55657A);
  }

  /* 4-3 五步流程图（关于/联系/伙伴）：去掉箭头，接成导轨 */
  html body .flow-strip {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
  html body .flow-strip .flow-arrow {
    display: none !important;
  }
  html body .flow-strip > .flow-step {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }
  html body .flow-strip > .flow-step:last-of-type {
    padding-bottom: 0 !important;
  }
  html body .flow-strip > .flow-step::after {
    content: "";
    position: absolute;
    inset-inline-start: 13px;
    top: 28px;
    bottom: 2px;
    width: 1px;
    background: var(--mob-rail);
  }
  html body .flow-strip > .flow-step:last-of-type::after {
    content: none;
  }
  html body .flow-strip .flow-dot {
    width: 27px !important;
    height: 27px !important;
    font-size: 12px !important;
    background: var(--mob-ink) !important;
    flex: 0 0 auto !important;
    position: relative;
    z-index: 1;
  }

  /* 4-4 关于页里程碑（序号本就在 .mile-year 里，被旧规则隐藏了） */
  html body .mile-timeline {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-top: 4px !important;
  }
  html body .mile-item {
    position: relative !important;
    padding: 0 0 22px 46px !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
  html body .mile-item:last-child {
    padding-bottom: 0 !important;
  }
  /* 旧规则画的横向连接线，移动端必须去掉 */
  html body .mile-item::after {
    display: none !important;
  }
  html body .mile-item::before {
    content: "";
    position: absolute;
    inset-inline-start: 14.5px;
    top: calc(var(--mob-badge) + 2px);
    bottom: 2px;
    width: 1px;
    background: var(--mob-rail);
  }
  html body .mile-item:last-child::before {
    content: none;
  }
  html body .mile-timeline .mile-year {
    display: inline-flex !important;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: var(--mob-badge);
    height: var(--mob-badge);
    border-radius: 50%;
    background: var(--mob-ink);
    color: #fff;
    font-size: 12px !important;
    font-weight: 800;
    letter-spacing: .02em;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
  }
  html body .mile-item h3 {
    font-size: 16.5px !important;
    line-height: 1.3 !important;
    margin: 2px 0 4px !important;
  }
  html body .mile-item p {
    font-size: var(--mob-body) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  /* ============================================================
     5. 并列型内容 → 序号徽标行 / 细轨清单（去掉同质白盒）
     ============================================================ */

  /* 5-1 方案页 6 项能力：旧规则把 .big 里的 01~06 藏了 */
  html body .icon-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  html body .icon-row .icon-box {
    display: block !important;
    position: relative;
    padding: 0 0 18px 48px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
  }
  html body .icon-row .icon-box:last-child {
    padding-bottom: 0 !important;
  }
  html body .icon-row .icon-box .big {
    display: flex !important;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #F1F5FA;
    color: var(--navy, #062750) !important;
    font-size: 12.5px !important;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
  }
  /* 伙伴页 .big 里装的是 SVG 图标，别套浅灰底座 */
  html body .icon-row .icon-box .big:has(svg) {
    background: none;
    border-radius: 0;
  }
  html body .icon-row .icon-box .big svg {
    width: 26px !important;
    height: 26px !important;
  }
  html body .icon-row .icon-box h3 {
    font-size: 16.5px !important;
    line-height: 1.3 !important;
    margin: 2px 0 4px !important;
  }
  html body .icon-row .icon-box p {
    font-size: var(--mob-body) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  /* 5-2 首页三条承诺：三个盒子 → 带勾的三行清单 */
  html body .promise-grid {
    gap: 0 !important;
    margin-top: 22px !important;
    border-top: 1px solid var(--line, #E2E4E9);
  }
  html body .promise {
    display: block !important;
    position: relative;
    padding: 14px 0 14px 26px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line, #E2E4E9) !important;
    border-radius: 0 !important;
    background: none !important;
  }
  html body .promise::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 17px;
    width: 14px;
    height: 8px;
    border-left: 2.5px solid var(--accent-deep, #B8860B);
    border-bottom: 2.5px solid var(--accent-deep, #B8860B);
    transform: rotate(-45deg);
    transform-origin: center;
  }
  html[dir="rtl"] body .promise::before {
    transform: rotate(-45deg) scaleX(-1);
  }
  html body .promise h4 {
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    margin: 0 0 3px !important;
  }
  html body .promise p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  /* 5-3 通用卡片堆：缩紧留白，标题与正文拉开层级 */
  html body .grid-4,
  html body .grid-3,
  html body .val-grid,
  html body .stats-grid,
  html body .mk-grid,
  html body .market-grid,
  html body .cert-grid,
  html body .logo-wall {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  html body .card {
    border-radius: var(--mob-radius) !important;
  }
  html body .card-body,
  html body .val-card .card-body {
    padding: 16px 16px !important;
  }
  html body .card h3,
  html body .val-card h3 {
    font-size: 16.5px !important;
    line-height: 1.32 !important;
    margin: 0 0 6px !important;
  }
  html body .card p,
  html body .val-card p {
    font-size: var(--mob-body) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }
  /* 价值观卡：暖底 + 金色起始轨，四张不再长得一模一样白 */
  html body .val-card {
    background: #FCFAF4 !important;
    border: 1px solid #EFE6D2 !important;
    border-inline-start: 3px solid var(--accent, #E8A838) !important;
  }
  html body .val-card .val-num {
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
    color: var(--accent-deep, #B8860B) !important;
    line-height: 1 !important;
    margin: 0 0 8px !important;
  }

  /* 5-4 关于页公司档案：五段混排 → 规格表 */
  html body .dark-panel {
    padding: 20px 18px !important;
    border-radius: var(--mob-radius) !important;
  }
  html body .dark-panel h3 {
    font-size: 15px !important;
    letter-spacing: .1em !important;
    color: rgba(255, 255, 255, .62) !important;
    margin: 0 0 6px !important;
    font-weight: 700;
  }
  html body .dark-panel p {
    margin: 0 !important;
    padding: 11px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    font-size: var(--mob-body) !important;
    line-height: 1.55 !important;
  }
  html body .dark-panel p:last-child {
    border-bottom: 0 !important;
    padding-bottom: 2px !important;
  }
  html body .dark-panel p b {
    display: block;
    font-size: 11.5px !important;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 3px;
    line-height: 1.4;
  }
  html body .dark-panel p br {
    display: none;
  }
  html body .dark-panel p span {
    display: block;
    color: #fff;
  }

  /* 5-5 展示卡（关于页四张实景）：图与文的比例收一下 */
  html body .showcase-grid {
    gap: 12px !important;
  }
  html body .showcase-img {
    height: 210px !important;
  }
  html body .showcase-body {
    padding: 14px 16px !important;
  }
  html body .showcase-body h3 {
    font-size: 16px !important;
    margin: 0 0 4px !important;
  }
  html body .showcase-body p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* 5-6 询价区左侧三条优势：与上方承诺清单同一套「勾选行」语言 */
  html body .inquiry-left .iq-sub {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 10px 0 6px !important;
  }
  html body .inquiry-left .reason {
    position: relative;
    padding: 14px 0 14px 26px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line, #E2E4E9) !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
  html body .inquiry-left .reason:first-of-type {
    border-top: 1px solid var(--line, #E2E4E9) !important;
  }
  html body .inquiry-left .reason::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 18px;
    width: 14px;
    height: 8px;
    border-left: 2.5px solid var(--accent-deep, #B8860B);
    border-bottom: 2.5px solid var(--accent-deep, #B8860B);
    transform: rotate(-45deg);
    transform-origin: center;
  }
  html[dir="rtl"] body .inquiry-left .reason::before {
    transform: rotate(-45deg) scaleX(-1);
  }
  html body .inquiry-left .reason h4 {
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    margin: 0 0 3px !important;
  }
  html body .inquiry-left .reason p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  /* 5-7 关于页「合规出口四步」：内联 01~04 被 20261028i 的
     html [style*="font-size:30px;font-weight:900"]{display:none} 抹掉，
     恢复成与首页流程同一套时间轴（四步本身是有先后的） */
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) {
    display: block !important;
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card {
    position: relative !important;
    display: block !important;
    padding: 0 0 18px 46px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    cursor: default;
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card:last-child {
    padding-bottom: 0 !important;
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card::after {
    content: "";
    position: absolute;
    inset-inline-start: 14.5px;
    top: calc(var(--mob-badge) + 2px);
    bottom: 2px;
    width: 1px;
    background: var(--mob-rail);
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card:last-child::after {
    content: none;
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card > .card-body {
    padding: 0 !important;
  }
  html body .card > .card-body > div[style*="font-size:30px"] {
    display: flex !important;
    position: absolute;
    inset-inline-start: 0;
    top: -1px;
    width: var(--mob-badge);
    height: var(--mob-badge);
    border-radius: 50%;
    background: var(--mob-ink);
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    line-height: 1 !important;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card h3 {
    font-size: 16.5px !important;
    line-height: 1.3 !important;
    margin: 2px 0 4px !important;
  }
  html body .grid-4:has(> .card > .card-body > div[style*="font-size:30px"]) > .card p {
    font-size: var(--mob-body) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }
  /* 核心价值观卡上的 .val-num 同样被抹掉了 */
  html body .val-card .val-num {
    display: block !important;
  }

  /* ============================================================
     6. 杂项收口
     ============================================================ */
  /* 6-1 轮播箭头：手机用滑动，44px 箭头压在标题上（旧规则 !important 反吃） */
  html body .hs-arrow {
    display: none !important;
  }
  /* 6-2 浮球：缩小、贴安全区，别骑在正文上 */
  html a.whatsapp,
  html body .whatsapp,
  html body .fab-wa {
    width: auto !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    line-height: 40px !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(6, 39, 80, .18) !important;
  }
  html[dir="rtl"] a.whatsapp,
  html[dir="rtl"] body .whatsapp {
    right: auto !important;
    left: 14px !important;
  }
  /* 页面尾部留出浮球高度，避免最后一段永远被压 */
  html body {
    padding-bottom: 0;
  }
  html body .footer {
    padding-bottom: 26px;
  }

  /* 6-3 正文基准：段距与行高统一（六语言通用） */
  html body {
    -webkit-text-size-adjust: 100%;
  }
  html body p {
    text-wrap: pretty;
  }
  html body .container > p,
  html body .section > p {
    line-height: 1.65;
  }

  /* ============================================================
     7. 标题字体收口 —— 这是「像 Word」的第二个根因
     ------------------------------------------------------------
     现状：正文是自托管 Inter，标题是自托管 Noto Serif **600 一个字重**，
     而 h1/h2 实际按 900 渲染 → 浏览器对 600 做合成加粗，边缘发糊；
     阿语/中文又没有 Noto Serif 字形，会掉进系统衬线，六个语言三种观感。
     处理：移动端标题统一到 Inter 700（服务器已有 Inter-700-latin/cyrillic.woff2，
     零额外下载），字重与文件对齐不再合成加粗；中文/阿语按系统无衬线回落，
     与正文一致。桌面端不受影响。
     ============================================================ */
  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body .tr-title,
  html body .section-title h2,
  html body .stat strong,
  html body .hero h1,
  html body .page-hero h1,
  html body .hs-name,
  html body .partner-cta h2,
  html body .card h3,
  html body .val-card h3,
  html body .promise h4,
  html body .reason h4,
  html body .icon-box h3,
  html body .mile-item h3,
  html body .showcase-body h3,
  html body .dark-panel h3 {
    font-family: Inter, "PingFang SC", "Noto Sans SC", "Noto Sans Arabic",
      "Microsoft YaHei", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    text-rendering: optimizeLegibility;
  }
  /* 大标题再收紧一档字距，避免全大写时发散 */
  html body .hero h1,
  html body .page-hero h1,
  html body .hs-name,
  html body .section-title h2,
  html body .tr-title {
    letter-spacing: -.02em !important;
  }
  html body .hero h1,
  html body .page-hero h1 {
    line-height: 1.1 !important;
  }

  /* ============================================================
     8. 第二套模板页头（parts / dealer / regulation / market-*）
     这套模板用 .nav-inner，不是 .site-header。
     390px 实测：字标 letter-spacing 1.5px 撑到 177px + CTA 150 + 语言 100
     + 汉堡 → 超预算 70px，字标被截成 "ZAMYU AUT"、副标压在主标上。
     与第一套模板同口径：移动端去 CTA，字标收紧，控件聚右侧。
     ============================================================ */
  html body .nav-inner {
    height: 56px !important;
    padding: 0 12px !important;
    gap: 8px !important;
  }
  html body .brand {
    gap: 7px !important;
    min-width: 0;
  }
  html body .brand-mark {
    height: 26px !important;
    width: auto !important;
    flex: 0 0 auto;
  }
  html body .brand-en {
    font-size: 14.5px !important;
    letter-spacing: .3px !important;
    line-height: 1.15 !important;
    white-space: nowrap;
  }
  html body .brand-cn {
    display: none !important;
  }
  html body .nav-right {
    gap: 6px !important;
    flex: 0 0 auto;
    margin-inline-start: auto;
  }
  /* 与第一套模板一致：移动端页头不放 CTA */
  html body .nav-cta {
    display: none !important;
  }
  html body .lang-select {
    max-width: 96px !important;
    font-size: 12.5px !important;
    padding: 5px 6px !important;
  }
  html body .hamburger {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 auto;
    justify-content: center !important;
  }
  /* 空态插图别撑满整屏 */
  html body .empty-state {
    padding: 40px 16px !important;
  }
  html body .empty-state svg {
    width: 96px !important;
    height: 96px !important;
  }
}

/* 640 以下的窄屏再收一档（350/360 的安卓机） */
@media (max-width: 360px) {
  html body .site-header .logo .logo-txt b {
    font-size: 13.5px !important;
  }
  html body .site-header .logo .logo-mark {
    height: 26px !important;
  }
  html body .stat strong {
    font-size: 27px !important;
  }
}