:root{--bg:#f6f7f9;--surface:#fff;--text:#1a1d23;--muted:#5c6470;--accent:#348feb;--accent-soft:#e8f2fc;--border:#e6e8ec;--ok:#1f8a4c;--warn:#b45309}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.5rem .9rem;font-size:.95rem}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:hover{filter:brightness(.98)}.page{max-width:880px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page h1{margin:0 0 .5rem;font-size:1.75rem}.page h2{margin:1.75rem 0 .75rem;font-size:1.25rem}.lead{color:var(--muted);margin:0 0 1.25rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:1rem 0;padding:1rem 1.15rem}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{border-bottom:1px solid var(--border)}.lesson-list a{color:var(--text);gap:.75rem;padding:.85rem .25rem;text-decoration:none;display:flex}.lesson-list a:hover{color:var(--accent);background:var(--accent-soft);border-radius:8px;padding-left:.5rem;padding-right:.5rem}.lesson-list .num{color:var(--accent);min-width:1.5rem;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0;display:flex}.muted{color:var(--muted)}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;display:inline-block}code{background:#eef1f5;border-radius:4px;padding:.1rem .35rem;font-size:.9em}pre{color:#e8eef7;background:#1a1d23;border-radius:10px;padding:.9rem 1rem;font-size:.85rem;overflow:auto}