.navbar[data-v-661ce6d0]{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color);padding:0 20px}.nav-content[data-v-661ce6d0]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}.logo[data-v-661ce6d0]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.logo-img[data-v-661ce6d0]{width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 0 15px #00d4ff66;transition:all .3s ease}.logo:hover .logo-img[data-v-661ce6d0]{box-shadow:0 0 25px #00d4ff99;transform:scale(1.05)}.nav-search[data-v-661ce6d0]{flex:1;max-width:400px;display:flex;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;transition:border-color .3s}.nav-search[data-v-661ce6d0]:focus-within{border-color:var(--primary-color)}.nav-search input[data-v-661ce6d0]{flex:1;padding:10px 16px;background:transparent;color:var(--text-primary);font-size:14px}.search-btn[data-v-661ce6d0]{padding:0 16px;background:transparent;color:var(--text-secondary);font-size:16px}.search-btn[data-v-661ce6d0]:hover{color:var(--primary-color)}.nav-links[data-v-661ce6d0]{display:flex;align-items:center;gap:16px}.nav-link[data-v-661ce6d0]{color:var(--text-secondary);font-size:15px;display:flex;align-items:center;gap:4px;position:relative}.nav-link[data-v-661ce6d0]:hover{color:var(--text-primary)}.badge[data-v-661ce6d0]{background:var(--accent-color);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600}.menu-toggle[data-v-661ce6d0]{display:none;flex-direction:column;gap:5px;padding:8px;background:transparent}.menu-toggle span[data-v-661ce6d0]{display:block;width:24px;height:2px;background:var(--text-primary);transition:all .3s}@media (max-width: 768px){.nav-search[data-v-661ce6d0]{display:none}.menu-toggle[data-v-661ce6d0]{display:flex}.nav-links[data-v-661ce6d0]{position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:20px;gap:12px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s}.nav-links.nav-open[data-v-661ce6d0]{transform:translateY(0);opacity:1;pointer-events:auto}.nav-link[data-v-661ce6d0]{width:100%;padding:10px 0;border-bottom:1px solid var(--border-color)}}:root{--primary-color: #00d4ff;--primary-light: #5ce1ff;--primary-dark: #0099cc;--accent-color: #ffd700;--accent-light: #ffe44d;--bg-dark: #0a0e1a;--bg-card: #111827;--bg-card-hover: #1e293b;--text-primary: #f0f8ff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #1e3a5f;--gradient-start: #00d4ff;--gradient-end: #0066cc;--glow-color: rgba(0, 212, 255, .5);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}a{color:var(--primary-light);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}button{cursor:pointer;font-family:inherit;border:none;transition:all .3s ease}input,textarea{font-family:inherit;border:none;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:500;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;box-shadow:0 0 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d4ff80}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-color)}.btn-accent{background:linear-gradient(135deg,var(--accent-color),var(--accent-light));color:#fff}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);padding:20px;transition:all .3s ease}.card:hover{border-color:var(--primary-color);box-shadow:0 0 25px #00d4ff26}.input-field{width:100%;padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;transition:border-color .3s}.input-field:focus{border-color:var(--primary-color)}.input-field::placeholder{color:var(--text-muted)}.avatar{border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .3s ease}@media (max-width: 768px){.main-content{padding:10px}.card{padding:16px}.btn{padding:8px 16px;font-size:13px}}.glass{background:#0a0e1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px #0000004d}.gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}