/* ===========================================================
   影子团队官网v2 · 共享设计系统
   深蓝+鎏金 · 品牌统一色板 · 移动优先响应式
   吸取v1教训：统一配色/分栏布局/痛点四段式/精简CSS
   =========================================================== */
:root{
  /* 间距 4px网格 */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;
  --sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-24:96px;
  /* 字号阶梯 */
  --fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;
  --fs-2xl:24px;--fs-3xl:30px;--fs-4xl:36px;--fs-5xl:48px;--fs-6xl:60px;
  /* 行高 */
  --lh-tight:1.2;--lh-normal:1.5;--lh-loose:1.85;
  /* 字重 */
  --fw-normal:400;--fw-medium:500;--fw-bold:700;--fw-extra:800;
  /* 圆角 */
  --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:9999px;
  /* 阴影 */
  --sh-sm:0 1px 2px rgba(14,42,94,.06);
  --sh-md:0 6px 18px rgba(14,42,94,.10);
  --sh-lg:0 18px 48px rgba(14,42,94,.16);
  /* 品牌色板：深蓝+鎏金 */
  --brand:#0E2A5E;--brand-2:#16387A;--brand-3:#1F4A9E;
  --gold:#C9A227;--gold-2:#E3C14E;--gold-bg:rgba(201,162,39,.07);
  --ink:#16203A;--muted:#5B6B8C;--line:#E4E8F0;
  --bg:#F6F8FC;--surface:#FFFFFF;
  --danger:#C0392B;--success:#1E8E5A;
  /* 动效 */
  --ease-snap:cubic-bezier(.4,0,.2,1);
  --ease-soft:cubic-bezier(.25,.1,.25,1);
  /* 触控 */
  --tap:44px;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","HarmonyOS Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ink);background:var(--bg);line-height:var(--lh-loose);font-size:var(--fs-base);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-extra);color:var(--brand);letter-spacing:-.01em}

/* ── 统一容器 ── */
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}

/* ── 区块 ── */
.section{padding:var(--sp-24) 0}
.section.alt{background:var(--surface)}

/* ── 导航 (sticky+毛玻璃) ── */
.nav{position:sticky;top:0;z-index:60;background:rgba(246,248,252,.86);
  backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:var(--sp-4)}
.brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-extra);color:var(--brand);font-size:var(--fs-lg);flex:none}
.brand .seal{width:34px;height:34px;border-radius:var(--r-md);
  background:linear-gradient(135deg,var(--brand),var(--brand-3));
  display:grid;place-items:center;color:var(--gold-2);font-size:var(--fs-base);box-shadow:var(--sh-sm)}
.nav-links{display:flex;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-medium);
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{white-space:nowrap;display:inline-flex;align-items:center;height:40px;padding:0 var(--sp-4);
  border-radius:var(--r-full);transition:background .2s var(--ease-snap),color .2s}
.nav-links a:hover{background:rgba(14,42,94,.06);color:var(--brand)}
.nav-links a.active{background:var(--gold);color:var(--brand);font-weight:var(--fw-bold)}
.nav-cta{flex:none;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-5);
  border-radius:var(--r-full);background:var(--brand);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-sm);
  transition:transform .2s var(--ease-snap),background .2s}
.nav-cta:hover{background:var(--brand-2);transform:translateY(-1px)}

/* ── 汉堡按钮+遮罩 ── */
.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  width:var(--tap);height:var(--tap);border:none;background:transparent;cursor:pointer;padding:8px;border-radius:var(--r-md)}
.nav-burger:hover{background:rgba(14,42,94,.06)}
.nav-burger span{display:block;width:22px;height:2px;background:var(--brand);border-radius:2px;transition:transform .25s var(--ease-snap),opacity .2s}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mask{position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(10,29,66,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .25s}
.nav-mask.show{opacity:1;pointer-events:auto}

@media(max-width:900px){
  .nav-cta{display:none}
  .nav-inner{height:56px}
  .brand{font-size:var(--fs-base)}
  .nav-burger{display:flex}
  .nav-links{position:fixed;top:56px;right:0;transform:translateX(100%);width:80%;max-width:320px;
    height:calc(100vh - 56px);background:#0A1D42;flex-direction:column;align-items:stretch;gap:0;
    padding:var(--sp-3) 0;overflow-y:auto;transition:transform .3s var(--ease-snap);
    box-shadow:-6px 0 24px rgba(10,29,66,.35);z-index:60}
  .nav-links.open{transform:translateX(0)}
  .nav-links a{height:auto;min-height:52px;padding:var(--sp-4) var(--sp-6);border-radius:0;justify-content:flex-start;
    border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.92)}
  .nav-links a:hover,.nav-links a.active{background:rgba(201,162,39,.18);color:var(--gold-2);font-weight:var(--fw-bold)}
}

/* ── Hero ── */
.hero{position:relative;overflow:hidden;color:#fff;padding:var(--sp-24) 0;
  background:radial-gradient(1100px 560px at 82% -8%,rgba(31,74,158,.30),transparent 60%),
  linear-gradient(158deg,#0A2150 0%,#0E2A5E 48%,#16387A 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(760px 460px at 72% 22%,#0A2150,transparent 76%)}
.hero .wrap{position:relative;z-index:1}
.hero h1{color:#fff;font-size:clamp(30px,5.4vw,var(--fs-6xl));margin:var(--sp-6) 0 var(--sp-5);letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--gold-2)}
.hero-lead{font-size:clamp(16px,2.4vw,var(--fs-xl));color:rgba(255,255,255,.86);max-width:48ch;line-height:var(--lh-loose)}
.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);
  border:1px solid rgba(227,193,78,.4);border-radius:var(--r-full);color:var(--gold-2);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);background:rgba(227,193,78,.08)}

/* ── Hero Stats ── */
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);margin-top:var(--sp-10)}
.hero-stat{text-align:center;padding:var(--sp-5);background:rgba(255,255,255,.07);border-radius:var(--r-lg);
  border:1px solid rgba(255,255,255,.1);transition:transform .2s var(--ease-snap)}
.hero-stat:hover{transform:translateY(-4px)}
.hero-stat .num{font-size:clamp(28px,4vw,var(--fs-5xl));font-weight:var(--fw-extra);color:var(--gold-2);line-height:1}
.hero-stat .lbl{color:rgba(255,255,255,.7);font-size:var(--fs-sm);margin-top:var(--sp-2)}

/* ── 二级页面Hero pagehero ── */
.pagehero{color:#fff;padding:var(--sp-16) 0;position:relative;overflow:hidden;
  background:radial-gradient(900px 400px at 85% -20%,rgba(31,74,158,.30),transparent 60%),
  linear-gradient(150deg,#0A2150,#0E2A5E 60%,#16387A)}
.pagehero .idx{color:var(--gold-2);font-weight:var(--fw-bold);font-size:var(--fs-sm);letter-spacing:.12em}
.pagehero h1{color:#fff;font-size:clamp(26px,4.4vw,var(--fs-4xl));margin:var(--sp-3) 0}
.pagehero p{color:rgba(255,255,255,.82);font-size:var(--fs-lg);max-width:60ch}

/* ── 按钮 ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:var(--tap);padding:0 var(--sp-8);border-radius:var(--r-full);
  font-weight:var(--fw-bold);font-size:var(--fs-base);cursor:pointer;border:none;
  transition:transform .2s var(--ease-snap),box-shadow .2s,background .2s;text-align:center}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--brand);
  box-shadow:0 10px 30px rgba(201,162,39,.32)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(201,162,39,.42)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn-ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}
.btn-outline:hover{background:var(--brand);color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:var(--sp-4)}

/* ── Section Headers ── */
.kicker{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--gold);
  font-weight:var(--fw-bold);font-size:var(--fs-sm);letter-spacing:.08em;margin-bottom:var(--sp-3)}
.kicker::before{content:"";width:24px;height:2px;background:var(--gold);border-radius:2px}
.sec-title{font-size:clamp(24px,3.6vw,var(--fs-4xl));margin-bottom:var(--sp-4)}
.sec-sub{color:var(--muted);font-size:var(--fs-lg);max-width:62ch;line-height:var(--lh-loose)}
.subhead{font-size:clamp(20px,2.6vw,var(--fs-2xl));margin:var(--sp-12) 0 var(--sp-6);color:var(--brand);
  padding-left:var(--sp-4);border-left:4px solid var(--gold)}

/* ── 分栏布局 split ── */
.split{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:var(--sp-12);align-items:start}
.split>.split-aside{position:sticky;top:80px}
.split>.split-main{min-width:0}
.split>.split-main>:first-child{margin-top:0}
.split>.split-main>.prose{max-width:none}
@media(max-width:900px){
  .split{grid-template-columns:1fr;gap:var(--sp-6)}
  .split>.split-aside{position:static}
}

/* ── 通用排版 ── */
.prose{max-width:46em}
.prose p{font-size:var(--fs-base);line-height:var(--lh-loose);color:var(--ink);margin-bottom:var(--sp-5)}
.prose p.lead{font-size:var(--fs-lg);color:var(--ink)}
.prose strong,.prose b{color:var(--brand);font-weight:var(--fw-bold)}

/* ── 痛点四段式 pain block ── */
.pain{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:var(--sp-8);box-shadow:var(--sh-sm);margin-bottom:var(--sp-6)}
.pain h3{font-size:var(--fs-xl);color:var(--brand);margin-bottom:var(--sp-4);
  display:flex;gap:var(--sp-3);align-items:flex-start}
.pain h3 .tag{flex:none;font-size:var(--fs-xs);font-weight:var(--fw-extra);color:#fff;
  background:var(--brand);border-radius:var(--r-full);padding:3px var(--sp-3);margin-top:4px}
.pain .row{display:grid;grid-template-columns:96px 1fr;gap:var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--line)}
.pain .row .k{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--muted)}
.pain .row .v{font-size:var(--fs-base);color:var(--ink);line-height:var(--lh-loose)}
.pain .row.win .k{color:var(--gold)}
.pain .row.win .v{color:var(--ink);font-weight:var(--fw-medium)}
@media(max-width:600px){.pain .row{grid-template-columns:1fr;gap:var(--sp-1)}}

/* ── 卡片 ── */
.grid{display:grid;gap:var(--sp-6)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:var(--sp-8);box-shadow:var(--sh-sm);
  transition:transform .25s var(--ease-snap),box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:rgba(31,74,158,.25)}
.card .ic{width:46px;height:46px;border-radius:var(--r-lg);background:rgba(31,74,158,.08);color:var(--brand);
  display:grid;place-items:center;margin-bottom:var(--sp-5)}
.card h3{font-size:var(--fs-xl);color:var(--brand);margin-bottom:var(--sp-3)}
.card p{color:var(--muted);font-size:var(--fs-base);line-height:var(--lh-loose)}

/* ── 方案卡片 solution-card ── */
.solution-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:var(--sp-8);box-shadow:var(--sh-sm);
  transition:transform .25s var(--ease-snap),box-shadow .25s,border-color .25s;
  position:relative;overflow:hidden}
.solution-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));border-radius:var(--r-sm) 0 0 var(--r-sm)}
.solution-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:rgba(31,74,158,.25)}
.solution-card .num{font-size:var(--fs-4xl);font-weight:var(--fw-extra);color:var(--gold);line-height:1;margin-bottom:var(--sp-3);opacity:.6}
.solution-card h3{font-size:var(--fs-xl);color:var(--brand);margin-bottom:var(--sp-3)}
.solution-card p{color:var(--muted);font-size:var(--fs-base);line-height:var(--lh-loose)}

/* ── 对比盒子 compare ── */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}
.compare-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-8);box-shadow:var(--sh-sm)}
.compare-box.traditional{border-top:4px solid var(--muted)}
.compare-box.shadow{border-top:4px solid var(--gold);box-shadow:var(--sh-md)}
.compare-box h4{font-size:var(--fs-xl);margin-bottom:var(--sp-5);color:var(--brand);display:flex;align-items:center;gap:var(--sp-2)}
.compare-box ul{list-style:none;display:grid;gap:var(--sp-3)}
.compare-box li{font-size:var(--fs-base);color:var(--ink);line-height:var(--lh-loose);padding-left:var(--sp-6);position:relative}
.compare-box li::before{content:"×";position:absolute;left:0;color:var(--danger);font-weight:var(--fw-bold)}
.compare-box.shadow li::before{content:"✓";color:var(--success)}
@media(max-width:680px){.compare-grid{grid-template-columns:1fr}}

/* ── 引语/结论 ── */
.quote{margin:var(--sp-12) 0 0;padding:var(--sp-8);border-left:4px solid var(--gold);
  background:rgba(201,162,39,.06);border-radius:0 var(--r-lg) var(--r-lg) 0;
  font-size:var(--fs-lg);color:var(--ink)}
.conclusion{margin-top:var(--sp-8);padding:var(--sp-5) var(--sp-6);background:rgba(14,42,94,.05);
  border-radius:var(--r-lg);font-weight:var(--fw-medium);color:var(--brand)}
.conclusion b{color:var(--brand)}

/* ── 引导箭头 ── */
.arrow{display:flex;gap:var(--sp-3);align-items:flex-start;margin:var(--sp-4) 0;
  padding:var(--sp-4) var(--sp-5);background:rgba(201,162,39,.07);border-radius:var(--r-md);
  color:var(--ink);font-weight:var(--fw-medium)}
.arrow::before{content:"→";color:var(--gold);font-weight:var(--fw-extra);flex:none}

/* ── CTA Banner ── */
.cta-banner{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--brand);
  text-align:center;padding:var(--sp-12) var(--sp-8);border-radius:var(--r-2xl);box-shadow:0 10px 30px rgba(201,162,39,.32)}
.cta-banner h2{font-size:var(--fs-3xl);font-weight:var(--fw-extra);margin-bottom:var(--sp-3)}
.cta-banner p{font-size:var(--fs-base);opacity:.85;margin-bottom:var(--sp-6);max-width:600px;margin-left:auto;margin-right:auto}
.cta-banner .btn{background:var(--brand);color:#fff;box-shadow:0 4px 20px rgba(14,42,94,.3)}
.cta-banner .btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(14,42,94,.4)}

/* ── 页面导航 ── */
.pagenav{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--line)}
.pagenav a{display:block;padding:var(--sp-4);border-radius:var(--r-md);transition:background .2s}
.pagenav a:hover{background:rgba(14,42,94,.04)}
.pagenav .dir{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-1)}
.pagenav .ttl{font-weight:var(--fw-bold);color:var(--brand)}
.pagenav a.next{text-align:right}

/* ── 自检清单 check ── */
.check{background:linear-gradient(160deg,#0A2150,#0E2A5E 60%,#16387A);color:#fff;border-radius:var(--r-2xl);
  padding:clamp(28px,5vw,var(--sp-16))}
.check h2{color:#fff;font-size:clamp(22px,3.4vw,var(--fs-3xl));margin-bottom:var(--sp-6)}
.check ul{list-style:none;display:grid;gap:var(--sp-3);margin-bottom:var(--sp-6)}
.check li{display:flex;gap:var(--sp-3);font-size:var(--fs-lg);color:rgba(255,255,255,.92)}
.check li .ck{flex:none;color:var(--gold-2);font-weight:var(--fw-extra)}
.take{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);margin:var(--sp-8) 0}
@media(max-width:760px){.take{grid-template-columns:1fr}}
.take .t{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-lg);padding:var(--sp-6)}
.take .t b{display:block;color:var(--gold-2);font-size:var(--fs-lg);margin-bottom:var(--sp-2)}
.take .t span{color:rgba(255,255,255,.8);font-size:var(--fs-sm)}

/* ── 联系方式 contact-grid ── */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-12);align-items:start}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}
.crow{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--line);
  border-radius:var(--r-lg);background:var(--bg);margin-bottom:var(--sp-4)}
.crow .ci{flex:none;width:40px;height:40px;border-radius:var(--r-md);background:rgba(31,74,158,.08);color:var(--brand);display:grid;place-items:center}
.crow .lbl{font-size:var(--fs-sm);color:var(--muted)}
.crow .val{font-weight:var(--fw-bold);color:var(--ink);font-size:var(--fs-base);word-break:break-all}

/* ── 页面内锚点导航 anchor-nav ── */
.anchor-nav{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-6);font-size:var(--fs-sm)}
.anchor-nav a{color:rgba(255,255,255,.72);padding:var(--sp-2) var(--sp-4);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-full);transition:background .2s,color .2s}
.anchor-nav a:hover{background:rgba(255,255,255,.1);color:#fff}

/* ── pain-block补丁 ── */
.pain-intro{color:var(--ink);font-size:var(--fs-base);margin-bottom:var(--sp-4);line-height:var(--lh-loose)}
.dot-list{list-style:none;display:grid;gap:var(--sp-2)}
.dot-list li{font-size:var(--fs-sm);color:var(--ink);line-height:var(--lh-loose);padding-left:var(--sp-5);position:relative}
.dot-list li::before{content:"•";position:absolute;left:var(--sp-1);color:var(--gold);font-weight:var(--fw-bold)}

/* ── 滚动显示 reveal ── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease-soft),transform .6s var(--ease-soft)}
.reveal.in{opacity:1;transform:none}

/* ── Footer ── */
.site{padding:var(--sp-16) 0 var(--sp-8);background:var(--brand);color:rgba(255,255,255,.7)}
.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-10);margin-bottom:var(--sp-10)}
.site .cols h4{color:var(--gold-2);margin-bottom:var(--sp-4);font-size:var(--fs-sm);letter-spacing:.06em}
.site .cols p,.site .cols a{display:block;font-size:var(--fs-sm);color:rgba(255,255,255,.6);line-height:2}
.site .cols a:hover{color:var(--gold-2)}
.site .brand{color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-base);margin-bottom:var(--sp-3)}
.site .copy{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--sp-6);font-size:var(--fs-xs);text-align:center}

/* ── 手册导航卡片（首页） ── */
.manual-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:var(--sp-6);box-shadow:var(--sh-sm);cursor:pointer;display:block;color:inherit;text-decoration:none;
  transition:transform .25s var(--ease-snap),box-shadow .25s,border-color .25s}
.manual-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:rgba(31,74,158,.25)}
.manual-card .ic{width:40px;height:40px;border-radius:var(--r-lg);background:rgba(31,74,158,.08);color:var(--brand);
  display:grid;place-items:center;margin-bottom:var(--sp-4);font-size:var(--fs-lg)}
.manual-card h3{font-size:var(--fs-lg);color:var(--brand);margin-bottom:var(--sp-2)}
.manual-card p{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-loose);margin-bottom:var(--sp-3)}
.manual-card .tag{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--gold);
  background:rgba(201,162,39,.1);padding:2px var(--sp-3);border-radius:var(--r-full)}

/* ── 数字滚动/回顶按钮 ── */
.back-to-top{position:fixed;bottom:var(--sp-8);right:var(--sp-8);width:var(--tap);height:var(--tap);
  border-radius:var(--r-full);background:var(--brand);color:#fff;border:none;cursor:pointer;
  box-shadow:var(--sh-md);display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}
.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:var(--brand-2);transform:translateY(-2px)}

/* ── motion-reduced ── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}