:root{--ink:#0b0c0f;--paper:#f1f1ef;--panel:#fff;--line:#e0e0dc;--steel-d:#5c626d;--red:#e11726;--red-d:#b30f1c;--disp:'Segoe UI',system-ui,sans-serif;--mono:'Consolas',ui-monospace,monospace}
*{box-sizing:border-box}
body{margin:0;font-family:var(--disp);color:var(--ink);background:var(--paper);line-height:1.6}
.lhead{background:var(--ink);color:#fff;padding:0 20px;position:sticky;top:0}
.lhead .in{max-width:860px;margin:0 auto;height:58px;display:flex;align-items:center;gap:10px}
.lhead .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
.lhead b{font-weight:800;font-size:18px}.lhead b i{font-style:normal;color:var(--red)}
.lhead a.back{margin-left:auto;color:#c3c7ce;text-decoration:none;font-size:13px;font-family:var(--mono)}
.lhead a.back:hover{color:#fff}
.doc{max-width:860px;margin:0 auto;padding:34px 20px 80px}
.doc h1{font-size:26px;margin:0 0 6px}
.doc .sub{color:var(--steel-d);font-size:13px;font-family:var(--mono);margin-bottom:24px}
.doc h2{font-size:18px;margin:30px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.doc h3{font-size:15px;margin:18px 0 6px;color:var(--red-d)}
.doc p,.doc li{font-size:14.5px;color:#23272e}
.doc ul{padding-left:20px}
.doc .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:14px 0}
.doc .box .k{font-family:var(--mono);font-size:13px;display:block;padding:2px 0}
.doc .warn{background:#fff7ed;border:1px solid #fdd9a8;border-radius:10px;padding:12px 16px;font-size:13px;color:#7a4d09;margin:22px 0}
.doc .todo{color:#b30f1c;font-style:italic}
.doc a{color:var(--red-d)}
.doc .toc{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
.doc .toc a{font-family:var(--mono);font-size:12px;text-decoration:none;border:1px solid var(--line);padding:6px 12px;border-radius:20px;background:#fff}