:root[data-theme=dark]{--bg-primary: #0A0A0B;--bg-secondary: #0F0F11;--bg-card: #141417;--bg-hover: #1A1A1E;--bg-input: #1E1E22;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--accent: #7C3AED;--accent-hover: #6D28D9;--accent-light: rgba(124, 58, 237, .15);--success: #10B981;--success-light: rgba(16, 185, 129, .15);--error: #F43F5E;--error-light: rgba(244, 63, 94, .15);--link: #22D3EE;--border: rgba(39, 39, 42, .6);--border-hover: rgba(63, 63, 70, .8);--shadow: rgba(0, 0, 0, .4);--toggle-off: #3F3F46;--toggle-dot: #A1A1AA}:root[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-card: #F5F5F5;--bg-hover: #E4E4E7;--bg-input: #FFFFFF;--text-primary: #18181B;--text-secondary: #71717A;--text-tertiary: #A1A1AA;--accent: #7C3AED;--accent-hover: #6D28D9;--accent-light: rgba(124, 58, 237, .1);--success: #10B981;--success-light: rgba(16, 185, 129, .1);--error: #F43F5E;--error-light: rgba(244, 63, 94, .1);--link: #0891B2;--border: rgba(228, 228, 231, .8);--border-hover: rgba(212, 212, 216, 1);--shadow: rgba(0, 0, 0, .08);--toggle-off: #D4D4D8;--toggle-dot: #71717A}:root{--sidebar-width: 240px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: .2s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Sarasa Gothic SC", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "Fira Code", monospace;--font-zh: "Sarasa Gothic SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-layout{display:flex;height:100%}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-content{flex:1;overflow-y:auto;padding:24px 32px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{padding:4px 10px;font-size:13px}.btn-danger{color:var(--error);border-color:var(--error-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:border-color var(--transition)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical;font-family:var(--font-mono);line-height:1.6}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 12px;font-size:14px;border-bottom:1px solid var(--border);color:var(--text-primary)}.table tr:hover td{background:var(--bg-hover)}.toggle{position:relative;width:32px;height:18px;background:var(--toggle-off);border-radius:9px;cursor:pointer;transition:background var(--transition);flex-shrink:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--toggle-dot);border-radius:50%;transition:transform var(--transition),background var(--transition)}.toggle.on:after{transform:translate(14px);background:#fff}.tag-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:flex;align-items:center;justify-content:space-between;width:220px;min-height:36px;padding:0 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;gap:4px;transition:all var(--transition)}.tag-item:hover{border-color:var(--border-hover)}.tag-item.blocked{border-color:var(--error-light)}.tag-item .tag-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-item .tag-count{color:var(--accent);font-weight:600;font-size:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:var(--success-light);color:var(--success)}.badge-error{background:var(--error-light);color:var(--error)}.toast{position:fixed;top:20px;right:20px;z-index:9999;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;gap:8px;animation:toastIn .3s ease;box-shadow:0 4px 12px var(--shadow)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--error)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-width:480px;max-width:600px}.modal-title{font-size:18px;font-weight:600;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.stats-row{display:flex;gap:16px;margin-bottom:20px}.stat-card{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-sans)}.stat-value.accent{color:var(--accent)}.stat-value.success{color:var(--success)}.stat-value.error{color:var(--error)}.drag-handle{cursor:grab;color:var(--text-tertiary);user-select:none}.drag-handle:active{cursor:grabbing}.info-box{background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--text-primary);line-height:1.6;margin-bottom:12px}.info-box code{font-family:var(--font-mono);background:#0003;padding:2px 6px;border-radius:4px;font-size:12px}