.header-bar[data-v-29c545b2]{z-index:100;height:var(--header-height);background:var(--bg-card);border-bottom:1px solid #ff8c4240;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header-left[data-v-29c545b2]{align-items:center;gap:10px;display:flex}.logo-icon[data-v-29c545b2]{filter:drop-shadow(0 0 6px #ff8c4280);font-size:24px}.logo-text[data-v-29c545b2]{background:linear-gradient(135deg,#fa6,#ff8c42);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.logo-sub[data-v-29c545b2]{color:var(--text-secondary);font-size:12px}.header-center .time[data-v-29c545b2]{color:var(--orange-light);font-family:monospace;font-size:13px}.header-right[data-v-29c545b2]{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.header-right b[data-v-29c545b2]{color:var(--orange-light)}.status-dot[data-v-29c545b2]{border-radius:50%;width:8px;height:8px}.status-dot.online[data-v-29c545b2]{background:var(--online);box-shadow:0 0 8px var(--online)}.status-dot.offline[data-v-29c545b2]{background:var(--offline);box-shadow:0 0 6px var(--offline)}.divider[data-v-29c545b2]{color:#ff8c424d}.theme-btn[data-v-29c545b2]{cursor:pointer;font-size:18px;transition:transform .3s}.theme-btn[data-v-29c545b2]:hover{transform:scale(1.2)}.logout-btn[data-v-29c545b2]{color:var(--text-secondary);cursor:pointer}.logout-btn[data-v-29c545b2]:hover{color:var(--orange)}.hamburger-btn[data-v-29c545b2]{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;flex-shrink:0;gap:4px;margin-right:8px;padding:6px;display:none}.hamburger-btn span[data-v-29c545b2]{background:var(--text-primary);border-radius:1px;width:20px;height:2px;transition:all .2s;display:block}@media (width<=768px){.hamburger-btn[data-v-29c545b2]{display:flex}.header-bar[data-v-29c545b2]{padding:0 12px}.logo-sub[data-v-29c545b2]{display:none}.logo-text[data-v-29c545b2]{font-size:16px}.header-center[data-v-29c545b2]{display:none}.header-right[data-v-29c545b2]{gap:4px;font-size:11px}.header-right span[data-v-29c545b2]:not(.theme-btn){display:none}.header-right .theme-btn[data-v-29c545b2]{display:inline}.header-right .status-dot[data-v-29c545b2],.header-right b[data-v-29c545b2],.header-right .divider[data-v-29c545b2],.header-right .logout-btn[data-v-29c545b2]{display:none}}.sidebar[data-v-d46a2933]{top:var(--header-height);width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:90;padding:8px 0;position:fixed;bottom:0;left:0;overflow-y:auto}.nav-item[data-v-d46a2933]{color:var(--text-secondary);cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;margin:2px 8px;padding:11px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-d46a2933]:hover{background:var(--bg-hover);color:var(--orange-light)}.nav-item.active[data-v-d46a2933]{color:var(--orange);border-left:3px solid var(--orange);background:linear-gradient(90deg,#ff8c421f,#0000)}.nav-icon[data-v-d46a2933]{text-align:center;width:24px;font-size:16px}.sidebar-close[data-v-d46a2933]{display:none}@media (width<=768px){.sidebar[data-v-d46a2933]{top:var(--header-height);z-index:100;width:260px;box-shadow:none;transition:transform .25s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open[data-v-d46a2933]{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-close[data-v-d46a2933]{border:1px solid var(--border-color);background:var(--bg-card);width:32px;height:32px;color:var(--text-primary);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex;position:absolute;top:8px;right:10px}.nav-item[data-v-d46a2933]{margin:2px 12px;padding:14px 20px;font-size:15px}}.main-content[data-v-b9a04043]{top:var(--header-height);left:var(--sidebar-width);padding:20px;position:fixed;bottom:0;right:0;overflow:hidden auto}.sidebar-overlay[data-v-b9a04043]{display:none}@keyframes fadeIn-b9a04043{0%{opacity:0}to{opacity:1}}@media (width<=768px){.main-content[data-v-b9a04043]{padding:12px;left:0}.sidebar-overlay[data-v-b9a04043]{inset:0;top:var(--header-height);z-index:95;background:#00000080;animation:.2s fadeIn-b9a04043;display:block;position:fixed}}:root,[data-theme=dark]{--bg-primary:#080e1a;--bg-secondary:#0c1628;--bg-card:#111d35;--bg-card-alt:#152240;--bg-hover:#1a3050;--bg-input:#0c1628;--border-color:#1e3a5f;--border-glow:#ff8c42;--text-primary:#e8ecf1;--text-secondary:#94a3b8;--text-bright:#fff;--text-dim:#64748b;--orange:#ff8c42;--orange-light:#fa6;--orange-glow:#ff6b1a;--teal:#00d4aa;--teal-light:#00f0c0;--blue:#409eff;--blue-light:#6db8ff;--gold:#ffb800;--danger:#ff4757;--success:#2ed573;--online:#00d4aa;--offline:#ff4757;--header-height:56px;--sidebar-width:200px;--statusbar-width:260px;--shadow:0 8px 25px #0000004d;--card-top-stripe:linear-gradient(90deg, var(--orange), var(--gold), var(--teal));--login-bg:radial-gradient(ellipse at 30% 50%, #1a2035 0%, #0a101f 70%)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-card:#fff;--bg-card-alt:#f5f6f8;--bg-hover:#f0f2f5;--bg-input:#f5f6f8;--border-color:#e2e6ea;--border-glow:#ff8c42;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-bright:#0d0d1a;--text-dim:#9ca3af;--orange:#e87830;--orange-light:#f0853d;--orange-glow:#d4651f;--teal:#00a88a;--teal-light:#00c9a0;--blue:#3085d6;--blue-light:#4a9ae5;--gold:#e6a500;--danger:#e04050;--success:#26b860;--online:#00a88a;--offline:#e04050;--shadow:0 2px 12px #0000000f;--card-top-stripe:linear-gradient(90deg, var(--orange), var(--gold), var(--teal));--login-bg:#f0f2f5}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-primary);font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;transition:background .3s,color .3s;overflow:hidden}a{color:var(--orange);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--orange)}.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:10px;padding:16px;transition:border-color .3s,background .3s,box-shadow .3s}.card:hover{border-color:#ff8c424d}.card-title{color:var(--orange);border-bottom:1px solid #ff8c4233;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:14px;display:flex}.btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;transition:all .3s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--orange);color:var(--text-bright)}.btn-primary{background:linear-gradient(135deg, var(--orange-light), var(--orange-glow));border-color:var(--orange);color:#fff;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg, var(--orange), var(--orange-glow));box-shadow:0 4px 15px #ff8c424d}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 15px #ff47574d}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;background:var(--bg-card-alt);color:var(--orange);border-bottom:1px solid var(--border-color);padding:10px 12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border-color);padding:10px 12px}.data-table tr:hover td{background:var(--bg-hover)}.tag{border-radius:12px;padding:2px 10px;font-size:12px;display:inline-block}.tag-online{color:var(--online);background:#00d4aa33}.tag-offline{color:var(--offline);background:#ff475733}.input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .3s}.input:focus{border-color:var(--orange);box-shadow:0 0 8px #ff8c4226}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #ff8c424d}50%{box-shadow:0 0 20px #ff8c4299}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s infinite pulse}.glow{animation:2s infinite glow-pulse}@media (width<=768px){body{overflow:auto}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.card{padding:12px}}