/* ===== BUFF 悬浮样式 ===== */
.buff-badge {
    position: absolute;
    top: -12px; /* 向上偏移，使其浮在头像上方 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
    white-space: nowrap; /* 防止换行 */
    z-index: 10;

    font-size: 9px; /* 头像上方空间有限，稍微调小一点更精致 */
    font-weight: 900;
    padding: 0 4px;
    border-radius: 4px;
}

/* --- 金牌挑战：强化版火焰效果 --- */
.buff-gold {
    background: linear-gradient(0deg, #ff2a00 0%, #ffcc00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 增加一个文字外的金色外发光，模拟火光 */
    filter: drop-shadow(0 0 1px rgba(255, 200, 0, 0.8)) drop-shadow(0 -2px 4px rgba(255, 69, 0, 0.9));
    animation: buff-fire-hover 1.2s ease-in-out infinite alternate;
}

/* 特有的浮动火焰动画 */
@keyframes buff-fire-hover {
    0% {
        transform: translateX(-50%) translateY(0) scale(1);
        filter: drop-shadow(0 0 2px #ff4500);
    }
    100% {
        transform: translateX(-50%) translateY(-2px) scale(1.1);
        filter: drop-shadow(0 -4px 6px #ffae00);
    }
}

/* --- 银牌挑战：冷冽白银 --- */
.buff-silver {
    /* 强烈的银白色金属渐变 */
    background: linear-gradient(
        135deg,
        #ffffff 0%,
        #9ca3af 45%,
        #ffffff 50%,
        #d1d5db 55%,
        #4b5563 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* 核心：蓝白色的冷光外发光，增加存在感 */
    filter: drop-shadow(0 0 1px #fff)
            drop-shadow(0 0 3px rgba(147, 197, 253, 0.8)); /* 淡淡的冰蓝光 */

    animation: silver-shine 3s linear infinite;
    font-style: italic;
    letter-spacing: 1px;
}

/* 银光流转动画 */
@keyframes silver-shine {
    0% { background-position: 0% center; }
    50% { background-position: 100% center; }
    100% { background-position: 0% center; }
}

/*!* --- 铜牌挑战：古铜特效 --- *!*/
/*.buff-bronze {*/
/*    background: linear-gradient(180deg, #fcd34d 0%, #b45309 100%);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    filter: drop-shadow(0 0 1px rgba(180, 83, 9, 0.4));*/
/*}*/

.buff-bronze {
    color: #fcd34d;
    text-shadow: 0 0 4px rgba(180, 83, 9, 0.8);
    background: rgba(0,0,0,0.3);
}