.navbar[data-v-8f510905]{position:fixed;top:0;left:0;right:0;height:60px;background:#0a0e27d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);z-index:100}.nav-inner[data-v-8f510905]{max-width:900px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.nav-brand[data-v-8f510905]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--c-text-bright);font-weight:700;font-size:1.15rem}.brand-icon[data-v-8f510905]{font-size:1.5rem}.nav-right[data-v-8f510905]{display:flex;align-items:center;gap:12px}.nav-user[data-v-8f510905]{font-size:.9rem;color:var(--c-text-dim)}.nav-link[data-v-8f510905]{font-size:.9rem;color:var(--c-text-dim);text-decoration:none;padding:4px 8px;border-radius:6px;transition:all .2s}.nav-link[data-v-8f510905]:hover{color:var(--c-text-bright);background:#ffffff0d}.nav-link.router-link-active[data-v-8f510905]{color:var(--c-primary-light)}.main-content.has-nav[data-v-91ae1314]{padding-top:60px}:root{--c-bg: #0a0e27;--c-surface: #131832;--c-card: #1a2042;--c-card-hover: #222952;--c-border: rgba(255, 255, 255, .08);--c-text: #e2e8f0;--c-text-dim: #8892b0;--c-text-bright: #ffffff;--c-primary: #667eea;--c-primary-light: #7c93f5;--c-secondary: #764ba2;--c-accent: #64ffda;--c-success: #22c55e;--c-danger: #ef4444;--c-warning: #f59e0b;--g-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--g-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--g-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:var(--c-primary-light);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:1rem;font-family:var(--font);font-weight:500;cursor:pointer;transition:all .25s ease;outline:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--g-primary);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-1px)}.btn-success{background:var(--g-success);color:#fff;box-shadow:0 4px 15px #22c55e66}.btn-danger{background:var(--g-danger);color:#fff;box-shadow:0 4px 15px #ef444466}.btn-ghost{background:transparent;color:var(--c-text-dim);border:1px solid var(--c-border)}.btn-ghost:hover{background:#ffffff0d;color:var(--c-text)}.btn-lg{padding:14px 32px;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-sm{padding:6px 14px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:24px;transition:all .25s ease}.card:hover{border-color:#667eea4d}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--c-text-dim);font-weight:500}.form-input{width:100%;padding:12px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:1rem;font-family:var(--font);outline:none;transition:all .25s ease}.form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #667eea26}.form-input::placeholder{color:var(--c-text-dim);opacity:.6}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238892b0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.container{max-width:900px;margin:0 auto;padding:24px 16px}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}.spinner{width:40px;height:40px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.error-text{color:var(--c-danger);font-size:.85rem;margin-top:6px;animation:shake .4s ease}.empty-state{text-align:center;padding:48px 24px;color:var(--c-text-dim)}.empty-state .empty-icon{font-size:3rem;margin-bottom:16px}@media (max-width: 640px){.container{padding:16px 12px}.card{padding:16px}}