:root{--bg:#ffffff;--tx:#221428;--dim:#7a5f80;--line:#ecdaef;--panel:#f9effb;--acc:#a21caf;--link:#a21caf;--head-bg:#ffffff;--head-tx:#86198f;--code-bg:#1a121c;--code-tx:#e6d0ea;--note-bg:#f7ebfa;--note-line:#a21caf;--warn-bg:#fff3e8;--warn-line:#f0c8a0;--radius:10px;--font:system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;font:15.5px/1.75 var(--font);color:var(--tx);background:var(--bg)}
header{border-bottom:1px solid var(--line);padding:0 24px;height:56px;display:flex;align-items:center;gap:22px;background:var(--head-bg)}
header .word{font-weight:800;font-size:17px;color:var(--acc);letter-spacing:.4px;text-decoration:none}
header nav a{color:var(--dim);text-decoration:none;font-size:14px;margin-right:18px}
header nav a:hover{color:var(--acc)}
.hero{background:var(--hero-bg);padding:34px 32px;border-bottom:1px solid var(--line)}
.hero h1{margin:0 0 8px;font-size:27px;font-weight:800;color:var(--hero-tx)}
.hero p{margin:0;color:var(--hero-tx);max-width:680px;opacity:.85}
.wrap{max-width:820px;margin:0 auto;padding:34px 24px 20px}
.wrap h1{font-size:26px;font-weight:800;margin:0 0 14px}
.wrap h2{font-size:21px;margin:36px 0 12px;font-weight:700}
.wrap p{margin:12px 0}
.wrap code{background:var(--panel);border-radius:4px;padding:1px 6px;font:13.5px/1.6 ui-monospace,Consolas,monospace}
pre{background:var(--code-bg);border-radius:var(--radius);padding:16px 20px;overflow-x:auto;margin:16px 0;border:1px solid var(--line)}
pre code{color:var(--code-tx);font:13.5px/1.7 ui-monospace,Consolas,monospace;background:none}
table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14.5px}
th,td{border:1px solid var(--line);padding:8px 14px;text-align:left}
th{background:var(--panel);font-weight:600}
.note,.warn{border-radius:var(--radius);padding:12px 16px;margin:18px 0;font-size:14.5px}
.note{background:var(--note-bg);border:1px solid var(--note-line)}
.warn{background:var(--warn-bg);border:1px solid var(--warn-line)}
.note p,.warn p{margin:6px 0}
.next{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:30px 0;display:flex;gap:10px;align-items:center}
.next a{color:var(--link);font-weight:600;text-decoration:none}
.next span{color:var(--dim);font-size:14px}
footer{border-top:1px solid var(--line);margin-top:30px;padding:20px 32px;color:var(--dim);font-size:13px}