.navbar[data-v-fcaac27c]{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}[data-theme=dark] .navbar[data-v-fcaac27c]{background:#1a1a2ee6}.navbar-inner[data-v-fcaac27c]{max-width:1200px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-brand[data-v-fcaac27c]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text)}.brand-icon[data-v-fcaac27c]{font-size:28px}.brand-text[data-v-fcaac27c]{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--color-primary),#10B981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-sub[data-v-fcaac27c]{font-size:13px;color:var(--color-text-secondary);display:none}@media(min-width:640px){.brand-sub[data-v-fcaac27c]{display:inline}}.navbar-nav[data-v-fcaac27c]{display:flex;align-items:center;gap:4px}.nav-link[data-v-fcaac27c]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-secondary);font-size:14px;font-weight:500;transition:var(--transition)}.nav-link[data-v-fcaac27c]:hover{background:var(--color-primary-bg);color:var(--color-primary)}.nav-link.active[data-v-fcaac27c]{background:var(--color-primary);color:#fff}.nav-icon[data-v-fcaac27c]{font-size:16px}.nav-label[data-v-fcaac27c]{display:none}@media(min-width:640px){.nav-label[data-v-fcaac27c]{display:inline}}.btn-login[data-v-fcaac27c]{padding:6px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;margin-left:4px;transition:var(--transition)}.btn-login[data-v-fcaac27c]:hover{background:var(--color-primary-dark)}.user-menu[data-v-fcaac27c]{position:relative;margin-left:4px}.user-avatar-btn[data-v-fcaac27c]{width:34px;height:34px;border-radius:50%;border:2px solid;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.user-avatar-btn[data-v-fcaac27c]:hover{transform:scale(1.1)}.dropdown-menu[data-v-fcaac27c]{position:absolute;top:100%;right:0;margin-top:8px;width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200}.dropdown-user[data-v-fcaac27c]{display:flex;align-items:center;gap:10px;padding:14px 16px}.dropdown-avatar[data-v-fcaac27c]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.dropdown-name[data-v-fcaac27c]{font-size:14px;font-weight:600;line-height:1.3}.dropdown-username[data-v-fcaac27c]{font-size:12px;color:var(--color-text-light)}.dropdown-divider[data-v-fcaac27c]{height:1px;background:var(--color-border)}.dropdown-item[data-v-fcaac27c]{width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:14px;cursor:pointer;transition:background .15s;color:var(--color-text)}.dropdown-item[data-v-fcaac27c]:hover{background:var(--color-surface-hover)}.dropdown-item.logout[data-v-fcaac27c]{color:var(--color-error);border-top:1px solid var(--color-border)}.dropdown-enter-active[data-v-fcaac27c],.dropdown-leave-active[data-v-fcaac27c]{transition:all .2s ease}.dropdown-enter-from[data-v-fcaac27c],.dropdown-leave-to[data-v-fcaac27c]{opacity:0;transform:translateY(-8px)}.theme-toggle[data-v-fcaac27c]{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;margin-left:8px;transition:var(--transition)}.theme-toggle[data-v-fcaac27c]:hover{background:var(--color-primary-bg);transform:scale(1.1)}:root{--color-primary: #4F46E5;--color-primary-light: #6366F1;--color-primary-dark: #3730A3;--color-primary-bg: #EEF2FF;--color-primary-glow: rgba(79, 70, 229, .15);--color-bg: #F0F2F5;--color-surface: #FFFFFF;--color-surface-hover: #F8F9FB;--color-text: #1A1A2E;--color-text-secondary: #64748B;--color-text-light: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-offline: #CBD5E0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px var(--color-primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-primary: #818CF8;--color-primary-light: #A5B4FC;--color-primary-dark: #6366F1;--color-primary-bg: #1E1B4B;--color-primary-glow: rgba(129, 140, 248, .15);--color-bg: #0F0F1A;--color-surface: #1A1A2E;--color-surface-hover: #222240;--color-text: #E2E8F0;--color-text-secondary: #94A3B8;--color-text-light: #64748B;--color-border: #2D2D4A;--color-border-light: #1E1E3A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 0%,var(--color-primary-glow) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:28px 24px}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}