:root{--bg-page:#f4f7fc;--bg-surface:#fff;--bg-surface-2:#f8fafc;--bg-glass:#ffffffdb;--border-color:#e5eaf2;--border-color-strong:#d5dee9;--color-primary:#2563eb;--color-primary-soft:#2563eb14;--color-secondary:#7c3aed;--color-warning:#f59e0b;--color-success:#059669;--color-error:#dc2626;--gradient-primary:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-primary-soft:linear-gradient(135deg, #2563eb1a 0%, #7c3aed1a 100%);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--radius-card:14px;--radius-btn:8px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a0f;--shadow-lg:0 12px 32px #0f172a1a;--shadow-primary:0 6px 18px #2563eb38;--font-sans:"Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, monospace}[data-theme=dark]{--bg-page:#0b1220;--bg-surface:#131e33;--bg-surface-2:#1a2740;--bg-glass:#131e33d1;--border-color:#283650;--border-color-strong:#3a4a6b;--color-primary:#3b82f6;--color-primary-soft:#3b82f61f;--color-secondary:#8b5cf6;--color-warning:#fbbf24;--color-success:#34d399;--color-error:#f87171;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-primary-soft:linear-gradient(135deg, #3b82f624 0%, #8b5cf624 100%);--text-primary:#e2e8f0;--text-secondary:#b6c2d6;--text-muted:#7c8da6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 32px #00000073;--shadow-primary:0 6px 18px #3b82f64d}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px}#app{background:0 0;height:100%}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 480px at 12% -10%, var(--gradient-primary-soft), transparent 60%), radial-gradient(800px 420px at 100% 0%, var(--gradient-primary-soft), transparent 55%), var(--bg-page);position:fixed;inset:0}::selection{background:var(--color-primary);color:#fff}.panel-card,.n-card{box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color-strong);background-clip:content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--border-color-strong) transparent}.fade-enter-active{transition:opacity .3s,transform .3s}.fade-enter-from{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.info-card,.disk-item,.events-card,.cpu-chart,.stat-card,.docker-panel,.audit-panel,.sysproc-panel{animation:.5s cubic-bezier(.2,.7,.3,1) backwards cardIn}.cpu-chart{animation-delay:20ms}.docker-panel{animation-delay:50ms}.audit-panel{animation-delay:90ms}.sysproc-panel{animation-delay:.13s}.events-card{animation-delay:50ms}html,body,#app{transition:background-color .3s,color .3s}@media (width<=768px){.n-message-wrapper{max-width:calc(100vw - 24px)}}