.header[data-v-bf55746c]{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.header .container[data-v-bf55746c]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.header .logo[data-v-bf55746c]{display:flex;align-items:center;gap:10px;font-weight:600;font-size:20px;color:#0f172a;text-decoration:none}.header .logo .logo-icon[data-v-bf55746c]{width:36px;height:36px;background:#2563eb;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.header .nav[data-v-bf55746c]{display:flex;align-items:center;gap:30px}.header .nav a[data-v-bf55746c]{color:#64748b;text-decoration:none;font-size:14px;transition:color .2s}.header .nav a[data-v-bf55746c]:hover,.header .nav a.active[data-v-bf55746c]{color:#0f172a}.header .nav .btn-login[data-v-bf55746c]{padding:8px 20px;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a}.header .nav .btn-login[data-v-bf55746c]:hover{border-color:#cbd5e1;background:#f8fafc}.header .nav .btn-register[data-v-bf55746c]{padding:8px 20px;background:#2563eb;border-radius:6px;color:#fff}.header .nav .btn-register[data-v-bf55746c]:hover{background:#1d4ed8}.lang-btn[data-v-bf55746c]{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:13px;color:#64748b;cursor:pointer;font-weight:500;transition:all .2s}.lang-btn[data-v-bf55746c]:hover{border-color:#2563eb;color:#2563eb}.user-dropdown[data-v-bf55746c]{display:flex;align-items:center;gap:8px;cursor:pointer;outline:none}.user-dropdown .user-name[data-v-bf55746c]{font-size:14px;color:#0f172a;font-weight:500}.user-dropdown .el-icon[data-v-bf55746c]{font-size:12px;color:#94a3b8}.avatar-wrapper[data-v-bf55746c]{position:relative;display:inline-flex}.user-avatar[data-v-bf55746c]{width:32px;height:32px;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:50%;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-avatar.vip[data-v-bf55746c]{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 0 0 2px #fff,0 0 0 3px #f59e0b}.user-avatar-img[data-v-bf55746c]{width:32px;height:32px;border-radius:50%;object-fit:cover;cursor:pointer}.user-avatar-img.vip[data-v-bf55746c]{box-shadow:0 0 0 2px #fff,0 0 0 3px #f59e0b}.vip-badge[data-v-bf55746c]{position:absolute;bottom:-2px;right:-4px;width:14px;height:14px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.mobile-nav[data-v-bf55746c]{display:none;gap:12px;align-items:center}.mobile-nav .btn-login[data-v-bf55746c]{padding:8px 16px;font-size:13px;color:#0f172a;text-decoration:none;border:1px solid #e2e8f0;border-radius:6px}.mobile-nav .btn-register[data-v-bf55746c]{padding:8px 16px;font-size:13px;color:#fff;text-decoration:none;background:#2563eb;border-radius:6px}@media (max-width: 768px){.desktop-nav[data-v-bf55746c]{display:none!important}.mobile-nav[data-v-bf55746c]{display:flex}}