:root{--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-blur:#ffffffb3;--text-primary:#1d1d1f;--text-secondary:#86868b;--border-color:#0000001a;--shadow-card:0 4px 24px #0000000a;--reflection-opacity:.15;--glow-1:#ff9a9e;--glow-2:#fecfef;--glow-3:#a1c4fd;--glow-opacity:.6}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-blur:#000000b3;--text-primary:#f5f5f7;--text-secondary:#86868b;--border-color:#ffffff1a;--shadow-card:0 4px 24px #0006;--reflection-opacity:.3;--glow-1:#4facfe;--glow-2:#00f2fe;--glow-3:#43e97b;--glow-opacity:.15}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--text-primary:#fff;--text-secondary:#86868b;--nav-bg:#000000b3;--border-color:#ffffff1a;--hero-grad-start:#fff;--hero-grad-end:#fff6}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--text-primary:#1d1d1f;--text-secondary:#515154;--nav-bg:#ffffffb3;--border-color:#0000001a;--hero-grad-start:#000;--hero-grad-end:#00000080}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;justify-content:center;width:100%;height:60px;display:flex;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 20px;display:flex}.nav-left{flex:1}.logo{color:var(--text-primary);letter-spacing:1px;font-size:20px;font-weight:700}.nav-center{flex:2;justify-content:center;gap:30px;display:flex}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.router-link-active{color:var(--text-primary)}.nav-right{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.login-btn{color:var(--text-primary);font-size:14px;font-weight:600;transition:opacity .2s}.login-btn:hover{opacity:.7}.avatar-link{justify-content:center;align-items:center;transition:transform .2s;display:flex}.avatar-link:hover{transform:scale(1.05)}.nav-avatar{object-fit:cover;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:50%;width:32px;height:32px}.theme-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:12px;padding:4px 12px;font-size:12px;transition:all .2s}.theme-toggle:hover{background:var(--text-primary);color:var(--bg-primary)}.main-content{flex:1;padding-top:60px}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}@media screen and (width<=768px){.hide-on-mobile{display:none}}