:root,[data-theme=dark]{--bg:#0f172a;--nav-bg:#020617;--card:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--border:#334155;--input-bg:#0f172a}[data-theme=light]{--bg:#f1f5f9;--nav-bg:#ffffff;--card:#ffffff;--text:#0f172a;--muted:#64748b;--accent:#0284c7;--border:#cbd5e1;--input-bg:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.shell{min-height:100vh}.topbar{display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--nav-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar h2{margin:0;flex:1;font-size:18px}.menu-btn{display:none}.layout{display:flex;min-height:calc(100vh - 53px)}nav{width:230px;background:var(--nav-bg);padding:16px;flex-shrink:0}nav a{display:block;color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}nav a:hover{background:var(--card)}nav a[aria-current=page]{background:var(--card);outline:1px solid var(--accent)}main{flex:1;padding:24px;min-width:0}.card{background:var(--card);border-radius:12px;padding:16px;margin:12px 0;overflow-x:auto}input,select,button,textarea{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);max-width:100%}button{cursor:pointer}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0}.row label{display:flex;gap:6px;align-items:center}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:8px;text-align:left;vertical-align:top}code{word-break:break-all}pre{white-space:pre-wrap;word-break:break-all}@media (max-width:768px){.menu-btn{display:inline-block}.layout{flex-direction:column}nav{display:none;width:100%}nav.open{display:block}main{padding:12px}.row{flex-direction:column;align-items:stretch}.row label{flex-wrap:wrap}input,select,button{width:100%}.topbar h2{font-size:16px}}