:root{--bg:#0b1020;--panel:#11182b;--panel2:#17213a;--text:#e8edf8;--muted:#9aa9c7;--line:#273352;--accent:#6ee7ff;--accent2:#a78bfa;--ok:#77e3a1;--warn:#ffd166;--danger:#ff7b8b;--code:#080d18;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0a0f1d,#0d1324 30%,#0b1020);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.75}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:270px 1fr;gap:28px;padding:24px}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);overflow:auto;background:rgba(17,24,43,.88);border:1px solid var(--line);border-radius:18px;padding:18px}.brand{font-weight:800;font-size:18px;margin-bottom:6px}.sub{color:var(--muted);font-size:12px;margin-bottom:16px}.nav a{display:block;padding:7px 9px;border-radius:9px;color:#cbd6ee;font-size:13px;margin:2px 0}.nav a.active,.nav a:hover{background:#1b2947;text-decoration:none;color:white}.main{min-width:0}.hero{background:radial-gradient(circle at 0 0,rgba(110,231,255,.14),transparent 34%),radial-gradient(circle at 100% 0,rgba(167,139,250,.12),transparent 32%),var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px;margin-bottom:22px}.kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:36px;line-height:1.2;margin:8px 0 12px}.hero p{color:#c4cee4;max-width:860px}.content{background:rgba(17,24,43,.74);border:1px solid var(--line);border-radius:22px;padding:34px}.content h2{font-size:26px;margin-top:36px;padding-top:8px;border-top:1px solid var(--line)}.content h3{font-size:20px;margin-top:28px;color:#eef3ff}.content h4{font-size:16px;color:#dbe4fb}.content p,.content li{color:#cad3e7}.content strong{color:#fff}.content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#1b2540;border:1px solid #2a385b;padding:.1em .35em;border-radius:6px;color:#d5f5ff}.content pre{background:var(--code);border:1px solid #21304f;border-radius:14px;padding:16px;overflow:auto;line-height:1.55}.content pre code{background:none;border:0;padding:0;color:#d6e2f6}.callout{border-left:4px solid var(--accent);background:#101a30;padding:14px 16px;border-radius:0 12px 12px 0;margin:18px 0}.callout.warn{border-color:var(--warn)}.callout.ok{border-color:var(--ok)}.callout.danger{border-color:var(--danger)}.source{background:#0d1528;border:1px dashed #324262;padding:12px 14px;border-radius:12px;color:#aebbd4;font-size:13px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px}.card h4{margin:0 0 6px}.card p{margin:0;font-size:14px}.flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.node{background:#17213a;border:1px solid #35466e;border-radius:10px;padding:8px 12px}.arrow{color:#6980a9}.checklist li{margin:.3rem 0}.table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.table th,.table td{border:1px solid var(--line);padding:9px 10px;vertical-align:top}.table th{background:#17213a;color:#fff}.table td{color:#cad3e7}.mini{font-size:13px;color:var(--muted)}.pager{display:flex;justify-content:space-between;margin-top:22px;gap:12px}.pager a{background:#17213a;border:1px solid var(--line);padding:10px 14px;border-radius:12px;flex:1}.pager a:last-child{text-align:right}.badge{display:inline-block;border:1px solid #365273;padding:2px 8px;border-radius:999px;font-size:12px;color:#bfefff;margin-right:6px}.path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a7f3d0}.toclocal{background:#0f172b;border:1px solid var(--line);border-radius:14px;padding:14px 18px}.toclocal a{display:inline-block;margin:4px 12px 4px 0}.footer{color:#71809d;text-align:center;font-size:12px;padding:28px 0 10px}.kbd{border:1px solid #44516e;border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:#161f34}.progress{height:5px;background:#1c2742;border-radius:4px;overflow:hidden;margin:12px 0 18px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.search{width:100%;background:#0c1325;border:1px solid var(--line);color:white;border-radius:10px;padding:9px 10px;margin:6px 0 12px}.mermaidlike{background:#0c1426;border:1px solid #273657;border-radius:14px;padding:16px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d9e7ff;white-space:pre-wrap}
@media(max-width:900px){.layout{grid-template-columns:1fr;padding:12px}.sidebar{position:relative;height:auto}.hero h1{font-size:29px}.content,.hero{padding:22px}.grid{grid-template-columns:1fr}}