:root{
  --brand:#2563eb;
  --accent:#06b6d4;
  --bg:#f8fafc;
  --ink:#0f172a;
  --line:#e2e8f0;
  --card:#ffffff;
  --shadow-lg:0 18px 40px -12px rgba(15,23,42,.22), 0 6px 14px -6px rgba(37,99,235,.16);
  --shadow-md:0 10px 24px -10px rgba(15,23,42,.20);
  --shadow-sm:0 4px 10px -4px rgba(15,23,42,.14);
  --serif:"Songti SC","Source Han Serif SC","Noto Serif SC","SimSun",serif;
  --sans:"Inter","PingFang SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  font-size:14px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,.serif{font-family:var(--serif);font-weight:800;letter-spacing:.2px}
a{text-decoration:none}
::selection{background:rgba(37,99,235,.18)}

/* ---------- 顶部导航 ---------- */
.top-nav{
  position:sticky;top:0;z-index:1000;
  background:linear-gradient(180deg,#ffffff 0%,#f1f5fd 100%);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 24px -18px rgba(15,23,42,.5);
}
.brand-lock{
  font-family:var(--serif);
  font-weight:900;
  font-size:1.18rem;
  color:var(--ink);
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.35rem 0;
}
.brand-lock i{color:var(--brand);font-size:1.05rem}
.nav-links{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap}
.nav-links a{
  color:#334155;font-size:.86rem;font-weight:600;
  padding:.5rem .72rem;border-radius:9px;
  transition:.22s;
  white-space:nowrap;
}
.nav-links a:hover{color:var(--brand);background:rgba(37,99,235,.08);transform:translateY(-1px)}
.nav-links a.active{
  color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  box-shadow:var(--shadow-sm);
}
.nav-toggle{
  display:none;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:.42rem .7rem;color:var(--ink);font-size:1rem;
  box-shadow:var(--shadow-sm);
}
@media(max-width:991px){
  .nav-toggle{display:inline-block}
  .nav-links{display:none;width:100%;padding:.6rem 0 .3rem;gap:.1rem}
  .nav-links.open{display:flex;flex-direction:column;align-items:stretch}
  .nav-links a{padding:.62rem .8rem;border-radius:10px}
}

/* ---------- 光晕装饰 ---------- */
.glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.glow-a{width:420px;height:420px;background:rgba(37,99,235,.22);top:-140px;right:-90px}
.glow-b{width:360px;height:360px;background:rgba(6,182,212,.20);bottom:-120px;left:-120px}
.glow-c{width:260px;height:260px;background:rgba(37,99,235,.14);top:40%;left:42%}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  padding:4.2rem 0 3.4rem;
  background:
    radial-gradient(circle at 82% 18%,rgba(6,182,212,.16),transparent 55%),
    radial-gradient(circle at 12% 82%,rgba(37,99,235,.14),transparent 58%),
    linear-gradient(180deg,#ffffff 0%,#f4f8ff 62%,var(--bg) 100%);
  border-bottom:1px solid var(--line);
}
.hero-inner{position:relative;z-index:2}
.hero-badge{
  display:inline-flex;align-items:center;gap:.45rem;
  background:#fff;border:1px solid var(--line);
  padding:.35rem .85rem;border-radius:999px;
  font-size:.76rem;font-weight:700;color:var(--brand);
  box-shadow:var(--shadow-sm);
  letter-spacing:.5px;
}
.hero h1{
  font-size:clamp(2rem,5.2vw,3.5rem);
  line-height:1.16;
  margin:1.1rem 0 .9rem;
  font-weight:900;
  color:var(--ink);
}
.hero h1 .grad{
  background:linear-gradient(100deg,var(--brand) 0%,#4f7dfb 38%,var(--accent) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  display:inline-block;
}
.hero-sub{
  color:#475569;font-size:.95rem;max-width:640px;margin-bottom:1.6rem;
}
.hero-meta{
  display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.9rem;
}
.hero-chip{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:.34rem .72rem;font-size:.76rem;font-weight:600;color:#334155;
  box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:.35rem;
}
.hero-chip i{color:var(--accent);font-size:.72rem}
.btn-main{
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(135deg,var(--brand),#3d7bfa 55%,var(--accent));
  color:#fff;font-weight:700;font-size:.9rem;
  padding:.76rem 1.6rem;border-radius:12px;border:none;
  box-shadow:0 14px 26px -12px rgba(37,99,235,.75),inset 0 1px 0 rgba(255,255,255,.35);
  transition:.24s;
}
.btn-main:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(37,99,235,.85),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-ghost{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;color:var(--ink);font-weight:700;font-size:.9rem;
  padding:.76rem 1.5rem;border-radius:12px;border:1px solid var(--line);
  box-shadow:var(--shadow-sm);transition:.24s;margin-left:.55rem;
}
.btn-ghost:hover{color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.hero-card{
  position:relative;
  background:linear-gradient(160deg,#ffffff,#f2f7ff);
  border:1px solid var(--line);
  border-radius:20px;
  padding:1.35rem 1.35rem 1.15rem;
  box-shadow:var(--shadow-lg),inset 0 1px 0 #fff;
}
.hero-card::before{
  content:"";position:absolute;inset:0;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.7),transparent 40%);
  pointer-events:none;
}
.hc-title{
  font-family:var(--serif);font-size:.92rem;font-weight:800;
  display:flex;align-items:center;gap:.45rem;margin-bottom:.85rem;
  color:var(--ink);
}
.hc-title i{color:var(--brand)}
.hc-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:.5rem .1rem;border-bottom:1px dashed #e6ecf7;font-size:.82rem;
}
.hc-row:last-child{border-bottom:none}
.hc-row span:first-child{color:#64748b;display:flex;align-items:center;gap:.45rem}
.hc-row span:first-child i{color:var(--accent);font-size:.78rem;width:14px}
.hc-row b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}

/* 浮动装饰 */
.float-deco{position:absolute;z-index:1;opacity:.9;pointer-events:none}
.fd-1{top:14%;right:6%;animation:floaty 7s ease-in-out infinite}
.fd-2{bottom:16%;left:4%;animation:floaty 9s ease-in-out infinite .8s}
.fd-3{top:58%;right:24%;animation:floaty 8s ease-in-out infinite 1.4s}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}
.fd-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 0 0 6px rgba(37,99,235,.1),0 8px 16px -6px rgba(37,99,235,.6)}
.fd-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(6,182,212,.45);box-shadow:0 0 0 8px rgba(6,182,212,.08)}
.fd-sq{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#93c5fd,#22d3ee);box-shadow:0 8px 16px -8px rgba(6,182,212,.8);transform:rotate(18deg)}

/* ---------- 通用区块 ---------- */
.section{padding:3.4rem 0;position:relative}
.section-head{margin-bottom:2rem;position:relative;z-index:2}
.kicker{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.72rem;font-weight:800;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;
}
.kicker::before{content:"";width:22px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.section-head h2{
  font-size:clamp(1.35rem,3vw,1.95rem);font-weight:900;margin:0 0 .5rem;color:var(--ink);
}
.section-head p{color:#64748b;font-size:.87rem;margin:0;max-width:660px}

/* ---------- 数据统计 ---------- */
.stats-wrap{
  background:linear-gradient(160deg,#ffffff,#f3f8ff);
  border:1px solid var(--line);border-radius:22px;
  padding:1.4rem;
  box-shadow:var(--shadow-lg),inset 0 1px 0 #fff;
}
.stat-cell{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:1.05rem .9rem;text-align:center;height:100%;
  box-shadow:var(--shadow-sm);transition:.25s;position:relative;overflow:hidden;
}
.stat-cell::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--accent));
  transform:scaleX(.35);transform-origin:left;transition:.3s;
}
.stat-cell:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.stat-cell:hover::after{transform:scaleX(1)}
.stat-num{
  font-family:var(--serif);font-weight:900;
  font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.1;
  background:linear-gradient(120deg,var(--brand),var(--accent));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  font-variant-numeric:tabular-nums;
}
.stat-label{font-size:.78rem;color:#64748b;font-weight:600;margin-top:.25rem}
.stat-extra{font-size:.7rem;color:#94a3b8;margin-top:.15rem}

/* ---------- 使用说明：编号清单 ---------- */
.steps{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:1.5rem 1.4rem;box-shadow:var(--shadow-md);
}
.step{
  display:flex;gap:.95rem;padding:.9rem .2rem;
  border-bottom:1px dashed #e8eefa;
}
.step:last-child{border-bottom:none;padding-bottom:.2rem}
.step-no{
  flex:0 0 38px;height:38px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-weight:900;font-size:.95rem;color:#fff;
  background:linear-gradient(140deg,var(--brand),var(--accent));
  box-shadow:0 8px 16px -8px rgba(37,99,235,.8),inset 0 1px 0 rgba(255,255,255,.4);
}
.step-body h4{font-size:.92rem;font-weight:800;margin:0 0 .22rem}
.step-body p{font-size:.81rem;color:#64748b;margin:0}
.step-body .tag{
  display:inline-block;margin-top:.35rem;font-size:.68rem;font-weight:700;
  color:var(--brand);background:rgba(37,99,235,.09);
  padding:.14rem .5rem;border-radius:6px;
}
.tips-card{
  background:linear-gradient(160deg,#f0f6ff,#ffffff);
  border:1px solid #dbe7fb;border-radius:20px;
  padding:1.3rem 1.25rem;box-shadow:var(--shadow-sm);height:100%;
}
.tips-card h4{font-size:.92rem;font-weight:800;margin:0 0 .8rem;display:flex;align-items:center;gap:.45rem}
.tips-card h4 i{color:var(--accent)}
.tips-card ul{list-style:none;padding:0;margin:0}
.tips-card li{
  font-size:.8rem;color:#475569;padding:.4rem 0 .4rem 1.15rem;position:relative;
}
.tips-card li::before{
  content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;top:.45rem;font-size:.72rem;color:var(--accent);
}

/* ---------- 对比表格（特色） ---------- */
.compare-card{
  background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:1.2rem;box-shadow:var(--shadow-lg);overflow:hidden;
}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem}
.compare-table thead th{
  background:linear-gradient(135deg,#eef4ff,#e6f7fb);
  color:var(--ink);font-weight:800;font-size:.8rem;
  padding:.8rem .85rem;border-bottom:2px solid #dbe7fb;
  font-family:var(--serif);letter-spacing:.3px;
}
.compare-table thead th:first-child{border-top-left-radius:12px}
.compare-table thead th:last-child{border-top-right-radius:12px}
.compare-table thead th.us{
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;position:relative;
}
.compare-table tbody td{
  padding:.78rem .85rem;border-bottom:1px solid #eef2fa;color:#475569;vertical-align:middle;
}
.compare-table tbody tr:last-child td{border-bottom:none}
.compare-table tbody tr:hover td{background:#f7faff}
.compare-table td.feat{font-weight:700;color:var(--ink);font-size:.81rem}
.compare-table td.us{
  background:rgba(37,99,235,.045);color:var(--ink);font-weight:700;
}
.compare-table tbody tr:hover td.us{background:rgba(37,99,235,.09)}
.yes{color:#0ea5a4;font-weight:900}
.no{color:#cbd5e1;font-weight:700}
.mid{color:#f59e0b;font-weight:800}
.us-tag{
  display:inline-flex;align-items:center;gap:.28rem;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;font-size:.64rem;font-weight:800;
  padding:.1rem .42rem;border-radius:5px;margin-left:.3rem;
  letter-spacing:.3px;
}
/* 爆点卡片网格 */
.leak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.95rem}
@media(min-width:768px){.leak-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.leak-grid{grid-template-columns:repeat(3,1fr)}}
.leak-card{
  position:relative;border-radius:16px;overflow:hidden;
  background:#0f172a;box-shadow:var(--shadow-md);
  transition:transform .28s ease,box-shadow .28s ease;
}
.leak-card .thumb{
  position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;
}
.leak-card img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease;
  background:linear-gradient(135deg,#dbeafe,#cffafe);
}
.leak-card:hover img{transform:scale(1.08)}
.leak-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px -16px rgba(15,23,42,.55)}
.leak-mask{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,0) 30%,rgba(15,23,42,.9) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:.8rem .85rem;
  opacity:.96;transition:.3s;
}
.leak-card:hover .leak-mask{background:linear-gradient(180deg,rgba(37,99,235,.35) 0%,rgba(15,23,42,.95) 100%)}
.leak-mask .cat{
  font-size:.62rem;font-weight:800;color:#0f172a;
  background:linear-gradient(135deg,#a5f3fc,#bfdbfe);
  padding:.08rem .4rem;border-radius:4px;display:inline-block;margin-bottom:.32rem;
  width:fit-content;letter-spacing:.4px;
}
.leak-mask h4{
  font-size:.84rem;color:#fff;margin:0;font-weight:800;line-height:1.35;
  font-family:var(--serif);
}
.leak-mask .desc{
  font-size:.7rem;color:#cbd5e1;margin-top:.22rem;
  max-height:0;opacity:0;overflow:hidden;transition:.32s;
  line-height:1.5;
}
.leak-card:hover .leak-mask .desc{max-height:60px;opacity:1}

/* ---------- FAQ 手风琴 ---------- */
.faq-wrap{max-width:880px;margin:0 auto}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;
  margin-bottom:.7rem;overflow:hidden;box-shadow:var(--shadow-sm);
  transition:.24s;
}
.faq-item.open{box-shadow:var(--shadow-md);border-color:#c7d9fb}
.faq-q{
  width:100%;background:none;border:none;text-align:left;
  padding:.95rem 1.05rem;display:flex;align-items:center;gap:.7rem;
  font-family:var(--serif);font-weight:800;font-size:.9rem;color:var(--ink);
  cursor:pointer;transition:.2s;
}
.faq-q:hover{color:var(--brand)}
.faq-q .qi{
  flex:0 0 26px;height:26px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;font-size:.7rem;font-weight:900;
  box-shadow:0 6px 12px -6px rgba(37,99,235,.8);
  font-family:var(--sans);
}
.faq-q .arrow{
  margin-left:auto;color:#94a3b8;font-size:.8rem;transition:transform .3s;
}
.faq-item.open .faq-q .arrow{transform:rotate(180deg);color:var(--brand)}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height .35s ease;
}
.faq-a-inner{
  padding:0 1.05rem 1rem 3.05rem;font-size:.82rem;color:#475569;line-height:1.75;
}
.faq-item.open .faq-a{max-height:320px}

/* ---------- CTA ---------- */
.cta-band{
  position:relative;overflow:hidden;
  border-radius:24px;
  padding:2.6rem 1.6rem;
  background:
    radial-gradient(circle at 88% 12%,rgba(6,182,212,.32),transparent 55%),
    radial-gradient(circle at 8% 92%,rgba(37,99,235,.34),transparent 58%),
    linear-gradient(135deg,#0b1c3f 0%,#12306b 52%,#0e4a6b 100%);
  box-shadow:0 30px 60px -28px rgba(11,28,63,.75),inset 0 1px 0 rgba(255,255,255,.12);
  color:#fff;text-align:center;
}
.cta-band::before{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  border:1px solid rgba(255,255,255,.14);top:-120px;right:-60px;
}
.cta-band::after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  border:1px solid rgba(255,255,255,.1);bottom:-100px;left:-40px;
}
.cta-band h2{
  font-size:clamp(1.4rem,3.4vw,2.1rem);font-weight:900;margin:0 0 .6rem;position:relative;z-index:2;
  background:linear-gradient(100deg,#ffffff,#a5f3fc 60%,#93c5fd);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.cta-band p{color:#c7d7f5;font-size:.88rem;max-width:600px;margin:0 auto 1.5rem;position:relative;z-index:2}
.cta-band .btn-main{position:relative;z-index:2;background:linear-gradient(135deg,#ffffff,#e0f2fe);color:#0b1c3f;box-shadow:0 16px 30px -14px rgba(0,0,0,.6),inset 0 1px 0 #fff}
.cta-band .btn-main:hover{color:#0b1c3f}
.cta-band .btn-ghost{position:relative;z-index:2;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}
.cta-chips{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.cta-chips span{
  font-size:.72rem;font-weight:600;color:#dbeafe;
  border:1px solid rgba(255,255,255,.22);border-radius:999px;
  padding:.24rem .7rem;background:rgba(255,255,255,.06);
}

/* ---------- 友情链接 ---------- */
.friend-links{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:1.3rem 1.35rem;box-shadow:var(--shadow-sm);
}
.friend-links h3{
  font-size:.9rem;font-weight:800;margin:0 0 .7rem;display:flex;align-items:center;gap:.45rem;
}
.friend-links h3 i{color:var(--accent)}
.fl-box{font-size:.8rem;color:#64748b;line-height:2}

/* ---------- 页脚 ---------- */
.site-footer{
  background:linear-gradient(180deg,#f1f5fd,#e8eefb);
  border-top:1px solid var(--line);
  padding:2.6rem 0 1.4rem;
  margin-top:1rem;
}
.footer-brand{
  font-family:var(--serif);font-weight:900;font-size:1.05rem;
  display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);
  margin-bottom:.5rem;
}
.footer-brand i{color:var(--brand)}
.footer-desc{font-size:.79rem;color:#64748b;max-width:340px;line-height:1.75}
.footer-col h4{font-size:.82rem;font-weight:800;margin:0 0 .7rem;color:var(--ink)}
.footer-col a{
  display:block;font-size:.79rem;color:#64748b;padding:.2rem 0;transition:.2s;
}
.footer-col a:hover{color:var(--brand);transform:translateX(3px)}
.footer-bottom{
  border-top:1px solid #dbe4f5;margin-top:1.6rem;padding-top:1rem;
  font-size:.75rem;color:#8b9ab3;display:flex;flex-wrap:wrap;gap:.5rem;
  justify-content:space-between;align-items:center;
}
.footer-bottom a{color:#64748b}
.footer-bottom a:hover{color:var(--brand)}

/* ---------- 滚动渐显 ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.8,.3,1),transform .7s cubic-bezier(.22,.8,.3,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .float-deco{animation:none}
}
/* 图片懒加载占位 */
.lazy-img{opacity:0;transition:opacity .5s ease}
.lazy-img.loaded{opacity:1}
.thumb{background:linear-gradient(135deg,#dbeafe,#cffafe)}

/* --- 子页面追加 --- */
/* 本页专属：关于页排版补充，配色全部沿用站点变量 */
  .about-wrap {max-width:1160px;margin:0 auto;padding:0 20px;}
/* 页面头部 */
  .about-hero {position:relative;overflow:hidden;padding:72px 0 56px;background:
    radial-gradient(900px 420px at 12% -10%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(760px 380px at 88% 0%, rgba(6,182,212,.12), transparent 62%),
    var(--bg);border-bottom:1px solid var(--line);}
.about-hero h1 {font-family:var(--serif);font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.22;
    color:var(--ink);font-weight:700;margin:18px 0 16px;letter-spacing:.01em;}
.about-hero h1 em {font-style:normal;color:var(--brand);}
.about-lead {max-width:760px;color:#475569;font-size:1.03rem;line-height:1.95;}
.about-badge {display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;
    background:#fff;border:1px solid var(--line);color:var(--brand);font-size:.84rem;
    font-weight:600;box-shadow:var(--shadow-sm);}
.about-badge i {color:var(--accent);}
.hero-kpis {display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.kpi {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 20px;
    box-shadow:var(--shadow-sm);min-width:150px;}
.kpi b {display:block;font-size:1.45rem;color:var(--brand);font-weight:800;line-height:1.2;}
.kpi span {font-size:.82rem;color:#64748b;}
/* 通用区块 */
  .sec {padding:64px 0;}
.sec-alt {background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-head {max-width:780px;margin-bottom:38px;}
.sec-head h2 {font-family:var(--serif);font-size:clamp(1.45rem,2.6vw,1.95rem);color:var(--ink);
    font-weight:700;line-height:1.35;margin:0 0 12px;}
.sec-head h2 span {color:var(--brand);}
.sec-head p {color:#64748b;font-size:.95rem;line-height:1.9;margin:0;}
.eyebrow {display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
/* 内容来源卡片 */
  .src-card {background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:24px 22px;height:100%;box-shadow:var(--shadow-sm);transition:.28s ease;}
.src-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#c7d6f5;}
.src-card i {font-size:1.2rem;color:var(--brand);background:rgba(37,99,235,.08);
    width:44px;height:44px;display:flex;align-items:center;justify-content:center;
    border-radius:12px;margin-bottom:14px;}
.src-card h3 {font-size:1.03rem;font-weight:700;color:var(--ink);margin:0 0 8px;}
.src-card p {font-size:.9rem;color:#64748b;line-height:1.85;margin:0;}
/* 核验流程 */
  .flow {list-style:none;margin:0;padding:0;counter-reset:step;}
.flow li {position:relative;padding:0 0 26px 62px;counter-increment:step;}
.flow li:last-child {padding-bottom:0;}
.flow li::before {content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;
    width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:800;
    font-size:.9rem;box-shadow:var(--shadow-sm);}
.flow li::after {content:"";position:absolute;left:20px;top:48px;bottom:6px;width:2px;
    background:linear-gradient(180deg,rgba(37,99,235,.28),rgba(6,182,212,.06));}
.flow li:last-child::after {display:none;}
.flow h3 {font-size:1rem;font-weight:700;color:var(--ink);margin:6px 0 6px;}
.flow p {font-size:.9rem;color:#64748b;line-height:1.85;margin:0;}
/* 核验原则清单 */
  .rule-box {background:var(--card);border:1px solid var(--line);border-radius:18px;
    padding:28px 26px;box-shadow:var(--shadow-md);height:100%;}
.rule-box h3 {font-size:1.06rem;font-weight:700;color:var(--ink);margin:0 0 16px;
    display:flex;align-items:center;gap:10px;}
.rule-box h3 i {color:var(--accent);}
.rule-list {list-style:none;margin:0;padding:0;}
.rule-list li {position:relative;padding-left:24px;font-size:.9rem;color:#475569;
    line-height:1.85;margin-bottom:12px;}
.rule-list li:last-child {margin-bottom:0;}
.rule-list li::before {content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
    position:absolute;left:0;top:2px;font-size:.72rem;color:var(--brand);}
/* 栏目索引 */
  .cat-item {display:flex;align-items:flex-start;gap:14px;background:var(--card);
    border:1px solid var(--line);border-radius:14px;padding:18px 18px;
    text-decoration:none;transition:.26s ease;height:100%;}
.cat-item:hover {transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#c7d6f5;}
.cat-item .ci-ico {flex:0 0 auto;width:40px;height:40px;border-radius:11px;
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;
    background:linear-gradient(135deg,var(--brand),var(--accent));}
.cat-item b {display:block;color:var(--ink);font-size:.96rem;font-weight:700;margin-bottom:4px;}
.cat-item small {display:block;color:#64748b;font-size:.82rem;line-height:1.7;}
/* 时间线 */
  .timeline {border-left:2px solid var(--line);padding-left:26px;margin-left:6px;}
.tl-item {position:relative;padding-bottom:26px;}
.tl-item:last-child {padding-bottom:0;}
.tl-item::before {content:"";position:absolute;left:-33px;top:5px;width:12px;height:12px;
    border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.tl-item time {display:inline-block;font-size:.78rem;font-weight:700;color:var(--accent);
    letter-spacing:.06em;margin-bottom:5px;}
.tl-item h3 {font-size:.98rem;font-weight:700;color:var(--ink);margin:0 0 5px;}
.tl-item p {font-size:.88rem;color:#64748b;line-height:1.8;margin:0;}
/* 联系区 */
  .contact-card {background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;
    padding:40px 34px;color:#e2e8f0;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}
.contact-card::after {content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;
    border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.35),transparent 70%);}
.contact-card h2 {font-family:var(--serif);font-size:1.5rem;font-weight:700;color:#fff;
    margin:0 0 12px;position:relative;z-index:1;}
.contact-card p {font-size:.92rem;line-height:1.9;color:#cbd5e1;margin:0 0 20px;
    position:relative;z-index:1;max-width:640px;}
.contact-grid {display:flex;flex-wrap:wrap;gap:14px;position:relative;z-index:1;}
.contact-pill {display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
    color:#e2e8f0;font-size:.86rem;}
.contact-pill i {color:var(--accent);}
/* 页脚 */
  .site-foot {background:#0f172a;color:#94a3b8;padding:52px 0 26px;margin-top:0;}
.site-foot .f-brand {display:inline-flex;align-items:center;gap:9px;font-weight:800;
    color:#fff;font-size:1.1rem;text-decoration:none;margin-bottom:14px;}
.site-foot .f-brand span {font-size:1.2rem;}
.site-foot p {font-size:.86rem;line-height:1.85;color:#94a3b8;margin:0 0 18px;max-width:420px;}
.site-foot h4 {font-size:.85rem;color:#e2e8f0;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;margin:0 0 14px;}
.f-links {list-style:none;margin:0;padding:0;}
.f-links li {margin-bottom:10px;}
.f-links a {color:#94a3b8;text-decoration:none;font-size:.87rem;transition:.2s;}
.f-links a:hover {color:#fff;}
.f-bottom {border-top:1px solid rgba(255,255,255,.09);margin-top:34px;padding-top:20px;
    font-size:.8rem;color:#64748b;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;}
.f-bottom a {color:#94a3b8;text-decoration:none;}
.f-bottom a:hover {color:#fff;}
.about-hero {padding:52px 0 42px;}
.sec {padding:46px 0;}
.contact-card {padding:30px 22px;}
.flow li {padding-left:54px;}

/* --- 子页面追加 --- */
.page-hero {padding:64px 0 36px;position:relative;overflow:hidden}
.page-hero .hero-badge {display:inline-flex;align-items:center;gap:8px}
.doc-wrap {max-width:900px;margin:0 auto}
.doc-card {background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 34px 30px;box-shadow:var(--shadow-md);margin-bottom:26px}
.doc-card h2 {font-size:22px;font-weight:800;color:var(--ink);margin:0 0 14px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.doc-card h2 .num {flex:none;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.doc-card h3 {font-size:16px;font-weight:700;color:var(--brand);margin:20px 0 8px}
.doc-card p {color:#334155;font-size:15px;line-height:1.85;margin:0 0 12px}
.doc-card ul {margin:0 0 12px;padding-left:0;list-style:none}
.doc-card ul li {position:relative;padding-left:22px;color:#334155;font-size:15px;line-height:1.85;margin-bottom:8px}
.doc-card ul li::before {content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.doc-card strong {color:var(--ink);font-weight:700}
.doc-note {background:rgba(37,99,235,.06);border:1px dashed rgba(37,99,235,.35);border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.8;color:#1e3a8a}
.doc-meta {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.doc-meta span {font-size:12px;color:#64748b;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.doc-toc {background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:26px}
.doc-toc p {font-size:13px;font-weight:700;color:var(--ink);margin:0 0 12px;letter-spacing:.04em}
.doc-toc a {display:block;font-size:14px;color:#475569;text-decoration:none;padding:6px 0;border-bottom:1px dashed var(--line);transition:color .2s}
.doc-toc a:last-child {border-bottom:0}
.doc-toc a:hover {color:var(--brand)}
.doc-card {padding:24px 20px}
.page-hero {padding:44px 0 26px}

/* --- 子页面追加 --- */
.topic-wrap {max-width:1120px;margin:0 auto;padding:0 20px}
.topic-hero {padding:56px 0 20px;position:relative}
.topic-hero h1 {font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.28;color:var(--ink);font-weight:800;margin:18px 0 14px;letter-spacing:-.01em}
.topic-hero h1 em {font-style:normal;color:var(--brand)}
.lead {color:#475569;font-size:1.02rem;line-height:1.85;max-width:780px}
.meta-row {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.chip {display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:#475569;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 13px;box-shadow:var(--shadow-sm)}
.chip i {color:var(--accent)}
.sec h2 {font-size:clamp(1.2rem,2.2vw,1.55rem);color:var(--ink);font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:11px;line-height:1.4}
.sec h2 .bar {width:5px;height:1.15em;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--accent));flex:none}
.sec h3 {font-size:1.05rem;color:var(--ink);font-weight:700;margin:22px 0 8px}
.sec p {color:#475569;line-height:1.9;margin-bottom:14px}
.panel {background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px;box-shadow:var(--shadow-md)}
.fact-list {list-style:none;padding:0;margin:0}
.fact-list li {display:flex;gap:13px;padding:13px 0;border-bottom:1px dashed var(--line);color:#475569;line-height:1.8}
.fact-list li:last-child {border-bottom:0}
.fact-list .num {flex:none;width:26px;height:26px;border-radius:8px;background:rgba(6,182,212,.12);color:var(--brand);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-top:2px}
.tl {position:relative;margin:0;padding:0 0 0 26px;list-style:none;border-left:2px solid var(--line)}
.tl li {position:relative;padding:0 0 22px 0}
.tl li:last-child {padding-bottom:0}
.tl li::before {content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--card);border:3px solid var(--brand)}
.tl .t {font-weight:700;color:var(--ink);font-size:.95rem}
.tl .d {color:#64748b;font-size:.9rem;line-height:1.8;margin-top:3px}
.cmp {width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.cmp th,.cmp td {padding:13px 16px;text-align:left;font-size:.9rem;line-height:1.7;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th {background:rgba(37,99,235,.06);color:var(--ink);font-weight:700;font-size:.85rem;letter-spacing:.02em}
.cmp tbody tr:last-child td {border-bottom:0}
.cmp td:first-child {color:var(--ink);font-weight:600;width:26%}
.cmp td {color:#475569}
.quote {border-left:4px solid var(--accent);background:rgba(6,182,212,.06);border-radius:0 12px 12px 0;padding:16px 20px;color:#334155;line-height:1.9;font-size:.95rem}
.grid-2 {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mini {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm);height:100%}
.mini h4 {font-size:.98rem;color:var(--ink);font-weight:700;margin:0 0 8px}
.mini p {font-size:.9rem;color:#64748b;line-height:1.85;margin:0}
.rel-links {display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rel-links a {display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--brand);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 16px;text-decoration:none;box-shadow:var(--shadow-sm);transition:.2s}
.rel-links a:hover {border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.note {font-size:.84rem;color:#94a3b8;line-height:1.8;margin-top:18px}
.grid-2 {grid-template-columns:1fr}
.cmp td:first-child {width:34%}
.panel {padding:20px 18px}

/* --- 子页面追加 --- */
/* 顶部导航（与首页一致） */
  .top-nav {position:sticky;top:0;z-index:50;background:rgba(248,250,252,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.nav-inner {max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
/* 页面骨架 */
  .page-wrap {max-width:1180px;margin:0 auto;padding:0 20px;}
/* 主体两栏 */
  .layout {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding-bottom:70px;}
.section h2 {font-size:1.28rem;font-weight:800;letter-spacing:-.2px;margin:0 0 8px;display:flex;align-items:center;gap:10px;}
.section h2::before {content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--accent));display:inline-block;}
.section-lead {color:#64748b;font-size:.9rem;margin:0 0 18px;line-height:1.7;}
.section p {line-height:1.9;color:#334155;font-size:.96rem;margin:0 0 14px;}
.section p strong {color:var(--ink);}
.timeline::before {content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--brand),rgba(6,182,212,.15));border-radius:2px;}
.tl-time {font-size:.78rem;font-weight:700;color:var(--brand);letter-spacing:.5px;margin-bottom:4px;}
.tl-title {font-weight:700;font-size:.98rem;margin-bottom:5px;}
.tl-desc {font-size:.9rem;color:#475569;line-height:1.8;margin:0;}
/* 对比卡 */
  .compare-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cmp-card {background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);}
.cmp-card .cmp-tag {display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.6px;padding:4px 10px;border-radius:999px;margin-bottom:12px;}
.cmp-card.a .cmp-tag {background:rgba(37,99,235,.10);color:var(--brand);}
.cmp-card.b .cmp-tag {background:rgba(6,182,212,.13);color:#0e7490;}
.cmp-card h3 {font-size:.98rem;font-weight:800;margin:0 0 10px;}
.cmp-card ul {margin:0;padding-left:18px;}
.cmp-card li {font-size:.89rem;color:#475569;line-height:1.85;margin-bottom:6px;}
/* 观点条 */
  .quote-box {background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(6,182,212,.07));border:1px solid rgba(37,99,235,.14);border-radius:16px;padding:22px 24px;margin:6px 0 20px;}
.quote-box p {margin:0;font-family:var(--serif);font-size:1.02rem;line-height:1.9;color:#1e293b;}
.quote-box .qb-src {display:block;margin-top:12px;font-family:var(--sans);font-size:.8rem;color:#64748b;font-weight:600;}
/* 观察点列表 */
  .watch-list {list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.watch-list li {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:.92rem;line-height:1.8;color:#334155;box-shadow:var(--shadow-sm);display:flex;gap:12px;align-items:flex-start;}
.watch-list li i {color:var(--accent);margin-top:4px;flex-shrink:0;}
/* 侧栏 */
  .aside-card {background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-md);margin-bottom:20px;}
.aside-card h3 {font-size:.95rem;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.aside-card h3 i {color:var(--brand);}
.aside-list {list-style:none;margin:0;padding:0;}
.aside-list li {margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--line);}
.aside-list li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.aside-list a {color:#334155;text-decoration:none;font-size:.88rem;line-height:1.65;font-weight:600;display:block;transition:.2s;}
.aside-list a:hover {color:var(--brand);}
.aside-list .as-tag {display:inline-block;font-size:.68rem;font-weight:800;color:var(--brand);background:rgba(37,99,235,.09);padding:2px 8px;border-radius:6px;margin-bottom:6px;letter-spacing:.4px;}
.fact-row {display:flex;justify-content:space-between;font-size:.85rem;padding:9px 0;border-bottom:1px dashed var(--line);}
.fact-row:last-child {border-bottom:none;}
.fact-row span:first-child {color:#64748b;}
.fact-row span:last-child {font-weight:700;color:var(--ink);}
/* 页脚 */
  .site-footer {border-top:1px solid var(--line);background:#fff;padding:40px 0 26px;}
.footer-grid {display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:26px;}
.footer-grid h4 {font-size:.9rem;font-weight:800;margin:0 0 12px;color:var(--ink);}
.footer-grid p {font-size:.86rem;line-height:1.85;color:#64748b;margin:0;}
.footer-links {list-style:none;padding:0;margin:0;}
.footer-links li {margin-bottom:9px;}
.footer-links a {color:#64748b;text-decoration:none;font-size:.86rem;transition:.2s;}
.footer-links a:hover {color:var(--brand);}
.layout {grid-template-columns:1fr;gap:26px;}
.compare-grid {grid-template-columns:1fr;}
.footer-grid {grid-template-columns:1fr;}
.nav-inner {position:relative;flex-wrap:wrap;}

/* --- 子页面追加 --- */
.art-hero {padding:64px 0 36px;background:
    radial-gradient(1000px 420px at 82% -10%, rgba(6,182,212,.14), transparent 60%),
    radial-gradient(800px 360px at 8% 0%, rgba(37,99,235,.12), transparent 62%),
    var(--bg);border-bottom:1px solid var(--line);}
.art-hero h1 {font-size:clamp(26px,4.2vw,42px);line-height:1.24;letter-spacing:-.6px;margin:14px 0 16px;color:var(--ink);font-weight:800;}
.art-hero p.lead-txt {font-size:16.5px;line-height:1.85;color:#475569;max-width:760px;margin:0;}
.crumb {font-size:13px;color:#64748b;margin-bottom:6px;}
.crumb a {color:var(--brand);text-decoration:none;}
.crumb a:hover {text-decoration:underline;}
.art-wrap {padding:48px 0 72px;}
.art-main {background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);padding:clamp(20px,3.4vw,42px);}
.art-main h2 {font-size:clamp(20px,2.6vw,26px);font-weight:800;color:var(--ink);margin:34px 0 14px;letter-spacing:-.3px;padding-left:14px;border-left:4px solid var(--brand);}
.art-main h2:first-child {margin-top:0;}
.art-main h3 {font-size:17.5px;font-weight:700;color:var(--ink);margin:24px 0 10px;}
.art-main p {font-size:15.5px;line-height:1.9;color:#334155;margin:0 0 14px;}
.art-main ul,.art-main ol {font-size:15.5px;line-height:1.9;color:#334155;padding-left:22px;margin:0 0 16px;}
.art-main li {margin-bottom:7px;}
.art-main strong {color:var(--ink);}
.info-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0 26px;}
.info-cell {background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm);}
.info-cell .k {font-size:12.5px;color:#64748b;letter-spacing:.4px;margin-bottom:6px;}
.info-cell .v {font-size:16px;font-weight:700;color:var(--brand);line-height:1.5;}
.opt-card {background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;height:100%;box-shadow:var(--shadow-sm);transition:.25s;}
.opt-card:hover {box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.opt-card .tag {display:inline-block;font-size:12px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:999px;margin-bottom:10px;}
.tag-a {background:rgba(37,99,235,.12);color:var(--brand);}
.tag-b {background:rgba(6,182,212,.14);color:#0e7490;}
.opt-card h3 {font-size:17px;margin:0 0 10px;color:var(--ink);font-weight:700;}
.opt-card p {font-size:14.5px;color:#475569;line-height:1.85;margin:0 0 8px;}
.step-list {counter-reset:st;list-style:none;padding-left:0;margin:18px 0 8px;}
.step-list li {counter-increment:st;position:relative;padding-left:44px;margin-bottom:16px;font-size:15px;line-height:1.85;color:#334155;}
.step-list li::before {content:counter(st);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.faq-item h4 {font-size:15.5px;font-weight:700;color:var(--ink);margin:0 0 8px;}
.faq-item p {font-size:14.5px;color:#475569;line-height:1.85;margin:0;}
.side-box {background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-md);margin-bottom:22px;}
.side-box h3 {font-size:15.5px;font-weight:800;color:var(--ink);margin:0 0 14px;padding-bottom:10px;border-bottom:1px dashed var(--line);}
.side-link {display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;}
.side-link:last-child {border-bottom:none;padding-bottom:0;}
.side-link .ico {flex:0 0 34px;height:34px;border-radius:10px;background:rgba(37,99,235,.1);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px;}
.side-link .tx {font-size:14px;line-height:1.6;color:#334155;transition:.2s;}
.side-link:hover .tx {color:var(--brand);}
.side-note {font-size:13.5px;line-height:1.85;color:#64748b;margin:0;}
.art-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-top:20px;border-top:1px dashed var(--line);}
.art-tags span {font-size:12.5px;padding:5px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:#475569;}
.art-hero {padding:44px 0 28px;}
.art-main {border-radius:16px;}

/* --- 子页面追加 --- */
.crumb span {margin:0 6px;color:#cbd5e1;}
.art-head {padding:10px 0 26px;border-bottom:1px solid var(--line);margin-bottom:30px;}
.tag-row {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.tag.alt {background:rgba(6,182,212,.12);color:#0891b2;}
.art-head h1 {font-size:clamp(24px,3.4vw,38px);line-height:1.28;font-weight:800;letter-spacing:-.5px;margin:0 0 16px;}
.art-head h1 em {font-style:normal;color:var(--brand);}
.meta-row i {color:var(--accent);margin-right:5px;}
.lead strong {color:var(--ink);}
section.block {margin-bottom:42px;}
section.block h2 {font-size:clamp(19px,2.4vw,25px);font-weight:800;letter-spacing:-.3px;margin:0 0 8px;}
section.block h2 .bar {display:inline-block;width:6px;height:22px;border-radius:3px;
        background:linear-gradient(180deg,var(--brand),var(--accent));vertical-align:-3px;margin-right:11px;}
.sec-desc {font-size:14px;color:#64748b;margin:0 0 20px;}
section.block p {font-size:15.5px;line-height:1.9;color:#334155;margin:0 0 14px;}
.tl-item .t-time {font-size:12.5px;font-weight:700;color:var(--brand);letter-spacing:.4px;margin-bottom:6px;}
.quote-card {background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe;border-radius:16px;
        padding:26px 28px;position:relative;box-shadow:var(--shadow-md);}
.quote-card::before {content:"\201C";font-family:Georgia,serif;position:absolute;top:2px;left:16px;
        font-size:64px;line-height:1;color:rgba(37,99,235,.18);}
.quote-card p {position:relative;font-family:var(--serif);font-size:17px;line-height:1.9;color:#1e293b;margin:0 0 12px;}
.quote-card .who {font-size:13px;color:#64748b;font-weight:600;}
.grid2 {display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.info-card {background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm);}
.info-card .ic-ico {width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
        background:rgba(37,99,235,.1);color:var(--brand);font-size:16px;margin-bottom:12px;}
.info-card h3 {font-size:16px;font-weight:700;margin:0 0 8px;}
.info-card p {font-size:14.5px;line-height:1.8;color:#475569;margin:0;}
.check-list {list-style:none;padding:0;margin:0;}
.check-list li {display:flex;gap:11px;font-size:15px;line-height:1.75;color:#334155;
        padding:12px 0;border-bottom:1px dashed var(--line);}
.check-list li:last-child {border-bottom:none;}
.check-list i {color:var(--accent);margin-top:4px;flex-shrink:0;}
.rel-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rel-card {display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);
        border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm);transition:.22s;}
.rel-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(37,99,235,.35);}
.rel-card .rc-cat {font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.5px;margin-bottom:8px;}
.rel-card h3 {font-size:15px;font-weight:700;color:var(--ink);line-height:1.55;margin:0 0 8px;}
.rel-card span {font-size:13px;color:#64748b;}
.rel-card span i {margin-left:4px;font-size:11px;}
.note-box {background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:18px 20px;
        font-size:14px;line-height:1.85;color:#78350f;}
.note-box strong {color:#92400e;}
.foot-inner {max-width:1120px;margin:0 auto;padding:34px 20px 26px;}
.foot-top {display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start;}
.foot-brand {font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;}
.foot-brand span {margin-right:6px;}
.foot-desc {font-size:13.5px;color:#64748b;line-height:1.8;max-width:420px;}
.foot-links {display:flex;flex-wrap:wrap;gap:10px 22px;max-width:520px;}
.foot-links a {font-size:13.5px;color:#475569;text-decoration:none;}
.foot-links a:hover {color:var(--brand);}
.foot-bottom {margin-top:22px;padding-top:16px;border-top:1px solid var(--line);
        font-size:12.5px;color:#94a3b8;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;}
.grid2 {grid-template-columns:1fr;}
.rel-grid {grid-template-columns:1fr;}

/* --- 子页面追加 --- */
/* ---------- 顶部导航（复用首页类名） ---------- */
    .top-nav {
      position:sticky;
      top:0;
      z-index:100;
      background:rgba(248,250,252,.86);
      backdrop-filter:blur(14px);
      border-bottom:1px solid var(--line);
    }
.top-nav .nav-wrap {
      max-width:1160px;
      margin:0 auto;
      padding:14px 22px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
.brand-lock .logo-dot {
      width:30px;height:30px;
      display:grid;place-items:center;
      border-radius:9px;
      background:linear-gradient(135deg,var(--brand),var(--accent));
      color:#fff;font-size:15px;
      box-shadow:var(--shadow-sm);
    }
/* ---------- 页头 ---------- */
    .hero {
      position:relative;
      overflow:hidden;
      padding:64px 22px 52px;
      background:
        radial-gradient(900px 420px at 82% -12%, rgba(6,182,212,.16), transparent 62%),
        radial-gradient(720px 380px at 8% 8%, rgba(37,99,235,.13), transparent 60%),
        linear-gradient(180deg,#f8fafc 0%,#eef4ff 100%);
      border-bottom:1px solid var(--line);
    }
.hero h1 .hl {
      background:linear-gradient(120deg,var(--brand),var(--accent));
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
/* ---------- 正文布局 ---------- */
    .wrap {max-width:1160px;margin:0 auto;padding:0 22px;}
.article-grid {
      display:grid;
      grid-template-columns:minmax(0,1fr) 320px;
      gap:34px;
      padding:52px 0 20px;
      align-items:start;
    }
.panel h2 {
      font-size:22px;
      font-weight:800;
      letter-spacing:-.3px;
      margin:0 0 16px;
      padding-left:13px;
      border-left:4px solid var(--brand);
      line-height:1.35;
    }
.panel h3 {
      font-size:17px;
      font-weight:700;
      margin:24px 0 10px;
      color:var(--ink);
    }
.panel p {color:#3d4a5c;font-size:15.5px;margin:0 0 14px;}
.panel p:last-child {margin-bottom:0;}
.panel strong {color:var(--ink);font-weight:700;}
.lead-note {
      background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(6,182,212,.07));
      border:1px solid rgba(37,99,235,.18);
      border-radius:14px;
      padding:18px 20px;
      margin:0 0 20px;
      font-size:15px;
      color:#334155;
    }
.lead-note i {color:var(--brand);margin-right:8px;}
/* 时间线 */
    .timeline {list-style:none;padding:0;margin:6px 0 0;}
.timeline li {
      position:relative;
      padding:0 0 22px 30px;
      border-left:2px solid var(--line);
      margin-left:6px;
    }
.timeline li:last-child {border-left-color:transparent;padding-bottom:0;}
.timeline li::before {
      content:"";
      position:absolute;
      left:-7px;top:5px;
      width:12px;height:12px;
      border-radius:50%;
      background:var(--card);
      border:2px solid var(--brand);
    }
.timeline .t-time {
      display:inline-block;
      font-size:12.5px;
      font-weight:700;
      color:var(--brand);
      background:rgba(37,99,235,.09);
      padding:2px 10px;
      border-radius:999px;
      margin-bottom:6px;
    }
.timeline .t-body {font-size:15px;color:#3d4a5c;margin:0;}
/* 误读拆解对照 */
    .compare-row {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
      margin:16px 0 0;
    }
.compare-col {
      border-radius:14px;
      padding:18px 20px;
      border:1px solid var(--line);
    }
.compare-col.misread {background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.20);}
.compare-col.fact {background:rgba(6,182,212,.06);border-color:rgba(6,182,212,.24);}
.compare-col h4 {
      font-size:14px;
      font-weight:800;
      margin:0 0 10px;
      display:flex;align-items:center;gap:8px;
    }
.compare-col.misread h4 {color:#dc2626;}
.compare-col.fact h4 {color:#0891b2;}
.compare-col ul {margin:0;padding-left:18px;}
.compare-col li {font-size:14.5px;color:#3d4a5c;margin-bottom:8px;}
.compare-col li:last-child {margin-bottom:0;}
/* 侧栏 */
    .side-card {
      background:var(--card);
      border:1px solid var(--line);
      border-radius:18px;
      box-shadow:var(--shadow-md);
      padding:22px 22px;
      margin-bottom:22px;
    }
.side-card h3 {
      font-size:16px;
      font-weight:800;
      margin:0 0 14px;
      display:flex;align-items:center;gap:9px;
      color:var(--ink);
    }
.side-card h3 i {color:var(--accent);font-size:15px;}
.side-list {list-style:none;margin:0;padding:0;}
.side-list li {padding:10px 0;border-bottom:1px dashed var(--line);}
.side-list li:last-child {border-bottom:none;padding-bottom:0;}
.side-list a {
      color:#3d4a5c;
      text-decoration:none;
      font-size:14.5px;
      font-weight:500;
      display:flex;
      gap:9px;
      transition:.2s;
      line-height:1.55;
    }
.side-list a:hover {color:var(--brand);}
.side-list a .num {
      flex:none;
      width:20px;height:20px;
      border-radius:6px;
      background:rgba(37,99,235,.10);
      color:var(--brand);
      font-size:12px;
      font-weight:700;
      display:grid;place-items:center;
      margin-top:3px;
    }
.side-tag {
      display:inline-block;
      font-size:12.5px;
      color:#475569;
      background:rgba(37,99,235,.07);
      border:1px solid rgba(37,99,235,.16);
      padding:4px 11px;
      border-radius:999px;
      margin:0 6px 8px 0;
      text-decoration:none;
      transition:.2s;
    }
.side-tag:hover {background:rgba(37,99,235,.15);color:var(--brand);}
.tip-box {
      background:linear-gradient(135deg,rgba(6,182,212,.09),rgba(37,99,235,.07));
      border:1px solid rgba(6,182,212,.24);
      border-radius:14px;
      padding:16px 18px;
      font-size:14px;
      color:#334155;
    }
.tip-box strong {color:var(--brand);}
.faq-item:first-of-type {padding-top:0;}
.faq-item:last-child {border-bottom:none;padding-bottom:0;}
.faq-item h3 {
      font-size:15.5px;
      font-weight:700;
      margin:0 0 8px;
      display:flex;gap:10px;align-items:flex-start;
    }
.faq-item h3 .q {
      flex:none;
      width:22px;height:22px;
      border-radius:7px;
      background:linear-gradient(135deg,var(--brand),var(--accent));
      color:#fff;font-size:12px;font-weight:800;
      display:grid;place-items:center;
      margin-top:2px;
    }
/* 按钮 */
    .btn-main,.btn-ghost {
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:14.5px;
      font-weight:600;
      padding:11px 22px;
      border-radius:11px;
      text-decoration:none;
      transition:.22s;
    }
/* 页脚 */
    .site-foot {
      margin-top:40px;
      background:#0f172a;
      color:#cbd5e1;
      padding:48px 22px 26px;
    }
.foot-brand .logo-dot {
      width:30px;height:30px;display:grid;place-items:center;
      border-radius:9px;
      background:linear-gradient(135deg,var(--brand),var(--accent));
      color:#fff;font-size:15px;
    }
.foot-col p {font-size:13.5px;color:#94a3b8;margin:0 0 10px;line-height:1.7;}
.foot-col h4 {font-size:14px;color:#fff;font-weight:700;margin:0 0 14px;}
.foot-col a {
      display:block;color:#94a3b8;text-decoration:none;
      font-size:13.5px;margin-bottom:9px;transition:.2s;
    }
.foot-col a:hover {color:#7dd3fc;}
.foot-bottom .friendly-links a {color:#94a3b8;text-decoration:none;margin-left:10px;}
.foot-bottom .friendly-links a:hover {color:#7dd3fc;}
.article-grid {grid-template-columns:1fr;gap:0;}
.top-nav .nav-wrap {position:relative;}
.compare-row {grid-template-columns:1fr;}
.fd-1,.fd-2,.fd-3,.fd-ring {display:none;}

/* --- 子页面追加 --- */
/* 面包屑 */
  .crumb {font-size:13px;color:#64748b;margin:26px 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.crumb i {font-size:10px;color:#cbd5e1;}
/* 文章头部 */
  .topic-head {
    background:var(--card);
    border:1px solid var(--line);
    border-radius:20px;
    padding:32px 34px 28px;
    box-shadow:var(--shadow-md);
    position:relative;
    overflow:hidden;
  }
.topic-head::before {
    content:"";
    position:absolute;
    top:-70px;right:-70px;
    width:220px;height:220px;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%, rgba(6,182,212,.20), rgba(37,99,235,.10) 60%, transparent 72%);
    pointer-events:none;
  }
.topic-tag {
    display:inline-flex;align-items:center;gap:7px;
    font-size:12.5px;font-weight:700;letter-spacing:.4px;
    color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));
    padding:6px 14px;border-radius:999px;
    box-shadow:0 6px 14px -6px rgba(37,99,235,.55);
  }
.topic-head h1 {
    font-size:clamp(24px,3.4vw,36px);
    line-height:1.32;
    font-weight:800;
    margin:16px 0 14px;
    letter-spacing:-.4px;
  }
.topic-head h1 .hl {
    background:linear-gradient(120deg,rgba(6,182,212,.22),rgba(37,99,235,.16));
    padding:0 6px;border-radius:6px;
  }
.topic-lead {
    font-size:16px;
    line-height:1.85;
    color:#334155;
    margin:0 0 18px;
  }
.topic-meta {
    display:flex;flex-wrap:wrap;gap:16px;
    font-size:13px;color:#64748b;
    border-top:1px dashed var(--line);
    padding-top:16px;
  }
.topic-meta span {display:inline-flex;align-items:center;gap:6px;}
.topic-meta i {color:var(--accent);}
.sec-title {
    font-size:clamp(19px,2.4vw,24px);
    font-weight:800;
    letter-spacing:-.2px;
    margin:0 0 6px;
    display:flex;align-items:center;gap:10px;
  }
.sec-title .bar {
    width:8px;height:24px;border-radius:4px;
    background:linear-gradient(180deg,var(--brand),var(--accent));
    flex:none;
  }
/* 卡片网格 */
  .grid-2 {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.info-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-md);}
.ic-icon {
    width:42px;height:42px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    font-size:17px;color:#fff;
    background:linear-gradient(135deg,var(--brand),var(--accent));
    margin-bottom:14px;
    box-shadow:0 8px 16px -8px rgba(37,99,235,.6);
  }
/* 引述块 */
  .quote-box {
    background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(6,182,212,.06));
    border-left:4px solid var(--brand);
    border-radius:0 14px 14px 0;
    padding:20px 24px;
    font-size:15.5px;
    line-height:1.9;
    color:#1e293b;
    box-shadow:var(--shadow-sm);
  }
.quote-box .src {display:block;margin-top:10px;font-size:13px;color:#64748b;}
/* 判断清单 */
  .check-list {list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.check-list li::before {
    content:"\f00c";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;left:16px;top:15px;
    font-size:13px;color:#fff;
    width:20px;height:20px;border-radius:50%;
    background:linear-gradient(135deg,var(--brand),var(--accent));
    display:flex;align-items:center;justify-content:center;
  }
.check-list li b {color:var(--ink);}
/* 相关阅读 */
  .rel-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rel-card .rc-tag {
    font-size:11.5px;font-weight:700;color:var(--brand);
    background:rgba(37,99,235,.09);
    padding:3px 9px;border-radius:999px;display:inline-block;margin-bottom:10px;
  }
.rel-card h4 {font-size:14.5px;font-weight:700;line-height:1.6;margin:0 0 8px;color:var(--ink);}
.rel-card p {font-size:12.8px;line-height:1.65;color:#64748b;margin:0;}
.site-footer h4 {font-size:15px;font-weight:700;color:#fff;margin:0 0 14px;}
.site-footer p {font-size:13.5px;line-height:1.85;color:#94a3b8;margin:0;}
.grid-3,.rel-grid {grid-template-columns:1fr 1fr;}
.topic-head {padding:24px 20px;}
.grid-2,.grid-3,.rel-grid,.footer-grid {grid-template-columns:1fr;}