:root{--bg:#0b0f14;--card:#111722;--text:#e6e8ec;--muted:#9aa3b2;--accent:#4ea1ff;--line:#1e2633;--ok:#4cd964;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:980px;margin:0 auto;padding:24px}
header{border-bottom:1px solid var(--line);background:#0f141d;position:sticky;top:0;z-index:10}
.nav{display:flex;flex-wrap:wrap;gap:10px;font-size:14px}
.nav a{color:var(--text);text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:999px}
.nav a:hover{border-color:var(--accent);color:var(--accent)}
.hero{background:linear-gradient(135deg,#131b2a,#0e1522);border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0}
.btn{display:inline-block;background:var(--accent);color:#07101a;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600}
main h1,main h2,main h3{line-height:1.25}
main h1{margin-top:0}
main a{color:var(--accent)}
main ul{padding-left:18px}
main table{width:100%;border-collapse:collapse;margin:12px 0}
main th,main td{border:1px solid var(--line);padding:8px;text-align:left}
.breadcrumbs{font-size:13px;color:var(--muted);margin:12px 0}
.notice{background:rgba(78,161,255,0.1);border:1px solid rgba(78,161,255,0.35);padding:12px;border-radius:12px}
footer{border-top:1px solid var(--line);margin-top:24px;padding:20px 0;color:var(--muted);font-size:14px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.badge{border:1px solid var(--line);padding:4px 8px;border-radius:8px;font-size:12px;color:var(--muted)}
@media(max-width:640px){.container{padding:16px}.nav{gap:6px}}