/* ========================================================== */
/* ================== 战士职业专属CSS样式 ================== */
/* ========================================================== */

/* ================= 战士技能通用基础样式 ================= */
/* 战士技能通用悬停变换效果 - 仅在未激活时生效 */
.skill-damage-card[data-skill-id="shield_slam"]:hover:not(.buff-active),
.skill-damage-card[data-skill-id="victory_strike"]:hover:not(.buff-active) {
    transform: translateY(-2px) translateZ(0);
}

/* ==================== 盾击技能样式 ==================== */
/* 盾击技能 - 多重伤害效果样式 */
.skill-damage-card[data-skill-id="shield_slam"] {
    background: linear-gradient(135deg, #1a1a2e 0%, #20203a 100%);
    border: 2px solid #56569d;
}

/* 盾击悬停效果 - 仅在未激活时生效 */
.skill-damage-card[data-skill-id="shield_slam"]:hover:not(.buff-active) {
    border: 2px solid #4488cc;
    box-shadow: 0 6px 20px rgba(68, 136, 204, 0.4);
}

/* 盾击技能多重伤害效果选择器样式 */
.skill-damage-card[data-skill-id="shield_slam"] .multi-damage-effect {
    background: rgba(70, 130, 180, 0.05);
    border: 1px solid rgba(70, 130, 180, 0.2);
}

.skill-damage-card[data-skill-id="shield_slam"] .multi-damage-effect:hover {
    background: rgba(70, 130, 180, 0.1);
    border-color: #4682b4;
}

.skill-damage-card[data-skill-id="shield_slam"] .multi-damage-effect.selected {
    background: rgba(70, 130, 180, 0.15);
    border-color: #4682b4;
    box-shadow: 0 0 8px rgba(70, 130, 180, 0.3);
}

.skill-damage-card[data-skill-id="shield_slam"] .multi-damage-effect .effect-name {
    color: #4682b4;
}

/* 盾击物理伤害颜色 */
.physical-damage {
    color: #cd853f !important;
    text-shadow: 0 0 8px rgba(205, 133, 63, 0.5);
    font-weight: bold;
}

/* 减益效果颜色 */
.debuff-effect {
    color: #ff6b6b !important;
    text-shadow: 0 0 8px rgba(255, 107, 107, 0.5);
    font-weight: bold;
}

/* 盾击技能头部 - 钢铁蓝色渐变背景（仅未激活时） */
.skill-damage-card[data-skill-id="shield_slam"]:not(.buff-active) .skill-damage-header {
    background: linear-gradient(135deg, 
        rgba(70, 130, 180, 0.08) 0%, 
        rgba(100, 149, 237, 0.08) 50%, 
        rgba(70, 130, 180, 0.08) 100%);
}

.skill-damage-card[data-skill-id="shield_slam"]:not(.buff-active) .skill-damage-header:hover {
    background: linear-gradient(135deg, 
        rgba(70, 130, 180, 0.12) 0%, 
        rgba(100, 149, 237, 0.12) 50%, 
        rgba(70, 130, 180, 0.12) 100%);
}

/* 盾击技能名称 - 钢铁蓝色调（仅未激活时，激活后使用统一绿色） */
.skill-damage-card[data-skill-id="shield_slam"]:not(.buff-active) .skill-name {
    color: #4682b4;
    text-shadow: 0 0 2px rgba(70, 130, 180, 0.3);
    font-weight: 600;
}

/* 盾击伤害数字颜色 - 钢铁蓝色调 */
.shield-slam-damage {
    color: #4682b4 !important;
    text-shadow: 0 0 8px rgba(70, 130, 180, 0.5);
    font-weight: bold;
}

/* 盾击技能专用的effect-tab.active样式 */
.skill-damage-card[data-skill-id="shield_slam"] .effect-tab.active {
    border-color: #4682b4 !important;
    background: rgb(70 130 180 / 6%) !important;
    box-shadow: 0 0 8px rgba(70, 130, 180, 0.4) !important;
}

.skill-damage-card[data-skill-id="shield_slam"] .effect-tab.active .damage-value {
    color: #31a2ff !important;
    text-shadow:0 0 8px rgb(70 130 180 / 0%) !important;
}

.skill-damage-card[data-skill-id="shield_slam"] .effect-tab.active .damage-label {
    color: #87ceeb !important;
    opacity: 0.9 !important;
}

/* ==================== 胜利一击技能样式 ==================== */
.skill-damage-card[data-skill-id="victory_strike"] {
    background: linear-gradient(135deg, #2e1a1a 0%, #3a2020 100%);
    border: 2px solid #854d4d;
}

/* 胜利一击悬停效果 - 仅在未激活时生效，激活后使用统一绿色主题 */
.skill-damage-card[data-skill-id="victory_strike"]:hover:not(.buff-active) {
    border: 2px solid #cc6644;
    box-shadow: 0 6px 20px rgba(204, 102, 68, 0.4);
}

/* 胜利一击技能头部 - 金色渐变背景（仅未激活时） */
.skill-damage-card[data-skill-id="victory_strike"]:not(.buff-active) .skill-damage-header {
    background: linear-gradient(135deg, 
        rgba(218, 165, 32, 0.08) 0%, 
        rgba(255, 215, 0, 0.08) 50%, 
        rgba(218, 165, 32, 0.08) 100%);
}

.skill-damage-card[data-skill-id="victory_strike"]:not(.buff-active) .skill-damage-header:hover {
    background: linear-gradient(135deg, 
        rgba(218, 165, 32, 0.12) 0%, 
        rgba(255, 215, 0, 0.12) 50%, 
        rgba(218, 165, 32, 0.12) 100%);
}

/* 胜利一击技能名称 - 金色调（仅未激活时，激活后使用统一绿色） */
.skill-damage-card[data-skill-id="victory_strike"]:not(.buff-active) .skill-name {
    color: #daa520;
    text-shadow: 0 0 2px rgba(218, 165, 32, 0.3);
    font-weight: 600;
}

/* 胜利一击增益效果文本样式 */
.victory-strike-buff {
    color: #ffd700 !important;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}

/* 胜利一击伤害加成文本样式 */
.victory-strike-damage-boost {
    color: #ff6347 !important;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(255, 99, 71, 0.4);
}

/* 胜利一击治疗效果文本样式 */
.victory-strike-heal {
    color: #98fb98 !important;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(152, 251, 152, 0.4);
}


/* ==================== 战士通用样式 ==================== */
/* 战士技能通用强化效果 */
.fighter-skill-effect {
    color: #87ceeb !important;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(135, 206, 235, 0.4);
}

/* 战士物理伤害数字颜色 */
.fighter-physical-damage {
    color: #cd853f !important;
    text-shadow: 0 0 8px rgba(205, 133, 63, 0.5);
    font-weight: bold;
}

/* 战士技能冷却时间文本 */
.fighter-cooldown {
    color: #dda0dd !important;
    font-weight: 500;
}