:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #ec4899;--accent: #f59e0b;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--dark: #0f172a;--dark-lighter: #1e293b;--light: #f8fafc;--gray: #64748b;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-aurora: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e);background-attachment:fixed;min-height:100vh;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.navbar{position:sticky;top:0;z-index:100;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 24px}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}.brand-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.nav-links{display:flex;gap:8px}.nav-link{padding:10px 20px;color:#ffffffb3;text-decoration:none;font-weight:500;font-size:15px;border-radius:var(--radius-full);transition:all .3s ease;position:relative}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.router-link-active{color:#fff;background:linear-gradient(135deg,#6366f14d,#8b5cf64d);box-shadow:0 0 20px #6366f14d}.main-content{flex:1;position:relative;z-index:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.footer{text-align:center;padding:24px;color:#fff6;font-size:13px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease}.card:hover{border-color:#fff3;box-shadow:0 10px 40px #0003}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.badge-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%)}.badge-warning{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%)}.input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#fff;font-size:15px;transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:#fff6}@media(max-width:768px){.navbar-inner{flex-direction:column;height:auto;padding:12px 0;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}.nav-link{padding:8px 16px;font-size:14px}.main-content{padding:16px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}