/* HONDVO 静态壳页样式（B 包 · 2026-11-05）
   ──────────────────────────────────────────────────────────────
   只服务 /<lang>/… 下的壳页（SEO 落地页），**不加载主站 CSS、不加载任何 JS**。
   设计目标：单请求完成首屏；与主站同色系同字体栈，视觉不割裂。
   主站 tokens 取自 assets/css/main.css：品牌橙 #D87830 / 深橙文字 #A34B10 / 品牌蓝 #304878。

   ⚠️ 修改本文件即影响 88 个壳页，改完必须重新截图核对（含移动端）。
   ────────────────────────────────────────────────────────────── */

:root{
  --brand:#D87830; --brand-strong:#A34B10; --brand-soft:#FFF4EC;
  --accent:#304878; --accent-deep:#183048;
  --ink:#0F172A; --ink-2:#334155; --muted:#64748B;
  --line:#E2E8F0; --line-soft:#EEF2F6;
  --bg:#FFFFFF; --bg-soft:#F8FAFC;
  --wrap:1080px; --radius:14px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink-2);
  font-family:var(--font);font-size:16px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-strong);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--ink);line-height:1.24;letter-spacing:-.01em;margin:0}
p{margin:0 0 14px}
ul,ol,dl{margin:0 0 16px}
.sh-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* 跳到正文（键盘可达性，主站同款做法） */
.sh-skip{position:absolute;left:-9999px;top:0;background:var(--accent-deep);color:#fff;padding:10px 16px;z-index:9}
.sh-skip:focus{left:12px;top:12px}

/* ── 头部 ── */
.sh-head{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:saturate(1.2) blur(6px)}
.sh-head-in{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:nowrap}
.sh-brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.02em;color:var(--accent-deep);font-size:17px;white-space:nowrap}
.sh-brand span{font-weight:500;color:var(--muted);font-size:13px;letter-spacing:.04em}
.sh-brand:hover{text-decoration:none}
.sh-nav{display:flex;gap:16px;flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;font-size:13.5px}
.sh-nav a{color:var(--ink-2);padding:4px 0;border-bottom:2px solid transparent}
.sh-nav a:hover{color:var(--brand-strong);border-bottom-color:var(--brand);text-decoration:none}
.sh-nav a[aria-current="page"]{color:var(--brand-strong);border-bottom-color:var(--brand);font-weight:600}
.sh-lang{display:flex;gap:0;flex:0 0 auto;flex-wrap:nowrap;padding-left:14px;border-left:1px solid var(--line);font-size:11.5px}
.sh-lang a{color:var(--muted);padding:3px 6px;border-radius:999px;white-space:nowrap}
.sh-lang a:hover{background:var(--bg-soft);color:var(--ink);text-decoration:none}
.sh-lang a.is-cur{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}

/* ── Hero ── */
.sh-hero{background:linear-gradient(180deg,#FFFFFF 0%,#FAFBFC 100%);border-bottom:1px solid var(--line-soft)}
.sh-hero-in{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:52px}
.sh-eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-strong);font-weight:700}
.sh-hero h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.025em}
.sh-lede{margin:16px 0 0;font-size:17px;color:var(--ink-2);max-width:52ch}
.sh-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 0}
.sh-btn{display:inline-block;background:var(--brand);color:#fff;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:9px;border:1px solid var(--brand);transition:background .18s ease,transform .18s ease}
.sh-btn:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff;text-decoration:none}
.sh-btn-ghost{background:transparent;color:var(--accent-deep);border-color:#CBD5E1}
.sh-btn-ghost:hover{background:var(--bg-soft);color:var(--accent-deep);border-color:#94A3B8}
.sh-hero-media{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 40px -24px rgba(15,23,42,.35);background:var(--bg-soft)}
.sh-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* ── 数据条 ── */
.sh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:1px solid var(--line-soft);background:#fff}
.sh-stat{padding:22px 12px;text-align:center;border-right:1px solid var(--line-soft)}
.sh-stat:last-child{border-right:0}
.sh-stat b{display:block;font-size:26px;font-weight:800;color:var(--accent-deep);letter-spacing:-.02em;line-height:1.1}
.sh-stat span{display:block;margin-top:5px;font-size:12px;color:var(--muted);letter-spacing:.02em}

/* ── 正文 ── */
.sh-body{max-width:880px;padding-top:8px;padding-bottom:52px}
.sh-sec{padding:36px 0 8px;border-top:1px solid var(--line-soft)}
.sh-sec:first-child{border-top:0}
.sh-sec h2{font-size:clamp(21px,2.2vw,26px);font-weight:750;margin:0 0 8px;position:relative;padding-left:14px}
.sh-sec h2::before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:4px;border-radius:2px;background:var(--brand)}
.sh-sec h3{font-size:17.5px;font-weight:700;margin:24px 0 6px}
.sh-sec p{color:var(--ink-2)}
.sh-lead{font-size:15.5px;color:var(--muted);margin-bottom:18px}
.sh-note{font-size:14.5px;color:var(--muted)}
.sh-list{padding-left:20px}
.sh-list li{margin:0 0 8px;color:var(--ink-2)}
.sh-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}
.sh-chips li{font-size:13px;color:var(--ink-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.sh-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:18px}
.sh-card{border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;background:#fff;transition:box-shadow .18s ease,border-color .18s ease}
.sh-card:hover{box-shadow:0 12px 26px -20px rgba(15,23,42,.5);border-color:#CBD5E1}
.sh-card h3{margin:0 0 8px;font-size:16px}
.sh-card p{font-size:14.5px;color:var(--muted);margin:0}
.sh-dl{display:grid;grid-template-columns:190px 1fr;gap:10px 18px;margin:18px 0 0}
.sh-dl dt{font-weight:700;color:var(--ink);font-size:14px}
.sh-dl dd{margin:0;color:var(--ink-2);font-size:15px}
.sh-contact{border-top:1px solid var(--line-soft);padding-top:18px}
.sh-offices{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sh-office h3{font-size:15px;margin:0 0 6px}
.sh-office p{font-size:14.5px;color:var(--muted);margin:0}
.sh-band{margin:34px 0 0;border-radius:var(--radius);overflow:hidden}
.sh-band img{width:100%;aspect-ratio:16/7;object-fit:cover}
.sh-back{margin-top:34px;font-size:13.5px;color:var(--muted)}
.sh-back a{color:var(--muted)}

/* ── 页脚 ── */
.sh-foot{border-top:1px solid var(--line);background:#fff;margin-top:8px}
.sh-foot-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding-top:40px;padding-bottom:26px}
.sh-foot-brand{margin:0 0 14px;font-weight:800;color:var(--accent-deep);font-size:16px;letter-spacing:.02em}
.sh-foot-brand span{font-weight:500;color:var(--muted);font-size:12.5px;margin-left:6px}
.sh-foot-line{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 10px}
.sh-foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:30px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--muted)}
.sh-foot-links a{color:var(--muted);margin-left:16px}

/* ── 响应式 ── */
@media (max-width:960px){
  .sh-hero-in{grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:34px}
  .sh-hero-media{order:-1}
  .sh-hero-media img{aspect-ratio:16/9}
  .sh-stats{grid-template-columns:repeat(3,1fr)}
  .sh-stat{border-bottom:1px solid var(--line-soft)}
  .sh-offices{grid-template-columns:1fr}
}
@media (max-width:720px){
  .sh-head-in{flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}
  .sh-head-in{flex-wrap:wrap}
  .sh-nav{order:2;width:100%;margin-left:0;gap:14px;font-size:13px;overflow-x:auto;white-space:nowrap;padding-bottom:2px}
  .sh-lang{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;border-left:0;padding-left:0}
  .sh-lang a{padding:2px 6px}
  .sh-stats{grid-template-columns:repeat(2,1fr)}
  .sh-stat b{font-size:22px}
  .sh-dl{grid-template-columns:1fr;gap:4px}
  .sh-dl dd{margin-bottom:10px}
  .sh-foot-grid{grid-template-columns:1fr;gap:10px}
}

@media print{
  .sh-head,.sh-actions,.sh-back,.sh-lang{display:none}
  body{font-size:11pt}
}