:root{--bg:#f6efe3;--side:#f8f3ea;--paper:#fffef9;--ink:#1f1d1a;--muted:#6f675d;--line:#e5d9c7;--chip:#efe2cc;--chip2:#f7ead5;--accent:#7a551b;--blue:#193b6a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,var(--side) 0, var(--side) 31%, var(--paper) 31%, var(--paper) 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Noto Sans SC",PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;line-height:1.9}.top{position:sticky;top:0;z-index:10;height:72px;background:rgba(255,252,246,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{font-weight:850;font-size:20px;color:#111;text-decoration:none}.top nav{display:flex;gap:24px}.top nav a{color:#5f4a26;text-decoration:none;font-weight:700}.layout{display:grid;grid-template-columns:380px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto;padding:22px 28px 56px;background:var(--side);border-right:1px solid var(--line)}.search{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;margin:0 0 16px;background:#fff;color:var(--ink);font-size:15px}.part-title{margin:22px 0 10px;padding:11px 14px;border-radius:14px;background:var(--chip);color:var(--accent);font-weight:850;font-size:16px}.sidebar a{display:block;padding:8px 14px;border-radius:10px;color:#3f3931;text-decoration:none;font-size:15px;line-height:1.55;margin:3px 0}.sidebar a:hover,.sidebar a.active{background:#2b2117;color:#fff;font-weight:750}.content{padding:0 0 90px}.article{max-width:860px;margin:0 auto;padding:40px 50px 82px;background:var(--paper);min-height:calc(100vh - 72px)}.article h1{font-size:36px;line-height:1.25;margin:18px 0 26px}.article h2{font-size:30px;line-height:1.35;margin:2.0em 0 .7em;border-top:1px solid var(--line);padding-top:1.1em}.article h3{font-size:23px;margin:1.7em 0 .55em;color:#6b4610;background:#fff7e8;border-left:5px solid var(--accent);padding:8px 12px;border-radius:0 12px 12px 0}.article h4{font-size:20px;margin:1.2em 0 .35em}.article p{margin:.75em 0}.article ul,.article ol{padding-left:1.5em}.article li{margin:.25em 0}.article blockquote{margin:22px 0;padding:16px 20px;border-left:5px solid var(--accent);background:#fff6e4;border-radius:0 12px 12px 0;font-weight:650}.article strong{color:#6b4610}.article hr{border:0;border-top:1px solid var(--line);margin:34px 0}.article-nav{display:flex;justify-content:space-between;gap:18px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.article-nav a{color:#6b4610;text-decoration:none;font-weight:750}.home{max-width:1040px;margin:0 auto;padding:54px 28px}.hero{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px 38px;margin-bottom:22px}.eyebrow{color:var(--accent);font-weight:850;letter-spacing:.1em;font-size:13px}.hero h1{font-size:44px;line-height:1.16;margin:10px 0}.subtitle{color:var(--muted);font-size:20px}.btn{display:inline-block;margin:14px 10px 0 0;padding:12px 18px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:750}.btn.secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.card,.toc-part{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.card h3,.toc-part h2{margin:0 0 8px;color:#6b4610}.toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toc-item{display:block;border:1px solid var(--line);border-radius:14px;padding:13px 15px;text-decoration:none;color:var(--ink);background:#fff}.toc-item small{color:var(--accent);font-weight:850}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:16px 0}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:8px 10px}th{background:#f3eadc}.footer{text-align:center;color:var(--muted);padding:30px}
body.theme-warm{--bg:#f6efe3;--side:#f8f3ea;--paper:#fffef9;--ink:#1f1d1a;--muted:#6f675d;--line:#e5d9c7;--chip:#efe2cc;--chip2:#f7ead5;--accent:#7a551b;--blue:#193b6a;background:linear-gradient(90deg,var(--side) 0,var(--side) 31%,var(--paper) 31%,var(--paper) 100%)}
body.theme-gray{--bg:#eeeeee;--side:#e6e6e6;--paper:#ffffff;--ink:#111111;--muted:#555555;--line:#cccccc;--chip:#d8d8d8;--chip2:#eeeeee;--accent:#111111;--blue:#111111;background:linear-gradient(90deg,var(--side) 0,var(--side) 31%,var(--paper) 31%,var(--paper) 100%)}
body.theme-dark{--bg:#080808;--side:#0f0f0f;--paper:#111111;--ink:#f4f4f4;--muted:#c7c7c7;--line:#333333;--chip:#1f1f1f;--chip2:#181818;--accent:#ffffff;--blue:#ffffff;background:linear-gradient(90deg,var(--side) 0,var(--side) 31%,var(--paper) 31%,var(--paper) 100%)}
.theme-switch{display:flex;gap:8px;align-items:center}.theme-switch button{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer}.theme-switch button:hover{background:var(--chip)}body.theme-dark .top{background:rgba(10,10,10,.96)}body.theme-gray .top{background:rgba(245,245,245,.96)}body.theme-dark .brand,body.theme-dark .top nav a{color:#fff}body.theme-gray .brand,body.theme-gray .top nav a{color:#111}body.theme-dark .search,body.theme-dark .toc-item,body.theme-dark .card,body.theme-dark .toc-part{background:#151515;color:#fff}body.theme-gray .search,body.theme-gray .toc-item,body.theme-gray .card,body.theme-gray .toc-part{background:#fff;color:#111}body.theme-dark .sidebar a{color:#f0f0f0}body.theme-gray .sidebar a{color:#111}body.theme-dark .sidebar a:hover,body.theme-dark .sidebar a.active{background:#fff;color:#000}body.theme-gray .sidebar a:hover,body.theme-gray .sidebar a.active{background:#111;color:#fff}body.theme-dark .part-title{background:#242424;color:#fff}body.theme-gray .part-title{background:#d8d8d8;color:#111}body.theme-dark .article h3,body.theme-dark .article blockquote{background:#1f1f1f;color:#fff}body.theme-gray .article h3,body.theme-gray .article blockquote{background:#eeeeee;color:#111}body.theme-dark th{background:#222}body.theme-gray th{background:#ddd}body.theme-dark .article,body.theme-dark .hero{background:#111;color:#fff}body.theme-gray .article,body.theme-gray .hero{background:#fff;color:#111}

@media(max-width:900px){body{background:var(--paper)}.top{padding:0 18px}.layout{display:block}.sidebar{position:relative;top:0;height:auto;max-height:56vh;border-right:0;border-bottom:1px solid var(--line)}.article{padding:26px 20px}.cards,.toc-list{grid-template-columns:1fr}.hero h1{font-size:34px}}