/* ========================================================== */
/* ====================== 牧师技能样式 ====================== */
/* ========================================================== */

/* 神圣元素 - 白金色 */
.element-divine {
    color: #ffeeaa !important;
}

/* 神圣伤害样式 - 金白色主题 */
.divine-damage,
.effect-tab .divine-damage,
.damage-value.divine-damage,
.effect-tab .damage-value.divine-damage {
    color: #ffe066 !important;
    text-shadow: 0 0 4px rgba(255, 224, 102, 0.8) !important;
    font-weight: 700 !important;
}

/* ==================== 通用牧师技能基础样式 ==================== */
/* 通用技能卡片基础结构 */
.skill-damage-card[data-skill-id="judgement"],
.skill-damage-card[data-skill-id="holy_strike"],
.skill-damage-card[data-skill-id="locust_swarm"],
.skill-damage-card[data-skill-id="earthquake"],
.skill-damage-card[data-skill-id="lesser_heal"],
.skill-damage-card[data-skill-id="holy_light"],
.skill-damage-card[data-skill-id="sanctuary"],
.skill-damage-card[data-skill-id="smite"] {
    position: relative;
    overflow: hidden;
}

/* 通用伪元素装饰 */
.skill-damage-card[data-skill-id="judgement"]::before,
.skill-damage-card[data-skill-id="holy_strike"]::before,
.skill-damage-card[data-skill-id="locust_swarm"]::before,
.skill-damage-card[data-skill-id="earthquake"]::before,
.skill-damage-card[data-skill-id="lesser_heal"]::before,
.skill-damage-card[data-skill-id="holy_light"]::before,
.skill-damage-card[data-skill-id="sanctuary"]::before,
.skill-damage-card[data-skill-id="smite"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

/* 通用悬停变换效果 */
.skill-damage-card[data-skill-id="judgement"]:hover,
.skill-damage-card[data-skill-id="holy_strike"]:hover,
.skill-damage-card[data-skill-id="locust_swarm"]:hover,
.skill-damage-card[data-skill-id="earthquake"]:hover,
.skill-damage-card[data-skill-id="lesser_heal"]:hover,
.skill-damage-card[data-skill-id="holy_light"]:hover,
.skill-damage-card[data-skill-id="sanctuary"]:hover,
.skill-damage-card[data-skill-id="smite"]:hover {
    transform: translateY(-3px) translateZ(0);
}

/* 通用头部样式 */
.skill-damage-card[data-skill-id="judgement"] .skill-damage-header,
.skill-damage-card[data-skill-id="holy_strike"] .skill-damage-header,
.skill-damage-card[data-skill-id="locust_swarm"] .skill-damage-header,
.skill-damage-card[data-skill-id="earthquake"] .skill-damage-header,
.skill-damage-card[data-skill-id="lesser_heal"] .skill-damage-header,
.skill-damage-card[data-skill-id="holy_light"] .skill-damage-header,
.skill-damage-card[data-skill-id="sanctuary"] .skill-damage-header,
.skill-damage-card[data-skill-id="smite"] .skill-damage-header {
    position: relative;
    z-index: 2;
}

/* 通用效果标签页基础样式 */
.skill-damage-card[data-skill-id="judgement"] .effect-tab,
.skill-damage-card[data-skill-id="holy_strike"] .effect-tab,
.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab,
.skill-damage-card[data-skill-id="earthquake"] .effect-tab,
.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab,
.skill-damage-card[data-skill-id="holy_light"] .effect-tab,
.skill-damage-card[data-skill-id="sanctuary"] .effect-tab,
.skill-damage-card[data-skill-id="smite"] .effect-tab {
    transition: all 0.3s ease;
}

/* 通用多重伤害效果项目基础样式 */
.skill-damage-card[data-skill-id="judgement"] .effect-item,
.skill-damage-card[data-skill-id="holy_strike"] .effect-item,
.skill-damage-card[data-skill-id="locust_swarm"] .effect-item,
.skill-damage-card[data-skill-id="earthquake"] .effect-item,
.skill-damage-card[data-skill-id="lesser_heal"] .effect-item,
.skill-damage-card[data-skill-id="holy_light"] .effect-item,
.skill-damage-card[data-skill-id="sanctuary"] .effect-item,
.skill-damage-card[data-skill-id="smite"] .effect-item {
    transition: all 0.3s ease;
}

/* 通用悬停效果样式 - 为所有技能的 effect-tab 和 effect-item 悬停状态提供统一的行为 */
.skill-damage-card[data-skill-id="judgement"] .effect-tab:hover,
.skill-damage-card[data-skill-id="judgement"] .effect-item:hover,
.skill-damage-card[data-skill-id="holy_strike"] .effect-tab:hover,
.skill-damage-card[data-skill-id="holy_strike"] .effect-item:hover,
.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab:hover,
.skill-damage-card[data-skill-id="locust_swarm"] .effect-item:hover,
.skill-damage-card[data-skill-id="earthquake"] .effect-tab:hover,
.skill-damage-card[data-skill-id="earthquake"] .effect-item:hover,
.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab:hover,
.skill-damage-card[data-skill-id="lesser_heal"] .effect-item:hover,
.skill-damage-card[data-skill-id="holy_light"] .effect-tab:hover,
.skill-damage-card[data-skill-id="holy_light"] .effect-item:hover,
.skill-damage-card[data-skill-id="sanctuary"] .effect-tab:hover,
.skill-damage-card[data-skill-id="sanctuary"] .effect-item:hover,
.skill-damage-card[data-skill-id="smite"] .effect-tab:hover,
.skill-damage-card[data-skill-id="smite"] .effect-item:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* ==================== 审判技能 - 神圣金色主题 ==================== */
.skill-damage-card[data-skill-id="judgement"] {
    background: linear-gradient(135deg, #2a2416 0%, #3a3426 100%);
    border: 2px solid #5a5436;
}

.skill-damage-card[data-skill-id="judgement"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 224, 102, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="judgement"]:hover {
    border: 2px solid #ffe066;
    box-shadow: 0 8px 25px rgba(255, 224, 102, 0.4);
}

.skill-damage-card[data-skill-id="judgement"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 224, 102, 0.15) 0%, transparent 60%);
}

/* 审判头部特殊样式 */
.skill-damage-card[data-skill-id="judgement"] .skill-damage-header {
    background: rgba(255, 224, 102, 0.08);
}

.skill-damage-card[data-skill-id="judgement"] .skill-damage-header:hover {
    background: rgba(255, 224, 102, 0.12);
}

/* 审判技能名称特殊颜色 */
.skill-damage-card[data-skill-id="judgement"] .skill-name {
    color: #ffe899;
    text-shadow: 0 0 2px rgba(255, 224, 102, 0.3);
}

.skill-damage-card[data-skill-id="judgement"] .skill-english-name {
    color: #ffe066;
    text-shadow: 0 0 2px rgba(255, 224, 102, 0.2);
}

/* 审判伤害值特殊样式 */
.skill-damage-card[data-skill-id="judgement"] .damage-value-large {
    color: #ffe899;
    text-shadow: 0 0 4px rgba(255, 224, 102, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="judgement"] .damage-value {
    color: #ffe066;
    text-shadow: 0 0 2px rgba(255, 224, 102, 0.3);
}

.skill-damage-card[data-skill-id="judgement"] .damage-label {
    color: #e6cc80;
    text-shadow: none;
}

/* 审判效果标签页样式 */
.skill-damage-card[data-skill-id="judgement"] .effect-tab {
    background: rgba(255, 224, 102, 0.08);
    border: 1px solid rgba(255, 224, 102, 0.25);
}

.skill-damage-card[data-skill-id="judgement"] .effect-tab:hover {
    background: rgba(255, 224, 102, 0.12);
    border-color: rgba(255, 224, 102, 0.4);
}

.skill-damage-card[data-skill-id="judgement"] .effect-tab.active {
    background: rgba(255, 224, 102, 0.22);
    border-color: #ffe066;
    box-shadow: 0 0 10px rgba(255, 224, 102, 0.4);
}

.skill-damage-card[data-skill-id="judgement"] .effect-tab .damage-value {
    color: #ffe899 !important;
    text-shadow: 0 0 2px rgba(255, 224, 102, 0.3);
}

.skill-damage-card[data-skill-id="judgement"] .effect-tab .damage-label {
    color: #e6cc80 !important;
    text-shadow: none;
}

/* 审判多重伤害效果样式 */
.skill-damage-card[data-skill-id="judgement"] .effect-item {
    background: rgba(255, 224, 102, 0.08);
    border: 1px solid rgba(255, 224, 102, 0.25);
}

.skill-damage-card[data-skill-id="judgement"] .effect-item:hover {
    background: rgba(255, 224, 102, 0.12);
    border-color: rgba(255, 224, 102, 0.4);
}

.skill-damage-card[data-skill-id="judgement"] .effect-item.selected {
    background: rgba(255, 224, 102, 0.22);
    border-color: #ffe066;
    box-shadow: 0 0 10px rgba(255, 224, 102, 0.4);
}

/* 审判详细计算流程样式 */
.skill-damage-card[data-skill-id="judgement"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a2416 0%, #3a3426 100%);
    border: 1px solid rgba(255, 224, 102, 0.3);
}

.skill-damage-card[data-skill-id="judgement"] .calculation-step {
    background: rgba(255, 224, 102, 0.05);
    border-left: 3px solid #ffe066;
}

.skill-damage-card[data-skill-id="judgement"] .calculation-step .step-title {
    color: #ffe899;
}

.skill-damage-card[data-skill-id="judgement"] .calculation-step .step-value {
    color: #e6cc80;
}

/* ==================== 圣击技能 - 暗金色主题 ==================== */
.skill-damage-card[data-skill-id="holy_strike"] {
    background: linear-gradient(135deg, #261f16 0%, #362f26 100%);
    border: 2px solid #46352a;
}

.skill-damage-card[data-skill-id="holy_strike"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(218, 165, 32, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="holy_strike"]:hover {
    border: 2px solid #daa520;
    box-shadow: 0 8px 25px rgba(218, 165, 32, 0.4);
}

.skill-damage-card[data-skill-id="holy_strike"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(218, 165, 32, 0.15) 0%, transparent 60%);
}

/* 圣击头部特殊样式 */
.skill-damage-card[data-skill-id="holy_strike"] .skill-damage-header {
    background: rgba(218, 165, 32, 0.08);
}

.skill-damage-card[data-skill-id="holy_strike"] .skill-damage-header:hover {
    background: rgba(218, 165, 32, 0.12);
}

/* 圣击技能名称特殊颜色 */
.skill-damage-card[data-skill-id="holy_strike"] .skill-name {
    color: #e6b542;
    text-shadow: 0 0 2px rgba(218, 165, 32, 0.3);
}

.skill-damage-card[data-skill-id="holy_strike"] .skill-english-name {
    color: #daa520;
    text-shadow: 0 0 2px rgba(218, 165, 32, 0.2);
}

/* 圣击伤害值特殊样式 */
.skill-damage-card[data-skill-id="holy_strike"] .damage-value-large {
    color: #e6b542;
    text-shadow: 0 0 4px rgba(218, 165, 32, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="holy_strike"] .damage-value {
    color: #daa520;
    text-shadow: 0 0 2px rgba(218, 165, 32, 0.3);
}

.skill-damage-card[data-skill-id="holy_strike"] .damage-label {
    color: #bf9430;
    text-shadow: none;
}

/* 圣击效果标签页样式 */
.skill-damage-card[data-skill-id="holy_strike"] .effect-tab {
    background: rgba(218, 165, 32, 0.08);
    border: 1px solid rgba(218, 165, 32, 0.25);
}

.skill-damage-card[data-skill-id="holy_strike"] .effect-tab:hover {
    background: rgba(218, 165, 32, 0.12);
    border-color: rgba(218, 165, 32, 0.4);
}

.skill-damage-card[data-skill-id="holy_strike"] .effect-tab.active {
    background: rgba(218, 165, 32, 0.22);
    border-color: #daa520;
    box-shadow: 0 0 10px rgba(218, 165, 32, 0.4);
}

.skill-damage-card[data-skill-id="holy_strike"] .effect-tab .damage-value {
    color: #e6b542 !important;
    text-shadow: 0 0 2px rgba(218, 165, 32, 0.3);
}

.skill-damage-card[data-skill-id="holy_strike"] .effect-tab .damage-label {
    color: #bf9430 !important;
    text-shadow: none;
}

/* 圣击多重伤害效果样式 */
.skill-damage-card[data-skill-id="holy_strike"] .effect-item {
    background: rgba(218, 165, 32, 0.08);
    border: 1px solid rgba(218, 165, 32, 0.25);
}

.skill-damage-card[data-skill-id="holy_strike"] .effect-item:hover {
    background: rgba(218, 165, 32, 0.12);
    border-color: rgba(218, 165, 32, 0.4);
}

.skill-damage-card[data-skill-id="holy_strike"] .effect-item.selected {
    background: rgba(218, 165, 32, 0.22);
    border-color: #daa520;
    box-shadow: 0 0 10px rgba(218, 165, 32, 0.4);
}

/* 圣击详细计算流程样式 */
.skill-damage-card[data-skill-id="holy_strike"] .damage-calculation-details {
    background: linear-gradient(135deg, #261f16 0%, #362f26 100%);
    border: 1px solid rgba(218, 165, 32, 0.3);
}

.skill-damage-card[data-skill-id="holy_strike"] .calculation-step {
    background: rgba(218, 165, 32, 0.05);
    border-left: 3px solid #daa520;
}

.skill-damage-card[data-skill-id="holy_strike"] .calculation-step .step-title {
    color: #e6b542;
}

.skill-damage-card[data-skill-id="holy_strike"] .calculation-step .step-value {
    color: #bf9430;
}

/* ==================== 蝗虫群技能 - 深暗金色主题 ==================== */
.skill-damage-card[data-skill-id="locust_swarm"] {
    background: linear-gradient(135deg, #2d2617 0%, #3d3227 100%);
    border: 2px solid #4d3e2a;
}

.skill-damage-card[data-skill-id="locust_swarm"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(205, 133, 63, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="locust_swarm"]:hover {
    border: 2px solid #cd853f;
    box-shadow: 0 8px 25px rgba(205, 133, 63, 0.4);
}

.skill-damage-card[data-skill-id="locust_swarm"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(205, 133, 63, 0.15) 0%, transparent 60%);
}

/* 蝗虫群头部特殊样式 */
.skill-damage-card[data-skill-id="locust_swarm"] .skill-damage-header {
    background: rgba(205, 133, 63, 0.08);
}

.skill-damage-card[data-skill-id="locust_swarm"] .skill-damage-header:hover {
    background: rgba(205, 133, 63, 0.12);
}

/* 蝗虫群技能名称特殊颜色 */
.skill-damage-card[data-skill-id="locust_swarm"] .skill-name {
    color: #deb887;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="locust_swarm"] .skill-english-name {
    color: #cd853f;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.2);
}

/* 蝗虫群伤害值特殊样式 */
.skill-damage-card[data-skill-id="locust_swarm"] .damage-value-large {
    color: #deb887;
    text-shadow: 0 0 4px rgba(205, 133, 63, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="locust_swarm"] .damage-value {
    color: #cd853f;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="locust_swarm"] .damage-label {
    color: #b8860b;
    text-shadow: none;
}

/* 蝗虫群效果标签页样式 */
.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab {
    background: rgba(205, 133, 63, 0.08);
    border: 1px solid rgba(205, 133, 63, 0.25);
}

.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab:hover {
    background: rgba(205, 133, 63, 0.12);
    border-color: rgba(205, 133, 63, 0.4);
}

.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab.active {
    background: rgba(205, 133, 63, 0.22);
    border-color: #cd853f;
    box-shadow: 0 0 10px rgba(205, 133, 63, 0.4);
}

.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab .damage-value {
    color: #deb887 !important;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="locust_swarm"] .effect-tab .damage-label {
    color: #b8860b !important;
    text-shadow: none;
}

/* 蝗虫群多重伤害效果样式 */
.skill-damage-card[data-skill-id="locust_swarm"] .effect-item {
    background: rgba(205, 133, 63, 0.08);
    border: 1px solid rgba(205, 133, 63, 0.25);
}

.skill-damage-card[data-skill-id="locust_swarm"] .effect-item:hover {
    background: rgba(205, 133, 63, 0.12);
    border-color: rgba(205, 133, 63, 0.4);
}

.skill-damage-card[data-skill-id="locust_swarm"] .effect-item.selected {
    background: rgba(205, 133, 63, 0.22);
    border-color: #cd853f;
    box-shadow: 0 0 10px rgba(205, 133, 63, 0.4);
}

/* 蝗虫群详细计算流程样式 */
.skill-damage-card[data-skill-id="locust_swarm"] .damage-calculation-details {
    background: linear-gradient(135deg, #2d2617 0%, #3d3227 100%);
    border: 1px solid rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="locust_swarm"] .calculation-step {
    background: rgba(205, 133, 63, 0.05);
    border-left: 3px solid #cd853f;
}

.skill-damage-card[data-skill-id="locust_swarm"] .calculation-step .step-title {
    color: #deb887;
}

.skill-damage-card[data-skill-id="locust_swarm"] .calculation-step .step-value {
    color: #b8860b;
}

/* ==================== 地震术技能 - 土元素棕色主题 ==================== */
.skill-damage-card[data-skill-id="earthquake"] {
    background: linear-gradient(135deg, #2a201a 0%, #3a2f28 100%);
    border: 2px solid #4a3a30;
}

.skill-damage-card[data-skill-id="earthquake"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(139, 69, 19, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="earthquake"]:hover {
    border: 2px solid #8b4513;
    box-shadow: 0 8px 25px rgba(139, 69, 19, 0.4);
}

.skill-damage-card[data-skill-id="earthquake"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(139, 69, 19, 0.15) 0%, transparent 60%);
}

/* 地震术头部特殊样式 */
.skill-damage-card[data-skill-id="earthquake"] .skill-damage-header {
    background: rgba(139, 69, 19, 0.08);
}

.skill-damage-card[data-skill-id="earthquake"] .skill-damage-header:hover {
    background: rgba(139, 69, 19, 0.12);
}

/* 地震术技能名称特殊颜色 */
.skill-damage-card[data-skill-id="earthquake"] .skill-name {
    color: #deb887;
    text-shadow: 0 0 2px rgba(139, 69, 19, 0.3);
}

.skill-damage-card[data-skill-id="earthquake"] .skill-english-name {
    color: #8b4513;
    text-shadow: 0 0 2px rgba(139, 69, 19, 0.2);
}

/* 地震术伤害值特殊样式 */
.skill-damage-card[data-skill-id="earthquake"] .damage-value-large {
    color: #deb887;
    text-shadow: 0 0 4px rgba(139, 69, 19, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="earthquake"] .damage-value {
    color: #8b4513;
    text-shadow: 0 0 2px rgba(139, 69, 19, 0.3);
}

.skill-damage-card[data-skill-id="earthquake"] .damage-label {
    color: #a0522d;
    text-shadow: none;
}

/* 地震术效果标签页样式 */
.skill-damage-card[data-skill-id="earthquake"] .effect-tab {
    background: rgba(139, 69, 19, 0.08);
    border: 1px solid rgba(139, 69, 19, 0.25);
}

.skill-damage-card[data-skill-id="earthquake"] .effect-tab:hover {
    background: rgba(139, 69, 19, 0.12);
    border-color: rgba(139, 69, 19, 0.4);
}

.skill-damage-card[data-skill-id="earthquake"] .effect-tab.active {
    background: rgba(139, 69, 19, 0.22);
    border-color: #8b4513;
    box-shadow: 0 0 10px rgba(139, 69, 19, 0.4);
}

.skill-damage-card[data-skill-id="earthquake"] .effect-tab .damage-value {
    color: #deb887 !important;
    text-shadow: 0 0 2px rgba(139, 69, 19, 0.3);
}

.skill-damage-card[data-skill-id="earthquake"] .effect-tab .damage-label {
    color: #a0522d !important;
    text-shadow: none;
}

/* 地震术多重伤害效果样式 */
.skill-damage-card[data-skill-id="earthquake"] .effect-item {
    background: rgba(139, 69, 19, 0.08);
    border: 1px solid rgba(139, 69, 19, 0.25);
}

.skill-damage-card[data-skill-id="earthquake"] .effect-item:hover {
    background: rgba(139, 69, 19, 0.12);
    border-color: rgba(139, 69, 19, 0.4);
}

.skill-damage-card[data-skill-id="earthquake"] .effect-item.selected {
    background: rgba(139, 69, 19, 0.22);
    border-color: #8b4513;
    box-shadow: 0 0 10px rgba(139, 69, 19, 0.4);
}

/* 地震术详细计算流程样式 */
.skill-damage-card[data-skill-id="earthquake"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a201a 0%, #3a2f28 100%);
    border: 1px solid rgba(139, 69, 19, 0.3);
}

.skill-damage-card[data-skill-id="earthquake"] .calculation-step {
    background: rgba(139, 69, 19, 0.05);
    border-left: 3px solid #8b4513;
}

.skill-damage-card[data-skill-id="earthquake"] .calculation-step .step-title {
    color: #deb887;
}

.skill-damage-card[data-skill-id="earthquake"] .calculation-step .step-value {
    color: #a0522d;
}

/* ==================== 次级治疗术技能 - 黄色治疗主题 ==================== */
.skill-damage-card[data-skill-id="lesser_heal"] {
    background: linear-gradient(135deg, #2a2816 0%, #3a3426 100%);
    border: 2px solid #4a4436;
}

.skill-damage-card[data-skill-id="lesser_heal"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 255, 102, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="lesser_heal"]:hover {
    border: 2px solid #ffff66;
    box-shadow: 0 8px 25px rgba(255, 255, 102, 0.4);
}

.skill-damage-card[data-skill-id="lesser_heal"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 255, 102, 0.15) 0%, transparent 60%);
}

/* 次级治疗术头部特殊样式 */
.skill-damage-card[data-skill-id="lesser_heal"] .skill-damage-header {
    background: rgba(255, 255, 102, 0.08);
}

.skill-damage-card[data-skill-id="lesser_heal"] .skill-damage-header:hover {
    background: rgba(255, 255, 102, 0.12);
}

/* 次级治疗术技能名称特殊颜色 */
.skill-damage-card[data-skill-id="lesser_heal"] .skill-name {
    color: #ffff99;
    text-shadow: 0 0 2px rgba(255, 255, 102, 0.3);
}

.skill-damage-card[data-skill-id="lesser_heal"] .skill-english-name {
    color: #ffff66;
    text-shadow: 0 0 2px rgba(255, 255, 102, 0.2);
}

/* 次级治疗术伤害值特殊样式 */
.skill-damage-card[data-skill-id="lesser_heal"] .damage-value-large {
    color: #ffff99;
    text-shadow: 0 0 4px rgba(255, 255, 102, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="lesser_heal"] .damage-value {
    color: #ffff66;
    text-shadow: 0 0 2px rgba(255, 255, 102, 0.3);
}

.skill-damage-card[data-skill-id="lesser_heal"] .damage-label {
    color: #cccc66;
    text-shadow: none;
}

/* 次级治疗术效果标签页样式 */
.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab {
    background: rgba(255, 255, 102, 0.08);
    border: 1px solid rgba(255, 255, 102, 0.25);
}

.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab:hover {
    background: rgba(255, 255, 102, 0.12);
    border-color: rgba(255, 255, 102, 0.4);
}

.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab.active {
    background: rgba(255, 255, 102, 0.22);
    border-color: #ffff66;
    box-shadow: 0 0 10px rgba(255, 255, 102, 0.4);
}

.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab .damage-value {
    color: #ffff99 !important;
    text-shadow: 0 0 2px rgba(255, 255, 102, 0.3);
}

.skill-damage-card[data-skill-id="lesser_heal"] .effect-tab .damage-label {
    color: #cccc66 !important;
    text-shadow: none;
}

/* 次级治疗术多重伤害效果样式 */
.skill-damage-card[data-skill-id="lesser_heal"] .effect-item {
    background: rgba(255, 255, 102, 0.08);
    border: 1px solid rgba(255, 255, 102, 0.25);
}

.skill-damage-card[data-skill-id="lesser_heal"] .effect-item:hover {
    background: rgba(255, 255, 102, 0.12);
    border-color: rgba(255, 255, 102, 0.4);
}

.skill-damage-card[data-skill-id="lesser_heal"] .effect-item.selected {
    background: rgba(255, 255, 102, 0.22);
    border-color: #ffff66;
    box-shadow: 0 0 10px rgba(255, 255, 102, 0.4);
}

/* 次级治疗术详细计算流程样式 */
.skill-damage-card[data-skill-id="lesser_heal"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a2816 0%, #3a3426 100%);
    border: 1px solid rgba(255, 255, 102, 0.3);
}

.skill-damage-card[data-skill-id="lesser_heal"] .calculation-step {
    background: rgba(255, 255, 102, 0.05);
    border-left: 3px solid #ffff66;
}

.skill-damage-card[data-skill-id="lesser_heal"] .calculation-step .step-title {
    color: #ffff99;
}

.skill-damage-card[data-skill-id="lesser_heal"] .calculation-step .step-value {
    color: #cccc66;
}

/* 治疗强度数值颜色 */
.healing-power {
    color: #ffff66 !important;
    text-shadow: 0 0 6px rgba(255, 255, 102, 0.8) !important;
}

/* ==================== 神圣之光技能 - 金黄色神圣主题 ==================== */
.skill-damage-card[data-skill-id="holy_light"] {
    background: linear-gradient(135deg, #2a2416 0%, #3a3426 100%);
    border: 2px solid #5a5436;
}

.skill-damage-card[data-skill-id="holy_light"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="holy_light"]:hover {
    border: 2px solid #ffd700;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);
}

.skill-damage-card[data-skill-id="holy_light"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 215, 0, 0.15) 0%, transparent 60%);
}

/* 神圣之光头部特殊样式 */
.skill-damage-card[data-skill-id="holy_light"] .skill-damage-header {
    background: rgba(255, 215, 0, 0.08);
}

.skill-damage-card[data-skill-id="holy_light"] .skill-damage-header:hover {
    background: rgba(255, 215, 0, 0.12);
}

/* 神圣之光技能名称特殊颜色 */
.skill-damage-card[data-skill-id="holy_light"] .skill-name {
    color: #ffdf80;
    text-shadow: 0 0 2px rgba(255, 215, 0, 0.3);
}

.skill-damage-card[data-skill-id="holy_light"] .skill-english-name {
    color: #ffd700;
    text-shadow: 0 0 2px rgba(255, 215, 0, 0.2);
}

/* 神圣之光伤害值特殊样式 */
.skill-damage-card[data-skill-id="holy_light"] .damage-value-large {
    color: #ffdf80;
    text-shadow: 0 0 4px rgba(255, 215, 0, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="holy_light"] .damage-value {
    color: #ffd700;
    text-shadow: 0 0 2px rgba(255, 215, 0, 0.3);
}

.skill-damage-card[data-skill-id="holy_light"] .damage-label {
    color: #daa520;
    text-shadow: none;
}

/* 神圣之光效果标签页样式 */
.skill-damage-card[data-skill-id="holy_light"] .effect-tab {
    background: rgba(255, 215, 0, 0.08);
    border: 1px solid rgba(255, 215, 0, 0.25);
}

.skill-damage-card[data-skill-id="holy_light"] .effect-tab:hover {
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.4);
}

.skill-damage-card[data-skill-id="holy_light"] .effect-tab.active {
    background: rgba(255, 215, 0, 0.22);
    border-color: #ffd700;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

.skill-damage-card[data-skill-id="holy_light"] .effect-tab .damage-value {
    color: #ffdf80 !important;
    text-shadow: 0 0 2px rgba(255, 215, 0, 0.3);
}

.skill-damage-card[data-skill-id="holy_light"] .effect-tab .damage-label {
    color: #daa520 !important;
    text-shadow: none;
}

/* 神圣之光多重伤害效果样式 */
.skill-damage-card[data-skill-id="holy_light"] .effect-item {
    background: rgba(255, 215, 0, 0.08);
    border: 1px solid rgba(255, 215, 0, 0.25);
}

.skill-damage-card[data-skill-id="holy_light"] .effect-item:hover {
    background: rgba(255, 215, 0, 0.12);
    border-color: rgba(255, 215, 0, 0.4);
}

.skill-damage-card[data-skill-id="holy_light"] .effect-item.selected {
    background: rgba(255, 215, 0, 0.22);
    border-color: #ffd700;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

/* 神圣之光详细计算流程样式 */
.skill-damage-card[data-skill-id="holy_light"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a2416 0%, #3a3426 100%);
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.skill-damage-card[data-skill-id="holy_light"] .calculation-step {
    background: rgba(255, 215, 0, 0.05);
    border-left: 3px solid #ffd700;
}

.skill-damage-card[data-skill-id="holy_light"] .calculation-step .step-title {
    color: #ffdf80;
}

.skill-damage-card[data-skill-id="holy_light"] .calculation-step .step-value {
    color: #daa520;
}

/* 神圣伤害数值颜色 */
.divine-damage {
    color: #ffd700 !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.9) !important;
}

/* ==================== 避难所技能 - 金黄色神圣主题 ==================== */
.skill-damage-card[data-skill-id="sanctuary"] {
    background: linear-gradient(135deg, #2a2416 0%, #3a3426 100%);
    border: 2px solid #5a5436;
}

.skill-damage-card[data-skill-id="sanctuary"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 217, 102, 0.1) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="sanctuary"]:hover {
    border: 2px solid #ffd966;
    box-shadow: 0 8px 25px rgba(255, 217, 102, 0.4);
}

.skill-damage-card[data-skill-id="sanctuary"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(255, 217, 102, 0.15) 0%, transparent 60%);
}

/* 避难所头部特殊样式 */
.skill-damage-card[data-skill-id="sanctuary"] .skill-damage-header {
    background: rgba(255, 217, 102, 0.08);
}

.skill-damage-card[data-skill-id="sanctuary"] .skill-damage-header:hover {
    background: rgba(255, 217, 102, 0.12);
}

/* 避难所技能名称特殊颜色 */
.skill-damage-card[data-skill-id="sanctuary"] .skill-name {
    color: #ffe680;
    text-shadow: 0 0 2px rgba(255, 217, 102, 0.3);
}

.skill-damage-card[data-skill-id="sanctuary"] .skill-english-name {
    color: #ffd966;
    text-shadow: 0 0 2px rgba(255, 217, 102, 0.2);
}

/* 避难所伤害值特殊样式 */
.skill-damage-card[data-skill-id="sanctuary"] .damage-value-large {
    color: #ffe680;
    text-shadow: 0 0 4px rgba(255, 217, 102, 0.4);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="sanctuary"] .damage-value {
    color: #ffd966;
    text-shadow: 0 0 2px rgba(255, 217, 102, 0.3);
}

.skill-damage-card[data-skill-id="sanctuary"] .damage-label {
    color: #e6cc80;
    text-shadow: none;
}

/* 避难所效果标签页样式 */
.skill-damage-card[data-skill-id="sanctuary"] .effect-tab {
    background: rgba(255, 217, 102, 0.08);
    border: 1px solid rgba(255, 217, 102, 0.25);
}

.skill-damage-card[data-skill-id="sanctuary"] .effect-tab:hover {
    background: rgba(255, 217, 102, 0.12);
    border-color: rgba(255, 217, 102, 0.4);
}

.skill-damage-card[data-skill-id="sanctuary"] .effect-tab.active {
    background: rgba(255, 217, 102, 0.22);
    border-color: #ffd966;
    box-shadow: 0 0 10px rgba(255, 217, 102, 0.4);
}

.skill-damage-card[data-skill-id="sanctuary"] .effect-tab .damage-value {
    color: #ffe680 !important;
    text-shadow: 0 0 2px rgba(255, 217, 102, 0.3);
}

.skill-damage-card[data-skill-id="sanctuary"] .effect-tab .damage-label {
    color: #e6cc80 !important;
    text-shadow: none;
}

/* 避难所多重伤害效果样式 */
.skill-damage-card[data-skill-id="sanctuary"] .effect-item {
    background: rgba(255, 217, 102, 0.08);
    border: 1px solid rgba(255, 217, 102, 0.25);
}

.skill-damage-card[data-skill-id="sanctuary"] .effect-item:hover {
    background: rgba(255, 217, 102, 0.12);
    border-color: rgba(255, 217, 102, 0.4);
}

.skill-damage-card[data-skill-id="sanctuary"] .effect-item.selected {
    background: rgba(255, 217, 102, 0.22);
    border-color: #ffd966;
    box-shadow: 0 0 10px rgba(255, 217, 102, 0.4);
}

/* 避难所详细计算流程样式 */
.skill-damage-card[data-skill-id="sanctuary"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a2416 0%, #3a3426 100%);
    border: 1px solid rgba(255, 217, 102, 0.3);
}

.skill-damage-card[data-skill-id="sanctuary"] .calculation-step {
    background: rgba(255, 217, 102, 0.05);
    border-left: 3px solid #ffd966;
}

.skill-damage-card[data-skill-id="sanctuary"] .calculation-step .step-title {
    color: #ffd966;
}

.skill-damage-card[data-skill-id="sanctuary"] .calculation-step .step-value {
    color: #e6cc80;
}

/* ==================== 惩击技能 - 橙色主题 ==================== */
.skill-damage-card[data-skill-id="smite"] {
    background: linear-gradient(135deg, #2e1e1a 0%, #3a2a20 100%);
    border: 2px solid #4a3a2a;
}

.skill-damage-card[data-skill-id="smite"]:hover {
    border: 2px solid #ff8844;
    box-shadow: 0 6px 20px rgba(255, 136, 68, 0.4);
    transform: translateY(-2px) translateZ(0);
}

/* 惩击技能名称特殊颜色 */
.skill-damage-card[data-skill-id="smite"] .skill-name {
    color: #ff8844;
    text-shadow: 0 0 2px rgba(255, 136, 68, 0.4);
    font-weight: 600;
}

/* 惩击英文名称特殊颜色 */
.skill-damage-card[data-skill-id="smite"] .skill-english-name {
    color: #cc6644;
    text-shadow: none;
}

/* 惩击增益技能激活状态 - 已删除，使用通用绿色主题 */

/* 惩击增益信息样式 */
.skill-damage-card[data-skill-id="smite"] .buff-info .buff-effect {
    color: #ff8844;
}

.skill-damage-card[data-skill-id="smite"] .buff-info .buff-duration {
    color: #cc6644;
}

/* 惩击施放按钮特殊样式 - 未激活时橙色 */
.skill-damage-card[data-skill-id="smite"] .cast-skill-btn-bottom:not(.buff-active-btn) {
    background: linear-gradient(135deg, #ff8844, #cc6644);
    border: 1px solid #ffaa55;
}

.skill-damage-card[data-skill-id="smite"] .cast-skill-btn-bottom:not(.buff-active-btn):hover {
    background: linear-gradient(135deg, #ffaa55, #ff8844);
    border: 1px solid #ffcc66;
}

/* 惩击详细计算流程卡片橙色主题 */
.skill-damage-card[data-skill-id="smite"] .skill-damage-header {
    background: rgba(255, 136, 68, 0.05);
}

.skill-damage-card[data-skill-id="smite"] .calculation-step {
    background: rgba(255, 136, 68, 0.05);
    border-left: 3px solid #ff8844;
}

.skill-damage-card[data-skill-id="smite"] .calculation-step .step-title {
    color: #ff8844;
}

.skill-damage-card[data-skill-id="smite"] .calculation-step .step-value {
    color: #cc6644;
}