*{box-sizing:border-box}
:root{--bg:#f3f3fa;--fg:#1f2433;--muted:#4b5263;--card:#fff;--accent:#6f74c9;--link:#4c51a8}
@media(prefers-color-scheme:dark){:root{--bg:#10111c;--fg:#eef0f7;--muted:#b9bdcc;--card:#1b1d2e;--accent:#9aa0ea;--link:#aeb4ff}}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
header{background:linear-gradient(135deg,#2a2c52,#14162e);color:#fff;padding:22px 20px}
.hc{max-width:900px;margin:0 auto;font-weight:800;font-size:21px}
main{max-width:850px;margin:0 auto;padding:50px 20px}
.card{background:var(--card);border-radius:18px;padding:42px;box-shadow:0 4px 20px rgba(0,0,0,.08)}
h1{margin-top:0;font-size:34px;line-height:1.2}
h2{margin-top:32px;font-size:20px}
p,li{color:var(--muted)}
ul{padding-left:25px}
a{color:var(--link);font-weight:600}
.updated{font-size:14px}
.notice{border-left:4px solid var(--accent);padding:2px 16px;margin:24px 0}
.nav{margin-top:30px;display:flex;gap:18px;flex-wrap:wrap}
footer{text-align:center;padding:26px 20px 46px;color:var(--muted);font-size:14px}
@media(max-width:600px){.card{padding:28px 20px}h1{font-size:28px}}