.user-menu[data-v-45c33db0]{position:relative}.user-avatar[data-v-45c33db0]{cursor:pointer}.avatar-circle[data-v-45c33db0]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;overflow:hidden;transition:transform .2s;border:2px solid rgba(255,255,255,.2)}.avatar-circle[data-v-45c33db0]:hover{transform:scale(1.05)}.avatar-circle img[data-v-45c33db0]{width:100%;height:100%;object-fit:cover}.login-btn[data-v-45c33db0]{width:36px;height:36px;border-radius:8px;background:#ffffff1a;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.login-btn[data-v-45c33db0]:hover{background:#fff3;color:#fff}.dropdown[data-v-45c33db0]{position:absolute;top:calc(100% + 8px);right:0;z-index:1000}.dropdown-content[data-v-45c33db0]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 24px #0000001f;min-width:260px;overflow:hidden;transition:background .3s,border-color .3s}html.dark .dropdown-content[data-v-45c33db0]{background:#1a1a1a;border-color:#333}.dropdown-header[data-v-45c33db0]{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f5f5;transition:background .3s}html.dark .dropdown-header[data-v-45c33db0]{background:#222}.dropdown-avatar[data-v-45c33db0]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;border:2px solid #e0e0e0}.dropdown-avatar img[data-v-45c33db0]{width:100%;height:100%;object-fit:cover}.dropdown-info[data-v-45c33db0]{flex:1;min-width:0}.dropdown-nickname[data-v-45c33db0]{font-size:15px;font-weight:600;color:#000;margin-bottom:2px;transition:color .3s}html.dark .dropdown-nickname[data-v-45c33db0]{color:#fff}.dropdown-email[data-v-45c33db0]{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;transition:color .3s}html.dark .dropdown-email[data-v-45c33db0]{color:#aaa;text-overflow:ellipsis}.dropdown-divider[data-v-45c33db0]{height:1px;background:#e0e0e0;transition:background .3s}html.dark .dropdown-divider[data-v-45c33db0]{background:#333}.dropdown-item[data-v-45c33db0]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;transition:background .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}html.dark .dropdown-item[data-v-45c33db0]{color:#ccc}.dropdown-item[data-v-45c33db0]:hover{background:#f5f5f5}html.dark .dropdown-item[data-v-45c33db0]:hover{background:#2a2a2a}.dropdown-item svg[data-v-45c33db0]{color:#666;flex-shrink:0}.logout-btn[data-v-45c33db0]{color:#d32f2f}.logout-btn svg[data-v-45c33db0]{color:#d32f2f}.logout-btn[data-v-45c33db0]:hover{background:#ffebee}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fafafa;color:#111;transition:background .3s,color .3s}html.dark #app{background:#111;color:#eee}html.dark .navbar{background:#1a1a1a;border-bottom-color:#333}html.dark h1,html.dark h2,html.dark h3,html.dark h4{color:#eee}html.dark svg{color:#eee}html.dark input,html.dark textarea,html.dark select{color:#eee;background:#222;border-color:#444}html.dark label,html.dark p{color:#ccc}#app{min-height:100vh}.navbar{background:#000;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid #222}.logo{color:#fff;font-size:18px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.logo-icon{width:24px;height:24px}.nav-right{display:flex;align-items:center;gap:16px}.lang-switcher{display:flex;gap:4px;background:#ffffff1a;border-radius:8px;padding:4px}.lang-btn{padding:6px 12px;border:none;border-radius:6px;background:transparent;font-size:12px;font-weight:600;color:#ffffff80;cursor:pointer;transition:all .2s}.lang-btn:hover{color:#fff}.lang-btn.active{background:#fff;color:#000}.theme-toggle{width:36px;height:36px;border:none;border-radius:8px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{background:#fff3;color:#fff}.theme-toggle svg{width:18px;height:18px}.nav-link{color:#fff9;text-decoration:none;font-size:14px;padding:8px 14px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.nav-link svg{width:16px;height:16px}.nav-link:hover{color:#fff;background:#ffffff1a}.sound-nav-btn{width:36px;height:36px;border:none;border-radius:8px;background:#ffffff1a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sound-nav-btn:hover{background:#fff3;color:#fff}.sound-nav-btn.active{background:#ffffff26;color:#fff}@media (max-width: 768px){.navbar{padding:0 16px;height:56px}.logo{font-size:16px;gap:8px}.logo-icon{width:20px;height:20px}.nav-right{gap:8px}.lang-switcher{padding:2px}.lang-btn{padding:4px 8px;font-size:10px}.nav-link{font-size:12px;padding:6px 10px}.nav-link svg{width:14px;height:14px}.theme-toggle{width:32px;height:32px}.avatar-circle{width:36px;height:36px}}@media (max-width: 480px){.navbar{padding:0 12px;height:52px}.logo{font-size:14px;gap:6px}.logo-icon{width:18px;height:18px}.nav-right{gap:4px}.lang-switcher{gap:2px;padding:2px}.lang-btn{padding:3px 6px;font-size:10px}.nav-link span{display:none}.nav-link{padding:6px}.theme-toggle{width:28px;height:28px}.avatar-circle{width:32px;height:32px;font-size:14px}.dropdown-content{min-width:240px}}