:root{--bg:#f8f7f7;--panel:#fff;--text:#241919;--muted:#7a6767;--border:#ead7d7;--accent:#871312;--accent-dark:#65100f;--accent-soft:#f7e9e9;--link:#871312;--shadow:0 10px 30px rgba(34,16,16,.08)}
html[data-theme="dark"]{--bg:#130f10;--panel:#1b1617;--text:#f5eded;--muted:#beaaaa;--border:#33282a;--accent:#c43a37;--accent-dark:#8f2724;--accent-soft:#2a1b1b;--link:#ef8a87;--shadow:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif;display:flex}a{color:var(--link);text-decoration:none}code{background:var(--accent-soft);padding:.15rem .35rem;border-radius:6px}pre{background:#111827;color:#f8fafc;padding:16px;border-radius:14px;overflow:auto}p{margin:0 0 14px}ul{margin:8px 0 14px 22px}h1,h2,h3{line-height:1.2;margin:0 0 14px}h1{font-size:34px}h2{font-size:24px;margin-top:28px}h3{font-size:18px;margin-top:18px}.sidebar{width:320px;min-height:100vh;background:var(--panel);border-right:1px solid var(--border);padding:18px;position:sticky;top:0;box-shadow:var(--shadow);overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand img{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:6px;border:1px solid var(--border)}.brand small{display:block;color:var(--muted)}.search-box input{width:100%;padding:12px 14px;border:1px solid var(--border);background:var(--bg);border-radius:12px;color:var(--text)}.nav-group{border:1px solid var(--border);border-radius:14px;padding:4px 10px;margin:12px 0;background:var(--bg)}.nav-group summary{cursor:pointer;font-weight:700;padding:10px 2px;color:var(--text)}.nav-group ul{list-style:none;margin:0;padding:0 0 8px}.nav-group li{margin:0}.nav-group a{display:block;padding:8px 10px;border-radius:10px;color:var(--muted)}.nav-group a:hover,.nav-group a.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{padding-top:12px}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(248,247,247,.9);backdrop-filter:blur(8px);z-index:4}html[data-theme="dark"] .topbar{background:rgba(19,15,16,.86)}.crumbs{color:var(--muted);font-size:14px}.article{max-width:1040px;padding:32px 40px 60px}.btn,.icon-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer}.btn.ghost,.icon-btn{background:transparent}.btn:hover,.icon-btn:hover{border-color:var(--accent);color:var(--accent)}body.sidebar-collapsed .sidebar{display:none}@media (max-width:980px){.sidebar{position:fixed;left:0;z-index:20;max-width:88vw}.article{padding:24px 18px 50px}.topbar{padding:14px 18px}}