/* ============================================================
   theme.css — 速贸通官网全站主题层
   浅色：pigsty 化 tokens（bg #f1f4f8 · ink #16222e · hairline）
   深色：[data-theme="dark"]（bg #0b1119，跟随系统 + 手动切换）
   由各页面在自身 <style> 之后引入，覆盖同名变量与表面色。
   ============================================================ */

/* ---------- 浅色（默认）pigsty 化 ---------- */
:root{
  --line:#dde4ec;
  --line-soft:#e9edf4;
  --ink:#16222e;
  --text:#44546a;
  --muted:#7c8798;
}
body{background:#f1f4f8;}
.nav{background:rgba(241,244,248,.9);}
.footer{background:#eef1f6;}

/* 导航菜单靠右（pigsty 风格：logo 左，菜单+主题钮收拢右上角） */
.nav-menu{justify-content:flex-end;}

/* 主题切换按钮（由 theme.js 注入 .nav-inner） */
.theme-toggle{
  flex:none;margin-left:4px;width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--line);border-radius:6px;
  font-size:15px;line-height:1;cursor:pointer;color:var(--ink);
  transition:border-color .18s,background .18s;
}
.theme-toggle:hover{border-color:var(--brand);}

/* ---------- 深色（跟随系统 / 手动切换） ---------- */
[data-theme="dark"]{
  --line:#1c2938;
  --line-soft:#16222e;
  --ink:#e8eef6;
  --text:#b9c4d4;
  --muted:#77879c;
  --brand-light:#14243c;
  --brand-tint:#0f1826;
  --brand-deep:#a8c6f5;   /* 深色下用于文字标识色 */
}
[data-theme="dark"] body{background:#0b1119;color:#b9c4d4;}
[data-theme="dark"] .nav{background:rgba(11,17,25,.88);}
[data-theme="dark"] .footer{background:#0d141d;}

/* 白色表面 → 深色面板 */
[data-theme="dark"] .shot-card,
[data-theme="dark"] .cap-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .val-card,
[data-theme="dark"] .qr-card,
[data-theme="dark"] .proof-item,
[data-theme="dark"] .btn-ghost{background:#0f1826;}
[data-theme="dark"] .btn-ghost{border-color:#2a3a4e;color:#6ea0e8;}
[data-theme="dark"] .btn-ghost:hover{border-color:#6ea0e8;}

/* 深色下 hover 边框与阴影微调 */
[data-theme="dark"] .shot-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.45);}
[data-theme="dark"] .cap-card:hover{border-color:#2a4a78;}

/* 深色下主按钮 hover（原 --brand-deep 变浅用于文字，按钮单独压回） */
[data-theme="dark"] .btn-primary:hover{background:#1d4a9e;}

/* 深色下页面顶部深蓝渐变 hero（子页）保持可读 */
[data-theme="dark"] .hero,
[data-theme="dark"] .cta-wrap,
[data-theme="dark"] .cta{color:#e8eef6;}

/* 深色下子页 page-head：去掉蓝渐变横幅，与页面背景一致 */
[data-theme="dark"] .page-head{background:transparent;border-bottom:1px solid var(--line);color:var(--ink);}
[data-theme="dark"] .page-head h1{color:var(--ink);}
[data-theme="dark"] .page-head p{color:var(--text);}

/* 视频区/海报帧边框 */
[data-theme="dark"] .video-wrap{border-color:#1c2938;}