.sidebar[data-v-ba64cef7]{width:200px;min-width:200px;background:var(--color-sidebar);display:flex;flex-direction:column;height:100%;border-right:1px solid var(--color-border)}.sidebar-brand[data-v-ba64cef7]{padding:16px 16px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-border)}.brand-icon[data-v-ba64cef7]{font-size:20px;color:var(--color-accent)}.brand-text[data-v-ba64cef7]{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:1px}.sidebar-section-label[data-v-ba64cef7]{padding:16px 16px 8px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-dim);letter-spacing:1.5px}nav[data-v-ba64cef7]{display:flex;flex-direction:column;gap:2px;padding:0 8px}.sidebar-item[data-v-ba64cef7]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:4px;color:var(--color-sidebar-text);text-decoration:none;font-size:13px;transition:all .15s}.sidebar-item[data-v-ba64cef7]:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.sidebar-item.router-link-active[data-v-ba64cef7]{background:var(--color-sidebar-active);color:#fff;font-weight:500}.sidebar-icon[data-v-ba64cef7]{font-size:12px;width:22px;text-align:center;font-weight:700;font-family:SF Mono,Consolas,monospace}.app-layout[data-v-9fcee905]{display:flex;height:100%}.main-wrapper[data-v-9fcee905]{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-header[data-v-9fcee905]{background:var(--color-header);padding:0 24px;height:48px;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.header-title[data-v-9fcee905]{font-size:15px;font-weight:600;color:var(--color-text);letter-spacing:.3px}.main-content[data-v-9fcee905]{flex:1;padding:20px;overflow-y:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-surface-light: #1c2a4a;--color-header: #0f3460;--color-sidebar: #0d1b2a;--color-sidebar-text: #94a3b8;--color-sidebar-hover: #1b2d4a;--color-sidebar-active: #3b82f6;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-accent: #00d2d3;--color-text: #e2e8f0;--color-text-dim: #8892a4;--color-border: #2a3a5c;--color-editor-bg: #0d1117;--color-editor-border: #30363d;--color-error: #ff6b6b;--color-success: #51cf66}html,body{height:100%}body{font-family:-apple-system,Microsoft YaHei,PingFang SC,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6}#app{height:100%}button{cursor:pointer;border:none;border-radius:4px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s;letter-spacing:.3px}textarea{font-family:SF Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;border:1px solid var(--color-editor-border);border-radius:4px;padding:14px;resize:none;outline:none;background:var(--color-editor-bg);color:#c9d1d9;transition:border-color .2s}textarea::placeholder{color:#484f58}textarea:focus{border-color:var(--color-primary)}select{border:1px solid var(--color-border);border-radius:4px;padding:6px 10px;font-size:13px;outline:none;background:var(--color-surface);color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a4a6c}