:root{--bg:#f3f5f8;--card:#fff;--text:#17202b;--muted:#647184;--line:#d8dee8;--accent:#2563eb}
@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--card:#161b22;--text:#edf2f7;--muted:#9aa6b2;--line:#303844;--accent:#70a5ff}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}main{width:min(860px,94vw);margin:0 auto;padding:28px 0 60px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}h1{font-size:24px;margin:0}h2{font-size:18px;margin:28px 0 9px}p{margin:9px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(15,23,42,.08)}.meta{color:var(--muted);font-size:12px}a{color:var(--accent)}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.nav a{padding:9px 12px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--text)}.note{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(37,99,235,.05);font-size:13px}ul{padding-left:22px}footer{margin-top:22px;color:var(--muted);font-size:11px;text-align:center}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}