/* ===== 扶摇鲲官网 v2 · tokens（对齐 4.0 细化设计 §2.1，渐变恒 22°） ===== */
:root{
  --c-cyan:#06D6C8; --c-blue:#3BA4FA; --c-violet:#6E52F5;
  --c-deep:#0B1B33; --c-coral:#FF6B4A;
  --ink-900:#1A1A1E; --ink-700:#3A3A42; --ink-muted-strong:#6E6E78;
  --n-500:#9A9AA5; --n-300:#C9C9D1; --n-100:#EFEFF2; --n-0:#FFFFFF;
  --ok:#00C48F; --info:#3BA4FA; --warn:#FFB020; --err:#F04452;
  --violet-12:rgba(110,82,245,.12); --teal-12:rgba(6,214,200,.12);
  --font-sans:"Inter","Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --text-xs:12px; --text-sm:13px; --text-base:14px; --text-lg:16px;
  --text-h4:20px; --text-h3:24px; --text-h2:32px; --text-h1:40px;
  --lh-body:1.7;
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:32px; --sp-6:48px;
  --r-sm:6px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --shadow-card:0 1px 3px rgba(11,27,51,.06),0 4px 16px rgba(11,27,51,.06);
  --shadow-pop:0 8px 32px rgba(11,27,51,.14);
  --shadow-elev:0 16px 48px rgba(11,27,51,.20);
  --grad-brand:linear-gradient(22deg,#06D6C8,#3BA4FA 52%,#6E52F5);
  --grad-soft:linear-gradient(22deg,rgba(6,214,200,.08),rgba(110,82,245,.08));
  --dur-1:.12s; --dur-2:.2s; --ease:cubic-bezier(.22,1,.36,1);
  --focus:0 0 0 3px rgba(59,164,250,.35);
  --bg-page:#F7F9FC; --card-bg:#FFFFFF; --card-line:var(--n-100);
  --topbar-bg:rgba(255,255,255,.86);
}
[data-theme="dark"]{
  --ink-900:#FFFFFF; --ink-700:#C9C9D1; --ink-muted-strong:#9A9AA5;
  --n-100:rgba(255,255,255,.06); --n-0:#0B1B33;
  --bg-page:#081426; --card-bg:rgba(255,255,255,.06); --card-line:rgba(255,255,255,.08);
  --shadow-card:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);
  --ok:#1ADBA8; --info:#5FB6FB; --warn:#FFC14D; --err:#FF6B7E;
  --topbar-bg:rgba(8,20,38,.82);
}

/* ===== 基础 ===== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink-900);background:var(--bg-page);
  font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-body);
  transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}
a{color:var(--info);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 var(--sp-4)}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.calib{font-size:var(--text-xs);color:var(--ink-muted-strong);font-family:var(--font-mono)}
.badge{display:inline-block;padding:2px var(--sp-2);border-radius:var(--r-pill);
  font-size:var(--text-xs);font-weight:600;background:var(--teal-12);color:var(--c-cyan)}
.badge.violet{background:var(--violet-12);color:var(--c-violet)}
.badge.warn{background:rgba(255,176,32,.14);color:var(--warn)}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}
/* ===== TopBar 营销版 ===== */
.topbar{position:sticky;top:0;z-index:50;background:var(--topbar-bg);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--card-line)}
.topbar .bar{max-width:1080px;margin:0 auto;padding:0 var(--sp-4);height:56px;
  display:flex;align-items:center;gap:var(--sp-4)}
.topbar .logo{font-size:18px;font-weight:700;letter-spacing:2px;color:var(--ink-900)}
.topbar .logo a{color:inherit}
.topbar .logo:hover{text-decoration:none}
.logo-link{display:inline-flex;align-items:center;gap:8px}
.logo-mark{width:26px;height:26px;display:block;border-radius:6px;
  transition:transform var(--dur-2) var(--ease),opacity var(--dur-1) var(--ease)}
.logo-link:hover .logo-mark{transform:rotate(-8deg) scale(1.06);opacity:.88}
.logo-link:hover{text-decoration:none}
.topbar nav{display:flex;gap:var(--sp-4);margin-left:auto;align-items:center}
.topbar nav a{color:var(--ink-700);font-size:var(--text-sm)}
.topbar nav a:hover{color:var(--info);text-decoration:none}
.theme-toggle{background:none;border:1px solid var(--card-line);border-radius:var(--r-pill);
  color:var(--ink-700);font-size:var(--text-xs);padding:4px var(--sp-3);cursor:pointer}

/* ===== 按钮 ===== */
.btn{display:inline-block;border-radius:var(--r-pill);font-weight:700;cursor:pointer;
  padding:12px 30px;font-size:var(--text-lg);border:none;transition:opacity var(--dur-1) var(--ease)}
.btn:hover{text-decoration:none;opacity:.92}
.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 6px 20px rgba(6,214,200,.28)}
.btn-ghost{background:transparent;color:var(--ink-900);border:1px solid var(--card-line)}
.btn-sm{padding:7px var(--sp-3);font-size:var(--text-sm)}

/* ===== Hero（深空蓝暗场，玻璃拟态限此区） ===== */
.hero{background:linear-gradient(22deg,#16304F,#0B1B33 62%);color:#fff;
  padding:var(--sp-6) 0;position:relative;overflow:hidden}
.hero .wrap{display:flex;align-items:center;gap:var(--sp-6)}
.hero .hero-copy{flex:1;min-width:0}
.hero h1{font-size:var(--text-h1);font-weight:700;margin:0 0 var(--sp-3);line-height:1.35;color:#fff}
.hero .slogan{font-size:var(--text-h4);font-weight:600;margin:0 0 var(--sp-3);
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{color:#C9D6EA;font-size:var(--text-lg);margin:0 0 var(--sp-4);max-width:560px}
.hero .cta-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.hero .calib{display:block;margin-top:var(--sp-3);color:#8FA3C2}
.hero .hero-art{width:38%;max-width:300px;flex-shrink:0}
.hero .glass{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  padding:var(--sp-4)}
@media (max-width:760px){
  .hero{padding:var(--sp-5) 0}
  .hero .wrap{flex-direction:column;text-align:center}
  .hero h1{font-size:28px}
  .hero .sub{margin:0 auto var(--sp-4)}
  .hero .cta-row{justify-content:center}
  .hero .hero-art{width:64%}
  .topbar nav a.nav-link{display:none}
}
/* ===== 通用区块 ===== */
.band{padding:var(--sp-6) 0}
.band + .band{border-top:1px solid var(--card-line)}
.band h2{font-size:var(--text-h2);font-weight:700;margin:0 0 var(--sp-2)}
.band .lead{color:var(--ink-muted-strong);font-size:var(--text-lg);margin:0 0 var(--sp-5);max-width:720px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.card{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-md);
  padding:var(--sp-4);box-shadow:var(--shadow-card)}
.card h3,.card h4{margin:0 0 var(--sp-2);font-size:var(--text-h4);font-weight:600}
.card p{margin:0 0 var(--sp-3);color:var(--ink-700)}
.card .calib{display:block;margin-top:var(--sp-2)}

/* 剪刀差图 */
.shift-chart{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-lg);
  padding:var(--sp-4);box-shadow:var(--shadow-card)}
.shift-chart svg{width:100%;height:auto;display:block}

/* 五环带 */
.flow-strip{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:space-between;counter-reset:step}
.flow-step{flex:1;min-width:160px;background:var(--card-bg);border:1px solid var(--card-line);
  border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);position:relative}
.flow-step .idx{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-cyan);font-weight:700}
.flow-step h4{margin:var(--sp-1) 0;font-size:var(--text-lg)}
.flow-step p{margin:0;font-size:var(--text-sm);color:var(--ink-muted-strong)}

/* 证据等级 E0-E5 */
.e-scale{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-2)}
.e-tag{border:1px solid var(--card-line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);
  background:var(--card-bg);text-align:center}
.e-tag .lv{font-family:var(--font-mono);font-weight:700;color:var(--c-blue)}
.e-tag .nm{font-size:var(--text-xs);color:var(--ink-muted-strong);display:block;margin-top:2px}
.e-note{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--c-cyan);
  background:var(--grad-soft);border-radius:var(--r-sm);font-weight:600}
@media (max-width:900px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .e-scale{grid-template-columns:repeat(3,1fr)}
  .band{padding:var(--sp-5) 0}
  .band h2{font-size:var(--text-h3)}
}
/* ===== 博客列表（现役迁移） ===== */
.postlist h3{font-size:var(--text-lg);color:var(--ink-muted-strong);margin:var(--sp-4) 0 var(--sp-2);font-weight:600}
.postlist ol{list-style:none;margin:0;padding:0}
.postlist li{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:baseline;
  padding:var(--sp-2) 2px;border-bottom:1px dashed var(--card-line)}
.postlist li a{flex:1;color:var(--ink-700)}
.postlist li a:hover{color:var(--info)}
.postlist time{color:var(--ink-muted-strong);font-size:var(--text-sm);white-space:nowrap;
  font-variant-numeric:tabular-nums}

/* ===== 咨询入口 CTA ===== */
.cta-band{background:var(--grad-soft);border:1px solid var(--card-line);border-radius:var(--r-lg);
  padding:var(--sp-5);text-align:center}
.cta-band h2{margin-bottom:var(--sp-3)}
.cta-band .cta-row{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-4)}

/* ===== Footer ===== */
.site-footer{border-top:1px solid var(--card-line);color:var(--ink-muted-strong);
  font-size:var(--text-sm);padding:var(--sp-5) 0}
.site-footer .links{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-2)}
.site-footer .links a{color:var(--ink-muted-strong)}

/* ===== Modal（小程序码弹层） ===== */
.modal-mask{position:fixed;inset:0;background:rgba(4,10,20,.6);z-index:200;
  display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}
.modal-mask[hidden]{display:none}
.modal-box{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-elev);max-width:420px;width:100%;padding:var(--sp-5);text-align:center}
.modal-box h3{margin:0 0 var(--sp-3);font-size:var(--text-h4)}
.modal-box p{color:var(--ink-700);margin:0 0 var(--sp-4)}
.modal-box .btn{cursor:pointer}

/* 服务条目 */
.svc-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.svc-list li{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-md);
  padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-card)}
.svc-list strong{display:block;font-size:var(--text-lg);color:var(--ink-900)}
.svc-list span{font-size:var(--text-sm);color:var(--ink-muted-strong)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ===== 指南/工具页（3-1x 高意图页型 · 选型指南×3+成本估算器×1） ===== */
.doc-head{padding:var(--sp-6) 0 var(--sp-3)}
.doc-head .crumb{font-size:var(--text-sm);color:var(--ink-muted-strong);margin-bottom:var(--sp-2);
  white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.doc-head .crumb a{color:var(--ink-muted-strong)}
.doc-head .crumb a:hover{color:var(--info);text-decoration:none}
.doc-head .crumb .sep{margin:0 6px;opacity:.6}
.doc-head .crumb .cur{color:var(--ink-700)}
.doc-head h1{font-size:var(--text-h2);font-weight:700;margin:0 0 var(--sp-2);line-height:1.4}
.doc-head .lead{color:var(--ink-muted-strong);font-size:var(--text-lg);margin:0;max-width:760px}
.doc-body{padding-bottom:var(--sp-6)}
.doc-body h2{font-size:var(--text-h3);font-weight:700;margin:var(--sp-5) 0 var(--sp-3)}
.doc-body h3{font-size:var(--text-h4);font-weight:600;margin:var(--sp-4) 0 var(--sp-2)}
.doc-body p{color:var(--ink-700);margin:0 0 var(--sp-3);max-width:820px}
.doc-body ul,.doc-body ol{color:var(--ink-700);margin:0 0 var(--sp-3);padding-left:var(--sp-5)}
.doc-body li{margin-bottom:var(--sp-2)}
.compare-wrap{overflow-x:auto;margin:0 0 var(--sp-3)}
.compare-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--card-bg);
  border:1px solid var(--card-line);border-radius:var(--r-md);box-shadow:var(--shadow-card)}
.compare-table th,.compare-table td{padding:var(--sp-3);text-align:left;vertical-align:top;
  border-bottom:1px solid var(--card-line);font-size:var(--text-sm);color:var(--ink-700)}
.compare-table th{font-weight:700;color:var(--ink-900);background:var(--grad-soft);white-space:nowrap}
.compare-table tr:last-child td{border-bottom:none}
.flag-list{list-style:none;padding-left:0!important}
.flag-list li{padding:var(--sp-2) var(--sp-3);border-left:4px solid var(--err);
  background:var(--card-bg);border-radius:var(--r-sm);margin-bottom:var(--sp-2)}
.flag-list.ok li{border-left-color:var(--ok)}
.lead-box{background:var(--grad-soft);border:1px solid var(--card-line);border-radius:var(--r-lg);
  padding:var(--sp-5);margin-top:var(--sp-5)}
.lead-box h2{margin-top:0}
.lead-form{display:grid;gap:var(--sp-3);max-width:560px;margin-top:var(--sp-3)}
.lead-form label{font-size:var(--text-sm);font-weight:600;color:var(--ink-900)}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;margin-top:var(--sp-1);
  padding:var(--sp-2) var(--sp-3);border:1px solid var(--card-line);border-radius:var(--r-sm);
  background:var(--card-bg);color:var(--ink-900);font-family:var(--font-sans);font-size:var(--text-base)}
.lead-form textarea{min-height:88px;resize:vertical}
.lead-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.lead-ok{color:var(--ok);font-weight:600;margin-top:var(--sp-2)}
.lead-privacy{font-size:var(--text-xs);color:var(--ink-muted-strong)}
.est-out{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-md);
  padding:var(--sp-4);margin-top:var(--sp-4);box-shadow:var(--shadow-card)}
.est-out .num{font-size:28px;font-weight:800;color:var(--c-cyan)}
.est-out h3{margin-top:0}
@media (max-width:760px){.lead-form .row-2{grid-template-columns:1fr}}

/* ===== 品牌导航升级（T-20260904-01）：v1 归档横幅 + 404 页 ===== */
.archive-banner{background:var(--grad-soft);border-bottom:1px solid var(--card-line);
  color:var(--ink-700);font-size:var(--text-sm);text-align:center;
  padding:var(--sp-2) var(--sp-4)}
.archive-banner a{color:var(--info);font-weight:600;margin-left:6px}
.err-page{min-height:72vh;display:flex;align-items:center;justify-content:center;
  padding:var(--sp-6) var(--sp-4);text-align:center}
.err-page .card{max-width:460px;width:100%;padding:var(--sp-6) var(--sp-5)}
.err-code{font-size:56px;font-weight:800;line-height:1;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.err-page h1{font-size:var(--text-h4);margin:var(--sp-3) 0 var(--sp-2)}
.err-page p{color:var(--ink-muted-strong);margin:0 0 var(--sp-5)}
@media (max-width:760px){.logo-mark{width:22px;height:22px}.topbar .logo{font-size:17px}}