/* ===== 连杀称号基础样式 ===== */
.spree-badge {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    line-height: 1;
    margin-bottom: 2px;
    font-style: italic;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}

/* 颜色阶梯变化 */
.spree-killing-spree { color: #3b82f6; } /* 蓝色 - 刚起步 */
.spree-domination   { color: #06b6d4; } /* 青色 */
.spree-mega-kill    { color: #10b981; } /* 绿色 */
.spree-unstoppable  { color: #f59e0b; } /* 橙色 */
.spree-wicked-sick  { color: #ef4444; } /* 红色 */
.spree-monster-kill { color: #8b5cf6; } /* 紫色 */
.spree-godlike      { color: #ec4899; font-size: 11px; animation: pulse 2s infinite; } /* 粉紫色 */

/* 最终形态：Holy Shit */
.spree-holy-shit {
    color: #000;
    font-size: 12px;
    background: linear-gradient(90deg, #ff0000, #ffff00, #ff0000);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 1.5s linear infinite;
    font-weight: 900;
}

/* ===== 附加题：花哨的头像边框 ===== */
.avatar-container {
    position: relative;
    padding: 2px; /* 为边框留出空间 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-killing-spree .player-avatar-mini {
    border: 2px solid #4b9dca;
    animation: aura-pulse 2s infinite;
}

.frame-domination .player-avatar-mini {
    border: 2px solid #55f3b1;
    animation: ring-rotate 2s linear infinite;
}

.frame-mega-kill .player-avatar-mini {
    border: 2px solid #148a24;
    animation: logic-flip 4s ease-in-out infinite;
}

.frame-unstoppable .player-avatar-mini {
    border: 2px solid #ff8f3f;
    animation: glitch-gold 0.5s steps(4) infinite;
}

.frame-wicked-sick .player-avatar-mini {
    border: 2px solid #ff2727;
    animation: fire-rise 1s infinite;
}

.frame-monster-kill .player-avatar-mini {
    border: 2px solid #9c23ff;
    animation: shake-1 0.5s infinite;
}

/* 高级边框特效 */
.frame-godlike .player-avatar-mini {
    box-shadow: 0 0 8px #ec4899;
    border: 2px solid #ec4899;
    animation: shake-2 0.5s infinite;
}

.frame-holy-shit .player-avatar-mini {
    box-shadow: 0 0 12px #ff4500, inset 0 0 5px #ffa500;
    border: 2px solid #ff4500;
    animation: fire-rise 1s infinite, shake-2 0.5s infinite;
}

/* 动画定义 */
@keyframes pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 0.8; }
}

/* --- 1. 呼吸发光 (Breathing Aura) --- */
/* 适合: Mega Kill / Unstoppable。温和但有存在感 */
@keyframes aura-pulse {
    0% { box-shadow: 0 0 0px 0px rgba(59, 130, 246, 0.4); }
    50% { box-shadow: 0 0 15px 4px rgba(59, 130, 246, 0.7); }
    100% { box-shadow: 0 0 0px 0px rgba(59, 130, 246, 0.4); }
}

/* --- 2. 荣耀旋转 (Royal Spin) --- */
/* 适合: Wicked Sick。头像外围像有一个光环在旋转 */
@keyframes ring-rotate {
    0% { transform: rotate(0deg); border-color: #ef4444 #fee2e2 #ef4444 #fee2e2; }
    50% { transform: rotate(180deg); border-color: #fee2e2 #ef4444 #fee2e2 #ef4444; }
    100% { transform: rotate(360deg); border-color: #ef4444 #fee2e2 #ef4444 #fee2e2; }
}

/* --- 3. 空间反转 (Spatial Flip) --- */
/* 适合: Monster Kill。产生一种空间扭曲的错觉 */
@keyframes logic-flip {
    0%, 100% { transform: scaleX(1); }
    50% { transform: scaleX(-1); } /* 左右镜像翻转 */
}

/* --- 4. 黄金闪烁 (Golden Glitch) --- */
/* 适合: Godlike。模仿赛博朋克的故障闪烁感 */
@keyframes glitch-gold {
    0% { filter: contrast(1) brightness(1); }
    10% { filter: contrast(1.5) brightness(1.8) hue-rotate(10deg); transform: translate(2px, -2px); }
    20% { filter: contrast(1) brightness(1); transform: translate(0); }
    100% { filter: contrast(1) brightness(0.5); }
}

/* --- 5. 烈焰升腾 (Inferno Rise) --- */
/* 适合: Holy Shit。火焰升腾的视觉感 */
@keyframes fire-rise {
    0% { box-shadow: 0 5px 15px -5px #ff4500; }
    30% { box-shadow: 0 -5px 15px -5px #ff8c00; }
    60% { box-shadow: 5px 0 15px -5px #ff0000; }
    100% { box-shadow: 0 5px 15px -5px #ff4500; }
}


@keyframes shine {
    to { background-position: 200% center; }
}

@keyframes shake-1 {
    0% { transform: translate(0, 0); }
    25% { transform: translate(0.5px, 0.5px); }
    50% { transform: translate(-0.5px, -0.5px); }
    75% { transform: translate(0.5px, -0.5px); }
    100% { transform: translate(0, 0); }
}

@keyframes shake-2 {
    0% { transform: translate(0, 0); }
    25% { transform: translate(2px, 2px); }
    50% { transform: translate(-2px, -2px); }
    75% { transform: translate(2px, -2px); }
    100% { transform: translate(0, 0); }
}

/* 兼容 player-profile-cell 布局 */
.player-profile-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}