*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color:#667eea;--primary-dark:#5a67d8;--secondary-color:#764ba2;--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#ffffff08;--glass-bg:#ffffff0d;--glass-bg-light:#ffffff1a;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--card-bg:#1a1a2ecc;--card-bg-solid:#1a1a2e;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#3b82f6;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20% 80%,#667eea26 0%,#0000 50%),radial-gradient(at 80% 20%,#764ba226 0%,#0000 50%),radial-gradient(#667eea0d 0%,#0000 70%);width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.neu-button{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(145deg,#1e1e3f,#16162b);border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;position:relative;overflow:hidden;box-shadow:5px 5px 10px #0d0d1a,-5px -5px 10px #27274e}.neu-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.neu-button:hover:before{left:100%}.neu-button:hover{transform:translateY(1px);box-shadow:3px 3px 6px #0d0d1a,-3px -3px 6px #27274e}.neu-button:active{box-shadow:inset 3px 3px 6px #0d0d1a,inset -3px -3px 6px #27274e}.gradient-button{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:.875rem 2rem;font-size:.875rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea66}.gradient-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gradient-button:hover:before{width:300px;height:300px}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.modern-input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;outline:none;padding:.875rem 1rem;font-size:.875rem}.modern-input::placeholder{color:var(--text-muted)}.modern-input:focus{border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 3px #667eea1a}.floating-input-group{margin-bottom:1.5rem;position:relative}.floating-input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;outline:none;padding:1.25rem 1rem .5rem;font-size:.875rem}.floating-label{color:var(--text-muted);pointer-events:none;transition:all var(--transition-fast);font-size:.875rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.floating-input:focus~.floating-label,.floating-input:not(:placeholder-shown)~.floating-label{color:var(--primary-color);font-size:.75rem;top:.5rem;transform:translateY(0)}.floating-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.modern-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.modern-table th{color:var(--text-secondary);text-align:left;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:1rem;font-weight:500}.modern-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding:1rem}.modern-table tr:hover td{background:#ffffff05}.status-badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-badge.success{color:var(--accent-success);background:#10b9811a}.status-badge.success:before{background:var(--accent-success);box-shadow:0 0 8px var(--accent-success)}.status-badge.warning{color:var(--accent-warning);background:#f59e0b1a}.status-badge.warning:before{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning)}.status-badge.danger{color:var(--accent-danger);background:#ef44441a}.status-badge.danger:before{background:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 40px #667eeacc}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-float{animation:3s ease-in-out infinite float}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=768px){:root{--space-lg:1.5rem;--space-xl:2rem}}