:root { --ink:#07152f; --muted:#58677f; --line:#d8e3f1; --surface:#f4f8fd; --blue:#2563eb; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--surface); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; letter-spacing:0; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.shell { width:min(980px,calc(100% - 40px)); margin:0 auto; }
.nav { height:68px; color:var(--white); background:#07152f; }
.nav-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:850; }
.brand img { width:36px; height:36px; border-radius:8px; }
.back { min-height:38px; display:inline-flex; align-items:center; padding:0 15px; border:1px solid rgba(255,255,255,.3); border-radius:6px; color:#e7effa; font-size:14px; }
.page-head { padding:72px 0 44px; color:var(--white); background:linear-gradient(135deg,#07152f,#12346d); }
.eyebrow { color:#8ce9f5; font-size:14px; font-weight:800; }
h1 { margin:10px 0 14px; font-size:clamp(36px,6vw,58px); line-height:1.12; }
.page-head p { max-width:720px; margin:0; color:#cad7e9; font-size:17px; line-height:1.8; }
.content { padding:48px 0 72px; }
.paper { padding:42px; border:1px solid var(--line); border-radius:8px; background:var(--white); box-shadow:0 14px 38px rgba(7,21,47,.07); }
.paper h2 { margin:34px 0 10px; font-size:22px; }
.paper h2:first-child { margin-top:0; }
.paper h3 { margin:24px 0 8px; font-size:18px; }
.paper p,.paper li { color:#40516a; font-size:15px; line-height:1.9; }
.paper ul { margin:10px 0; padding-left:22px; }
.updated { margin:0 0 24px; padding-bottom:18px; border-bottom:1px solid var(--line); color:#718198 !important; font-size:13px !important; }
.grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.info { padding:25px; border:1px solid var(--line); border-radius:7px; background:#fff; }
.info h2 { margin:0 0 10px; font-size:21px; }
.info p { margin:0; color:var(--muted); line-height:1.8; }
.info strong { display:block; margin-top:18px; margin-bottom:4px; }
.info a { color:var(--blue); }
.cta { margin-top:28px; display:flex; gap:12px; }
.btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; border-radius:7px; background:var(--blue); color:#fff; font-weight:800; }
.btn.light { color:var(--ink); background:#e7f1ff; }
footer { padding:28px 0; color:#68778e; background:#fff; border-top:1px solid var(--line); font-size:13px; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.footer-links { display:flex; gap:16px; flex-wrap:wrap; }
.footer-links a:hover { color:var(--blue); }
@media (max-width:680px) { .shell{width:calc(100% - 24px)} .page-head{padding:52px 0 36px} .paper{padding:24px 20px} .grid{grid-template-columns:1fr} .cta{flex-direction:column}.btn{width:100%} }