/* ========================================================== */
/* ================= 巫师职业专属CSS样式 =================== */
/* ========================================================== */

/* ==================== 通用巫师技能基础样式 ==================== */
/* 所有巫师技能卡片的通用基础样式 */
.skill-damage-card[data-skill-id^="fire_"], 
.skill-damage-card[data-skill-id^="flame"], 
.skill-damage-card[data-skill-id="elemental_bolt"], 
.skill-damage-card[data-skill-id="lightning_sphere"], 
.skill-damage-card[data-skill-id="flamethrower"], 
.skill-damage-card[data-skill-id="aqua_prison"], 
.skill-damage-card[data-skill-id="electric_dash"], 
.skill-damage-card[data-skill-id="flamefrost_spear"], 
.skill-damage-card[data-skill-id="water_bolt"], 
.skill-damage-card[data-skill-id="windblast"], 
.skill-damage-card[data-skill-id="ice_spear"], 
.skill-damage-card[data-skill-id="eruption"], 
.skill-damage-card[data-skill-id="lightning_bolt"], 
.skill-damage-card[data-skill-id="vortex"], 
.skill-damage-card[data-skill-id="summon_earth_elemental"], 
.skill-damage-card[data-skill-id="frost_breath"], 
.skill-damage-card[data-skill-id="frost_lightning"], 
.skill-damage-card[data-skill-id="lightning_storm"], 
.skill-damage-card[data-skill-id="thorn_of_earth"], 
.skill-damage-card[data-skill-id="lightning_vortex"], 
.skill-damage-card[data-skill-id="plasma_blast"], 
.skill-damage-card[data-skill-id="summon_lava_elemental"], 
.skill-damage-card[data-skill-id="wall_of_fire"] {
    position: relative;
    overflow: hidden;
}

/* 通用巫师技能伪元素基础属性 */
.skill-damage-card[data-skill-id^="fire_"]::before, 
.skill-damage-card[data-skill-id^="flame"]::before, 
.skill-damage-card[data-skill-id="elemental_bolt"]::before, 
.skill-damage-card[data-skill-id="lightning_sphere"]::before, 
.skill-damage-card[data-skill-id="flamethrower"]::before, 
.skill-damage-card[data-skill-id="aqua_prison"]::before, 
.skill-damage-card[data-skill-id="electric_dash"]::before, 
.skill-damage-card[data-skill-id="flamefrost_spear"]::before, 
.skill-damage-card[data-skill-id="water_bolt"]::before, 
.skill-damage-card[data-skill-id="windblast"]::before, 
.skill-damage-card[data-skill-id="ice_spear"]::before, 
.skill-damage-card[data-skill-id="eruption"]::before, 
.skill-damage-card[data-skill-id="lightning_bolt"]::before, 
.skill-damage-card[data-skill-id="vortex"]::before, 
.skill-damage-card[data-skill-id="summon_earth_elemental"]::before, 
.skill-damage-card[data-skill-id="frost_breath"]::before, 
.skill-damage-card[data-skill-id="frost_lightning"]::before, 
.skill-damage-card[data-skill-id="lightning_storm"]::before, 
.skill-damage-card[data-skill-id="thorn_of_earth"]::before, 
.skill-damage-card[data-skill-id="lightning_vortex"]::before, 
.skill-damage-card[data-skill-id="plasma_blast"]::before, 
.skill-damage-card[data-skill-id="summon_lava_elemental"]::before, 
.skill-damage-card[data-skill-id="wall_of_fire"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    pointer-events: none;
}

/* 通用巫师技能悬停变换效果 */
.skill-damage-card[data-skill-id^="fire_"]:hover, 
.skill-damage-card[data-skill-id^="flame"]:hover, 
.skill-damage-card[data-skill-id="elemental_bolt"]:hover, 
.skill-damage-card[data-skill-id="lightning_sphere"]:hover, 
.skill-damage-card[data-skill-id="flamethrower"]:hover, 
.skill-damage-card[data-skill-id="aqua_prison"]:hover, 
.skill-damage-card[data-skill-id="electric_dash"]:hover, 
.skill-damage-card[data-skill-id="flamefrost_spear"]:hover, 
.skill-damage-card[data-skill-id="water_bolt"]:hover, 
.skill-damage-card[data-skill-id="windblast"]:hover, 
.skill-damage-card[data-skill-id="ice_spear"]:hover, 
.skill-damage-card[data-skill-id="eruption"]:hover, 
.skill-damage-card[data-skill-id="lightning_bolt"]:hover, 
.skill-damage-card[data-skill-id="vortex"]:hover, 
.skill-damage-card[data-skill-id="summon_earth_elemental"]:hover, 
.skill-damage-card[data-skill-id="frost_breath"]:hover, 
.skill-damage-card[data-skill-id="frost_lightning"]:hover, 
.skill-damage-card[data-skill-id="lightning_storm"]:hover, 
.skill-damage-card[data-skill-id="thorn_of_earth"]:hover, 
.skill-damage-card[data-skill-id="lightning_vortex"]:hover, 
.skill-damage-card[data-skill-id="plasma_blast"]:hover, 
.skill-damage-card[data-skill-id="summon_lava_elemental"]:hover, 
.skill-damage-card[data-skill-id="wall_of_fire"]:hover {
    transform: translateY(-2px) translateZ(0);
}

/* 通用巫师技能头部基础样式 */
.skill-damage-card[data-skill-id^="fire_"] .skill-damage-header, 
.skill-damage-card[data-skill-id^="flame"] .skill-damage-header, 
.skill-damage-card[data-skill-id="elemental_bolt"] .skill-damage-header, 
.skill-damage-card[data-skill-id="lightning_sphere"] .skill-damage-header, 
.skill-damage-card[data-skill-id="flamethrower"] .skill-damage-header, 
.skill-damage-card[data-skill-id="aqua_prison"] .skill-damage-header, 
.skill-damage-card[data-skill-id="electric_dash"] .skill-damage-header, 
.skill-damage-card[data-skill-id="flamefrost_spear"] .skill-damage-header, 
.skill-damage-card[data-skill-id="water_bolt"] .skill-damage-header, 
.skill-damage-card[data-skill-id="windblast"] .skill-damage-header, 
.skill-damage-card[data-skill-id="ice_spear"] .skill-damage-header, 
.skill-damage-card[data-skill-id="eruption"] .skill-damage-header, 
.skill-damage-card[data-skill-id="lightning_bolt"] .skill-damage-header, 
.skill-damage-card[data-skill-id="vortex"] .skill-damage-header, 
.skill-damage-card[data-skill-id="summon_earth_elemental"] .skill-damage-header, 
.skill-damage-card[data-skill-id="frost_breath"] .skill-damage-header, 
.skill-damage-card[data-skill-id="frost_lightning"] .skill-damage-header, 
.skill-damage-card[data-skill-id="lightning_storm"] .skill-damage-header, 
.skill-damage-card[data-skill-id="thorn_of_earth"] .skill-damage-header, 
.skill-damage-card[data-skill-id="lightning_vortex"] .skill-damage-header, 
.skill-damage-card[data-skill-id="plasma_blast"] .skill-damage-header, 
.skill-damage-card[data-skill-id="summon_lava_elemental"] .skill-damage-header, 
.skill-damage-card[data-skill-id="wall_of_fire"] .skill-damage-header {
    position: relative;
    z-index: 2;
}

/* 通用巫师技能效果标签基础样式 */
.skill-damage-card[data-skill-id^="fire_"] .effect-tab, 
.skill-damage-card[data-skill-id^="flame"] .effect-tab, 
.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab, 
.skill-damage-card[data-skill-id="lightning_sphere"] .effect-tab, 
.skill-damage-card[data-skill-id="flamethrower"] .effect-tab, 
.skill-damage-card[data-skill-id="aqua_prison"] .effect-tab, 
.skill-damage-card[data-skill-id="electric_dash"] .effect-tab, 
.skill-damage-card[data-skill-id="flamefrost_spear"] .effect-tab, 
.skill-damage-card[data-skill-id="water_bolt"] .effect-tab, 
.skill-damage-card[data-skill-id="windblast"] .effect-tab, 
.skill-damage-card[data-skill-id="ice_spear"] .effect-tab, 
.skill-damage-card[data-skill-id="eruption"] .effect-tab, 
.skill-damage-card[data-skill-id="lightning_bolt"] .effect-tab, 
.skill-damage-card[data-skill-id="vortex"] .effect-tab, 
.skill-damage-card[data-skill-id="summon_earth_elemental"] .effect-tab, 
.skill-damage-card[data-skill-id="frost_breath"] .effect-tab, 
.skill-damage-card[data-skill-id="frost_lightning"] .effect-tab, 
.skill-damage-card[data-skill-id="lightning_storm"] .effect-tab, 
.skill-damage-card[data-skill-id="thorn_of_earth"] .effect-tab, 
.skill-damage-card[data-skill-id="lightning_vortex"] .effect-tab, 
.skill-damage-card[data-skill-id="plasma_blast"] .effect-tab, 
.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-tab, 
.skill-damage-card[data-skill-id="wall_of_fire"] .effect-tab {
    transition: all 0.3s ease;
}

/* 通用巫师技能多重伤害效果基础样式 */
.skill-damage-card[data-skill-id^="fire_"] .effect-item, 
.skill-damage-card[data-skill-id^="flame"] .effect-item, 
.skill-damage-card[data-skill-id="elemental_bolt"] .effect-item, 
.skill-damage-card[data-skill-id="lightning_sphere"] .effect-item, 
.skill-damage-card[data-skill-id="flamethrower"] .effect-item, 
.skill-damage-card[data-skill-id="aqua_prison"] .effect-item, 
.skill-damage-card[data-skill-id="electric_dash"] .effect-item, 
.skill-damage-card[data-skill-id="flamefrost_spear"] .effect-item, 
.skill-damage-card[data-skill-id="water_bolt"] .effect-item, 
.skill-damage-card[data-skill-id="windblast"] .effect-item, 
.skill-damage-card[data-skill-id="ice_spear"] .effect-item, 
.skill-damage-card[data-skill-id="eruption"] .effect-item, 
.skill-damage-card[data-skill-id="lightning_bolt"] .effect-item, 
.skill-damage-card[data-skill-id="vortex"] .effect-item, 
.skill-damage-card[data-skill-id="summon_earth_elemental"] .effect-item, 
.skill-damage-card[data-skill-id="frost_breath"] .effect-item, 
.skill-damage-card[data-skill-id="frost_lightning"] .effect-item, 
.skill-damage-card[data-skill-id="lightning_storm"] .effect-item, 
.skill-damage-card[data-skill-id="thorn_of_earth"] .effect-item, 
.skill-damage-card[data-skill-id="lightning_vortex"] .effect-item, 
.skill-damage-card[data-skill-id="plasma_blast"] .effect-item, 
.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-item, 
.skill-damage-card[data-skill-id="wall_of_fire"] .effect-item {
    transition: all 0.3s ease;
}

/* ==================== 火焰箭技能样式 ==================== */
.skill-damage-card[data-skill-id="fire_arrow"] {
    background: linear-gradient(135deg, #2e1e1e 0%, #3a2a2a 100%);
    border: 2px solid rgba(255, 69, 0, 0.3);
}

.skill-damage-card[data-skill-id="fire_arrow"]:hover {
    border: 2px solid rgba(255, 69, 0, 0.6);
    box-shadow: 0 6px 20px rgba(255, 69, 0, 0.4);
}

.skill-damage-card[data-skill-id="fire_arrow"] .skill-name {
    color: #ff4500;
    text-shadow: 0 0 8px rgba(255, 69, 0, 0.5);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a1a1a 0%, #281515 100%);
    border: 1px solid rgba(255, 69, 0, 0.2);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details h4 {
    color: #ff6347;
    text-shadow: 0 0 2px rgba(255, 69, 0, 0.2);
    border-bottom-color: rgba(255, 69, 0, 0.3);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .property-item {
    background: rgba(255, 69, 0, 0.08);
    border: 1px solid rgba(255, 69, 0, 0.15);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .property-value {
    color: #ff6347;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .scaling-item {
    background: rgba(255, 69, 0, 0.12);
    border-color: rgba(255, 69, 0, 0.4);
    color: #ff6347;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .effect-name {
    color: #ff6347;
    text-shadow: 0 0 3px rgba(255, 69, 0, 0.3);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(255, 69, 0, 0.2);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(255, 69, 0, 0.1);
    border-color: rgba(255, 69, 0, 0.4);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(255, 69, 0, 0.15);
    border-color: rgba(255, 69, 0, 0.6);
    box-shadow: 0 0 8px rgba(255, 69, 0, 0.2);
}

.skill-damage-card[data-skill-id="fire_arrow"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(255, 69, 0, 0.3);
}

/* 火焰箭效果标签样式 */
.skill-damage-card[data-skill-id="fire_arrow"] .effect-tab {
    background: rgba(255, 69, 0, 0.1);
    border: 2px solid transparent;
    color: #ff4500;
}

.skill-damage-card[data-skill-id="fire_arrow"] .effect-tab:hover {
    border-color: #ff4500;
    background: rgba(255, 69, 0, 0.15);
}

.skill-damage-card[data-skill-id="fire_arrow"] .effect-tab.active {
    border-color: #ff4500;
    background: rgba(255, 69, 0, 0.2);
    box-shadow: 0 0 8px rgba(255, 69, 0, 0.3);
}

.skill-damage-card[data-skill-id="fire_arrow"] .effect-tab .damage-value {
    color: #ff4500;
}

.skill-damage-card[data-skill-id="fire_arrow"] .effect-tab .damage-label {
    color: #ff6347;
}

/* ==================== 炎击术技能样式 ==================== */
.skill-damage-card[data-skill-id="flamestrike"] {
    border: 2px solid #ff6600;
    background: linear-gradient(135deg, #2a1a1a 0%, #3d2a22 100%);
    box-shadow: 0 4px 15px rgba(255, 102, 0, 0.2);
}

.skill-damage-card[data-skill-id="flamestrike"]:hover {
    border: 2px solid rgba(255, 102, 0, 0.6);
    box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4);
}

.skill-damage-card[data-skill-id="flamestrike"] .skill-name {
    color: #ff6600;
    text-shadow: 0 0 8px rgba(255, 102, 0, 0.5);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a1f1a 0%, #281a15 100%);
    border: 1px solid rgba(255, 102, 0, 0.2);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details h4 {
    color: #ff8833;
    text-shadow: 0 0 2px rgba(255, 102, 0, 0.2);
    border-bottom-color: rgba(255, 102, 0, 0.3);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .property-item {
    background: rgba(255, 102, 0, 0.08);
    border: 1px solid rgba(255, 102, 0, 0.15);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .property-value {
    color: #ff8833;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .scaling-item {
    background: rgba(255, 102, 0, 0.12);
    border-color: rgba(255, 102, 0, 0.4);
    color: #ff8833;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .effect-name {
    color: #ff8833;
    text-shadow: 0 0 3px rgba(255, 102, 0, 0.3);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(255, 102, 0, 0.2);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(255, 102, 0, 0.1);
    border-color: rgba(255, 102, 0, 0.4);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(255, 102, 0, 0.15);
    border-color: rgba(255, 102, 0, 0.6);
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.2);
}

.skill-damage-card[data-skill-id="flamestrike"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(255, 102, 0, 0.3);
}

/* 炎击术效果标签样式 */
.skill-damage-card[data-skill-id="flamestrike"] .effect-tab {
    background: rgba(255, 102, 0, 0.1);
    border: 2px solid transparent;
    color: #ff6600;
}

.skill-damage-card[data-skill-id="flamestrike"] .effect-tab:hover {
    border-color: #ff6600;
    background: rgba(255, 102, 0, 0.15);
}

.skill-damage-card[data-skill-id="flamestrike"] .effect-tab.active {
    border-color: #ff6600;
    background: rgba(255, 102, 0, 0.2);
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.3);
}

.skill-damage-card[data-skill-id="flamestrike"] .effect-tab .damage-value {
    color: #ff6600;
}

.skill-damage-card[data-skill-id="flamestrike"] .effect-tab .damage-label {
    color: #ff8833;
}

/* ==================== 元素飞弹技能样式 ==================== */
.skill-damage-card[data-skill-id="elemental_bolt"] {
    border: 2px solid;
    border-color: #8a2be2;
    border-radius: 12px;
    background: linear-gradient(135deg, 
        rgba(255, 69, 0, 0.15) 0%,    /* 火焰红 */
        rgba(138, 43, 226, 0.1) 25%,  /* 紫色过渡 */
        rgba(70, 130, 180, 0.15) 50%, /* 钢蓝色 */
        rgba(0, 191, 255, 0.1) 75%,   /* 深天蓝色 */
        rgba(255, 69, 0, 0.15) 100%   /* 回到火焰红 */
    );
    box-shadow: 0 4px 15px rgba(255, 69, 0, 0.2), 0 4px 15px rgba(70, 130, 180, 0.2);
    animation: elementalGlow 3s ease-in-out infinite alternate;
}

@keyframes elementalGlow {
    0% {
        box-shadow: 0 4px 15px rgba(255, 69, 0, 0.3), 0 4px 10px rgba(70, 130, 180, 0.1);
    }
    50% {
        box-shadow: 0 4px 10px rgba(255, 69, 0, 0.2), 0 4px 20px rgba(70, 130, 180, 0.3);
    }
    100% {
        box-shadow: 0 4px 15px rgba(255, 69, 0, 0.3), 0 4px 10px rgba(70, 130, 180, 0.1);
    }
}

.skill-damage-card[data-skill-id="elemental_bolt"]:hover {
    border-color: #ba55d3;
    box-shadow: 0 6px 20px rgba(255, 69, 0, 0.4), 0 6px 20px rgba(70, 130, 180, 0.4);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .skill-name {
    background: linear-gradient(45deg, #ff4500, #4682b4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    font-weight: 700;
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details {
    background: linear-gradient(135deg, 
        rgba(40, 31, 26, 0.8) 0%, 
        rgba(20, 30, 40, 0.8) 50%,
        rgba(40, 31, 26, 0.8) 100%
    );
    border: 1px solid rgba(138, 43, 226, 0.3);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details h4 {
    background: linear-gradient(45deg, #ff6347, #4682b4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    border-bottom-color: rgba(138, 43, 226, 0.4);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .property-item {
    background: rgba(138, 43, 226, 0.08);
    border: 1px solid rgba(138, 43, 226, 0.15);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .property-value {
    color: #ba55d3;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .scaling-item {
    background: rgba(138, 43, 226, 0.12);
    border-color: rgba(138, 43, 226, 0.4);
    color: #ba55d3;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .effect-name {
    background: linear-gradient(45deg, #ff6347, #4682b4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(138, 43, 226, 0.2);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(138, 43, 226, 0.1);
    border-color: rgba(138, 43, 226, 0.4);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(138, 43, 226, 0.15);
    border-color: rgba(138, 43, 226, 0.6);
    box-shadow: 0 0 8px rgba(138, 43, 226, 0.3);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(138, 43, 226, 0.3);
}

/* 元素飞弹效果标签样式 */
.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab {
    background: rgba(138, 43, 226, 0.1);
    border: 2px solid transparent;
    color: #ba55d3;
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab:hover {
    border-color: #ba55d3;
    background: rgba(138, 43, 226, 0.15);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab.active {
    border-color: #ba55d3;
    background: rgba(138, 43, 226, 0.2);
    box-shadow: 0 0 8px rgba(138, 43, 226, 0.4);
}

/* 元素飞弹效果标签的特殊主题色 */
.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab[data-effect="direct"] {
    background: linear-gradient(45deg, rgba(255, 69, 0, 0.15), rgba(70, 130, 180, 0.15));
    border-color: rgba(138, 43, 226, 0.3);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab[data-effect="direct"].active {
    background: linear-gradient(45deg, rgba(255, 69, 0, 0.25), rgba(70, 130, 180, 0.25));
    border-color: #ba55d3;
    box-shadow: 0 0 10px rgba(255, 69, 0, 0.3), 0 0 10px rgba(70, 130, 180, 0.3);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab[data-effect="burn"] {
    background: linear-gradient(45deg, rgba(255, 69, 0, 0.15), rgba(255, 100, 0, 0.15));
    border-color: rgba(255, 69, 0, 0.3);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab[data-effect="burn"].active {
    background: linear-gradient(45deg, rgba(255, 69, 0, 0.25), rgba(255, 100, 0, 0.25));
    border-color: #ff4500;
    box-shadow: 0 0 10px rgba(255, 69, 0, 0.4);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab[data-effect="frostbite"] {
    background: linear-gradient(45deg, rgba(70, 130, 180, 0.15), rgba(0, 191, 255, 0.15));
    border-color: rgba(70, 130, 180, 0.3);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab[data-effect="frostbite"].active {
    background: linear-gradient(45deg, rgba(70, 130, 180, 0.25), rgba(0, 191, 255, 0.25));
    border-color: #4682b4;
    box-shadow: 0 0 10px rgba(70, 130, 180, 0.4);
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab .damage-value {
    color: #ba55d3;
}

.skill-damage-card[data-skill-id="elemental_bolt"] .effect-tab .damage-label {
    color: #9370db;
}

/* ==================== 雷霆结界技能专属样式 ==================== */
/* 雷霆结界特殊样式 - 浅蓝闪电主题 */
.skill-damage-card[data-skill-id="lightning_sphere"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 50%, #3a4a5a 100%);
    border: 2px solid #5599dd;
    box-shadow: 0 4px 15px rgba(85, 153, 221, 0.3);
}

.skill-damage-card[data-skill-id="lightning_sphere"]::before {
    background: radial-gradient(circle at 50% 50%, rgba(85, 153, 221, 0.12) 0%, transparent 60%);
}

.skill-damage-card[data-skill-id="lightning_sphere"]:hover {
    border: 2px solid #66aaee;
    box-shadow: 0 8px 25px rgba(85, 153, 221, 0.5);
}

.skill-damage-card[data-skill-id="lightning_sphere"]:hover::before {
    background: radial-gradient(circle at 50% 50%, rgba(85, 153, 221, 0.18) 0%, transparent 60%);
}

/* 雷霆结界头部特殊样式 */
.skill-damage-card[data-skill-id="lightning_sphere"] .skill-damage-header {
    background: rgba(85, 153, 221, 0.1);
}

.skill-damage-card[data-skill-id="lightning_sphere"] .skill-damage-header:hover {
    background: rgba(85, 153, 221, 0.15);
}

/* 雷霆结界技能名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_sphere"] .skill-name {
    color: #5599dd;
    text-shadow: 0 0 4px rgba(85, 153, 221, 0.6);
    font-weight: 600;
}

/* 雷霆结界英文名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_sphere"] .skill-english-name {
    color: #77aaee;
    text-shadow: none;
}

/* 雷霆结界详情特殊样式 */
.skill-damage-card[data-skill-id="lightning_sphere"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 100%);
    border: 1px solid rgba(85, 153, 221, 0.3);
}

.skill-damage-card[data-skill-id="lightning_sphere"] .offensive-skill-details h4 {
    color: #5599dd;
    text-shadow: 0 0 2px rgba(85, 153, 221, 0.4);
    border-bottom-color: rgba(85, 153, 221, 0.4);
}

.skill-damage-card[data-skill-id="lightning_sphere"] .offensive-skill-details .property-item {
    background: rgba(85, 153, 221, 0.1);
    border: 1px solid rgba(85, 153, 221, 0.2);
}

.skill-damage-card[data-skill-id="lightning_sphere"] .offensive-skill-details .property-value {
    color: #5599dd;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="lightning_sphere"] .offensive-skill-details .scaling-item {
    background: rgba(85, 153, 221, 0.15);
    border-color: rgba(85, 153, 221, 0.5);
    color: #5599dd;
    text-shadow: 0 0 2px rgba(85, 153, 221, 0.3);
}

/* 雷霆结界伤害数值特殊样式 - 浅蓝闪电主题 */
.skill-damage-card[data-skill-id="lightning_sphere"] .damage-value-large {
    color: #5599dd !important;
    text-shadow: 0 0 8px rgba(85, 153, 221, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_sphere"] .damage-value {
    color: #5599dd !important;
    text-shadow: 0 0 4px rgba(85, 153, 221, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_sphere"] .damage-label {
    color: #77aaee !important;
    text-shadow: none !important;
}

/* 雷霆结界效果标签特殊样式 */
.skill-damage-card[data-skill-id="lightning_sphere"] .effect-tab {
    background: rgba(85, 153, 221, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="lightning_sphere"] .effect-tab:hover {
    background: rgba(85, 153, 221, 0.2);
    border-color: rgba(85, 153, 221, 0.5);
    box-shadow: 0 0 10px rgba(85, 153, 221, 0.4);
}

.skill-damage-card[data-skill-id="lightning_sphere"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(85, 153, 221, 0.3) 0%, rgba(119, 170, 238, 0.2) 100%);
    border-color: #5599dd;
    box-shadow: 0 0 12px rgba(85, 153, 221, 0.6);
}

.skill-damage-card[data-skill-id="lightning_sphere"] .effect-tab .damage-value {
    color: #5599dd !important;
    text-shadow: 0 0 4px rgba(85, 153, 221, 0.8) !important;
    font-weight: 700 !important;
}

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

/* ==================== 火焰喷射技能专属样式 ==================== */
/* 火焰喷射技能卡片 - 红色火焰背景主题 */
.skill-damage-card[data-skill-id="flamethrower"] {
    background: linear-gradient(135deg, #2a1a1a 0%, #3d2222 50%, #2a1a1a 100%);
    /* 边框、阴影、边距等继承 .skill-damage-card */
}

.skill-damage-card[data-skill-id="flamethrower"]:hover {
    background: linear-gradient(135deg, #3a2222 0%, #4d2a2a 50%, #3a2222 100%);
    /* 边框、阴影、变换等继承 .skill-damage-card:hover */
}

/* 火焰喷射技能头部 - 红色火焰渐变背景 */
.skill-damage-card[data-skill-id="flamethrower"] .skill-damage-header {
    background: linear-gradient(135deg, 
        rgba(139, 69, 19, 0.08) 0%, 
        rgba(178, 34, 34, 0.08) 50%, 
        rgba(139, 69, 19, 0.08) 100%);
}

.skill-damage-card[data-skill-id="flamethrower"] .skill-damage-header:hover {
    background: linear-gradient(135deg, 
        rgba(139, 69, 19, 0.12) 0%, 
        rgba(178, 34, 34, 0.12) 50%, 
        rgba(139, 69, 19, 0.12) 100%);
}

/* 火焰喷射技能名称 - 深红色调 */
.skill-damage-card[data-skill-id="flamethrower"] .skill-name {
    color: #cd5c5c;
    text-shadow: 0 0 2px rgba(205, 92, 92, 0.3);
    font-weight: 600;
}

/* 火焰喷射伤害数字颜色 - 柔和的红色调 */
.flamethrower-total-damage {
    color: #dc143c !important; /* 深红色 - 总伤害 */
    text-shadow: 0 0 8px rgba(220, 20, 60, 0.5);
    font-weight: bold;
    font-size: 1.1em; /* 总伤害稍大一些 */
}

.flamethrower-flame-damage {
    color: #b22222 !important; /* 深红色 - 每秒伤害 */
    text-shadow: 0 0 6px rgba(178, 34, 34, 0.4);
    font-weight: bold;
}

.flamethrower-burn-damage {
    color: #d2691e !important; /* 橙褐色 - 燃烧 */
    text-shadow: 0 0 5px rgba(210, 105, 30, 0.4);
    font-weight: bold;
}

/* ==================== 水牢技能专属样式 ==================== */
/* 水牢技能特殊样式 - 蓝色/水元素主题 */
.skill-damage-card[data-skill-id="aqua_prison"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 50%, #2d4059 100%);
    border: 2px solid #4a90e2;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}

.skill-damage-card[data-skill-id="aqua_prison"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(74, 144, 226, 0.15) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="aqua_prison"]:hover {
    border: 2px solid #5ba3f5;
    box-shadow: 0 8px 25px rgba(74, 144, 226, 0.5);
}

.skill-damage-card[data-skill-id="aqua_prison"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(74, 144, 226, 0.2) 0%, transparent 60%);
}

/* 水牢头部特殊样式 */
.skill-damage-card[data-skill-id="aqua_prison"] .skill-damage-header {
    background: rgba(74, 144, 226, 0.05);
}

.skill-damage-card[data-skill-id="aqua_prison"] .skill-damage-header:hover {
    background: rgba(74, 144, 226, 0.1);
}

/* 水牢技能名称颜色 */
.skill-damage-card[data-skill-id="aqua_prison"] .skill-name {
    color: #4a90e2;
    text-shadow: 0 0 4px rgba(74, 144, 226, 0.6);
    font-weight: 600;
}

/* 水牢英文名称特殊颜色 */
.skill-damage-card[data-skill-id="aqua_prison"] .skill-details {
    color: #6ba3d6;
}

/* 水牢伤害数值特殊样式 - 蓝色水元素主题 */
.skill-damage-card[data-skill-id="aqua_prison"] .damage-value-large {
    color: #4a90e2 !important;
    text-shadow: 0 0 8px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="aqua_prison"] .damage-value {
    color: #4a90e2 !important;
    text-shadow: 0 0 4px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

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

/* 水牢技能详情区域样式 */
.skill-damage-card[data-skill-id="aqua_prison"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 100%);
    border: 1px solid rgba(74, 144, 226, 0.3);
}

.skill-damage-card[data-skill-id="aqua_prison"] .offensive-skill-details h4 {
    color: #4a90e2;
    text-shadow: 0 0 2px rgba(74, 144, 226, 0.4);
    border-bottom-color: rgba(74, 144, 226, 0.4);
}

.skill-damage-card[data-skill-id="aqua_prison"] .offensive-skill-details .property-item {
    background: rgba(74, 144, 226, 0.1);
    border: 1px solid rgba(74, 144, 226, 0.2);
}

.skill-damage-card[data-skill-id="aqua_prison"] .offensive-skill-details .property-value {
    color: #4a90e2;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="aqua_prison"] .offensive-skill-details .scaling-item {
    background: rgba(74, 144, 226, 0.15);
    border-color: rgba(74, 144, 226, 0.5);
    color: #4a90e2;
    text-shadow: 0 0 2px rgba(74, 144, 226, 0.3);
}

/* 水牢效果标签页样式 */
.skill-damage-card[data-skill-id="aqua_prison"] .effect-tab {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.15) 0%, rgba(107, 163, 214, 0.1) 100%);
    border: 1px solid transparent;
    color: #4a90e2;
    text-shadow: 0 0 2px rgba(74, 144, 226, 0.3);
}

.skill-damage-card[data-skill-id="aqua_prison"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.2) 0%, rgba(107, 163, 214, 0.15) 100%);
    border-color: rgba(74, 144, 226, 0.5);
    box-shadow: 0 0 10px rgba(74, 144, 226, 0.4);
}

.skill-damage-card[data-skill-id="aqua_prison"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.3) 0%, rgba(107, 163, 214, 0.2) 100%);
    border-color: #4a90e2;
    box-shadow: 0 0 12px rgba(74, 144, 226, 0.6);
}

.skill-damage-card[data-skill-id="aqua_prison"] .effect-tab .damage-value {
    color: #4a90e2 !important;
    text-shadow: 0 0 4px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

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

/* ==================== 水弹技能专属样式 ==================== */
/* 水弹特殊样式 - 深蓝水系主题 */
.skill-damage-card[data-skill-id="water_bolt"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #243444 100%);
    border: 2px solid #3a4a5a;
    box-shadow: 0 4px 15px rgba(68, 170, 255, 0.25);
}

.skill-damage-card[data-skill-id="water_bolt"]::before {
    background: radial-gradient(circle at 25% 35%, rgba(68, 170, 255, 0.1) 0%, transparent 50%);
    z-index: 1;
}

.skill-damage-card[data-skill-id="water_bolt"]:hover {
    border: 2px solid #44aaff;
    box-shadow: 0 8px 25px rgba(68, 170, 255, 0.45);
}

.skill-damage-card[data-skill-id="water_bolt"]:hover::before {
    background: radial-gradient(circle at 25% 35%, rgba(68, 170, 255, 0.18) 0%, transparent 60%);
}

/* 水弹头部特殊样式 */
.skill-damage-card[data-skill-id="water_bolt"] .skill-damage-header {
    background: rgba(68, 170, 255, 0.1);
}

.skill-damage-card[data-skill-id="water_bolt"] .skill-damage-header:hover {
    background: rgba(68, 170, 255, 0.15);
}

/* 水弹技能名称特殊颜色 */
.skill-damage-card[data-skill-id="water_bolt"] .skill-name {
    color: #66bbff;
    text-shadow: 0 0 3px rgba(68, 170, 255, 0.3);
    font-weight: 600;
}

/* 水弹英文名称特殊颜色 */
.skill-damage-card[data-skill-id="water_bolt"] .skill-english-name {
    color: #44aaff;
    text-shadow: none;
}

/* 水弹多重伤害效果样式 */
.skill-damage-card[data-skill-id="water_bolt"] .effect-item {
    background: rgba(68, 170, 255, 0.1);
    border: 1px solid rgba(68, 170, 255, 0.25);
}

.skill-damage-card[data-skill-id="water_bolt"] .effect-item:hover {
    background: rgba(68, 170, 255, 0.15);
    border-color: rgba(68, 170, 255, 0.4);
    box-shadow: 0 2px 6px rgba(68, 170, 255, 0.2);
}

.skill-damage-card[data-skill-id="water_bolt"] .effect-item.selected {
    background: rgba(68, 170, 255, 0.25);
    border-color: #44aaff;
    box-shadow: 0 0 12px rgba(68, 170, 255, 0.35);
}

/* 水弹效果标签样式 */
.skill-damage-card[data-skill-id="water_bolt"] .effect-tab {
    background: linear-gradient(135deg, rgba(68, 170, 255, 0.1) 0%, rgba(102, 187, 255, 0.06) 100%);
    border: 1px solid rgba(68, 170, 255, 0);
    color: #66bbff;
}

.skill-damage-card[data-skill-id="water_bolt"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(68, 170, 255, 0.18) 0%, rgba(102, 187, 255, 0.1) 100%);
    border-color: rgba(68, 170, 255, 0.45);
    box-shadow: 0 2px 6px rgba(68, 170, 255, 0.25);
}

.skill-damage-card[data-skill-id="water_bolt"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(68, 170, 255, 0.3) 0%, rgba(102, 187, 255, 0.18) 100%);
    border-color: #44aaff;
    box-shadow: 0 0 12px rgba(68, 170, 255, 0.45);
}

/* 水弹详情特殊样式 */
.skill-damage-card[data-skill-id="water_bolt"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2a3a 0%, #243444 100%);
    border: 1px solid rgba(68, 170, 255, 0.25);
}

.skill-damage-card[data-skill-id="water_bolt"] .offensive-skill-details h4 {
    color: #66bbff;
    text-shadow: 0 0 2px rgba(68, 170, 255, 0.3);
    border-bottom-color: rgba(68, 170, 255, 0.35);
}

.skill-damage-card[data-skill-id="water_bolt"] .offensive-skill-details .property-item {
    background: rgba(68, 170, 255, 0.1);
    border: 1px solid rgba(68, 170, 255, 0.18);
}

.skill-damage-card[data-skill-id="water_bolt"] .offensive-skill-details .property-value {
    color: #66bbff;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="water_bolt"] .offensive-skill-details .scaling-item {
    background: rgba(68, 170, 255, 0.15);
    border-color: rgba(68, 170, 255, 0.45);
    color: #66bbff;
    text-shadow: none;
}

/* 水弹专用 effect-tab damage-label 样式 */
.skill-damage-card[data-skill-id="water_bolt"] .effect-tab .damage-label {
    color: #44aaff !important;
    text-shadow: 0 0 3px rgba(68, 170, 255, 0.5) !important;
    opacity: 0.93 !important;
    font-weight: 450 !important;
}

/* ==================== 风暴术技能专属样式 ==================== */
/* 风暴术特殊样式 - 灰色龙卷风主题 */
.skill-damage-card[data-skill-id="windblast"] {
    background: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 50%, #5a5a5a 100%);
    border: 2px solid #666666;
    box-shadow: 0 4px 15px rgba(150, 150, 150, 0.25);
}

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

.skill-damage-card[data-skill-id="windblast"]:hover {
    border: 2px solid #999999;
    box-shadow: 0 8px 25px rgba(150, 150, 150, 0.45);
}

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

/* 风暴术头部特殊样式 */
.skill-damage-card[data-skill-id="windblast"] .skill-damage-header {
    background: rgba(150, 150, 150, 0.1);
}

.skill-damage-card[data-skill-id="windblast"] .skill-damage-header:hover {
    background: rgba(150, 150, 150, 0.15);
}

/* 风暴术技能名称特殊颜色 */
.skill-damage-card[data-skill-id="windblast"] .skill-name {
    color: #cccccc;
    text-shadow: 0 0 3px rgba(150, 150, 150, 0.3);
    font-weight: 600;
}

/* 风暴术英文名称特殊颜色 */
.skill-damage-card[data-skill-id="windblast"] .skill-english-name {
    color: #aaaaaa;
    text-shadow: none;
}

/* 风暴术详情特殊样式 */
.skill-damage-card[data-skill-id="windblast"] .offensive-skill-details {
    background: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 100%);
    border: 1px solid rgba(150, 150, 150, 0.25);
}

.skill-damage-card[data-skill-id="windblast"] .offensive-skill-details h4 {
    color: #cccccc;
    text-shadow: 0 0 2px rgba(150, 150, 150, 0.3);
    border-bottom-color: rgba(150, 150, 150, 0.35);
}

.skill-damage-card[data-skill-id="windblast"] .offensive-skill-details .property-item {
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(150, 150, 150, 0.18);
}

.skill-damage-card[data-skill-id="windblast"] .offensive-skill-details .property-value {
    color: #cccccc;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="windblast"] .offensive-skill-details .scaling-item {
    background: rgba(150, 150, 150, 0.15);
    border-color: rgba(150, 150, 150, 0.45);
    color: #cccccc;
    text-shadow: none;
}

/* 风暴术伤害数值特殊样式 - 灰色风元素主题 */
.skill-damage-card[data-skill-id="windblast"] .damage-value-large {
    color: #bbbbbb !important;
    text-shadow: 0 0 8px rgba(187, 187, 187, 0.5) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="windblast"] .damage-value {
    color: #bbbbbb !important;
    text-shadow: 0 0 4px rgba(187, 187, 187, 0.4) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="windblast"] .damage-label {
    color: #aaaaaa !important;
    text-shadow: none !important;
}

/* 风暴术效果标签特殊样式 */
.skill-damage-card[data-skill-id="windblast"] .effect-tab {
    background: linear-gradient(135deg, rgba(150, 150, 150, 0.1) 0%, rgba(187, 187, 187, 0.05) 100%);
    border: 1px solid rgba(150, 150, 150, 0);
    color: #bbbbbb;
}

.skill-damage-card[data-skill-id="windblast"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(150, 150, 150, 0.18) 0%, rgba(187, 187, 187, 0.1) 100%);
    border-color: rgba(150, 150, 150, 0.4);
    box-shadow: 0 2px 6px rgba(150, 150, 150, 0.25);
}

.skill-damage-card[data-skill-id="windblast"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(150, 150, 150, 0.28) 0%, rgba(187, 187, 187, 0.18) 100%);
    border-color: #999999;
    box-shadow: 0 0 10px rgba(150, 150, 150, 0.5);
}

.skill-damage-card[data-skill-id="windblast"] .effect-tab .damage-value {
    color: #bbbbbb !important;
    text-shadow: 0 0 4px rgba(187, 187, 187, 0.4) !important;
    font-weight: 700 !important;
}

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

/* ==================== 冰矛技能专属样式 ==================== */
/* 冰矛特殊样式 - 蓝色冰霜主题 */
.skill-damage-card[data-skill-id="ice_spear"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 50%, #3a4a5a 100%);
    border: 2px solid #4a6a8a;
    box-shadow: 0 4px 15px rgba(102, 204, 255, 0.25);
}

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

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

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

/* 冰矛头部特殊样式 */
.skill-damage-card[data-skill-id="ice_spear"] .skill-damage-header {
    background: rgba(102, 204, 255, 0.1);
}

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

/* 冰矛技能名称特殊颜色 */
.skill-damage-card[data-skill-id="ice_spear"] .skill-name {
    color: #66ccff;
    text-shadow: 0 0 3px rgba(102, 204, 255, 0.5);
    font-weight: 600;
}

/* 冰矛英文名称特殊颜色 */
.skill-damage-card[data-skill-id="ice_spear"] .skill-english-name {
    color: #88ddff;
    text-shadow: none;
}

/* 冰矛详情特殊样式 */
.skill-damage-card[data-skill-id="ice_spear"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 100%);
    border: 1px solid rgba(102, 204, 255, 0.25);
}

.skill-damage-card[data-skill-id="ice_spear"] .offensive-skill-details h4 {
    color: #66ccff;
    text-shadow: 0 0 2px rgba(102, 204, 255, 0.3);
    border-bottom-color: rgba(102, 204, 255, 0.35);
}

.skill-damage-card[data-skill-id="ice_spear"] .offensive-skill-details .property-item {
    background: rgba(102, 204, 255, 0.1);
    border: 1px solid rgba(102, 204, 255, 0.18);
}

.skill-damage-card[data-skill-id="ice_spear"] .offensive-skill-details .property-value {
    color: #66ccff;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="ice_spear"] .offensive-skill-details .scaling-item {
    background: rgba(102, 204, 255, 0.15);
    border-color: rgba(102, 204, 255, 0.45);
    color: #66ccff;
    text-shadow: none;
}

/* 冰矛伤害数值特殊样式 - 蓝色冰霜主题 */
.skill-damage-card[data-skill-id="ice_spear"] .damage-value-large {
    color: #66ccff !important;
    text-shadow: 0 0 8px rgba(102, 204, 255, 0.6) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="ice_spear"] .damage-value {
    color: #66ccff !important;
    text-shadow: 0 0 4px rgba(102, 204, 255, 0.6) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="ice_spear"] .damage-label {
    color: #88ddff !important;
    text-shadow: none !important;
}

/* 冰矛效果标签特殊样式 */
.skill-damage-card[data-skill-id="ice_spear"] .effect-tab {
    background: rgba(102, 204, 255, 0.12);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="ice_spear"] .effect-tab:hover {
    background: rgba(102, 204, 255, 0.18);
    border-color: rgba(102, 204, 255, 0.4);
    box-shadow: 0 0 8px rgba(102, 204, 255, 0.3);
}

.skill-damage-card[data-skill-id="ice_spear"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(102, 204, 255, 0.28) 0%, rgba(136, 221, 255, 0.18) 100%);
    border-color: #66ccff;
    box-shadow: 0 0 10px rgba(102, 204, 255, 0.5);
}

.skill-damage-card[data-skill-id="ice_spear"] .effect-tab .damage-value {
    color: #66ccff !important;
    text-shadow: 0 0 4px rgba(102, 204, 255, 0.6) !important;
    font-weight: 700 !important;
}

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

/* ==================== 爆发技能专属样式 ==================== */
/* 爆发特殊样式 - 棕色土元素主题 */
.skill-damage-card[data-skill-id="eruption"] {
    background: linear-gradient(135deg, #3a2a1a 0%, #4a3a2a 50%, #5a4a3a 100%);
    border: 2px solid #8a6a4a;
    box-shadow: 0 4px 15px rgba(205, 133, 63, 0.25);
}

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

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

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

/* 爆发头部特殊样式 */
.skill-damage-card[data-skill-id="eruption"] .skill-damage-header {
    background: rgba(205, 133, 63, 0.1);
}

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

/* 爆发技能名称特殊颜色 */
.skill-damage-card[data-skill-id="eruption"] .skill-name {
    color: #cd853f;
    text-shadow: 0 0 3px rgba(205, 133, 63, 0.5);
    font-weight: 600;
}

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

/* 爆发详情特殊样式 */
.skill-damage-card[data-skill-id="eruption"] .offensive-skill-details {
    background: linear-gradient(135deg, #3a2a1a 0%, #4a3a2a 100%);
    border: 1px solid rgba(205, 133, 63, 0.25);
}

.skill-damage-card[data-skill-id="eruption"] .offensive-skill-details h4 {
    color: #cd853f;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.3);
    border-bottom-color: rgba(205, 133, 63, 0.35);
}

.skill-damage-card[data-skill-id="eruption"] .offensive-skill-details .property-item {
    background: rgba(205, 133, 63, 0.1);
    border: 1px solid rgba(205, 133, 63, 0.18);
}

.skill-damage-card[data-skill-id="eruption"] .offensive-skill-details .property-value {
    color: #cd853f;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="eruption"] .offensive-skill-details .scaling-item {
    background: rgba(205, 133, 63, 0.15);
    border-color: rgba(205, 133, 63, 0.45);
    color: #cd853f;
    text-shadow: none;
}

/* 爆发伤害数值特殊样式 - 棕色土元素主题 */
.skill-damage-card[data-skill-id="eruption"] .damage-value-large {
    color: #cd853f !important;
    text-shadow: 0 0 8px rgba(205, 133, 63, 0.6) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="eruption"] .damage-value {
    color: #cd853f !important;
    text-shadow: 0 0 4px rgba(205, 133, 63, 0.6) !important;
    font-weight: 700 !important;
}

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

/* 爆发效果标签特殊样式 */
.skill-damage-card[data-skill-id="eruption"] .effect-tab {
    background: rgba(205, 133, 63, 0.12);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="eruption"] .effect-tab:hover {
    background: rgba(205, 133, 63, 0.18);
    border-color: rgba(205, 133, 63, 0.4);
    box-shadow: 0 0 8px rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="eruption"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(205, 133, 63, 0.28) 0%, rgba(218, 165, 32, 0.18) 100%);
    border-color: #cd853f;
    box-shadow: 0 0 10px rgba(205, 133, 63, 0.5);
}

.skill-damage-card[data-skill-id="eruption"] .effect-tab .damage-value {
    color: #cd853f !important;
    text-shadow: 0 0 4px rgba(205, 133, 63, 0.6) !important;
    font-weight: 700 !important;
}

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

/* ==================== 闪电链技能专属样式 ==================== */
/* 闪电链特殊样式 - 蓝色闪电主题 */
.skill-damage-card[data-skill-id="lightning_bolt"] {
    background: linear-gradient(135deg, #1a1a3a 0%, #2a2a4a 50%, #3a3a5a 100%);
    border: 2px solid #4a6cff;
    box-shadow: 0 4px 15px rgba(74, 108, 255, 0.3);
}

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

.skill-damage-card[data-skill-id="lightning_bolt"]:hover {
    border: 2px solid #6b8aff;
    box-shadow: 0 8px 25px rgba(74, 108, 255, 0.5);
}

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

/* 闪电链头部特殊样式 */
.skill-damage-card[data-skill-id="lightning_bolt"] .skill-damage-header {
    background: rgba(74, 108, 255, 0.1);
}

.skill-damage-card[data-skill-id="lightning_bolt"] .skill-damage-header:hover {
    background: rgba(74, 108, 255, 0.15);
}

/* 闪电链技能名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_bolt"] .skill-name {
    color: #4a6cff;
    text-shadow: 0 0 4px rgba(74, 108, 255, 0.6);
    font-weight: 600;
}

/* 闪电链英文名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_bolt"] .skill-english-name {
    color: #7a8cff;
    text-shadow: none;
}

/* 闪电链详情特殊样式 */
.skill-damage-card[data-skill-id="lightning_bolt"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a1a3a 0%, #2a2a4a 100%);
    border: 1px solid rgba(74, 108, 255, 0.3);
}

.skill-damage-card[data-skill-id="lightning_bolt"] .offensive-skill-details h4 {
    color: #4a6cff;
    text-shadow: 0 0 2px rgba(74, 108, 255, 0.4);
    border-bottom-color: rgba(74, 108, 255, 0.4);
}

.skill-damage-card[data-skill-id="lightning_bolt"] .offensive-skill-details .property-item {
    background: rgba(74, 108, 255, 0.1);
    border: 1px solid rgba(74, 108, 255, 0.2);
}

.skill-damage-card[data-skill-id="lightning_bolt"] .offensive-skill-details .property-value {
    color: #4a6cff;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="lightning_bolt"] .offensive-skill-details .scaling-item {
    background: rgba(74, 108, 255, 0.15);
    border-color: rgba(74, 108, 255, 0.5);
    color: #4a6cff;
    text-shadow: 0 0 2px rgba(74, 108, 255, 0.3);
}

/* 闪电链伤害数值特殊样式 - 蓝色闪电主题 */
.skill-damage-card[data-skill-id="lightning_bolt"] .damage-value-large {
    color: #4a6cff !important;
    text-shadow: 0 0 8px rgba(74, 108, 255, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_bolt"] .damage-value {
    color: #4a6cff !important;
    text-shadow: 0 0 4px rgba(74, 108, 255, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_bolt"] .damage-label {
    color: #7a8cff !important;
    text-shadow: none !important;
}

/* 闪电链效果标签特殊样式 */
.skill-damage-card[data-skill-id="lightning_bolt"] .effect-tab {
    background: rgba(74, 108, 255, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="lightning_bolt"] .effect-tab:hover {
    background: rgba(74, 108, 255, 0.2);
    border-color: rgba(74, 108, 255, 0.5);
    box-shadow: 0 0 10px rgba(74, 108, 255, 0.4);
}

.skill-damage-card[data-skill-id="lightning_bolt"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(74, 108, 255, 0.3) 0%, rgba(122, 140, 255, 0.2) 100%);
    border-color: #4a6cff;
    box-shadow: 0 0 12px rgba(74, 108, 255, 0.6);
}

.skill-damage-card[data-skill-id="lightning_bolt"] .effect-tab .damage-value {
    color: #4a6cff !important;
    text-shadow: 0 0 4px rgba(74, 108, 255, 0.8) !important;
    font-weight: 700 !important;
}

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

/* ==================== 第四组技能样式 ==================== */

/* 火焰珠技能专属样式 - 红色岩浆主题 */
.skill-damage-card[data-skill-id="fire_orb"] {
    background: linear-gradient(135deg, #3a1a1a 0%, #4a2a2a 50%, #5a3a3a 100%);
    border: 2px solid #cc4444;
    box-shadow: 0 4px 15px rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="fire_orb"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(204, 68, 68, 0.15) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="fire_orb"]:hover {
    border: 2px solid #dd5555;
    box-shadow: 0 8px 25px rgba(204, 68, 68, 0.5);
}

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

.skill-damage-card[data-skill-id="fire_orb"] .skill-damage-header {
    background: rgba(204, 68, 68, 0.1);
}

.skill-damage-card[data-skill-id="fire_orb"] .skill-damage-header:hover {
    background: rgba(204, 68, 68, 0.15);
}

.skill-damage-card[data-skill-id="fire_orb"] .skill-name {
    color: #cc4444;
    text-shadow: 0 0 4px rgba(204, 68, 68, 0.6);
    font-weight: 600;
}

.skill-damage-card[data-skill-id="fire_orb"] .skill-english-name {
    color: #dd6666;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="fire_orb"] .offensive-skill-details {
    background: linear-gradient(135deg, #3a1a1a 0%, #4a2a2a 100%);
    border: 1px solid rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="fire_orb"] .offensive-skill-details h4 {
    color: #cc4444;
    text-shadow: 0 0 2px rgba(204, 68, 68, 0.4);
    border-bottom-color: rgba(204, 68, 68, 0.4);
}

.skill-damage-card[data-skill-id="fire_orb"] .offensive-skill-details .property-item {
    background: rgba(204, 68, 68, 0.1);
    border: 1px solid rgba(204, 68, 68, 0.2);
}

.skill-damage-card[data-skill-id="fire_orb"] .offensive-skill-details .property-value {
    color: #cc4444;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="fire_orb"] .offensive-skill-details .scaling-item {
    background: rgba(204, 68, 68, 0.15);
    border-color: rgba(204, 68, 68, 0.5);
    color: #cc4444;
    text-shadow: 0 0 2px rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="fire_orb"] .damage-value-large {
    color: #cc4444 !important;
    text-shadow: 0 0 8px rgba(204, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="fire_orb"] .damage-value {
    color: #cc4444 !important;
    text-shadow: 0 0 4px rgba(204, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="fire_orb"] .damage-label {
    color: #dd6666 !important;
    text-shadow: none !important;
}

.skill-damage-card[data-skill-id="fire_orb"] .effect-tab {
    background: rgba(204, 68, 68, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="fire_orb"] .effect-tab:hover {
    background: rgba(204, 68, 68, 0.2);
    border-color: rgba(204, 68, 68, 0.5);
    box-shadow: 0 0 10px rgba(204, 68, 68, 0.4);
}

.skill-damage-card[data-skill-id="fire_orb"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.3) 0%, rgba(221, 102, 102, 0.2) 100%);
    border-color: #cc4444;
    box-shadow: 0 0 12px rgba(204, 68, 68, 0.6);
}

.skill-damage-card[data-skill-id="fire_orb"] .effect-tab .damage-value {
    color: #cc4444 !important;
    text-shadow: 0 0 4px rgba(204, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

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

/* 旋风技能专属样式 - 灰色龙卷风主题 */
.skill-damage-card[data-skill-id="vortex"] {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 50%, #4a4a4a 100%);
    border: 2px solid #666666;
    box-shadow: 0 4px 15px rgba(160, 160, 160, 0.25);
}

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

.skill-damage-card[data-skill-id="vortex"]:hover {
    border: 2px solid #a0a0a0;
    box-shadow: 0 8px 25px rgba(160, 160, 160, 0.45);
}

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

.skill-damage-card[data-skill-id="vortex"] .skill-damage-header {
    background: rgba(160, 160, 160, 0.1);
}

.skill-damage-card[data-skill-id="vortex"] .skill-damage-header:hover {
    background: rgba(160, 160, 160, 0.15);
}

.skill-damage-card[data-skill-id="vortex"] .skill-name {
    color: #a0a0a0;
    text-shadow: 0 0 3px rgba(160, 160, 160, 0.5);
    font-weight: 600;
}

.skill-damage-card[data-skill-id="vortex"] .skill-english-name {
    color: #b8b8b8;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="vortex"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    border: 1px solid rgba(160, 160, 160, 0.25);
}

.skill-damage-card[data-skill-id="vortex"] .offensive-skill-details h4 {
    color: #a0a0a0;
    text-shadow: 0 0 2px rgba(160, 160, 160, 0.3);
    border-bottom-color: rgba(160, 160, 160, 0.35);
}

.skill-damage-card[data-skill-id="vortex"] .offensive-skill-details .property-item {
    background: rgba(160, 160, 160, 0.1);
    border: 1px solid rgba(160, 160, 160, 0.18);
}

.skill-damage-card[data-skill-id="vortex"] .offensive-skill-details .property-value {
    color: #a0a0a0;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="vortex"] .offensive-skill-details .scaling-item {
    background: rgba(160, 160, 160, 0.15);
    border-color: rgba(160, 160, 160, 0.45);
    color: #a0a0a0;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="vortex"] .damage-value-large {
    color: #a0a0a0 !important;
    text-shadow: 0 0 8px rgba(160, 160, 160, 0.6) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="vortex"] .damage-value {
    color: #a0a0a0 !important;
    text-shadow: 0 0 4px rgba(160, 160, 160, 0.6) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="vortex"] .damage-label {
    color: #b8b8b8 !important;
    text-shadow: none !important;
}

.skill-damage-card[data-skill-id="vortex"] .effect-tab {
    background: rgba(160, 160, 160, 0.12);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="vortex"] .effect-tab:hover {
    background: rgba(160, 160, 160, 0.18);
    border-color: rgba(160, 160, 160, 0.4);
    box-shadow: 0 0 8px rgba(160, 160, 160, 0.3);
}

.skill-damage-card[data-skill-id="vortex"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(160, 160, 160, 0.28) 0%, rgba(184, 184, 184, 0.18) 100%);
    border-color: #a0a0a0;
    box-shadow: 0 0 10px rgba(160, 160, 160, 0.5);
}

.skill-damage-card[data-skill-id="vortex"] .effect-tab .damage-value {
    color: #a0a0a0 !important;
    text-shadow: 0 0 4px rgba(160, 160, 160, 0.6) !important;
    font-weight: 700 !important;
}

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

/* 召唤土元素技能专属样式 - 棕色土元素主题 */
.skill-damage-card[data-skill-id="summon_earth_elemental"] {
    background: linear-gradient(135deg, #2e2620 0%, #3a3026 50%, #453528 100%);
    border: 2px solid #cd853f;
    box-shadow: 0 4px 15px rgba(205, 133, 63, 0.3);
}

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

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

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

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

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

.skill-damage-card[data-skill-id="summon_earth_elemental"] .skill-name {
    color: #cd853f;
    text-shadow: 0 0 4px rgba(205, 133, 63, 0.6);
    font-weight: 600;
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .skill-details {
    color: #b8894e;
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .damage-value-large {
    color: #cd853f !important;
    text-shadow: 0 0 8px rgba(205, 133, 63, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .damage-value {
    color: #cd853f !important;
    text-shadow: 0 0 4px rgba(205, 133, 63, 0.8) !important;
    font-weight: 700 !important;
}

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

.skill-damage-card[data-skill-id="summon_earth_elemental"] .offensive-skill-details {
    background: linear-gradient(135deg, #2e2620 0%, #3a3026 100%);
    border: 1px solid rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .offensive-skill-details h4 {
    color: #cd853f;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.4);
    border-bottom-color: rgba(205, 133, 63, 0.4);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .offensive-skill-details .property-item {
    background: rgba(205, 133, 63, 0.1);
    border: 1px solid rgba(205, 133, 63, 0.2);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .offensive-skill-details .property-value {
    color: #cd853f;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .offensive-skill-details .scaling-item {
    background: rgba(205, 133, 63, 0.15);
    border-color: rgba(205, 133, 63, 0.5);
    color: #cd853f;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .effect-tab {
    background: linear-gradient(135deg, rgba(205, 133, 63, 0.15) 0%, rgba(184, 137, 78, 0.1) 100%);
    border: 1px solid transparent;
    color: #cd853f;
    text-shadow: 0 0 2px rgba(205, 133, 63, 0.3);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(205, 133, 63, 0.2) 0%, rgba(184, 137, 78, 0.15) 100%);
    border-color: rgba(205, 133, 63, 0.5);
    box-shadow: 0 0 10px rgba(205, 133, 63, 0.4);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(205, 133, 63, 0.3) 0%, rgba(184, 137, 78, 0.2) 100%);
    border-color: #cd853f;
    box-shadow: 0 0 12px rgba(205, 133, 63, 0.6);
}

.skill-damage-card[data-skill-id="summon_earth_elemental"] .effect-tab .damage-value {
    color: #cd853f !important;
    text-shadow: 0 0 4px rgba(205, 133, 63, 0.8) !important;
    font-weight: 700 !important;
}

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

/* ==================== 雷电冲刺技能专属样式 ==================== */
/* 雷电冲刺特殊样式 - 蓝色闪电主题 */
.skill-damage-card[data-skill-id="electric_dash"] {
    background: linear-gradient(135deg, #1a2440 0%, #2a3455 50%, #344266 100%);
    border: 2px solid #4488ff;
    box-shadow: 0 4px 15px rgba(68, 136, 255, 0.4);
}

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

.skill-damage-card[data-skill-id="electric_dash"]:hover {
    border: 2px solid #66aaff;
    box-shadow: 0 8px 25px rgba(68, 136, 255, 0.6);
}

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

/* 雷电冲刺头部特殊样式 */
.skill-damage-card[data-skill-id="electric_dash"] .skill-damage-header {
    background: rgba(68, 136, 255, 0.05);
}

.skill-damage-card[data-skill-id="electric_dash"] .skill-damage-header:hover {
    background: rgba(68, 136, 255, 0.1);
}

/* 雷电冲刺技能名称颜色 */
.skill-damage-card[data-skill-id="electric_dash"] .skill-name {
    color: #4488ff;
    text-shadow: 0 0 4px rgba(68, 136, 255, 0.7);
    font-weight: 600;
}

/* 雷电冲刺英文名称特殊颜色 */
.skill-damage-card[data-skill-id="electric_dash"] .skill-details {
    color: #77aaee;
}

/* 雷电冲刺伤害数值特殊样式 - 蓝色闪电主题 */
.skill-damage-card[data-skill-id="electric_dash"] .damage-value-large {
    color: #4488ff !important;
    text-shadow: 0 0 8px rgba(68, 136, 255, 0.9) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="electric_dash"] .damage-value {
    color: #4488ff !important;
    text-shadow: 0 0 4px rgba(68, 136, 255, 0.8) !important;
    font-weight: 700 !important;
}

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

/* 雷电冲刺技能详情区域样式 */
.skill-damage-card[data-skill-id="electric_dash"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2440 0%, #2a3455 100%);
    border: 1px solid rgba(68, 136, 255, 0.3);
}

.skill-damage-card[data-skill-id="electric_dash"] .offensive-skill-details h4 {
    color: #4488ff;
    text-shadow: 0 0 2px rgba(68, 136, 255, 0.5);
    border-bottom-color: rgba(68, 136, 255, 0.4);
}

.skill-damage-card[data-skill-id="electric_dash"] .offensive-skill-details .property-item {
    background: rgba(68, 136, 255, 0.1);
    border: 1px solid rgba(68, 136, 255, 0.2);
}

.skill-damage-card[data-skill-id="electric_dash"] .offensive-skill-details .property-value {
    color: #4488ff;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="electric_dash"] .offensive-skill-details .scaling-item {
    background: rgba(68, 136, 255, 0.15);
    border-color: rgba(68, 136, 255, 0.5);
    color: #4488ff;
    text-shadow: 0 0 2px rgba(68, 136, 255, 0.4);
}

/* 雷电冲刺效果标签页样式 */
.skill-damage-card[data-skill-id="electric_dash"] .effect-tab {
    background: linear-gradient(135deg, rgba(68, 136, 255, 0.15) 0%, rgba(119, 170, 238, 0.1) 100%);
    border: 1px solid transparent;
    color: #4488ff;
    text-shadow: 0 0 2px rgba(68, 136, 255, 0.4);
}

.skill-damage-card[data-skill-id="electric_dash"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(68, 136, 255, 0.2) 0%, rgba(119, 170, 238, 0.15) 100%);
    border-color: rgba(68, 136, 255, 0.5);
    box-shadow: 0 0 10px rgba(68, 136, 255, 0.5);
}

.skill-damage-card[data-skill-id="electric_dash"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(68, 136, 255, 0.3) 0%, rgba(119, 170, 238, 0.2) 100%);
    border-color: #4488ff;
    box-shadow: 0 0 12px rgba(68, 136, 255, 0.7);
}

.skill-damage-card[data-skill-id="electric_dash"] .effect-tab .damage-value {
    color: #4488ff !important;
    text-shadow: 0 0 4px rgba(68, 136, 255, 0.8) !important;
    font-weight: 700 !important;
}

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

/* ==================== 火霜矛技能专属样式 ==================== */
/* 火霜矛技能卡片 - 火冰交替背景主题 */
.skill-damage-card[data-skill-id="flamefrost_spear"] {
    background: linear-gradient(135deg, #2d1114 0%, #1a1a2e 25%, #2d1114 50%, #1a1a2e 75%, #2d1114 100%);
    /* 边框、阴影、边距等继承 .skill-damage-card */
}

.skill-damage-card[data-skill-id="flamefrost_spear"]:hover {
    background: linear-gradient(135deg, #3d1519 0%, #252a3e 25%, #3d1519 50%, #252a3e 75%, #3d1519 100%);
    /* 边框、阴影、变换等继承 .skill-damage-card:hover */
}

/* 火霜矛技能头部 - 火冰渐变背景 */
.skill-damage-card[data-skill-id="flamefrost_spear"] .skill-damage-header {
    background: linear-gradient(90deg, 
        rgba(255, 99, 71, 0.08) 0%, 
        rgba(135, 206, 250, 0.08) 50%, 
        rgba(255, 99, 71, 0.08) 100%);
}

.skill-damage-card[data-skill-id="flamefrost_spear"] .skill-damage-header:hover {
    background: linear-gradient(90deg, 
        rgba(255, 99, 71, 0.12) 0%, 
        rgba(135, 206, 250, 0.12) 50%, 
        rgba(255, 99, 71, 0.12) 100%);
}

/* 火霜矛技能名称 - 火焰色调 */
.skill-damage-card[data-skill-id="flamefrost_spear"] .skill-name {
    color: #ff8c69;
    text-shadow: 0 0 2px rgba(255, 99, 71, 0.3);
    font-weight: 600;
}

/* ==================== 冰霜吐息技能专属样式 ==================== */
/* 冰霜吐息特殊样式 - 冰霜主题 */
.skill-damage-card[data-skill-id="frost_breath"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 50%, #3a4a5a 100%);
    border: 2px solid #4682b4;
    box-shadow: 0 4px 15px rgba(70, 130, 180, 0.3);
}

.skill-damage-card[data-skill-id="frost_breath"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(70, 130, 180, 0.15) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="frost_breath"]:hover {
    border: 2px solid #5a9fd4;
    box-shadow: 0 8px 25px rgba(70, 130, 180, 0.5);
}

.skill-damage-card[data-skill-id="frost_breath"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(70, 130, 180, 0.2) 0%, transparent 60%);
}

/* 冰霜吐息头部特殊样式 */
.skill-damage-card[data-skill-id="frost_breath"] .skill-damage-header {
    background: rgba(70, 130, 180, 0.1);
}

.skill-damage-card[data-skill-id="frost_breath"] .skill-damage-header:hover {
    background: rgba(70, 130, 180, 0.15);
}

/* 冰霜吐息技能名称特殊颜色 */
.skill-damage-card[data-skill-id="frost_breath"] .skill-name {
    color: #4682b4;
    text-shadow: 0 0 4px rgba(70, 130, 180, 0.6);
    font-weight: 600;
}

/* 冰霜吐息英文名称特殊颜色 */
.skill-damage-card[data-skill-id="frost_breath"] .skill-english-name {
    color: #87ceeb;
    text-shadow: none;
}

/* 冰霜吐息详情特殊样式 */
.skill-damage-card[data-skill-id="frost_breath"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 100%);
    border: 1px solid rgba(70, 130, 180, 0.3);
}

.skill-damage-card[data-skill-id="frost_breath"] .offensive-skill-details h4 {
    color: #4682b4;
    text-shadow: 0 0 2px rgba(70, 130, 180, 0.4);
    border-bottom-color: rgba(70, 130, 180, 0.4);
}

.skill-damage-card[data-skill-id="frost_breath"] .offensive-skill-details .property-item {
    background: rgba(70, 130, 180, 0.1);
    border: 1px solid rgba(70, 130, 180, 0.2);
}

.skill-damage-card[data-skill-id="frost_breath"] .offensive-skill-details .property-value {
    color: #4682b4;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="frost_breath"] .offensive-skill-details .scaling-item {
    background: rgba(70, 130, 180, 0.15);
    border-color: rgba(70, 130, 180, 0.5);
    color: #4682b4;
    text-shadow: 0 0 2px rgba(70, 130, 180, 0.3);
}

/* 冰霜吐息伤害数值特殊样式 - 冰霜主题 */
.skill-damage-card[data-skill-id="frost_breath"] .damage-value-large {
    color: #4682b4 !important;
    text-shadow: 0 0 8px rgba(70, 130, 180, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="frost_breath"] .damage-value {
    color: #4682b4 !important;
    text-shadow: 0 0 4px rgba(70, 130, 180, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="frost_breath"] .damage-label {
    color: #87ceeb !important;
    text-shadow: none !important;
}

/* 冰霜吐息效果标签特殊样式 */
.skill-damage-card[data-skill-id="frost_breath"] .effect-tab {
    background: rgba(70, 130, 180, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="frost_breath"] .effect-tab:hover {
    background: rgba(70, 130, 180, 0.2);
    border-color: rgba(70, 130, 180, 0.5);
    box-shadow: 0 0 10px rgba(70, 130, 180, 0.4);
}

.skill-damage-card[data-skill-id="frost_breath"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(70, 130, 180, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%);
    border-color: #4682b4;
    box-shadow: 0 0 12px rgba(70, 130, 180, 0.6);
}

.skill-damage-card[data-skill-id="frost_breath"] .effect-tab .damage-value {
    color: #4682b4 !important;
    text-shadow: 0 0 4px rgba(70, 130, 180, 0.8) !important;
    font-weight: 700 !important;
}

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

/* ==================== 雷电冲刺特殊样式结束 ==================== */

/* ==================== 冰霜闪电技能专属样式 ==================== */
/* 冰霜闪电特殊样式 - 冰霜闪电主题 */
.skill-damage-card[data-skill-id="frost_lightning"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 50%, #3a4a5a 100%);
    border: 2px solid #4a90e2;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}

.skill-damage-card[data-skill-id="frost_lightning"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(74, 144, 226, 0.15) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="frost_lightning"]:hover {
    border: 2px solid #5ba0f2;
    box-shadow: 0 8px 25px rgba(74, 144, 226, 0.5);
}

.skill-damage-card[data-skill-id="frost_lightning"]:hover::before {
    background: radial-gradient(circle at 30% 40%, rgba(74, 144, 226, 0.2) 0%, transparent 60%);
}

/* 冰霜闪电头部特殊样式 */
.skill-damage-card[data-skill-id="frost_lightning"] .skill-damage-header {
    background: rgba(74, 144, 226, 0.1);
}

.skill-damage-card[data-skill-id="frost_lightning"] .skill-damage-header:hover {
    background: rgba(74, 144, 226, 0.15);
}

/* 冰霜闪电技能名称特殊颜色 */
.skill-damage-card[data-skill-id="frost_lightning"] .skill-name {
    color: #4a90e2;
    text-shadow: 0 0 4px rgba(74, 144, 226, 0.6);
    font-weight: 600;
}

/* 冰霜闪电英文名称特殊颜色 */
.skill-damage-card[data-skill-id="frost_lightning"] .skill-english-name {
    color: #87ceeb;
    text-shadow: none;
}

/* 冰霜闪电详情特殊样式 */
.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 100%);
    border: 1px solid rgba(74, 144, 226, 0.3);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details h4 {
    color: #4a90e2;
    text-shadow: 0 0 2px rgba(74, 144, 226, 0.4);
    border-bottom-color: rgba(74, 144, 226, 0.4);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .property-item {
    background: rgba(74, 144, 226, 0.1);
    border: 1px solid rgba(74, 144, 226, 0.2);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .property-value {
    color: #4a90e2;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .scaling-item {
    background: rgba(74, 144, 226, 0.15);
    border-color: rgba(74, 144, 226, 0.5);
    color: #4a90e2;
    text-shadow: 0 0 2px rgba(74, 144, 226, 0.3);
}

/* 冰霜闪电伤害数值特殊样式 - 冰霜闪电主题 */
.skill-damage-card[data-skill-id="frost_lightning"] .damage-value-large {
    color: #4a90e2 !important;
    text-shadow: 0 0 8px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="frost_lightning"] .damage-value {
    color: #4a90e2 !important;
    text-shadow: 0 0 4px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="frost_lightning"] .damage-label {
    color: #87ceeb !important;
    text-shadow: none !important;
}

/* 冰霜闪电效果标签特殊样式 */
.skill-damage-card[data-skill-id="frost_lightning"] .effect-tab {
    background: rgba(74, 144, 226, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="frost_lightning"] .effect-tab:hover {
    background: rgba(74, 144, 226, 0.2);
    border-color: rgba(74, 144, 226, 0.5);
    box-shadow: 0 0 10px rgba(74, 144, 226, 0.4);
}

.skill-damage-card[data-skill-id="frost_lightning"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(74, 144, 226, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%);
    border-color: #4a90e2;
    box-shadow: 0 0 12px rgba(74, 144, 226, 0.6);
}

.skill-damage-card[data-skill-id="frost_lightning"] .effect-tab .damage-value {
    color: #4a90e2 !important;
    text-shadow: 0 0 4px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

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

/* 冰霜闪电多伤害效果特殊样式 */
.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .effect-name {
    color: #4a90e2;
    text-shadow: 0 0 3px rgba(74, 144, 226, 0.3);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(74, 144, 226, 0.2);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(74, 144, 226, 0.1);
    border-color: rgba(74, 144, 226, 0.4);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(74, 144, 226, 0.15);
    border-color: rgba(74, 144, 226, 0.6);
    box-shadow: 0 0 8px rgba(74, 144, 226, 0.2);
}

.skill-damage-card[data-skill-id="frost_lightning"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(74, 144, 226, 0.3);
}

/* 冰霜闪电特殊伤害颜色 */
.skill-damage-card[data-skill-id="frost_lightning"] .frost-lightning-damage {
    color: #4a90e2 !important;
    text-shadow: 0 0 6px rgba(74, 144, 226, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="frost_lightning"] .frost-ice-damage {
    color: #4682b4 !important;
    text-shadow: 0 0 6px rgba(70, 130, 180, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="frost_lightning"] .electrified-effect {
    color: #87ceeb !important;
    text-shadow: 0 0 4px rgba(135, 206, 235, 0.6) !important;
    font-weight: 700 !important;
}

/* ==================== 闪电风暴技能专属样式 ==================== */
/* 闪电风暴特殊样式 - 闪电风暴主题 */
.skill-damage-card[data-skill-id="lightning_storm"] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    border: 2px solid #4169e1;
    box-shadow: 0 4px 15px rgba(65, 105, 225, 0.3);
}

.skill-damage-card[data-skill-id="lightning_storm"]::before {
    background: radial-gradient(circle at 50% 30%, rgba(65, 105, 225, 0.15) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="lightning_storm"]:hover {
    border: 2px solid #5a7ae8;
    box-shadow: 0 8px 25px rgba(65, 105, 225, 0.5);
}

.skill-damage-card[data-skill-id="lightning_storm"]:hover::before {
    background: radial-gradient(circle at 50% 30%, rgba(65, 105, 225, 0.2) 0%, transparent 60%);
}

/* 闪电风暴头部特殊样式 */
.skill-damage-card[data-skill-id="lightning_storm"] .skill-damage-header {
    background: rgba(65, 105, 225, 0.1);
}

.skill-damage-card[data-skill-id="lightning_storm"] .skill-damage-header:hover {
    background: rgba(65, 105, 225, 0.15);
}

/* 闪电风暴技能名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_storm"] .skill-name {
    color: #4169e1;
    text-shadow: 0 0 4px rgba(65, 105, 225, 0.6);
    font-weight: 600;
}

/* 闪电风暴英文名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_storm"] .skill-english-name {
    color: #87ceeb;
    text-shadow: none;
}

/* 闪电风暴详情特殊样式 */
.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border: 1px solid rgba(65, 105, 225, 0.3);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details h4 {
    color: #4169e1;
    text-shadow: 0 0 2px rgba(65, 105, 225, 0.4);
    border-bottom-color: rgba(65, 105, 225, 0.4);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .property-item {
    background: rgba(65, 105, 225, 0.1);
    border: 1px solid rgba(65, 105, 225, 0.2);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .property-value {
    color: #4169e1;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .scaling-item {
    background: rgba(65, 105, 225, 0.15);
    border-color: rgba(65, 105, 225, 0.5);
    color: #4169e1;
    text-shadow: 0 0 2px rgba(65, 105, 225, 0.3);
}

/* 闪电风暴伤害数值特殊样式 - 闪电风暴主题 */
.skill-damage-card[data-skill-id="lightning_storm"] .damage-value-large {
    color: #4169e1 !important;
    text-shadow: 0 0 8px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_storm"] .damage-value {
    color: #4169e1 !important;
    text-shadow: 0 0 4px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_storm"] .damage-label {
    color: #87ceeb !important;
    text-shadow: none !important;
}

/* 闪电风暴效果标签特殊样式 */
.skill-damage-card[data-skill-id="lightning_storm"] .effect-tab {
    background: rgba(65, 105, 225, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="lightning_storm"] .effect-tab:hover {
    background: rgba(65, 105, 225, 0.2);
    border-color: rgba(65, 105, 225, 0.5);
    box-shadow: 0 0 10px rgba(65, 105, 225, 0.4);
}

.skill-damage-card[data-skill-id="lightning_storm"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(65, 105, 225, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%);
    border-color: #4169e1;
    box-shadow: 0 0 12px rgba(65, 105, 225, 0.6);
}

.skill-damage-card[data-skill-id="lightning_storm"] .effect-tab .damage-value {
    color: #4169e1 !important;
    text-shadow: 0 0 4px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

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

/* 闪电风暴多伤害效果特殊样式 */
.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .effect-name {
    color: #4169e1;
    text-shadow: 0 0 3px rgba(65, 105, 225, 0.3);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(65, 105, 225, 0.2);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(65, 105, 225, 0.1);
    border-color: rgba(65, 105, 225, 0.4);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(65, 105, 225, 0.15);
    border-color: rgba(65, 105, 225, 0.6);
    box-shadow: 0 0 8px rgba(65, 105, 225, 0.2);
}

.skill-damage-card[data-skill-id="lightning_storm"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(65, 105, 225, 0.3);
}

/* 闪电风暴特殊伤害颜色 */
.skill-damage-card[data-skill-id="lightning_storm"] .lightning-storm-damage {
    color: #4169e1 !important;
    text-shadow: 0 0 6px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_storm"] .electrified-effect {
    color: #87ceeb !important;
    text-shadow: 0 0 4px rgba(135, 206, 235, 0.6) !important;
    font-weight: 700 !important;
}

/* ==================== 闪电旋风技能专属样式 ==================== */
/* 闪电旋风特殊样式 - 闪电旋风主题 */
.skill-damage-card[data-skill-id="lightning_vortex"] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    border: 2px solid #4169e1;
    box-shadow: 0 4px 15px rgba(65, 105, 225, 0.3);
}

.skill-damage-card[data-skill-id="lightning_vortex"]::before {
    background: radial-gradient(circle at 50% 30%, rgba(65, 105, 225, 0.15) 0%, transparent 50%);
}

.skill-damage-card[data-skill-id="lightning_vortex"]:hover {
    border: 2px solid #5a7ae8;
    box-shadow: 0 8px 25px rgba(65, 105, 225, 0.5);
}

.skill-damage-card[data-skill-id="lightning_vortex"]:hover::before {
    background: radial-gradient(circle at 50% 30%, rgba(65, 105, 225, 0.2) 0%, transparent 60%);
}

/* 闪电旋风头部特殊样式 */
.skill-damage-card[data-skill-id="lightning_vortex"] .skill-damage-header {
    background: rgba(65, 105, 225, 0.1);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .skill-damage-header:hover {
    background: rgba(65, 105, 225, 0.15);
}

/* 闪电旋风技能名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_vortex"] .skill-name {
    color: #4169e1;
    text-shadow: 0 0 4px rgba(65, 105, 225, 0.6);
    font-weight: 600;
}

/* 闪电旋风英文名称特殊颜色 */
.skill-damage-card[data-skill-id="lightning_vortex"] .skill-english-name {
    color: #87ceeb;
    text-shadow: none;
}

/* 闪电旋风详情特殊样式 */
.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border: 1px solid rgba(65, 105, 225, 0.3);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details h4 {
    color: #4169e1;
    text-shadow: 0 0 2px rgba(65, 105, 225, 0.4);
    border-bottom-color: rgba(65, 105, 225, 0.4);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .property-item {
    background: rgba(65, 105, 225, 0.1);
    border: 1px solid rgba(65, 105, 225, 0.2);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .property-value {
    color: #4169e1;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .scaling-item {
    background: rgba(65, 105, 225, 0.15);
    border-color: rgba(65, 105, 225, 0.5);
    color: #4169e1;
    text-shadow: 0 0 2px rgba(65, 105, 225, 0.3);
}

/* 闪电旋风伤害数值特殊样式 - 闪电旋风主题 */
.skill-damage-card[data-skill-id="lightning_vortex"] .damage-value-large {
    color: #4169e1 !important;
    text-shadow: 0 0 8px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_vortex"] .damage-value {
    color: #4169e1 !important;
    text-shadow: 0 0 4px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_vortex"] .damage-label {
    color: #87ceeb !important;
    text-shadow: none !important;
}

/* 闪电旋风效果标签特殊样式 */
.skill-damage-card[data-skill-id="lightning_vortex"] .effect-tab {
    background: rgba(65, 105, 225, 0.15);
    border: 1px solid transparent;
}

.skill-damage-card[data-skill-id="lightning_vortex"] .effect-tab:hover {
    background: rgba(65, 105, 225, 0.2);
    border-color: rgba(65, 105, 225, 0.5);
    box-shadow: 0 0 10px rgba(65, 105, 225, 0.4);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(65, 105, 225, 0.3) 0%, rgba(135, 206, 235, 0.2) 100%);
    border-color: #4169e1;
    box-shadow: 0 0 12px rgba(65, 105, 225, 0.6);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .effect-tab .damage-value {
    color: #4169e1 !important;
    text-shadow: 0 0 4px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

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

/* 闪电旋风多伤害效果特殊样式 */
.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .effect-name {
    color: #4169e1;
    text-shadow: 0 0 3px rgba(65, 105, 225, 0.3);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(65, 105, 225, 0.2);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(65, 105, 225, 0.1);
    border-color: rgba(65, 105, 225, 0.4);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(65, 105, 225, 0.15);
    border-color: rgba(65, 105, 225, 0.6);
    box-shadow: 0 0 8px rgba(65, 105, 225, 0.2);
}

.skill-damage-card[data-skill-id="lightning_vortex"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(65, 105, 225, 0.3);
}

/* 闪电旋风特殊伤害颜色 */
.skill-damage-card[data-skill-id="lightning_vortex"] .lightning-vortex-damage {
    color: #4169e1 !important;
    text-shadow: 0 0 6px rgba(65, 105, 225, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="lightning_vortex"] .electrified-effect {
    color: #87ceeb !important;
    text-shadow: 0 0 4px rgba(135, 206, 235, 0.6) !important;
    font-weight: 700 !important;
}

/* ========================================================== */
/* =================== 电浆爆特殊样式 =================== */
/* ========================================================== */

/* 电浆爆特殊样式 - 蓝色闪电主题 */
.skill-damage-card[data-skill-id="plasma_blast"] {
    background: linear-gradient(135deg, #1a2a3a 0%, #2a3a4a 100%);
    border: 2px solid #3a4a5a;
    box-shadow: 0 4px 15px rgba(70, 130, 180, 0.25);
}

.skill-damage-card[data-skill-id="plasma_blast"]::before {
    background: radial-gradient(circle at 50% 30%, rgba(70, 130, 180, 0.08) 0%, transparent 70%);
    z-index: 1;
}

.skill-damage-card[data-skill-id="plasma_blast"]:hover {
    border: 2px solid #4682b4;
    box-shadow: 0 8px 25px rgba(70, 130, 180, 0.4);
}

.skill-damage-card[data-skill-id="plasma_blast"]:hover::before {
    background: radial-gradient(circle at 50% 30%, rgba(70, 130, 180, 0.15) 0%, transparent 70%);
}

/* 电浆爆头部特殊样式 */
.skill-damage-card[data-skill-id="plasma_blast"] .skill-damage-header {
    background: rgba(70, 130, 180, 0.08);
}

.skill-damage-card[data-skill-id="plasma_blast"] .skill-damage-header:hover {
    background: rgba(70, 130, 180, 0.12);
}

/* 电浆爆技能名称特殊颜色 */
.skill-damage-card[data-skill-id="plasma_blast"] .skill-name {
    color: #87ceeb;
    text-shadow: 0 0 2px rgba(70, 130, 180, 0.3);
    font-weight: 600;
}

/* 电浆爆英文名称特殊颜色 */
.skill-damage-card[data-skill-id="plasma_blast"] .skill-english-name {
    color: #4682b4;
    text-shadow: none;
}

/* 电浆爆多重伤害效果样式 */
.skill-damage-card[data-skill-id="plasma_blast"] .effect-item {
    background: rgba(70, 130, 180, 0.08);
    border: 1px solid rgba(70, 130, 180, 0.25);
}

.skill-damage-card[data-skill-id="plasma_blast"] .effect-item:hover {
    background: rgba(70, 130, 180, 0.12);
    border-color: rgba(70, 130, 180, 0.4);
    box-shadow: 0 2px 6px rgba(70, 130, 180, 0.2);
}

.skill-damage-card[data-skill-id="plasma_blast"] .effect-item.selected {
    background: rgba(70, 130, 180, 0.22);
    border-color: #4682b4;
    box-shadow: 0 0 10px rgba(70, 130, 180, 0.4);
}

/* 电浆爆效果标签样式 */
.skill-damage-card[data-skill-id="plasma_blast"] .effect-tab {
    background: linear-gradient(135deg, rgba(70, 130, 180, 0.1) 0%, rgba(135, 206, 235, 0.05) 100%);
    border: 1px solid rgba(70, 130, 180, 0);
    color: #87ceeb;
}

.skill-damage-card[data-skill-id="plasma_blast"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(70, 130, 180, 0.18) 0%, rgba(135, 206, 235, 0.1) 100%);
    border-color: rgba(70, 130, 180, 0.4);
    box-shadow: 0 2px 6px rgba(70, 130, 180, 0.25);
}

.skill-damage-card[data-skill-id="plasma_blast"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(70, 130, 180, 0.28) 0%, rgba(135, 206, 235, 0.18) 100%);
    border-color: #4682b4;
    box-shadow: 0 0 10px rgba(70, 130, 180, 0.5);
}

.skill-damage-card[data-skill-id="plasma_blast"] .effect-tab .damage-value {
    color: #87ceeb !important;
    text-shadow: 0 0 4px rgba(70, 130, 180, 0.3);
}

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

/* 电浆爆特殊伤害颜色 */
.skill-damage-card[data-skill-id="plasma_blast"] .plasma-damage {
    color: #4682b4 !important;
    text-shadow: 0 0 6px rgba(70, 130, 180, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="plasma_blast"] .electrified-damage {
    color: #87ceeb !important;
    text-shadow: 0 0 4px rgba(135, 206, 235, 0.6) !important;
    font-weight: 700 !important;
}

/* 电浆爆多伤害效果特殊样式 */
.skill-damage-card[data-skill-id="plasma_blast"] .offensive-skill-details .effect-name {
    color: #4682b4;
    text-shadow: 0 0 3px rgba(70, 130, 180, 0.3);
}

.skill-damage-card[data-skill-id="plasma_blast"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(70, 130, 180, 0.2);
}

.skill-damage-card[data-skill-id="plasma_blast"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(70, 130, 180, 0.1);
    border-color: rgba(70, 130, 180, 0.4);
}

.skill-damage-card[data-skill-id="plasma_blast"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(70, 130, 180, 0.15);
    border-color: rgba(70, 130, 180, 0.6);
    box-shadow: 0 0 8px rgba(70, 130, 180, 0.2);
}

.skill-damage-card[data-skill-id="plasma_blast"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(70, 130, 180, 0.3);
}

/* ==================== 召唤熔岩元素技能专属样式 ==================== */
/* 召唤熔岩元素特殊样式 - 红色岩浆主题 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2a2a 50%, #4a3a3a 100%);
    border: 2px solid #cc4444;
    box-shadow: 0 4px 15px rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(204, 68, 68, 0.15) 0%, transparent 50%);
    z-index: 1;
}

.skill-damage-card[data-skill-id="summon_lava_elemental"]:hover {
    border: 2px solid #dd5555;
    box-shadow: 0 8px 25px rgba(204, 68, 68, 0.5);
}

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

/* 召唤熔岩元素头部特殊样式 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .skill-damage-header {
    background: rgba(204, 68, 68, 0.1);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .skill-damage-header:hover {
    background: rgba(204, 68, 68, 0.15);
}

/* 召唤熔岩元素技能名称特殊颜色 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .skill-name {
    color: #cc4444;
    text-shadow: 0 0 4px rgba(204, 68, 68, 0.6);
    font-weight: 600;
}

/* 召唤熔岩元素英文名称特殊颜色 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .skill-english-name {
    color: #dd6666;
    text-shadow: none;
}

/* 召唤熔岩元素多重伤害效果样式 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-item {
    background: rgba(204, 68, 68, 0.08);
    border: 1px solid rgba(204, 68, 68, 0.25);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-item:hover {
    background: rgba(204, 68, 68, 0.12);
    border-color: rgba(204, 68, 68, 0.4);
    box-shadow: 0 2px 6px rgba(204, 68, 68, 0.2);
}

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

/* 召唤熔岩元素效果标签样式 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-tab {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.1) 0%, rgba(221, 102, 102, 0.05) 100%);
    border: 1px solid rgba(204, 68, 68, 0);
    color: #cc4444;
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.18) 0%, rgba(221, 102, 102, 0.1) 100%);
    border-color: rgba(204, 68, 68, 0.4);
    box-shadow: 0 2px 6px rgba(204, 68, 68, 0.25);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.28) 0%, rgba(221, 102, 102, 0.18) 100%);
    border-color: #cc4444;
    box-shadow: 0 0 10px rgba(204, 68, 68, 0.5);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .effect-tab .damage-value {
    color: #cc4444 !important;
    text-shadow: 0 0 4px rgba(204, 68, 68, 0.3);
}

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

/* 召唤熔岩元素特殊伤害颜色 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .fire-damage {
    color: #cc4444 !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .lava-damage {
    color: #ff6b35 !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .burn-damage {
    color: #ffcc44 !important;
    font-weight: 700 !important;
}

/* 召唤熔岩元素多伤害效果特殊样式 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .effect-name {
    color: #cc4444;
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(204, 68, 68, 0.2);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(204, 68, 68, 0.1);
    border-color: rgba(204, 68, 68, 0.4);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(204, 68, 68, 0.15);
    border-color: rgba(204, 68, 68, 0.6);
    box-shadow: 0 0 8px rgba(204, 68, 68, 0.2);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(204, 68, 68, 0.3);
}

/* 召唤熔岩元素详情特殊样式 */
.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2a2a 100%);
    border: 1px solid rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details h4 {
    color: #cc4444;
    text-shadow: 0 0 2px rgba(204, 68, 68, 0.4);
    border-bottom-color: rgba(204, 68, 68, 0.4);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .property-item {
    background: rgba(204, 68, 68, 0.1);
    border: 1px solid rgba(204, 68, 68, 0.2);
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .property-value {
    color: #cc4444;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="summon_lava_elemental"] .offensive-skill-details .scaling-item {
    background: rgba(204, 68, 68, 0.15);
    border-color: rgba(204, 68, 68, 0.5);
    color: #cc4444;
}

/* =================== 大地之刺技能主题样式 =================== */
.skill-damage-card[data-skill-id="thorn_of_earth"] {
    background: linear-gradient(135deg, #2a241a 0%, #3a342a 50%, #4a443a 100%);
    border: 2px solid #8b7355;
    box-shadow: 0 4px 15px rgba(139, 115, 85, 0.3);
}

.skill-damage-card[data-skill-id="thorn_of_earth"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(139, 115, 85, 0.15) 0%, transparent 50%);
    z-index: 1;
}

.skill-damage-card[data-skill-id="thorn_of_earth"]:hover {
    border: 2px solid #9d7f5f;
    box-shadow: 0 8px 25px rgba(139, 115, 85, 0.5);
}

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

/* 大地之刺头部特殊样式 */
.skill-damage-card[data-skill-id="thorn_of_earth"] .skill-damage-header {
    background: rgba(139, 115, 85, 0.1);
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .skill-damage-header:hover {
    background: rgba(139, 115, 85, 0.15);
}

/* 大地之刺技能名称特殊颜色 */
.skill-damage-card[data-skill-id="thorn_of_earth"] .skill-name {
    color: #8b7355;
    text-shadow: 0 0 4px rgba(139, 115, 85, 0.6);
    font-weight: 600;
}

/* 大地之刺英文名称特殊颜色 */
.skill-damage-card[data-skill-id="thorn_of_earth"] .skill-english-name {
    color: #9d7f5f;
    text-shadow: none;
}

/* 大地之刺土魔法伤害颜色 */
.skill-damage-card[data-skill-id="thorn_of_earth"] .earth-damage {
    color: #8b7355 !important;
    font-weight: 700 !important;
}

/* 大地之刺效果标签特殊样式 */
.skill-damage-card[data-skill-id="thorn_of_earth"] .effect-tab {
    background: linear-gradient(135deg, rgba(139, 115, 85, 0.1) 0%, rgba(157, 127, 95, 0.05) 100%);
    border: 1px solid transparent;
    color: #8b7355;
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .effect-tab:hover {
    background: linear-gradient(135deg, rgba(139, 115, 85, 0.18) 0%, rgba(157, 127, 95, 0.1) 100%);
    border-color: rgba(139, 115, 85, 0.5);
    box-shadow: 0 2px 6px rgba(139, 115, 85, 0.25);
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(139, 115, 85, 0.28) 0%, rgba(157, 127, 95, 0.18) 100%);
    border-color: #8b7355;
    box-shadow: 0 0 10px rgba(139, 115, 85, 0.5);
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .effect-tab .damage-value {
    color: #8b7355 !important;
    text-shadow: 0 0 4px rgba(139, 115, 85, 0.6) !important;
    font-weight: 700 !important;
}

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

/* 大地之刺详情特殊样式 */
.skill-damage-card[data-skill-id="thorn_of_earth"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a241a 0%, #3a342a 100%);
    border: 1px solid rgba(139, 115, 85, 0.3);
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .offensive-skill-details h4 {
    color: #8b7355;
    text-shadow: 0 0 2px rgba(139, 115, 85, 0.4);
    border-bottom-color: rgba(139, 115, 85, 0.4);
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .offensive-skill-details .property-item {
    background: rgba(139, 115, 85, 0.1);
    border: 1px solid rgba(139, 115, 85, 0.2);
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .offensive-skill-details .property-value {
    color: #8b7355;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="thorn_of_earth"] .offensive-skill-details .scaling-item {
    background: rgba(139, 115, 85, 0.15);
    border-color: rgba(139, 115, 85, 0.5);
    color: #8b7355;
}

/* ==================== 火墙技能专属样式 ==================== */
/* 火墙特殊样式 - 深红火焰主题 */
.skill-damage-card[data-skill-id="wall_of_fire"] {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2020 50%, #4a2a2a 100%);
    border: 2px solid #b33333;
    box-shadow: 0 4px 15px rgba(179, 51, 51, 0.3);
}

.skill-damage-card[data-skill-id="wall_of_fire"]::before {
    background: radial-gradient(circle at 30% 40%, rgba(179, 51, 51, 0.12) 0%, transparent 50%);
    z-index: 1;
}

.skill-damage-card[data-skill-id="wall_of_fire"]:hover {
    border: 2px solid #cc4444;
    box-shadow: 0 8px 25px rgba(179, 51, 51, 0.5);
}

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

/* 火墙头部特殊样式 */
.skill-damage-card[data-skill-id="wall_of_fire"] .skill-damage-header {
    background: rgba(179, 51, 51, 0.08);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .skill-damage-header:hover {
    background: rgba(179, 51, 51, 0.12);
}

/* 火墙技能名称特殊颜色 */
.skill-damage-card[data-skill-id="wall_of_fire"] .skill-name {
    color: #cc4444;
    text-shadow: 0 0 4px rgba(179, 51, 51, 0.6);
    font-weight: 600;
}

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

/* 火墙详情特殊样式 */
.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2020 100%);
    border: 1px solid rgba(179, 51, 51, 0.3);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details h4 {
    color: #cc4444;
    text-shadow: 0 0 2px rgba(179, 51, 51, 0.4);
    border-bottom-color: rgba(179, 51, 51, 0.4);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .property-item {
    background: rgba(179, 51, 51, 0.1);
    border: 1px solid rgba(179, 51, 51, 0.2);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .property-value {
    color: #cc4444;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .scaling-item {
    background: rgba(179, 51, 51, 0.15);
    border-color: rgba(179, 51, 51, 0.5);
    color: #cc4444;
    text-shadow: 0 0 2px rgba(179, 51, 51, 0.3);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .effect-name {
    color: #cc4444;
    text-shadow: 0 0 3px rgba(179, 51, 51, 0.3);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(179, 51, 51, 0.2);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(179, 51, 51, 0.1);
    border-color: rgba(179, 51, 51, 0.4);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(179, 51, 51, 0.15);
    border-color: rgba(179, 51, 51, 0.6);
    box-shadow: 0 0 8px rgba(179, 51, 51, 0.3);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(179, 51, 51, 0.3);
}


/* 火墙伤害数值特殊样式 - 深红火焰主题 */
.skill-damage-card[data-skill-id="wall_of_fire"] .damage-value-large {
    color: #cc4444 !important;
    text-shadow: 0 0 8px rgba(179, 51, 51, 0.7) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="wall_of_fire"] .damage-value {
    color: #cc4444 !important;
    text-shadow: 0 0 4px rgba(179, 51, 51, 0.6) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="wall_of_fire"] .damage-label {
    color: #b35555 !important;
    text-shadow: none !important;
}

/* 火墙效果标签特殊样式 */
.skill-damage-card[data-skill-id="wall_of_fire"] .effect-tab {
    background: rgba(179, 51, 51, 0.12);
    border: 1px solid transparent;
    color: #cc4444;
}

.skill-damage-card[data-skill-id="wall_of_fire"] .effect-tab:hover {
    background: rgba(179, 51, 51, 0.18);
    border-color: rgba(179, 51, 51, 0.5);
    box-shadow: 0 0 10px rgba(179, 51, 51, 0.4);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .effect-tab.active {
    background: linear-gradient(135deg, rgba(179, 51, 51, 0.25) 0%, rgba(204, 68, 68, 0.15) 100%);
    border-color: #cc4444;
    box-shadow: 0 0 12px rgba(179, 51, 51, 0.6);
}

.skill-damage-card[data-skill-id="wall_of_fire"] .effect-tab .damage-value {
    color: #cc4444 !important;
    text-shadow: 0 0 4px rgba(179, 51, 51, 0.6) !important;
    font-weight: 700 !important;
}

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

/* ========================================================== */
/* =================== 巫师技能伤害颜色样式 ================ */
/* ========================================================== */

/* 火焰珠伤害样式 - 红色岩浆主题 */
.fire-orb-damage,
.effect-tab .fire-orb-damage,
.damage-value.fire-orb-damage,
.effect-tab .damage-value.fire-orb-damage {
    color: #cc4444 !important;
    text-shadow: 0 0 4px rgba(204, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

/* 雷霆结界伤害样式 - 浅蓝闪电主题 */
.lightning-sphere-damage,
.effect-tab .lightning-sphere-damage,
.damage-value.lightning-sphere-damage,
.effect-tab .damage-value.lightning-sphere-damage {
    color: #5599dd !important;
    text-shadow: 0 0 4px rgba(85, 153, 221, 0.8) !important;
    font-weight: 700 !important;
}

/* 雷电冲刺伤害样式 - 明亮蓝色闪电主题 */
.electric-dash-damage,
.effect-tab .electric-dash-damage,
.damage-value.electric-dash-damage,
.effect-tab .damage-value.electric-dash-damage {
    color: #4488ff !important;
    text-shadow: 0 0 6px rgba(68, 136, 255, 0.8) !important;
    font-weight: 700 !important;
}

/* 旋风伤害样式 - 灰色龙卷风主题 */
.vortex-damage,
.effect-tab .vortex-damage,
.damage-value.vortex-damage,
.effect-tab .damage-value.vortex-damage {
    color: #a0a0a0 !important;
    text-shadow: 0 0 4px rgba(160, 160, 160, 0.6) !important;
    font-weight: 700 !important;
}