:root{--brand:#2563EB;--brand-deep:#1D4ED8;--ink:#0B1B3F;--line:#E5E5EA;--t1:#1d1d1f;--t2:#555f6e;--bg:#f7f8fa;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonicOS Sans SC","Microsoft YaHei",sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);color:var(--t1);background:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}img{display:block}
.wrap{max-width:900px;margin:0 auto;padding:0 22px}
.wide{max-width:1020px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{height:60px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800}.brand img{width:32px;height:32px;border-radius:9px}
.brand b{color:var(--ink)}.brand i{font-style:normal;color:var(--brand)}
.crumb{color:var(--t2);font-size:13px}.crumb a:hover{color:var(--brand)}.crumb span{color:#c7ccd4;padding:0 7px}
.right{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px}
.right a{padding:7px 13px;border-radius:999px;color:var(--t2)}.right a:hover{color:var(--brand);background:#eef4ff}
.right .go{background:linear-gradient(135deg,#2563EB,#1D4ED8);color:#fff}.right .go:hover{color:#fff}
.hero{background:linear-gradient(135deg,#0B1B3F,#12307a);color:#fff;padding:46px 22px;text-align:center}
.hero h1{font-size:28px;font-weight:800}.hero .meta{color:#9FB3DD;font-size:13px;margin-top:10px}
main{padding:40px 0 64px}
.prose{line-height:2.0;color:#3f4a5c;font-size:15px}
.prose p{margin:13px 0}
.prose h2{color:var(--t1);font-size:18px;margin:28px 0 8px;border-left:4px solid var(--brand);padding-left:12px}
.prose ol,.prose ul{padding-left:22px;margin:8px 0}
.prose li{margin:7px 0}
.cards{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.card .e{font-size:26px;margin-bottom:10px}.card h3{font-size:16px;margin-bottom:6px}.card p{font-size:13px;color:var(--t2);line-height:1.8}
footer{background:var(--ink);color:#93A3C4;font-size:12.5px}
footer .wrap{padding:26px 22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a{color:#B9CAEF;margin-left:12px}
@media(max-width:520px){.hero h1{font-size:23px}.nav{flex-wrap:wrap}.crumb{display:none}}