.page-header[data-v-aaa1c243]{animation:gradientShift-aaa1c243 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c);background-size:400% 400%;box-shadow:0 10px 30px #667eea4d;margin-bottom:20px;overflow:hidden;position:relative}@keyframes gradientShift-aaa1c243{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header-wrapper[data-v-aaa1c243]{position:relative}.header-wrapper[data-v-aaa1c243]:before{animation:shimmer-aaa1c243 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 45%,hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,.1) 55%,transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}.header-pattern[data-v-aaa1c243]{background-image:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.2) 0,transparent 50%);inset:0;opacity:.06;position:absolute}.header-content[data-v-aaa1c243]{justify-content:space-between;margin:0 auto;max-width:1400px;overflow:visible;padding:15px 30px;position:relative}.header-content[data-v-aaa1c243],.logo-section[data-v-aaa1c243]{align-items:center;display:flex;gap:20px}.logo-section[data-v-aaa1c243]{animation:slideInLeft-aaa1c243 .8s ease-out;text-decoration:none;transition:opacity .3s}.logo-section[data-v-aaa1c243]:hover{opacity:.9}@keyframes slideInLeft-aaa1c243{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.logo-icon[data-v-aaa1c243]{animation:pulse-aaa1c243 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.2rem;transform:perspective(100px) rotateY(-5deg)}@keyframes pulse-aaa1c243{0%,to{transform:perspective(100px) rotateY(-5deg) scale(1)}50%{transform:perspective(100px) rotateY(-5deg) scale(1.1)}}.logo-text h1[data-v-aaa1c243]{background:linear-gradient(180deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);-webkit-text-fill-color:transparent;position:relative}.logo-text h1[data-v-aaa1c243]:after{background:none;content:"挖空学习系统";left:0;position:absolute;top:0;z-index:-1;-webkit-text-fill-color:rgba(0,0,0,.2);filter:blur(8px);transform:translate(2px,2px)}.tagline[data-v-aaa1c243]{animation:fadeInUp-aaa1c243 1s ease-out .3s both;color:#fffffff2;font-size:.8rem;font-weight:400;letter-spacing:.3px;margin:4px 0 0;text-shadow:0 1px 4px rgba(0,0,0,.2)}@keyframes fadeInUp-aaa1c243{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-card[data-v-aaa1c243]{align-items:center;animation:slideInRight-aaa1c243 .8s ease-out;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff14;border:1px solid hsla(0,0%,100%,.25);border-radius:16px;display:flex;gap:8px;overflow:hidden;padding:6px 6px 6px 10px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-card[data-v-aaa1c243]:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}@keyframes slideInRight-aaa1c243{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.user-card[data-v-aaa1c243]:hover{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 12px 32px #0003;transform:translateY(-2px) scale(1.02)}.user-avatar[data-v-aaa1c243]{align-items:center;animation:avatarGlow-aaa1c243 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:10px;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffe6;color:#667eea;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;position:relative;width:32px}@keyframes avatarGlow-aaa1c243{0%,to{box-shadow:0 4px 12px #00000026,inset 0 1px #ffffffe6}50%{box-shadow:0 4px 16px #667eea4d,inset 0 1px #ffffffe6}}.user-info[data-v-aaa1c243]{flex:1;min-width:0;padding-right:8px}.user-name[data-v-aaa1c243]{color:#fff;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-aaa1c243]{margin-top:2px}.vip-badge[data-v-aaa1c243]{align-items:center;animation:goldShine-aaa1c243 3s ease-in-out infinite;background:linear-gradient(135deg,gold,orange 50%,tomato);background-size:200% 200%;border-radius:6px;box-shadow:0 4px 12px #ffd70080,inset 0 1px #ffffff80;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:3px;overflow:hidden;padding:2px 8px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.2)}.vip-badge[data-v-aaa1c243]:before{animation:sparkle-aaa1c243 2s linear infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.5) 50%,transparent 70%);content:"";inset:-2px;position:absolute}@keyframes goldShine-aaa1c243{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes sparkle-aaa1c243{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}.vip-badge svg[data-v-aaa1c243]{animation:starRotate-aaa1c243 4s linear infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@keyframes starRotate-aaa1c243{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.normal-badge[data-v-aaa1c243]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fffffff2;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.upgrade-badge[data-v-aaa1c243]{align-items:center;animation:pulse-glow-aaa1c243 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:2px 8px;text-decoration:none;transition:all .3s}.upgrade-badge[data-v-aaa1c243]:hover{box-shadow:0 4px 12px #667eea80;transform:scale(1.05)}@keyframes pulse-glow-aaa1c243{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 4px 16px #667eea99}}.user-menu[data-v-aaa1c243]{position:relative}.menu-trigger[data-v-aaa1c243]{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.menu-trigger[data-v-aaa1c243]:hover{background:#fff3}.dropdown-menu[data-v-aaa1c243]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;width:220px}.menu-header[data-v-aaa1c243]{background:linear-gradient(135deg,#6b46c1,#9333ea);color:#fff;padding:16px}.menu-user-name[data-v-aaa1c243]{font-size:14px;font-weight:600;margin-bottom:4px}.menu-user-id[data-v-aaa1c243]{font-size:12px;opacity:.8}.menu-divider[data-v-aaa1c243]{background:#e5e7eb;height:1px}.menu-item[data-v-aaa1c243]{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.menu-item[data-v-aaa1c243]:hover{background:#f3f4f6}.menu-item.vip[data-v-aaa1c243]{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;font-weight:600;text-decoration:none}.menu-item.vip[data-v-aaa1c243]:hover{background:linear-gradient(135deg,#667eea33,#764ba233);transform:translate(2px)}.menu-item.logout[data-v-aaa1c243]{color:#ef4444}.menu-item.logout[data-v-aaa1c243]:hover{background:#fee2e2}.login-card[data-v-aaa1c243]{animation:slideInRight-aaa1c243 .8s ease-out}.login-btn[data-v-aaa1c243],.login-card[data-v-aaa1c243]{align-items:center;display:flex}.login-btn[data-v-aaa1c243]{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffffe6;color:#667eea;font-size:15px;font-weight:700;gap:10px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.login-btn[data-v-aaa1c243]:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-btn[data-v-aaa1c243]:hover:before{left:100%}.login-btn[data-v-aaa1c243]:hover{background:linear-gradient(135deg,#fff,#e8ecff);box-shadow:0 12px 32px #667eea40,inset 0 1px #ffffffe6;transform:translateY(-3px) scale(1.05)}.login-btn svg[data-v-aaa1c243]{transition:transform .3s}.login-btn:hover svg[data-v-aaa1c243]{transform:translate(2px)}.skeleton-btn[data-v-aaa1c243]{animation:shimmer-aaa1c243 2s infinite;background:#fff3;border-radius:12px;height:40px;width:120px}@keyframes shimmer-aaa1c243{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.dropdown-enter-active[data-v-aaa1c243],.dropdown-leave-active[data-v-aaa1c243]{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from[data-v-aaa1c243],.dropdown-leave-to[data-v-aaa1c243]{opacity:0;transform:translateY(-10px)}@media (max-width:768px){.header-content[data-v-aaa1c243]{padding:20px;text-align:center}.header-content[data-v-aaa1c243],.logo-section[data-v-aaa1c243]{flex-direction:column}.logo-text h1[data-v-aaa1c243]{font-size:1.5rem}.tagline[data-v-aaa1c243]{font-size:.75rem}.user-section[data-v-aaa1c243]{display:flex;justify-content:center;width:100%}}