/* 头像容器的光晕效果 - 仅在hover时显示 */
.UserAvatar_avatarGlow__349U5 {
    position: relative;
}

.UserAvatar_avatarGlow__349U5::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, #8b5cf6, #a855f7, #3b82f6, #8b5cf6);
    border-radius: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.UserAvatar_avatarGlow__349U5:hover::before {
    opacity: 0.3;
}

/* 渐变背景 - 静态渐变，移除持续动画以提升性能 */
.UserAvatar_gradientShift__19zMF {
    background: linear-gradient(-45deg, #8b5cf6, #a855f7, #3b82f6, #06b6d4);
}

/* 状态指示器 - 静态样式，移除持续脉冲动画以提升性能 */
.UserAvatar_statusPulse__ys68L {
    /* 使用静态样式，移除持续动画 */
}

/* 移除的持续动画（已注释说明）:
   - rotate: 360度旋转动画
   - gradientShift: 渐变位移动画
   - pulse: 脉冲缩放动画
   这些持续动画会影响性能和电池续航
*/

/* 菜单项悬停效果 */
.UserAvatar_menuItem__o7wGw {
    position: relative;
    overflow: hidden;
}

.UserAvatar_menuItem__o7wGw::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(139, 92, 246, 0.1),
        transparent
    );
    transition: left 0.5s ease;
}

.UserAvatar_menuItem__o7wGw:hover::before {
    left: 100%;
}

/* 玻璃态效果 */
.UserAvatar_glassmorphism__olHe7 {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* 按钮悬停效果 */
.UserAvatar_buttonHover__SjHE5 {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.UserAvatar_buttonHover__SjHE5:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* 文字渐变效果 */
.UserAvatar_textGradient__vph8t {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 徽章样式 - 移除持续bounce动画以提升性能 */
.UserAvatar_badge__zPHSq {
    /* 静态徽章，移除持续跳动动画 */
}

/* 下拉菜单入场动画 */
.UserAvatar_dropdownEnter__qEWUg {
    animation: UserAvatar_slideIn__GafVQ 0.3s ease-out;
}

@keyframes UserAvatar_slideIn__GafVQ {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 响应式设计 */
@media (max-width: 768px) {
    .UserAvatar_avatarGlow__349U5 {
        transform: scale(0.9);
    }

    .UserAvatar_menuItem__o7wGw {
        padding: 0.75rem 1rem;
    }
}