/* ============================================================
   zamyuauto.com 全站响应式统一层  v20260916a
   ------------------------------------------------------------
   定位：纯追加层，不修改/删除现有任何一条规则。
   设计原则：
     1) 所有改动都包在 @media 里 —— 769px~2199px 区间**零影响**
        （保护你现在的笔记本/1080p/2K 电脑端观感完全一致）
     2) 用 "html xxx" 提高一级特异性来覆盖，不用 !important
     3) 本文件放在 </head> 前（最后加载），确保同特异性下生效
     4) 只解决三件事：
        ① 窄屏(<=900) 留白太窄 + 卡片图固定高导致重度裁切
        ② 高分辨率(>=2200) 内容区过窄（4K 下"细长一条"）
        ③ 全局兜底：写死宽度的容器不撑破、图片可缩放
   ============================================================ */

/* ============ 0. 全局兜底（不改变现有尺寸，只防极端情况） ============ */
html, body { overflow-x: clip; }

/* 图片/媒体可缩放（style.css 已有 img{max-width:100%}，这里补媒体类型） */
img, svg, video, iframe, embed { max-width: 100%; }

/* 各页面历史遗留的"写死宽度"容器，加一道不撑破的保险
   （桌面端宽度不变，仅在容器比屏幕宽时收敛） */
html .dealer-page,
html .filters-inner,
html .network-inner,
html .dealer-cta-inner,
html .back-wrap,
html .cta-section,
html .notice,
html .section-inner,
html .news-page,
html .legal-wrap,
html .partner-cta,
html .nav-inner,
html .footer-inner,
html .footer-bottom,
html .page,
html .modal,
html .page-hero p,
html .hs-content { max-width: 100%; }

/* flex/grid 子项允许收缩，避免长单词/徽标把布局顶开 */
html .card-body,
html .hs-specs li,
html .flow-step,
html .mk-card,
html .veh-card { min-width: 0; }


/* ============ 1. 平板 + 手机（<=900px）：修留白与图文比例 ============ */
@media (max-width: 900px) {

  /* 1-1 内容区留白：原来 96% 在 360px 屏只剩 7px 边距，太贴边
        改为 100% - 2*clamp(14px,4vw,28px)，随屏宽平滑给边距 */
  html .container {
    width: min(1560px, calc(100% - 2 * clamp(14px, 4vw, 28px)));
  }
  /* 内联页各自的容器同策略 */
  html .dealer-page,
  html .filters-inner,
  html .network-inner,
  html .back-wrap,
  html .cta-section,
  html .notice,
  html .section-inner,
  html .news-page,
  html .legal-wrap {
    width: min(1200px, calc(100% - 2 * clamp(14px, 4vw, 28px)));
  }

  /* 1-2 卡片/展示图：固定高 + cover 在窄屏会重度裁切（车头车尾被切掉）
        改为按 4:3 自适应高度，图片完整呈现、比例不失真 */
  html .card-img {
    height: auto;
    aspect-ratio: 4 / 3;
  }
  html .mk-img {
    height: auto;
    aspect-ratio: 16 / 10;
  }
  html .cert-img {
    height: auto;
    aspect-ratio: 2 / 1;
  }
  /* about 页 showcase：240px 固定高 + 占位伪元素同步 */
  html .showcase-img {
    height: auto;
    aspect-ratio: 3 / 2;
  }
  html .showcase-img[data-upload]::after { height: 100%; }
  html .showcase-img[data-upload]:empty::before { line-height: 3; }

  /* 1-3 卡片正文在手机上不小于 14.5px（原来 12~13px 偏小） */
  html .card-body p,
  html .veh-card .card-body p,
  html .mk-card p,
  html .market-card p {
    font-size: 14.5px;
    line-height: 1.6;
  }
  html .card-body h3,
  html .mk-card h3,
  html .market-card h3 {
    font-size: 17px;
    line-height: 1.35;
  }
  /* 规格/标签类小字允许换行，不被挤成一条 */
  html .hs-specs li b,
  html .spec-val,
  html .flow-step {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* 1-4 页脚长串版权允许换行（原来是 nowrap，窄屏有溢出隐患） */
  html .footer-bottom,
  html .footer-bottom *,
  html .ft-rights {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}


/* ============ 2. 手机（<=640px）：单列与行距 ============ */
@media (max-width: 640px) {

  /* 2-1 段落与列表行距放宽，提升可读性 */
  html p { line-height: 1.7; }
  html li { line-height: 1.6; }

  /* 2-2 多列网格一律单列（兜底，防止个别页漏配降列） */
  html .grid-2,
  html .grid-3,
  html .grid-4,
  html .markets-grid,
  html .mk-grid,
  html .showcase-grid,
  html .mv-grid,
  html .val-grid,
  html .stats-grid,
  html .flow-timeline,
  html .cert-grid,
  html .market-grid {
    grid-template-columns: 1fr;
  }

  /* 2-3 两个一行的 flex 也塌成单列（常见规格条/按钮组） */
  html .hs-specs li { flex: 1 1 100%; }

  /* 2-4 标题不要在窄屏过大 */
  html h1 { font-size: clamp(26px, 7.5vw, 40px); line-height: 1.2; }
  html h2 { font-size: clamp(21px, 5.6vw, 30px); line-height: 1.25; }
  html h3 { font-size: clamp(17px, 4.6vw, 21px); }
}


/* ============ 3. 小屏手机（<=400px） ============ */
@media (max-width: 400px) {
  html .container {
    width: calc(100% - 28px);
  }
  html .card-body p,
  html .veh-card .card-body p { font-size: 14px; }
}


/* ============ 4. 2K/4K 高分辨率（>=2200px）：修"内容挤在中间" ============
   原来 .container 上限写死 1560px：2560 下占 61%，3840 下只占 40%，
   看起来就是屏幕中间一条细带。这里按分辨率分档放大内容区，
   并同步加大区块留白，让大屏有呼吸感而不是"字变小了"。        */
@media (min-width: 2200px) {
  html .container {
    width: min(1840px, 92%);
  }
  html .section { padding: 92px 0; }
  /* 卡片图在大屏相应加高，避免图小字大失衡 */
  html .card-img { height: 300px; }
  html .mk-img { height: 220px; }
}

@media (min-width: 3000px) {
  html .container {
    width: min(2080px, 90%);
  }
  html .section { padding: 112px 0; }
  html .card-img { height: 340px; }
  html .mk-img { height: 250px; }
}

/* ============ 5. 高分辨率：遗留容器的"过窄 / 过宽"双向修正 ============
   审计发现两类历史容器没跟上大屏：
     A. market-* 页 .section-inner 无上限 → 4K 下拉满 3792px，文字行太长
     B. regulation 的 main(1120) / dealer 的 .dealer-page(1200) / parts 的
        .filters-inner(1200) 写死 → 4K 下只占 29~31%，比主站还窄
   这里按分辨率分档：A 类"收到上限并居中"，B 类"放宽上限"。          */
@media (min-width: 2200px) {
  /* A 类：无上限容器 → 给上限并居中 */
  html .section-inner,
  html .mk-hero,
  html .wrap,
  html .network-inner {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
  }
  /* B 类：写死窄容器 → 放宽 */
  html main,
  html .page,
  html .dealer-page,
  html .filters-inner,
  html .back-wrap,
  html .cta-section,
  html .notice,
  html .legal-wrap,
  html .news-page {
    width: min(1700px, 92%);
    max-width: 92%;
  }
}

@media (min-width: 3000px) {
  html .section-inner,
  html .mk-hero,
  html .wrap,
  html .network-inner {
    max-width: 2160px;
  }
  html main,
  html .page,
  html .dealer-page,
  html .filters-inner,
  html .back-wrap,
  html .cta-section,
  html .notice,
  html .legal-wrap,
  html .news-page {
    width: min(2000px, 90%);
    max-width: 90%;
  }
}


/* ============ 6. 窄屏：遗留容器贴边 + 过小字号 ============ */
@media (max-width: 900px) {

  /* 6-1 这些页面没有 .container，正文直接贴屏幕边（360 下占比 1.000） */
  html main,
  html .page,
  html .dealer-page,
  html .filters-inner,
  html .back-wrap,
  html .cta-section,
  html .notice {
    width: calc(100% - 2 * clamp(14px, 4vw, 28px));
    margin-left: auto;
    margin-right: auto;
  }

  /* 6-2 移动端过小字号抬到可读区间（实测最小 8px / 10px / 10.5px / 11px） */
  /* 页脚品牌小字原为 8px（.ft-brand>.logo small），这里用同级特异性提权覆盖 */
  html .logo small,
  html .ft-brand small,
  html .ft-brand .logo small,
  html .footer small,
  html .site-footer small,
  html small { font-size: 11.5px; line-height: 1.5; }
  html .eyebrow,
  html .hs-eyebrow,
  html [class*="eyebrow"] { font-size: 12.5px; letter-spacing: .5px; }
  /* index 页内 .hs-content .eyebrow(0,2,0) 特异性更高，这里同级提权 */
  html .hs-content .eyebrow,
  html .hs-inner .eyebrow,
  html .hs-content [class*="eyebrow"] { font-size: 12.5px; letter-spacing: .5px; }
  /* index 页内 .hero .eyebrow 用了 !important，只能同级 !important 覆盖 */
  html .hero .eyebrow,
  html .hero [class*="eyebrow"] { font-size: 12.5px !important; letter-spacing: 1px !important; }
  html .hs-badge { font-size: 12px; padding: 5px 12px; }
  /* hero 规格标签（Year / Emission / Drive…） */
  html .hs-specs li span { font-size: 12px; }
  /* 关于页地图角标地址 */
  html .map-mini-chip span { font-size: 12px; }
  html .map-mini-chip b { font-size: 12.5px; }
  /* 通用兜底：任何 <span> 不低于 11.5px（用 :not 避开大号装饰字） */
  html span:not([class*="name"]):not([class*="num"]):not([class*="price"]):not([class*="year"]) {
    font-size: max(11.5px, 1em);
  }
}


/* ════════════════════════════════════════════════════════════
   7. 手机端 HERO 专属布局（<=640px）—— 上图下文
   ------------------------------------------------------------
   用户方案：既然素材是横图，就"上面放图片、下面放文字"，
   图片按原生宽高比完整呈现，不再裁切/拉伸变形。
     · 图片块：宽 100%、按素材比例（照片 4:3 / 抠图 16:9）
     · 文字块：图片下方的深蓝面板（自带渐变，不再叠在图上）
     · 规格条 / 信任卡：横滑一行
     · 箭头隐藏（滑动 + 圆点）
   ════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {

  /* 7-1 高度由内容决定：激活帧 relative，其余 absolute 叠放 */
  /* 同时压掉 index 页内 ≤560 的 min-height:700px（否则多出 356px 空白） */
  html .hero-slider,
  html .hs-track,
  html .hs-inner,
  html .hs-slide { height: auto; min-height: 0; }
  html .hs-slide {
    position: absolute;
    top: 0; left: 0; right: 0;
    opacity: 0; visibility: hidden;
  }
  html .hs-slide.is-active {
    position: relative;
    display: flex;
    flex-direction: column;
    opacity: 1; visibility: visible;
  }

  /* 7-2 图片块在上：按素材原生比例完整呈现 */
  html .hs-slide.is-active .hs-bg {
    position: static;
    inset: auto;
    order: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background-size: cover !important;
    background-position: 76% 55% !important;
  }
  /* 车辆照片（1800x1350 = 4:3）→ 原生比例，零裁切零变形 */
  html .hs-slide.is-active .hs-bg[data-upload^="hero-vehicle"] {
    aspect-ratio: 4 / 3;
    background-position: 50% 55% !important;
  }
  /* 品牌帧 */
  html .hs-slide.is-active .hs-bg[data-upload="home-hero"] {
    aspect-ratio: 16 / 9;
    background-position: center !important;
  }

  /* 7-3 文字块在下：深蓝面板，与图片自然衔接 */
  html .hs-slide.is-active .hs-inner {
    position: static;
    order: 1;
    display: block;
    height: auto;
    padding: 0;
    background: linear-gradient(180deg, #0d2b50 0%, #061a31 46%, #04101f 100%);
    border-top: 1px solid rgba(140, 180, 220, .18);
  }
  /* 图片上不再需要压暗渐变（文字已移出图片区） */
  html .hs-slide.is-active::before,
  html .hs-slide.is-active::after { display: none; }

  html .hs-content {
    max-width: 100%;
    padding: 18px 16px 6px;
  }

  /* 7-4 字号收紧 */
  html .hs-name {
    font-size: clamp(21px, 5.8vw, 25px) !important;
    line-height: 1.2;
    letter-spacing: -.3px;
    margin-bottom: 7px;
  }
  html .hs-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 12px;
  }
  html .hs-badge { font-size: 10.5px !important; padding: 4px 9px; margin-bottom: 9px; }
  html .eyebrow { font-size: 11px !important; letter-spacing: .5px; }

  /* 7-5 规格条：横滑一行 */
  html .hero .hs-specs,
  html .hs-specs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 7px;
    padding-bottom: 4px;
    margin-bottom: 11px;
  }
  html .hero .hs-specs li,
  html .hs-specs li {
    flex: 0 0 auto;
    min-width: 0;
    padding: 6px 10px;
  }
  html .hero .hs-specs li b,
  html .hs-specs li b { font-size: 14px; white-space: nowrap; }
  html .hero .hs-specs li span,
  html .hs-specs li span { font-size: 11px; margin-top: 2px; }

  /* 7-6 价格 */
  html .hs-price { margin-bottom: 10px; }
  html .hero .hs-price b,
  html .hs-price b { font-size: 22px; }

  /* 7-7 按钮并排等宽 */
  html .hero .hs-content .actions,
  html .hs-content .actions {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
  }
  html .hero .hs-content .actions .btn,
  html .hs-content .actions .btn {
    flex: 1 1 50%;
    justify-content: center;
    text-align: center;
    padding: 10px 6px;
    font-size: 13px;
  }

  /* 7-8 信任卡：横滑一行 */
  html .trustbar--hero {
    position: static;
    pointer-events: auto;
    padding: 12px 0 34px;
    background: linear-gradient(180deg, #04101f 0%, #030c18 100%);
  }
  html .trustbar--hero .container { padding: 0 14px; }
  html .trustbar--hero .trust-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding: 0 0 4px;
  }
  html .trustbar--hero .trust-grid::-webkit-scrollbar { display: none; }
  html .trustbar--hero .trust-item { flex: 0 0 68%; min-width: 0; }
  html .trustbar--hero .trust-item > div {
    min-height: 0;
    padding: 10px 12px;
    background: rgba(12, 38, 70, .92);
    border: 1px solid rgba(140, 180, 220, .16);
  }
  html .trustbar--hero .trust-item b { font-size: 13.5px; }
  html .trustbar--hero .trust-item span { font-size: 11.5px; }
  html .trustbar--hero .trust-icon { display: none; }

  /* 7-8b 横向滑动提示：右侧渐隐遮罩 + 滚动条细线（2026-10-10） */
  html .trustbar--hero .container {
    position: relative;
  }
  html .trustbar--hero .container::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 4px;
    width: 44px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(3,12,24,0) 0%, rgba(3,12,24,.92) 100%);
    border-radius: 0 6px 6px 0;
  }
  /* 滑到最右时遮罩自动收起（JS 加 .at-end 类） */
  html .trustbar--hero .container.at-end::after { opacity: 0; transition: opacity .2s; }
  /* 细滚动条，明确提示可横向滑动 */
  html .trustbar--hero .trust-grid {
    scrollbar-width: thin;
    scrollbar-color: rgba(140,180,220,.45) transparent;
    padding-bottom: 8px;
  }
  html .trustbar--hero .trust-grid::-webkit-scrollbar {
    display: block; height: 3px;
  }
  html .trustbar--hero .trust-grid::-webkit-scrollbar-thumb {
    background: rgba(140,180,220,.4); border-radius: 3px;
  }
  html .trustbar--hero .trust-grid::-webkit-scrollbar-track { background: transparent; }

  /* 7-9 箭头隐藏；圆点排文档流 */
  html .hs-arrow { display: none; }
  html .hs-dots {
    position: static;
    display: flex;
    justify-content: center;
    gap: 7px;
    padding: 0 0 14px;
    background: #030c18;
  }
  html .hs-dot { width: 18px; }

  /* 7-10 社交浮标缩小（在图片区右上） */
  html .social-bar--hero,
  html .hero .social-bar--hero {
    top: 10px !important;
    right: 10px !important;
    gap: 6px !important;
  }
  html .social-bar .social-btn,
  html a.social-btn { width: 28px !important; height: 28px !important; }
  html .social-bar .social-btn svg { width: 13px !important; height: 13px !important; }
}


/* ===== 2026-10-02 移动端可用性专项 =====
   依据：Playwright 全站实测（390 视口）—— 触控目标被 640px 断点逐级缩小到 28px、
   联系页邮箱链接仅 17px 高、参数标签 11px 偏小、hero 圆点点击区 18x3 几乎点不中 */

/* 1) 社交图标：640px 断点曾降到 28px，恢复到 40px（仍留出间隙，不拥挤） */
@media(max-width:768px){
  .ft-brand .social-bar--footer .social-btn,
  .ft-bottom-row .social-bar--footer .social-btn,
  .social-bar .social-btn,
  a.social-btn{width:40px!important;height:40px!important}
  .ft-brand .social-bar--footer .social-btn svg,
  .ft-bottom-row .social-bar--footer .social-btn svg,
  .social-bar .social-btn svg{width:18px!important;height:18px!important}
}

/* 2) 页脚导航与联系方式：链接可点击区域 ≥40px（原来 20px） */
@media(max-width:768px){
  .footer-grid a,
  .ft-bottom-row a,
  .footer-bottom a{display:inline-flex;align-items:center;min-height:40px;padding:8px 0}
  .footer-grid p a{display:inline-flex;align-items:center;min-height:38px;padding:4px 0}
}

/* 3) 联系页卡片内的邮箱 / WhatsApp（主要转化入口，原来只有 17px 高） */
@media(max-width:768px){
  .card-body p a[href^="mailto:"],
  .card-body p a[href^="tel:"],
  .card-body p a[href*="wa.me"],
  .card .card-body p a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:15px;line-height:1.5}
}

/* 4) hero 轮播圆点：保持视觉尺寸不变，用伪元素把点击区扩到 38x26 */
@media(max-width:768px){
  .hs-dot{position:relative}
  .hs-dot::after{content:'';position:absolute;left:-6px;right:-6px;top:-12px;bottom:-12px}
}

/* 5) 移动端菜单按钮 ≥44px */
@media(max-width:768px){
  .menu-btn,.mobile-toggle,.nav-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}

/* 6) 参数表与标签：11px → 12.5px，并强化「标签 / 数值」的视觉层次 */
@media(max-width:768px){
  .lab,.ig-label{font-size:12.5px!important;line-height:1.5}
  .spec-table .lab,.specs .lab{color:var(--text2,#64748b);font-weight:500}
  .spec-table .val,.specs .val{font-weight:700;color:var(--text,#0b2b4d)}
}

/* 7) 语言下拉与 logo 副标题（原 11px / 8px 过小） */
@media(max-width:768px){
  select option{font-size:13px}
  .ft-brand>.logo small,.logo small{font-size:9.5px!important;letter-spacing:.04em}
}

/* 8) 面包屑与列表内文本链接：可点击区域 */
@media(max-width:768px){
  .breadcrumb a,.crumb a{display:inline-flex;align-items:center;min-height:32px}
  .veh-tab{min-height:40px;display:inline-flex;align-items:center}
}

/* ===== 2026-10-02 第二轮：提高特异性覆盖 style.css 的移动端缩小规则 =====
   style.css 里 .ft-bottom-row .social-bar--footer .social-btn 为 (0,3,0) 且带 !important，
   同特异性下靠加载顺序取胜不稳；这里统一加 html body 前缀提到 (0,3,2)，确保必胜。 */

@media(max-width:768px){
  html body .ft-bottom-row .social-bar--footer .social-btn,
  html body .ft-brand .social-bar--footer .social-btn,
  html body .social-bar--footer .social-btn,
  html body .social-bar--hero .social-btn,
  html body .social-bar .social-btn,
  html body a.social-btn,
  html body .social-btn{
    width:40px!important;height:40px!important;
  }
  html body .ft-bottom-row .social-bar--footer .social-btn svg,
  html body .ft-brand .social-bar--footer .social-btn svg,
  html body .social-bar--footer .social-btn svg,
  html body .social-bar--hero .social-btn svg,
  html body .social-bar .social-btn svg,
  html body a.social-btn svg{width:18px!important;height:18px!important}
}

/* 页脚联系方式：邮箱/电话点击区提到 44px（原来 20-22px） */
@media(max-width:768px){
  html body .footer-grid p a,
  html body .ft-bottom-row p a{
    display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:15px;line-height:1.5;
  }
  html body .footer-grid a,
  html body .footer-bottom a,
  html body .ft-bottom-row a{
    display:inline-flex;align-items:center;min-height:42px;padding:8px 0;
  }
}

/* 车辆详情：面包屑 + 画廊上下张按钮 + 询价入口 */
@media(max-width:768px){
  html body .breadcrumb a,
  html body .veh-crumb a,
  html body .crumbs a,
  html body a[href$="vehicles.html"]{
    display:inline-flex;align-items:center;min-height:38px;padding:2px 0;
  }
  html body .gal-nav button,
  html body .gallery button,
  html body .gal-prev, html body .gal-next,
  html body .g-prev, html body .g-next,
  html body .lightbox button, html body .lb-btn{
    min-width:44px!important;min-height:44px!important;
  }
  html body a[href^="#inquiry"],
  html body a[href^="mailto:"],
  html body .js-whatsapp{
    display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:15px;
  }
}

/* 参数表：标签次要、数值加粗，强化视觉层级 */
@media(max-width:768px){
  html body .lab{font-size:12.5px!important;line-height:1.5;color:#7a879a;font-weight:500}
  html body .ig-label{font-size:12.5px!important;line-height:1.5}
  html body .spec-table .spec-val,
  html body .specs .spec-val,
  html body .spec-table td.val{font-weight:700;color:#0b2b4d}
}

/* ===== 2026-10-02 第三轮：补齐漏网选择器 ===== */

/* 顶部导航 / 面包屑 / 页脚栏目 / 分类 tab：统一 42px 点击高度 */
@media(max-width:768px){
  html body .crumb a,
  html body .nav-links a,
  html body .nav-links a.nav-cta,
  html body .nav-links a.active,
  html body .footer-col a,
  html body header .nav a,
  html body a.veh-tab,
  html body .veh-tabs a{
    display:inline-flex;align-items:center;min-height:42px;padding:4px 0;
  }
  html body a.veh-tab,
  html body .veh-tabs a{min-height:40px;padding:6px 16px}
}

/* 侧栏 / 询价类行动点（车辆详情页 CTA 原仅 17px 高） */
@media(max-width:768px){
  html body .col-side a,
  html body .side-card a,
  html body .form-side a,
  html body a[href*="inquiry"],
  html body a[href*="wa.me"],
  html body a[href*="whatsapp"],
  html body a[href^="tel:"],
  html body a[href^="mailto:"]{
    display:inline-flex;align-items:center;min-height:42px;padding:8px 0;line-height:1.5;
  }
}

/* 浮动 WhatsApp 按钮：保证可点面积 */
@media(max-width:768px){
  html body #fabWa,
  html body a.js-whatsapp,
  html body .fab-wa{min-height:44px}
}

/* ===== 2026-10-02 第四轮：首页询价表单超出右边界 =====
   现象：section#inquiry 的 .inquiry-wrap 是两列 grid，左列内容 min-width:auto 把列撑大，
         右侧 .inquiry-right（含 form）被推出容器 5px(1440)/8px(1280)/12px(1100)，右侧输入框被裁切。
   解法：grid 子项加 min-width:0（flex/grid 的 min-width:auto 陷阱） */

html body .inquiry-wrap{min-width:0}

html body .inquiry-wrap > *,
html body .inquiry-left,
html body .inquiry-right{min-width:0;max-width:100%}

html body .inquiry-right form,
html body form.js-form,
html body .form-grid{max-width:100%!important;box-sizing:border-box}

html body .form-grid > .field,
html body .form-grid > .field.full{max-width:100%!important;box-sizing:border-box;min-width:0}

/* ===== 2026-10-02 第五轮：grid 百分比列 + gap 溢出 =====
   style.css:395 .inquiry-wrap{grid-template-columns:40% 60%;gap:34px}
   百分比列基于容器宽计算、不扣除 gap → 40%+60%+34px 必然超出，右侧表单被裁切。
   改用 minmax(0,2fr) minmax(0,3fr)：fr 自动扣除 gap，minmax(0,..) 防止内容撑破列。 */

html body .inquiry-wrap{
  grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;
  min-width:0;
}

html body .inquiry-wrap > *{min-width:0;max-width:100%}

/* ============================================================
   2026-10-18 视觉微调（用户需求）
   1) 页眉更紧凑：>=1100px 桌面端行高 76px → 64px，logo 略收小，
      导航保持原版右对齐聚合（margin-left:auto + 22px 间距），不摊开、不填空白；
      <=1099px 完全保持原样（该区间多语言换行是老问题，不在本次范围）。
   2) markets 页内容区更饱满：该页正文是 .container 套 .container，
      内层被二次收窄到 96%；这里让内层铺满，并把该页整列上限
      1560px → 1680px（>=2200 / >=3000 按大屏阶梯同步放宽）。
   仅作用于桌面端（页眉 >=1100px、markets >=901px），移动端不动。
   ============================================================ */
@media (min-width: 1100px) {
  /* 页眉收窄 */
  html .site-header .header-row {
    height: 64px;
    gap: 10px;
  }
  html .site-header .header-row .logo .logo-mark {
    height: 36px;
  }
  html .site-header .header-row .nav a {
    padding: 20px 0;
  }
  /* 导航回到原版右对齐聚合：margin-left:auto + 22px 间距（值取自备份 style.css），不摊开、不填空白 */
  html .site-header .header-row .nav {
    flex: 0 1 auto;
    min-width: 0;
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-start;
    gap: 22px;
  }
}

@media (min-width: 901px) {
  /* markets 页内容区更饱满 */
  body:has(.markets-section) .container {
    width: min(1680px, 96%);
  }
  body:has(.markets-section) .section.markets-section > .container {
    width: 100%;
  }
}

/* 大屏阶梯：markets 页始终比全站标准容器更饱满 */
@media (min-width: 2200px) {
  body:has(.markets-section) .container {
    width: min(1960px, 92%);
  }
}

@media (min-width: 3000px) {
  body:has(.markets-section) .container {
    width: min(2200px, 90%);
  }
}

/* ============================================================
   2026-10-18 #14 全站 hero 统一为深色影棚风
   ------------------------------------------------------------
   作用范围（有意收窄，避免误伤）：
     · 仅 `.hero.page-hero`：about/contact/markets/news/partners/
       solutions/vehicles 的横幅 hero
     · 首页 `.hero-slider` 完全不受影响（它有独立深色方案）
     · vehicle.html 详情页的 `.hero` 是图廊网格容器（无 .page-hero），
       骨架屏 `#skel .hero` 同理，均不匹配本选择器 → 不受影响
     · vehicles.html 品类页 `html.cat-view` 的深色影棚方案选择器
       特异性更高（0,3,1 / 0,3,2 > 0,2,0 / 0,2,1），继续生效
   仅改背景/遮罩/照片层，不改任何尺寸、间距与文字
   ============================================================ */
.hero.page-hero{
  background:
    radial-gradient(40% 48% at 72% 64%, rgba(88,150,222,.30) 0%, rgba(48,94,158,.11) 46%, rgba(6,20,38,0) 72%),
    radial-gradient(120% 132% at 74% 16%, #1c4a7c 0%, #0e2c52 34%, #071a31 64%, #030c18 100%),
    #030c18;
}
.hero.page-hero .photo{
  opacity:.52;
  filter:saturate(.92) contrast(1.02);
}
.hero.page-hero::after{
  background:linear-gradient(90deg,
    rgba(4,18,38,.92) 0%, rgba(4,18,38,.74) 34%,
    rgba(4,18,38,.34) 64%, rgba(4,18,38,.08) 100%);
}

/* ============================================================
   2026-10-18 #13 兜底修复：style.css 的 `--sh-md:var(--sh-md)`
   是自引用，整个 --sh-md 一直无效（全站 .social-btn:hover 等
   4 处 box-shadow 静默丢失）。在最后加载的本文件中给出正确值，
   与 tokens.css 的 --sh-md 一致。
   ============================================================ */
:root{
  --sh-md:0 4px 16px rgba(26,43,74,.08);
}

/* ============================================================
   2026-10-18 #14 补盲区：深色影棚风扩展到无 .hero 类的
   `.page-hero:not(.hero)`（parts / regulation / market-africa /
   market-algeria / market-kazakhstan / market-russia 六页）
   ------------------------------------------------------------
   这 6 页的 .page-hero 是普通 <div>：没有 .hero 类、没有 .photo
   照片层、没有 .hero-content 包裹，内联样式只有「深色→浅色」旧渐变
   + h1/p 文字。这里用纯 CSS 覆盖背景/遮罩/文字色，不改任何 HTML。

   防误伤（已核对全站 18 页 + SSR）：
     · `.page-hero:not(.hero)` 只命中上述 6 个 div；about/contact/
       markets/news/partners/solutions/vehicles 的横幅是
       `.hero.page-hero`（含 .hero），已被上一节影棚规则覆盖；
     · vehicles.html 的 `html.cat-view .hero.page-hero` 同样含 .hero，
       且品类页规则特异性更高（0,3,x），不受影响；
     · vehicle.html 详情页没有 .page-hero；首页 .hero-slider 不相关。
   渐变/遮罩/文字规范与 .hero.page-hero 完全一致。
   ============================================================ */
.page-hero:not(.hero){
  position:relative;
  isolation:isolate;
  color:#fff;
  background:
    radial-gradient(40% 48% at 72% 64%, rgba(88,150,222,.30) 0%, rgba(48,94,158,.11) 46%, rgba(6,20,38,0) 72%),
    radial-gradient(120% 132% at 74% 16%, #1c4a7c 0%, #0e2c52 34%, #071a31 64%, #030c18 100%),
    #030c18;
}
.page-hero:not(.hero)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(4,18,38,.92) 0%, rgba(4,18,38,.74) 34%,
    rgba(4,18,38,.34) 64%, rgba(4,18,38,.08) 100%);
}
/* 文字内容层压在 ::after 遮罩之上 */
.page-hero:not(.hero) > *{
  position:relative;
  z-index:1;
}
.page-hero:not(.hero) h1{
  color:#fff;
  text-shadow:0 2px 4px rgba(0,0,0,.78),0 10px 30px rgba(0,0,0,.58);
}
.page-hero:not(.hero) p{
  color:rgba(255,255,255,.93);
  text-shadow:0 1px 3px rgba(0,0,0,.82),0 2px 12px rgba(0,0,0,.58);
}
/* 深底上的 eyebrow 用品牌金；这 6 页若无 eyebrow 则无副作用 */
.page-hero:not(.hero) .eyebrow,
.page-hero:not(.hero) [class*="eyebrow"]{
  color:#ffce5c;
}
/* 国旗/图标徽标：原来继承深色文字，深底上会消失，统一提亮 */
.page-hero:not(.hero) .flag{
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
/* market-africa 的 .flag 里是内联 <svg>（其余市场页是文字徽标）。
   该 svg 无 width/height，浏览器按 100% 宽渲染 → 实际把 hero 撑成
   1691px 高、标题被挤到首屏外的既有 bug。这里按 1em 尺寸收敛为徽标
   大小（桌面 64px / 移动 46px，跟随 .flag 的 font-size） */
.page-hero:not(.hero) .flag svg{
  width:1em;
  height:1em;
  display:block;
  margin:0 auto;
}

/* ============================================================
   2026-10-18 移动端排版优化（用户反馈：手机端像看 WORD）
   ------------------------------------------------------------
   作用域：仅 <=860px（手机 + 平板竖屏）；>=861px 完全不受影响，
   桌面端零变化。
   A. 卡片网格折叠
      · 首页「我们的车辆方案」4 卡：手机 2×2（原 1 列）
      · 首页「我们的全球市场」：2 列（原 1 列），地图卡横跨整行
      · 解决方案「一站式出口服务」5 卡：手机 1 列 / 平板 2 列
      · 解决方案「灵活的贸易条款」3 卡：手机 1 列 / 平板 2 列
   B. hero 移动端整理
      · 规格 chips 允许两行 wrap，不再横向截断
      · 乘用车帧强制使用透明抠图 + 藏青渐变，消除纯黑底
   C. 通用移动端节奏
      · 区块上下留白 68px → 40px，标题字号收敛，卡片内边距收紧
   ============================================================ */
@media (max-width: 860px) {
  /* ---------- C. 通用移动端节奏 ---------- */
  html .section { padding: 40px 0; }
  html .section-title { margin-bottom: 20px; gap: 10px; }
  html .section-title h2 {
    font-size: clamp(20px, 5.6vw, 24px);
    line-height: 1.25;
  }
  html .section-title p { font-size: 13.5px; line-height: 1.55; }
  html .icon-box { padding: 18px; }
  html .icon-box .big { font-size: 26px; }
  html .card-body { padding: 12px 14px; }

  /* ---------- A1. 首页「我们的车辆方案」：列数已改为容器宽度自适应 ---------- */
  html .grid-4:has(.veh-card) {
    gap: 12px;
  }
  html .grid-4:has(.veh-card) .card-body { padding: 10px 12px 12px; }
  html .grid-4:has(.veh-card) .card-body h3 { font-size: 16px; margin: 0 0 4px; }
  html .grid-4:has(.veh-card) .card-body p {
    font-size: 12.5px;
    line-height: 1.5;
    margin: 0;
  }

  /* ---------- A2. 首页「我们的全球市场」：列数自适应，移动端地图/末卡横跨 ---------- */
  html .markets-grid {
    gap: 12px;
  }
  html .markets-grid .mk-map-card {
    grid-column: 1 / -1;
    min-height: 200px;
  }
  html .markets-grid .mk-img {
    width: 100%;
    aspect-ratio: auto;
    height: 120px;
  }
  html .markets-grid .card-body { padding: 8px 12px 10px; }
  html .markets-grid .card-body h3 { font-size: 13.5px; }
  /* 5 个国家卡在 2 列里会剩一个空位：最后一张国家卡横跨整行补齐 */
  html .markets-grid > a.card:last-of-type {
    grid-column: 1 / -1;
  }
  html .markets-grid > a.card:last-of-type .mk-img {
    width: 100%;
    aspect-ratio: auto;
    height: 150px;
  }

  /* ---------- A3. 解决方案：服务卡 / 条款卡（列数自适应） ---------- */
  html .icon-row {
    gap: 12px;
  }
  body:has(.icon-row) .grid-3 {
    gap: 12px;
  }

  /* ---------- B1. hero chips：两行 wrap，不再横向截断 ---------- */
  html .hs-specs {
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 8px !important;
    row-gap: 8px !important;
    margin-bottom: 14px;
  }
  html .hs-specs li {
    flex: 0 0 auto;
    min-width: 0;
    padding: 7px 10px;
  }
  html .hero .hs-specs b,
  html .hs-specs b { font-size: 13px; }
  html .hero .hs-specs li span,
  html .hs-specs li span { font-size: 10.5px; }

  /* ---------- B2. 乘用车 hero 帧：统一为「透明抠图 + 藏青渐变」 ----------
     根因：后台上传的 home-herocar-sedan 素材是不透明黑底图，而
     suv/commercial/custom 三张是透明抠图 → 移动端该帧出现纯黑底。
     这里强制该帧使用透明抠图（其余三帧不动）；即使未来 slot 映射
     恢复（会重新指回黑底素材），也不会再出现黑底。                    */
  html .hs-track .hs-bg:not([data-upload]),
  html .hs-track .hs-bg[data-upload="home-herocar-sedan"] {
    background-image: url("/assets/images/hero-car-sedan.webp?v=20261018a") !important;
    background-color: transparent !important;
  }
}

@media (max-width: 560px) {
  /* 单列卡片收紧内边距，减少逐屏滚动（列数由 auto-fit 自适应） */
  html .icon-row .icon-box { padding: 16px; }
  html .icon-row .icon-box .big { font-size: 22px; }
  html .hero .hs-specs b,
  html .hs-specs b { font-size: 12.5px; }
}

/* ===== 第七轮（2026-10-18）：详情页画廊徽章被翻页箭头压住 =====
   390px 下三枚徽章（In Stock / Brand New / Euro 6）总宽超容器换行，第二排与箭头重叠；
   收紧徽章至单行 + 恢复 vehicle.html 原设计 38px 箭头
   （responsive-fix 早期 .gallery button 44px!important 误伤详情页） */
@media(max-width:768px){
  html body .gallery .gh-badge{gap:5px}
  html body .gallery .gh-badge>span{font-size:11px!important;padding:4px 9px!important}
  html body .gallery .gh-nav{width:38px!important;height:38px!important}
}

/* ============================================================
   2026-10-18 第九轮：列数改为「容器宽度自适应」（流体网格）
   ------------------------------------------------------------
   背景：此前按 560/860/861-1024 断点硬写列数，靠断点穷举无法覆盖
   全球碎片化的移动端/平板/小窗口宽度（320–1366+ 几十种），且中间
   区间（如 1025–1200）仍是 5 列×~200px 的挤压状态。
   做法：改为 `repeat(auto-fit, minmax(<min>, 1fr))`，列数由容器
   实际宽度决定；<min> 取值保证「1440 桌面列数与原版完全一致」
   （逐像素验证），同时任何宽度下卡片不会窄于 min。
   注意：本块位于所有旧断点规则之后，同特异性下覆盖其列数声明；
   旧断点中仍有用的间距/排版规则保留。
   ------------------------------------------------------------
   各容器 min 值 & 1440 下保持的列数：
     .icon-row        250  → 1440 仍 5 列（卡宽 261.6 不变）
     .grid-4/.val-grid 300 → 1440 仍 4 列（卡宽 327 不变）
     .grid-3          330  → 1440 仍 3 列；≥1600 固定 3 列见下方
     .process-steps   400  → 1440 仍 3 列（卡宽 456 不变）
     .stats           320  → 1440 仍 4 列（卡宽 356.25 不变）
     .promise-grid    380  → 1440 仍 3 列（卡宽 444 不变）
     .markets-grid    230  → 1440 仍 3 列（卡宽 264.2 不变）
     .mv-grid         520  → 1440 仍 2 列（卡宽 674 不变）
     .showcase-grid   510  → 1440 仍 2 列（卡宽 672 不变）
     .mile-timeline   380  → 1440 仍 3 列（卡宽 444 不变）
     .trust-grid      320  → 1440 仍 4 列（卡宽 331.5/342 不变）
     .dealer-steps    300  → 1440 仍 4 列（卡宽 326.25 不变）
     .dealer-benefits-grid 480 → 1440 仍 2 列（卡宽 630.5 不变）
     .detail-points   220  → 1440 仍 3 列（卡宽 227.5 不变）
     详情页 .gwall/.scn-grid 340、.spec-grid 260 → 1440 列数不变
   ============================================================ */
html .icon-row {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
html .grid-4,
html .val-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
html .grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
html .process-steps {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
html .stats {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
html .promise-grid {
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
html .markets-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
html .mv-grid {
  grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
}
html .showcase-grid {
  grid-template-columns: repeat(auto-fit, minmax(510px, 1fr));
}
html .mile-timeline {
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
html .trust-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
html .dealer-steps {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
html .dealer-benefits-grid {
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
}
html .detail-points {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

/* 详情页（vehicle.html）内部三块：≥1025 保持原桌面版式（避免改动 1440），
   窄屏自动塌陷到 1~2 列 */
@media (max-width: 1024px) {
  html .gwall {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
  html .scn-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

/* 详情页「档案/参数」网格：vehicle.html 内联在 1100~1200 会变 2 列×188px，
   用流体覆盖到 ≤1420（1440 桌面保持原 3 列×301px 不变） */
@media (max-width: 1420px) {
  html .spec-grid.spec-3col {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

/* 详情页 320~420 小屏：主内容列本身仅 244px，卡片内边距 28px² 会把
   内部信息块压到 186px；收紧到 12px 后容器可回到 220px 以上 */
@media (max-width: 420px) {
  html body .col-main .card {
    padding: 12px;
  }
}

/* .process（解决方案出口流程）例外：
   桌面是 6 列模板 + 仅 4 个 step（原卡宽 219.7px 是既有版式，属六列
   模板的空列设计）。auto-fit 无法在保留该版式的同时自适应（空轨道会
   折叠、卡片会被拉宽），故 1441px 及以上保持原桌面版式；≤1420 用流体
   （该区间原卡宽 165~219px，均 <220，必须塌陷）。 */
@media (max-width: 1420px) {
  html .process {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

/* .grid-3 在大桌面（≥1600 布局宽度）保持与现状一致的 3 列：
   auto-fit 在 1600+ 会变成 4 列，而该网格在 1920/2560 桌面原为 3 列，
   这里用一次性上限锁定，避免大屏桌面版式变化。 */
@media (min-width: 1600px) {
  html .grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* dealer 页「权益卡」在小手机（<=560）内边距过大导致卡片被压到 212px，
   收紧内边距让容器本身回到 ≥220px（配合 auto-fit 变 1 列）。 */
@media (max-width: 560px) {
  html .dealer-benefits {
    padding: 28px;
  }
}


/* ============================================================
   2026-10-18 第十轮：询盘表单窄屏单列（输入框可用性）
   ------------------------------------------------------------
   问题：首页 section#inquiry 的 .inquiry-wrap（表单+侧栏两栏）在窄屏
   仍是 2 栏，右侧表单只剩 162px，输入框挤到 55~162px；contact 的
   .form-grid 在 600~640 变 2 列（238px/列）；详情页侧栏快速询盘
   .form-side .row 在 320 下 2 列（88px/输入框）。
   判定：表单输入框在 320px 下必须 ≥260px 可用。
   本块只作用在窄屏（≤960/≤860/≤640/≤420），桌面 1440 不受影响。
   ============================================================ */
@media (max-width: 960px) {
  /* 1) 表单区 + 侧栏信息：改为上下单列
        （第四轮为此处加了 minmax(0,2fr)/minmax(0,3fr)!important 防裁切，
          必须用 !important + 更高特异性才能覆盖为单列） */
  html body .inquiry-wrap {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  /* 2) 表单字段网格：单列，字段全宽 */
  html .form-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 860px) {
  /* 3) 详情页右侧快速询盘（桌面为固定 380px 侧栏内的紧凑两列）→ 单列 */
  html .form-side {
    padding: 16px;
  }
  html .form-side .row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 420px) {
  /* 4) 详情页 320~420 小屏：页面左右 24px 内边距收掉，
        让侧栏表单容器回到 260px 以上（输入框 264px） */
  html .page {
    padding-left: 0;
    padding-right: 0;
  }
  html .form-side {
    padding: 14px;
  }
}


@media (max-width: 420px) {
  /* contact 页表单在 .dark-panel 内（padding 32px），320 下把表单压到 228px；
     收紧到 16px 后表单 260px */
  html .dark-panel {
    padding: 16px;
  }
}


/* ============================================================
   20261028a · taste-skill 美观 P0 补丁（钰总批准 10-28，只读评审→止血级）
   纯追加覆盖，零业务 DOM 改动；每条对应 inspector 实测 FAIL。
   回滚：删除本节 + 18 页 ?v= 改回 20261018m + pm2 重启。
   ============================================================ */
:root{
  /* 灰字提对比：实测 Lead time/muted 2.5:1 → 5:1+（AA） */
  --c-ink-2:#55657A; --c-ink-3:#6B7280;
  --text2:#55657A; --text3:#6B7280; --muted:#55657A;
}

/* 0) reduced-motion：hero 转场取消、Ken Burns 停跑；品牌帧恒可见 */
@media (prefers-reduced-motion: reduce){
  html .hs-slide{transition:none!important}
  html .hs-slide.is-active .hs-bg{animation:none!important}
  html .hs-slide.is-brand{opacity:1!important;visibility:visible!important}
}

/* 1) 装饰小标/eyebrow/编号清零（house rules: no eyebrow / no numbering） */
html .eyebrow,html .hs-badge,html .nt-label{display:none!important}
html .step-no,html .flow-num,html .icon-box .big,
html .mile-year,html .dealer-mode .num{display:none!important}

/* 2) hero 规格 chip 标签：微大写 → 正常句式 13px（保信息去 micro-label） */
html .hs-specs span{font-size:13px!important;text-transform:none!important;
  letter-spacing:.02em!important;color:rgba(255,255,255,.88)!important;margin-top:5px!important;
  text-shadow:none!important}

/* 3) text-shadow 清零（hero 文字可读性靠深色衬底层，不靠描影） */
html .hero .hs-name,html .hero .hs-desc,html .hero .hs-price b,html .hero .hs-price em,
html .hero .hs-specs b,html .hero .hs-badge,
.hero-name,.hero-sub,.page-hero h1,.page-hero p,.hero h1,.hero p,
.hero-slider h1,.hero-slider p{ text-shadow:none!important }

/* 4) 装饰渐变 → 实色（照片上的中性衬底 scrim 保留，属规范例外） */
html .hero-slider{background:#071A31!important}
html .cta-section{background:var(--c-brand,#062750)!important}
html .dark-panel{background:var(--c-brand-deep,#041A33)!important}
html body .gh{background:#E9EDF2!important}
html body .vsp-comp{background:var(--c-brand-deep,#041A33)!important}

/* 5) 静止卡片阴影降级（分区靠边框/底色步进；阴影只留给真浮层） */
html body .card,html body .veh-card,html body .v-card,html body .info-card,
html body .card.info-block,html body .gallery,html body .mk-card{
  box-shadow:none!important}
html body .gthumb.active{box-shadow:none!important;border-color:var(--c-gold,#E8A838)!important}
html .hs-specs li{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* 6) 详情页红色 Request Quote → 品牌 navy（紫色是车身颜色数据映射，保留） */
html body .price{color:var(--c-brand,#062750)!important}
/* 金 on 白 2.1:1 的「联系业务」链接（inline accent）→ accent-deep 4.9:1 */
a[style*="color:var(--accent)"]{color:var(--accent-deep,#B8860B)!important}

/* 7) 正文提级 13px → 15.5px 基准，正文类统一 15px（≥13px 硬线） */
html body{font-size:15.5px}
html body .card p,html body .card-body p,html body .specs,html body .specs li,
html body .process-steps p,html body .flow-step,html body .flow-step p,
html body .showcase-body p,html body .promise p,html body .reason p,
html body .mk-card p,html body .icon-box p,html body .mile-item p{font-size:15px!important}
html body .footer a,html body .footer p{font-size:14px!important}
html body .logo small{font-size:10.5px!important}
html .price-note,html .price-unit{font-size:13px!important}
html .vsp-comp-t,html .vsp-tab{font-size:13px!important;text-transform:none!important;letter-spacing:.01em!important}
html .gthumb{font-size:13px!important}

/* 8) 📷 空位字符清零（CSS 内容，直接空） */
html .showcase-img[data-upload]:empty::before{content:""!important}

/* 9) 768 档车型名 3 行 → ≤2 行（cut size 兜底） */
@media (min-width:641px) and (max-width:960px){
  html .hero .hs-name,html .hs-name{font-size:34px!important;word-break:break-word}
}
/* ==== end 20261028a P0 ==== */