*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}.navbar{background:var(--navbar-bg);color:var(--navbar-text-active);z-index:1000;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:var(--navbar-text-active);letter-spacing:-.3px;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.nav-logo{width:20px;height:20px}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--navbar-text);border-radius:var(--radius-sm);padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.router-link-active{color:var(--navbar-text-active);background:var(--navbar-hover)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-user-desktop,.nav-user{color:var(--navbar-text-muted);font-size:13px}.btn-theme{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--navbar-text);cursor:pointer;background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.btn-theme:hover{color:#fff;border-color:#ffffff59}.theme-icon{line-height:1}.btn-logout{color:var(--navbar-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fff3;padding:5px 14px;font-size:13px;font-weight:500;transition:all .2s}.btn-logout:hover{color:#fff;border-color:#fff6}.btn-logout.mobile{display:none}.btn-menu{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:6px;transition:border-color .2s;display:none}.btn-menu:hover{border-color:#ffffff59}.btn-menu span{background:var(--navbar-text);border-radius:1px;width:18px;height:2px;transition:all .25s;display:block}.btn-menu span.open:first-child{transform:translateY(6px)rotate(45deg)}.btn-menu span.open:nth-child(2){opacity:0}.btn-menu span.open:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-mobile-info{display:none}main.has-nav{min-height:100vh;padding-top:56px}@media (width<=768px){.navbar{height:52px;padding:0 16px}main.has-nav{padding-top:52px}.nav-links{background:var(--navbar-bg);opacity:0;pointer-events:none;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:2px;padding:8px 16px 16px;transition:all .3s;position:fixed;top:52px;left:0;right:0;transform:translateY(-100%)}.nav-links.nav-open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{border-radius:var(--radius-sm);padding:12px 16px;font-size:15px}.nav-user-desktop,.btn-logout.desktop{display:none}.btn-logout.mobile{text-align:center;width:100%;margin-top:4px;padding:10px;display:block}.nav-mobile-info{border-top:1px solid #ffffff14;margin-top:4px;padding:12px 16px 8px;display:flex}.btn-menu{display:flex}.btn-theme{width:36px;height:36px}}:root{--bg-body:#f5f6fa;--bg-card:#fff;--bg-elevated:#f8f9fc;--bg-hover:#eef1f8;--bg-selected:#e8f0fe;--bg-input:#fff;--bg-header:#fafbfd;--bg-overlay:#0f172a66;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--text-placeholder:#cbd5e1;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--border-light:#f8fafc;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#fef2f2;--color-success:#22c55e;--color-success-hover:#16a34a;--color-warning:#f59e0b;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--navbar-bg:#0f172a;--navbar-text:#ffffffb3;--navbar-text-active:#fff;--navbar-text-muted:#ffffff73;--navbar-hover:#ffffff14;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-card:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-modal:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-popup:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-lg:0 25px 50px -12px #00000026;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px}[data-theme=dark]{--bg-body:#0f172a;--bg-card:#1e293b;--bg-elevated:#273548;--bg-hover:#334155;--bg-selected:#1e3a5f;--bg-input:#1e293b;--bg-header:#273548;--bg-overlay:#0009;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#f1f5f9;--text-placeholder:#475569;--border-primary:#334155;--border-secondary:#273548;--border-light:#1e293b;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-light:#1e3a5f;--color-danger:#f87171;--color-danger-hover:#ef4444;--color-danger-light:#3b1a1a;--color-success:#4ade80;--color-success-hover:#22c55e;--color-warning:#fbbf24;--color-error-bg:#3b1a1a;--color-error-border:#7f1d1d;--navbar-bg:#0f172a;--navbar-text:#ffffffa6;--navbar-text-active:#fff;--navbar-text-muted:#ffffff73;--navbar-hover:#ffffff14;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-card:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-modal:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-popup:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-lg:0 25px 50px -12px #0009}#app{min-height:100vh}