:root { color-scheme: light; --ink:#18283a; --muted:#526476; --brand:#2563b8; --soft:#eef5ff; --line:#d9e3ef; --card:#fff; --canvas:#f5f8fc; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--canvas); font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:var(--brand); text-underline-offset:3px; }
header { background:linear-gradient(135deg,#173d73,#2b74c8); color:#fff; padding:56px 24px 48px; }
header > div, main, footer { width:min(820px,calc(100% - 40px)); margin:auto; }
header h1 { font-size:clamp(32px,6vw,48px); line-height:1.15; margin:0 0 12px; }
header p { margin:0; opacity:.9; }
nav { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:22px; }
nav a { color:#fff; font-weight:600; }
main { padding:32px 0 56px; }
article, .card { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:28px; margin:18px 0; box-shadow:0 8px 28px rgba(28,60,95,.05); }
h2 { font-size:23px; line-height:1.35; margin:30px 0 10px; }
h2:first-child { margin-top:0; }
h3 { font-size:18px; margin:20px 0 6px; }
p, li { color:var(--muted); }
strong { color:var(--ink); }
ul { padding-left:1.3em; }
.lead { font-size:18px; }
.notice { background:var(--soft); border-left:4px solid var(--brand); padding:16px 18px; border-radius:10px; }
footer { padding:0 0 36px; color:var(--muted); font-size:14px; }
@media (max-width:600px) { header { padding:42px 20px 34px; } article, .card { padding:22px; } }