:root{--bg-app: #0e1116;--bg-panel: #161b22;--bg-panel-2: #1c232d;--bg-elevated: #222b36;--border: #2c3542;--border-strong: #3a4656;--text: #d7dde5;--text-dim: #8b97a6;--text-faint: #5b6675;--accent: #4aa3ff;--accent-2: #35d0a5;--warn: #ffb347;--danger: #ff5d5d;--shadow: 0 6px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;background:var(--bg-app);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s}button:hover{background:var(--bg-panel-2);border-color:var(--border-strong)}button.active{background:var(--accent);border-color:var(--accent);color:#06111f;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.scroll-y{overflow-y:auto;overflow-x:hidden}