/* ============================================================
   会员等级徽章 - 流光金尊
   Golden Honor · 普通用户 / 会员 / 超级会员 / 至尊会员
   ============================================================ */

/* 徽章基础样式 */
.member-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: .5px;
    vertical-align: middle;
    line-height: 1.5;
    margin-left: 4px;
}
.member-badge .badge-crown {
    font-size: 11px;
    line-height: 1;
}

/* 普通用户 - 低调灰蓝 */
.member-badge.member-normal {
    background: linear-gradient(135deg, #9ca3af, #b0b7c0, #9ca3af);
    color: #fff;
    box-shadow: 0 1px 4px rgba(156, 163, 175, .25);
}

/* 会员 - 暗金渐变 */
.member-badge.member-vip {
    background: linear-gradient(135deg, #8a7028, #a88838, #8a7028);
    color: #1a1205;
    box-shadow: 0 2px 6px rgba(138, 112, 40, .2);
}

/* 超级会员 - 亮金渐变 */
.member-badge.member-super {
    background: linear-gradient(135deg, #c89c3e, #e8b94e, #c89c3e);
    color: #2a1a05;
    box-shadow: 0 2px 8px rgba(200, 156, 62, .3);
}

/* 至尊会员 - 纯金渐变流动 */
.member-badge.member-supreme {
    background: linear-gradient(135deg, #e8b94e, #ffd700, #ffed4e, #ffd700, #e8b94e);
    background-size: 200% 200%;
    color: #2a1a05;
    box-shadow: 0 2px 14px rgba(255, 215, 0, .35), 0 0 20px rgba(255, 200, 80, .15);
    animation: gold-flow 4s ease-in-out infinite;
}

/* 流光扫过效果 - 超级会员 */
.member-badge.member-super::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
    animation: badge-shine 3s ease-in-out infinite;
}

/* 流光扫过效果 - 至尊会员（更快更亮） */
.member-badge.member-supreme::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .6), transparent);
    animation: badge-shine 2s ease-in-out infinite;
}

@keyframes badge-shine {
    0%   { left: -100%; }
    60%, 100% { left: 100%; }
}
@keyframes gold-flow {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* 暗色主题适配 */
body.dark-theme .member-badge.member-normal,
body.io-dark-mode .member-badge.member-normal {
    background: linear-gradient(135deg, #6b7280, #7c8492, #6b7280);
    box-shadow: 0 1px 4px rgba(107, 114, 128, .2);
}
body.dark-theme .member-badge.member-super,
body.io-dark-mode .member-badge.member-super {
    box-shadow: 0 2px 10px rgba(200, 156, 62, .25);
}
body.dark-theme .member-badge.member-supreme,
body.io-dark-mode .member-badge.member-supreme {
    box-shadow: 0 2px 14px rgba(255, 215, 0, .3);
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    .member-badge::before,
    .member-badge.member-supreme {
        animation: none;
    }
}