:root{--bg:#fff;--fg:#1f2937;--muted:#6b7280;--line:#e5e7eb;--navy:#1e3a8a;--blue:#2563eb;--soft:#f3f6fc;--code:#f1f5f9}
:root[data-theme="dark"]{--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--navy:#93c5fd;--blue:#60a5fa;--soft:#111c33;--code:#1e293b;--th:#0f172a}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--navy:#93c5fd;--blue:#60a5fa;--soft:#111c33;--code:#1e293b;--th:#0f172a}}
*{box-sizing:border-box}body{margin:0;font:15px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--blue)}header.top{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}
header.top img{width:32px;height:32px}header.top .brand{font-weight:700;color:var(--navy);font-size:18px;text-decoration:none}header.top .plat{color:var(--muted);font-size:13px}
header.top .sp{flex:1}header.top select,header.top input{font:inherit;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
.wrap{display:flex;max-width:1280px;margin:0 auto}nav.toc{width:290px;flex:none;padding:18px 14px;border-right:1px solid var(--line);position:sticky;top:57px;height:calc(100vh - 57px);overflow:auto;font-size:14px}
nav.toc a{display:block;padding:3px 8px;border-radius:6px;text-decoration:none;color:var(--fg)}nav.toc a.cur{background:var(--soft);color:var(--blue);font-weight:600}nav.toc a.l3{padding-left:22px;color:var(--muted);font-size:13px}
main{flex:1;min-width:0;padding:24px 36px 80px;max-width:900px}h1{color:var(--navy);border-bottom:3px solid var(--blue);padding-bottom:8px;margin-top:0}h2{color:var(--blue);margin-top:36px}h3{color:var(--navy)}
.num{color:var(--muted);font-weight:600;margin-right:4px}b.ui{color:var(--navy)}code{background:var(--code);padding:1px 5px;border-radius:4px;font-size:13px}
figure{margin:20px 0;text-align:center}figure img{max-width:100%;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.06)}figcaption{color:var(--muted);font-size:13px;margin-top:6px}
.table{overflow-x:auto;margin:14px 0}table{border-collapse:collapse;width:100%;font-size:14px}th{background:var(--navy);color:var(--th,#fff);text-align:left;padding:7px 10px}
td{border-bottom:1px solid var(--line);padding:7px 10px;vertical-align:top}tr:nth-child(even) td{background:var(--soft)}
.callout{border-left:4px solid var(--blue);background:var(--soft);padding:10px 14px;border-radius:0 8px 8px 0;margin:14px 0}.callout p{margin:6px 0 0}
.callout.tip{border-color:#059669}.callout.warning{border-color:#d97706}.callout.admin{border-color:#7c3aed}
li.sub{margin-left:20px;list-style:circle}.pager{display:flex;justify-content:space-between;margin-top:48px;padding-top:16px;border-top:1px solid var(--line)}
#results{position:absolute;right:20px;top:54px;width:420px;max-height:60vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);display:none}
#results a{display:block;padding:8px 12px;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--line)}#results a small{display:block;color:var(--muted)}
footer{color:var(--muted);font-size:13px;text-align:center;padding:24px}
@media (max-width:900px){nav.toc{display:none}main{padding:16px}#results{left:12px;right:12px;width:auto}}
.theme-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;flex:none}
.theme-btn:hover{border-color:currentColor}.theme-btn .th-sun{display:none}
:root[data-theme="dark"] .theme-btn .th-sun{display:block}:root[data-theme="dark"] .theme-btn .th-moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-btn .th-sun{display:block}:root:not([data-theme="light"]) .theme-btn .th-moon{display:none}}.langs{font-size:14px;white-space:nowrap}.langs b{color:var(--blue)}.langs a{text-decoration:none}