:root{--bg:#0b1020;--panel:#11182b;--panel2:#17213a;--text:#e8eef8;--muted:#9caac0;--line:#293755;--a:#7dd3fc;--b:#a78bfa;--code:#080d18}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#09101d,#0b1020);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
a{color:var(--a);text-decoration:none}a:hover{text-decoration:underline}.bar{position:sticky;top:0;z-index:20;background:rgba(9,16,29,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.barin{max-width:1180px;margin:auto;padding:12px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font-weight:800}.brand span{color:var(--a)}
.layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;padding:28px 20px 70px}.side{position:sticky;top:72px;align-self:start;max-height:calc(100vh - 90px);overflow:auto;background:rgba(17,24,43,.8);border:1px solid var(--line);border-radius:16px;padding:14px}
.side a{display:block;padding:6px 8px;border-radius:8px;color:#cbd6e8;font-size:14px}.side a.active,.side a:hover{background:var(--panel2);color:white;text-decoration:none}
main{min-width:0}.eyebrow{color:var(--a);font-weight:800;font-size:12px;letter-spacing:.1em}.hero{padding:24px 0 6px}h1{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:8px 0 12px}h2{font-size:29px;margin-top:44px;padding-top:8px;border-top:1px solid var(--line)}h3{font-size:21px;margin-top:28px}
p{color:#d7dfeb}.lead{font-size:18px;color:#b9c5d7}.cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{background:linear-gradient(180deg,#162039,#11182b);border:1px solid var(--line);border-radius:14px;padding:16px}
.call{border-left:4px solid var(--a);background:rgba(125,211,252,.08);padding:13px 15px;border-radius:0 12px 12px 0;margin:18px 0}.good{border-color:#86efac;background:rgba(134,239,172,.07)}.warn{border-color:#fde68a;background:rgba(253,230,138,.07)}
pre{background:var(--code);border:1px solid #202b42;border-radius:13px;padding:15px;overflow:auto;line-height:1.55}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}p code,li code,td code{background:#111c31;border:1px solid #22314d;border-radius:6px;padding:2px 5px}
table{width:100%;border-collapse:collapse;margin:18px 0;background:rgba(17,24,43,.7)}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#17223b}.navbt{display:flex;justify-content:space-between;gap:16px;margin-top:45px;padding-top:20px;border-top:1px solid var(--line)}.navbt a{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:10px 12px}
.progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--a),var(--b));z-index:99}.foot{max-width:1180px;margin:auto;padding:0 20px 35px;color:var(--muted);font-size:13px}
@media(max-width:860px){.layout{grid-template-columns:1fr}.side{position:relative;top:auto;max-height:none}.cardgrid{grid-template-columns:1fr}}
@media print{.bar,.side,.navbt,.progress{display:none}.layout{display:block;max-width:none}body{background:white;color:#111}p{color:#222}pre{background:#f5f5f5;color:#111;white-space:pre-wrap}}