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

/* ================= 术士技能通用基础样式 ================= */
/* 术士技能通用悬停变换效果 */
.skill-damage-card[data-skill-id="bloodstained_blade"]:hover,
.skill-damage-card[data-skill-id="power_of_sacrifice"]:hover,
.skill-damage-card[data-skill-id="dark_offering"]:hover,
.skill-damage-card[data-skill-id="blow_of_corruption"]:hover {
    transform: translateY(-2px) translateZ(0);
}

.skill-damage-card[data-skill-id="curse_of_pain"]:hover,
.skill-damage-card[data-skill-id="life_drain"]:hover,
.skill-damage-card[data-skill-id="hellfire"]:hover,
.skill-damage-card[data-skill-id="bolt_of_darkness"]:hover,
.skill-damage-card[data-skill-id="weakening_strike"]:hover {
    transform: translateY(-3px) translateZ(0);
}

.skill-damage-card[data-skill-id="ray_of_darkness"]:hover,
.skill-damage-card[data-skill-id="flame_walker"]:hover,
.skill-damage-card[data-skill-id="summon_hydra"]:hover {
    transform: translateY(-2px);
}

/* ==================== 血腥之刃技能样式 ==================== */
.skill-damage-card[data-skill-id="bloodstained_blade"] {
    background: linear-gradient(135deg, #2e1a1a 0%, #3a2020 100%);
    border: 2px solid #4a2a2a;
}

.skill-damage-card[data-skill-id="bloodstained_blade"]:hover {
    border: 2px solid #cc4444;
    box-shadow: 0 6px 20px rgba(204, 68, 68, 0.4);
}

/* 血腥之刃增益效果文本样式 */
.weapon-damage-boost {
    color: #88cc88 !important;
    font-weight: 600;
}

/* ==================== 牺牲之力技能样式 ==================== */
.skill-damage-card[data-skill-id="power_of_sacrifice"] {
    background: linear-gradient(135deg, #2a1818 0%, #351e1e 100%);
    border: 2px solid #442525;
}

.skill-damage-card[data-skill-id="power_of_sacrifice"]:hover {
    border: 2px solid #aa3333;
    box-shadow: 0 6px 20px rgba(170, 51, 51, 0.4);
}

/* ==================== 黑暗献祭技能样式 ==================== */
.skill-damage-card[data-skill-id="dark_offering"] {
    background: linear-gradient(135deg, #2a1515 0%, #3a1d1d 100%);
    border: 2px solid #4a2222;
}

.skill-damage-card[data-skill-id="dark_offering"]:hover {
    border: 2px solid #cc4444;
    box-shadow: 0 6px 20px rgba(204, 68, 68, 0.4);
}

/* 牺牲之力增益效果文本样式 */
.stat-boost {
    color: #88cc88 !important;
    font-weight: 600;
}

/* 伤害百分比增益效果文本样式 */
.damage-percent-boost {
    color: #ffaa66 !important;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(255, 170, 102, 0.5);
}

/* ==================== 痛苦诅咒技能专属血液主题样式 ==================== */
.skill-damage-card[data-element-type="hybrid"][data-skill-id="curse_of_pain"] {
    border: 2px solid #5a0000;
    border-radius: 12px;
    background: linear-gradient(135deg, 
        rgba(90, 0, 0, 0.25) 0%,      /* 更深的血红色 */
        rgba(139, 0, 0, 0.18) 25%,    /* 暗红色 */
        rgba(90, 0, 0, 0.3) 50%,      /* 深血红 */
        rgba(139, 0, 0, 0.18) 75%,    /* 暗红色 */
        rgba(90, 0, 0, 0.25) 100%     /* 更深的血红色 */
    );
    box-shadow: 0 4px 15px rgba(90, 0, 0, 0.4), 0 4px 10px rgba(139, 0, 0, 0.3);
    position: relative;
    animation: bloodFlow 3s ease-in-out infinite alternate;
}

.skill-damage-card[data-element-type="hybrid"][data-skill-id="curse_of_pain"]:hover {
    border-color: #8b0000;
    box-shadow: 0 8px 25px rgba(90, 0, 0, 0.6), 0 8px 20px rgba(139, 0, 0, 0.5);
}

.skill-damage-card[data-element-type="hybrid"][data-skill-id="curse_of_pain"] .skill-damage-header {
    background: linear-gradient(135deg, rgba(90, 0, 0, 0.35) 0%, rgba(139, 0, 0, 0.25) 50%, rgba(90, 0, 0, 0.35) 100%);
    border-bottom: 1px solid rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-element-type="hybrid"][data-skill-id="curse_of_pain"] .skill-name {
    color: #a01020 !important;
    text-shadow: none;
    font-weight: 700;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.skill-damage-card[data-element-type="hybrid"][data-skill-id="curse_of_pain"] .skill-icon {
    /* 移除边框，保持与其他技能图标一致 */
    box-shadow: 0 0 18px rgba(90, 0, 0, 0.7);
    background: rgba(255, 255, 255, 0); /* 使用透明背景，与其他技能一致 */
}

@keyframes bloodFlow {
    0% {
        box-shadow: none;
    }
    100% {
        box-shadow: none;
    }
}

/* 痛苦诅咒技能 offensive-skill-details 容器完整主题 */
.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details {
    background: linear-gradient(135deg, #1f1212 0%, #1c1010 100%);
    border: 1px solid rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details h4 {
    color: #a01020;
    text-shadow: none;
    border-bottom-color: rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .skill-description p {
    color: #e0e0e0;
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .english-desc {
    color: #aaa !important;
}

/* 黑暗反射（天赋）技能图标样式 - 与自然愈合、淬毒武器保持一致 */
.skill-damage-card[data-skill-id="dark_reflection"] .skill-icon {
    width: 100px !important;
    height: 100px !important;
    position: absolute !important;
    left: 3px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}

/* 酷刑大师（天赋）技能图标样式 - 与自然愈合、淬毒武器完全统一 */
.skill-damage-card[data-skill-id="torture_master"] .skill-icon {
    width: 100px !important;
    height: 100px !important;
    position: absolute !important;
    left: 3px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .property-item {
    background: rgba(90, 0, 0, 0.12);
    border: 1px solid rgba(90, 0, 0, 0.25);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .property-label {
    color: #ccc;
}

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

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .scaling-item {
    background: rgba(139, 0, 0, 0.15);
    border-color: rgba(139, 0, 0, 0.4);
    color: #dc143c;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .effect-name {
    color: #dc143c;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(139, 0, 0, 0.3);
    background: rgba(139, 0, 0, 0.05);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(139, 0, 0, 0.12);
    border-color: rgba(139, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(139, 0, 0, 0.2);
    border-color: rgba(139, 0, 0, 0.7);
    box-shadow: 0 0 8px rgba(220, 20, 60, 0.3);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(139, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .effect-item {
    background: rgba(139, 0, 0, 0.08);
    border-color: rgba(139, 0, 0, 0.2);
}

.skill-damage-card[data-skill-id="curse_of_pain"] .offensive-skill-details .effect-item:hover {
    background: rgba(139, 0, 0, 0.12);
    border-color: rgba(139, 0, 0, 0.3);
}

/* ==================== 生命吸取技能专属血液主题样式 ==================== */
.skill-damage-card[data-skill-id="life_drain"] {
    border: 2px solid #5a0000;
    border-radius: 12px;
    background: linear-gradient(135deg, 
        rgba(90, 0, 0, 0.25) 0%,      /* 更深的血红色 */
        rgba(139, 0, 0, 0.18) 25%,    /* 暗红色 */
        rgba(90, 0, 0, 0.3) 50%,      /* 深血红 */
        rgba(139, 0, 0, 0.18) 75%,    /* 暗红色 */
        rgba(90, 0, 0, 0.25) 100%     /* 更深的血红色 */
    );
    box-shadow: 0 4px 15px rgba(90, 0, 0, 0.4), 0 4px 10px rgba(139, 0, 0, 0.3);
    position: relative;
    animation: bloodFlow 3s ease-in-out infinite alternate;
}

.skill-damage-card[data-skill-id="life_drain"]:hover {
    border-color: #8b0000;
    box-shadow: 0 8px 25px rgba(90, 0, 0, 0.6), 0 8px 20px rgba(139, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="life_drain"] .skill-damage-header {
    background: linear-gradient(135deg, rgba(90, 0, 0, 0.35) 0%, rgba(139, 0, 0, 0.25) 50%, rgba(90, 0, 0, 0.35) 100%);
    border-bottom: 1px solid rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="life_drain"] .skill-name {
    color: #a01020 !important;
    text-shadow: none;
    font-weight: 700;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.skill-damage-card[data-skill-id="life_drain"] .skill-icon {
    box-shadow: 0 0 18px rgba(90, 0, 0, 0.7);
    background: rgba(255, 255, 255, 0); /* 使用透明背景，与其他技能一致 */
}

/* 生命吸取技能 offensive-skill-details 容器完整主题 */
.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details {
    background: linear-gradient(135deg, #1f1212 0%, #1c1010 100%);
    border: 1px solid rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details h4 {
    color: #a01020;
    text-shadow: none;
    border-bottom-color: rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .skill-description p {
    color: #e0e0e0;
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .english-desc {
    color: #aaa !important;
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .property-item {
    background: rgba(90, 0, 0, 0.12);
    border: 1px solid rgba(90, 0, 0, 0.25);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .property-label {
    color: #ccc;
}

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

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .scaling-item {
    background: rgba(139, 0, 0, 0.15);
    border-color: rgba(139, 0, 0, 0.4);
    color: #dc143c;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .effect-name {
    color: #dc143c;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(139, 0, 0, 0.3);
    background: rgba(139, 0, 0, 0.05);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(139, 0, 0, 0.12);
    border-color: rgba(139, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(139, 0, 0, 0.2);
    border-color: rgba(139, 0, 0, 0.7);
    box-shadow: 0 0 8px rgba(220, 20, 60, 0.3);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(139, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .effect-item {
    background: rgba(139, 0, 0, 0.08);
    border-color: rgba(139, 0, 0, 0.2);
}

.skill-damage-card[data-skill-id="life_drain"] .offensive-skill-details .effect-item:hover {
    background: rgba(139, 0, 0, 0.12);
    border-color: rgba(139, 0, 0, 0.3);
}

.skill-damage-card[data-skill-id="life_drain"] .healing-effect {
    background: rgba(90, 0, 0, 0.15);
    border: 1px solid rgba(90, 0, 0, 0.4);
    border-radius: 6px;
    padding: 8px;
    margin: 8px 0;
}

.skill-damage-card[data-skill-id="life_drain"] .healing-effect .healing-label {
    color: #90ee90;
    font-weight: 600;
    font-size: 12px;
}

.skill-damage-card[data-skill-id="life_drain"] .healing-effect .healing-description {
    color: #90ee90;
    font-size: 11px;
    margin-top: 4px;
}

/* ==================== 地狱火技能专属暗红色火焰主题样式 ==================== */
.skill-damage-card[data-skill-id="hellfire"] {
    border: 2px solid #3a0000;
    border-radius: 12px;
    background: linear-gradient(135deg, 
        rgba(58, 0, 0, 0.35) 0%,      /* 更深暗红色 */
        rgba(90, 0, 0, 0.25) 25%,     /* 深暗红色 */
        rgba(58, 0, 0, 0.4) 50%,      /* 更深暗红色 */
        rgba(90, 0, 0, 0.25) 75%,     /* 深暗红色 */
        rgba(58, 0, 0, 0.35) 100%     /* 更深暗红色 */
    );
    box-shadow: 0 4px 15px rgba(58, 0, 0, 0.5), 0 4px 10px rgba(90, 0, 0, 0.4);
    position: relative;
}

.skill-damage-card[data-skill-id="hellfire"]:hover {
    border-color: #5a0000;
    box-shadow: 0 8px 25px rgba(58, 0, 0, 0.7), 0 8px 20px rgba(90, 0, 0, 0.6);
}

.skill-damage-card[data-skill-id="hellfire"] .skill-damage-header {
    background: linear-gradient(135deg, rgba(58, 0, 0, 0.45) 0%, rgba(90, 0, 0, 0.35) 50%, rgba(58, 0, 0, 0.45) 100%);
    border-bottom: 1px solid rgba(58, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="hellfire"] .skill-name {
    color: #801010 !important;
    text-shadow: none;
    font-weight: 700;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.skill-damage-card[data-skill-id="hellfire"] .skill-icon {
    box-shadow: 0 0 18px rgba(58, 0, 0, 0.8);
    background: rgba(255, 255, 255, 0); /* 使用透明背景，与其他技能一致 */
}

/* 地狱火技能 offensive-skill-details 容器完整主题 */
.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a0f0f 0%, #170d0d 100%);
    border: 1px solid rgba(58, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details h4 {
    color: #801010;
    text-shadow: none;
    border-bottom-color: rgba(58, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .skill-description p {
    color: #d0d0d0;
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .english-desc {
    color: #999 !important;
}

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

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .property-label {
    color: #bbb;
}

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

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .scaling-item {
    background: rgba(90, 0, 0, 0.2);
    border-color: rgba(90, 0, 0, 0.5);
    color: #b01030;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .effect-name {
    color: #b01030;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(90, 0, 0, 0.4);
    background: rgba(90, 0, 0, 0.08);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(90, 0, 0, 0.15);
    border-color: rgba(90, 0, 0, 0.6);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(90, 0, 0, 0.25);
    border-color: rgba(90, 0, 0, 0.8);
    box-shadow: 0 0 8px rgba(176, 16, 48, 0.4);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(90, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .effect-item {
    background: rgba(90, 0, 0, 0.12);
    border-color: rgba(90, 0, 0, 0.3);
}

.skill-damage-card[data-skill-id="hellfire"] .offensive-skill-details .effect-item:hover {
    background: rgba(90, 0, 0, 0.18);
    border-color: rgba(90, 0, 0, 0.4);
}

/* 地狱火特殊效果样式 */
.skill-damage-card[data-skill-id="hellfire"] .hellfire-effect {
    background: rgba(90, 0, 0, 0.15);
    border: 1px solid rgba(90, 0, 0, 0.4);
    border-radius: 6px;
    padding: 8px;
    margin: 8px 0;
}

.skill-damage-card[data-skill-id="hellfire"] .hellfire-effect .hellfire-label {
    color: #b01030;
    font-weight: 600;
    font-size: 12px;
}

.skill-damage-card[data-skill-id="hellfire"] .hellfire-effect .hellfire-description {
    color: #d03040;
    font-size: 11px;
    margin-top: 4px;
}

/* ==================== 黑暗箭技能专属样式 ==================== */
.skill-damage-card[data-skill-id="bolt_of_darkness"] {
    border: 2px solid #4a0080;
    border-radius: 12px;
    background: linear-gradient(135deg, 
        rgba(74, 0, 128, 0.25) 0%,      /* 深紫色 */
        rgba(34, 0, 68, 0.18) 25%,      /* 更深紫色 */
        rgba(20, 0, 40, 0.3) 50%,       /* 极深紫色 */
        rgba(34, 0, 68, 0.18) 75%,      /* 更深紫色 */
        rgba(74, 0, 128, 0.25) 100%     /* 深紫色 */
    );
    box-shadow: 0 4px 15px rgba(74, 0, 128, 0.4), 0 4px 10px rgba(34, 0, 68, 0.3);
    position: relative;
}

.skill-damage-card[data-skill-id="bolt_of_darkness"]:hover {
    border-color: #6a00a0;
    box-shadow: 0 8px 25px rgba(74, 0, 128, 0.6), 0 8px 20px rgba(34, 0, 68, 0.5);
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .skill-damage-header {
    background: linear-gradient(135deg, rgba(74, 0, 128, 0.35) 0%, rgba(34, 0, 68, 0.25) 50%, rgba(74, 0, 128, 0.35) 100%);
    border-bottom: 1px solid rgba(74, 0, 128, 0.4);
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .skill-name {
    color: #8844cc !important;
    text-shadow: 0 0 10px rgba(136, 68, 204, 0.5);
    font-weight: 700;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .skill-icon {
    box-shadow: 0 0 18px rgba(74, 0, 128, 0.7);
    background: rgba(255, 255, 255, 0); /* 使用透明背景，与其他技能一致 */
}

/* 黑暗箭技能 offensive-skill-details 容器完整主题 */
.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a0d2e 0%, #0f0520 100%);
    border: 1px solid rgba(74, 0, 128, 0.4);
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details h4 {
    color: #8844cc;
    text-shadow: 0 0 8px rgba(136, 68, 204, 0.3);
    border-bottom-color: rgba(74, 0, 128, 0.4);
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details .skill-description p {
    color: #e0e0e0;
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details .english-desc {
    color: #aaa !important;
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details .property-item {
    background: rgba(74, 0, 128, 0.12);
    border: 1px solid rgba(74, 0, 128, 0.25);
}

.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details .property-label {
    color: #ccc;
}

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

.skill-damage-card[data-skill-id="bolt_of_darkness"] .offensive-skill-details .scaling-item {
    background: rgba(74, 0, 128, 0.15);
    border-color: rgba(74, 0, 128, 0.4);
    color: #8844cc;
    text-shadow: none;
}

/* 黑暗箭效果标签特殊样式 */
.skill-damage-card[data-skill-id="bolt_of_darkness"] .effect-tab {
    background: linear-gradient(135deg, rgba(74, 0, 128, 0.1) 0%, rgba(136, 68, 204, 0.05) 100%);
    border: 1px solid transparent;
    color: #8844cc;
}

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

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

.skill-damage-card[data-skill-id="bolt_of_darkness"] .effect-tab .damage-value {
    color: #aa54ff !important;
    font-weight: 700 !important;
}

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

/* ==================== 黑暗光线技能专属样式 ==================== */
.skill-damage-card[data-skill-id="ray_of_darkness"] {
    background: linear-gradient(135deg, #1a0d1a 0%, #2d1a2d 50%, #3d2a3d 100%);
    border: 2px solid #6633aa;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(102, 51, 170, 0.3);
    position: relative;
    animation: darkRayGlow 4s ease-in-out infinite alternate;
}

@keyframes darkRayGlow {
    0% {
        box-shadow: 0 4px 15px rgba(102, 51, 170, 0.3), 0 0 20px rgba(136, 68, 204, 0.1);
    }
    50% {
        box-shadow: 0 4px 20px rgba(102, 51, 170, 0.4), 0 0 30px rgba(136, 68, 204, 0.2);
    }
    100% {
        box-shadow: 0 4px 15px rgba(102, 51, 170, 0.3), 0 0 20px rgba(136, 68, 204, 0.1);
    }
}

.skill-damage-card[data-skill-id="ray_of_darkness"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(102, 51, 170, 0.1) 0%, transparent 60%);
    border-radius: 10px;
    pointer-events: none;
}

.skill-damage-card[data-skill-id="ray_of_darkness"]:hover {
    border: 2px solid #7744bb;
    box-shadow: 0 8px 25px rgba(102, 51, 170, 0.5), 0 0 40px rgba(136, 68, 204, 0.3);
}

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

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-name {
    color: #aa66dd;
    text-shadow: 0 0 8px rgba(170, 102, 221, 0.5);
    font-weight: 700;
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-icon {
    filter: drop-shadow(0 0 8px rgba(102, 51, 170, 0.6));
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-description {
    color: #cc99ee;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-requirements {
    color: #bb88dd;
    background: rgba(102, 51, 170, 0.1);
    border: 1px solid rgba(102, 51, 170, 0.3);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-cooldown {
    color: #bb88dd;
    background: rgba(102, 51, 170, 0.1);
    border: 1px solid rgba(102, 51, 170, 0.3);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-mana-cost {
    color: #bb88dd;
    background: rgba(102, 51, 170, 0.1);
    border: 1px solid rgba(102, 51, 170, 0.3);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .skill-cast-time {
    color: #bb88dd;
    background: rgba(102, 51, 170, 0.1);
    border: 1px solid rgba(102, 51, 170, 0.3);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details {
    background: rgba(102, 51, 170, 0.05);
    border: 1px solid rgba(102, 51, 170, 0.2);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .effect-name {
    color: #aa66dd;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(102, 51, 170, 0.3);
    background: rgba(102, 51, 170, 0.05);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(102, 51, 170, 0.12);
    border-color: rgba(102, 51, 170, 0.5);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(102, 51, 170, 0.2);
    border-color: rgba(102, 51, 170, 0.7);
    box-shadow: 0 0 8px rgba(170, 102, 221, 0.3);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(102, 51, 170, 0.4);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .effect-item {
    background: rgba(102, 51, 170, 0.08);
    border-color: rgba(102, 51, 170, 0.2);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .offensive-skill-details .effect-item:hover {
    background: rgba(102, 51, 170, 0.12);
    border-color: rgba(102, 51, 170, 0.3);
}

.skill-damage-card[data-skill-id="ray_of_darkness"] .effect-tab .damage-value {
    color: #9f3eff !important;
    font-weight: 700 !important;
}

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

/* ==================== 火焰行者技能专属样式 ==================== */
.skill-damage-card[data-skill-id="flame_walker"] {
    background: linear-gradient(135deg, #2a1515 0%, #3a1f1f 50%, #4a2525 100%);
    border: 2px solid #994444;
    box-shadow: 0 4px 15px rgba(153, 68, 68, 0.3);
    position: relative;
}

.skill-damage-card[data-skill-id="flame_walker"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 40%, rgba(153, 68, 68, 0.15) 0%, transparent 50%);
    border-radius: 8px;
    pointer-events: none;
}

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

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

/* 火焰行者头部特殊样式 */
.skill-damage-card[data-skill-id="flame_walker"] .skill-damage-header {
    background: rgba(153, 68, 68, 0.1);
    position: relative;
    z-index: 2;
}

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

/* 火焰行者技能名称特殊颜色 */
.skill-damage-card[data-skill-id="flame_walker"] .skill-name {
    color: #994444;
    text-shadow: 0 0 4px rgba(153, 68, 68, 0.6);
    font-weight: 600;
}

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

/* 火焰行者详情特殊样式 */
.skill-damage-card[data-skill-id="flame_walker"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2a2a 100%);
    border: 1px solid rgba(153, 68, 68, 0.3);
}

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

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

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

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

/* 火焰行者伤害数值特殊样式 - 浅红色火焰主题 */
.skill-damage-card[data-skill-id="flame_walker"] .damage-value-large {
    color: #994444 !important;
    text-shadow: 0 0 8px rgba(153, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

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

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

/* 火焰行者效果标签特殊样式 */
.skill-damage-card[data-skill-id="flame_walker"] .effect-tab {
    background: rgba(153, 68, 68, 0.15);
    border: 1px solid transparent;
}

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

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

.skill-damage-card[data-skill-id="flame_walker"] .effect-tab .damage-value {
    color: #e14242 !important;
    font-weight: 700 !important;
}

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

/* 火焰行者多伤害效果特殊样式 */
.skill-damage-card[data-skill-id="flame_walker"] .offensive-skill-details .effect-name {
    color: #994444;
    text-shadow: 0 0 3px rgba(153, 68, 68, 0.3);
}

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

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

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

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

/* 火焰行者特殊伤害颜色 */
.skill-damage-card[data-skill-id="flame_walker"] .fire-damage {
    color: #994444 !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="flame_walker"] .fire-dps-damage {
    color: #885555 !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="flame_walker"] .fire-max-dps-damage {
    color: #bb6666 !important;
    font-weight: 700 !important;
}

/* ==================== 召唤九头蛇技能专属样式 ==================== */
.skill-damage-card[data-skill-id="summon_hydra"] {
    background: linear-gradient(135deg, #2a1515 0%, #3a1f1f 50%, #4a2525 100%);
    border: 2px solid #994444;
    box-shadow: 0 4px 15px rgba(153, 68, 68, 0.3);
    position: relative;
}

.skill-damage-card[data-skill-id="summon_hydra"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(153, 68, 68, 0.12) 0%, transparent 60%);
    border-radius: 8px;
    pointer-events: none;
}

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

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

/* 召唤九头蛇头部特殊样式 */
.skill-damage-card[data-skill-id="summon_hydra"] .skill-damage-header {
    background: rgba(153, 68, 68, 0.1);
    position: relative;
    z-index: 2;
}

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

/* 召唤九头蛇技能名称特殊颜色 */
.skill-damage-card[data-skill-id="summon_hydra"] .skill-name {
    color: #994444;
    text-shadow: 0 0 4px rgba(153, 68, 68, 0.6);
    font-weight: 600;
}

/* 召唤九头蛇英文名称特殊颜色 */
.skill-damage-card[data-skill-id="summon_hydra"] .skill-english-name {
    color: #aa5555;
    text-shadow: none;
}

/* 召唤九头蛇详情特殊样式 */
.skill-damage-card[data-skill-id="summon_hydra"] .offensive-skill-details {
    background: linear-gradient(135deg, #2a1515 0%, #3a1f1f 100%);
    border: 1px solid rgba(153, 68, 68, 0.3);
}

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

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

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

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

/* 召唤九头蛇伤害数值特殊样式 - 暗淡红色岩浆主题 */
.skill-damage-card[data-skill-id="summon_hydra"] .damage-value-large {
    color: #994444 !important;
    text-shadow: 0 0 8px rgba(153, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="summon_hydra"] .damage-value {
    color: #994444 !important;
    text-shadow: 0 0 4px rgba(153, 68, 68, 0.6) !important;
    font-weight: 600 !important;
}

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

.skill-damage-card[data-skill-id="summon_hydra"] .effect-tab {
    background: rgba(153, 68, 68, 0.1);
    border: 1px solid rgba(153, 68, 68, 0.3);
    color: #994444;
}

.skill-damage-card[data-skill-id="summon_hydra"] .effect-tab:hover {
    background: rgba(153, 68, 68, 0.2);
    border-color: rgba(153, 68, 68, 0.5);
}

.skill-damage-card[data-skill-id="summon_hydra"] .effect-tab.active {
    background: rgba(153, 68, 68, 0.3);
    border-color: rgba(153, 68, 68, 0.7);
    color: #994444;
}

.skill-damage-card[data-skill-id="summon_hydra"] .effect-tab .damage-value {
    color: #d44343 !important;
    font-weight: 700 !important;
}

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

.skill-damage-card[data-skill-id="summon_hydra"] .offensive-skill-details .effect-name {
    color: #994444;
    font-weight: 600;
}

.skill-damage-card[data-skill-id="summon_hydra"] .offensive-skill-details .multi-damage-effect {
    background: rgba(153, 68, 68, 0.1);
    border: 1px solid rgba(153, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="summon_hydra"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(153, 68, 68, 0.2);
    border-color: rgba(153, 68, 68, 0.5);
}

.skill-damage-card[data-skill-id="summon_hydra"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(153, 68, 68, 0.3);
    border-color: rgba(153, 68, 68, 0.7);
    color: #994444;
}

.skill-damage-card[data-skill-id="summon_hydra"] .offensive-skill-details .damage-calculation {
    background: rgba(153, 68, 68, 0.08);
    border: 1px solid rgba(153, 68, 68, 0.25);
}

/* 九头蛇特殊伤害颜色定义 */
.hydra-fireball-damage,
.effect-tab .hydra-fireball-damage,
.damage-value.hydra-fireball-damage,
.effect-tab .damage-value.hydra-fireball-damage {
    color: #994444 !important;
    text-shadow: 0 0 6px rgba(153, 68, 68, 0.8) !important;
    font-weight: 700 !important;
}

.hydra-total-damage,
.effect-tab .hydra-total-damage,
.damage-value.hydra-total-damage,
.effect-tab .damage-value.hydra-total-damage {
    color: #994444 !important;
    text-shadow: 0 0 4px rgba(153, 68, 68, 0.6) !important;
    font-weight: 600 !important;
}

/* ==================== 术士元素伤害类型样式 ==================== */

/* 邪恶伤害颜色样式 */
.evil-damage {
    color: #dc143c !important;
    text-shadow: none;
    font-weight: 700;
}

/* 诅咒伤害颜色样式 */
.curse-damage {
    color: #9370db !important;
    text-shadow: none;
    font-weight: 700;
}

/* 混合伤害颜色样式 */
.hybrid-damage {
    background: linear-gradient(45deg, #dc143c, #9370db, #8b0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 12px rgba(220, 20, 60, 0.8);
    font-weight: 700;
}

/* 黑暗伤害颜色样式 */
.dark-damage {
    color: #f0295e !important;
    /*text-shadow: 0 0 8px rgba(136, 68, 204, 0.5);*/
    font-weight: 700;
}

/* 黑暗总伤害颜色样式 */
.dark-total-damage {
    color: #6633aa !important;
    text-shadow: 0 0 10px rgba(102, 51, 170, 0.6);
    font-weight: 700;
}

/* 邪恶总伤害颜色样式 */
.evil-total-damage {
    color: #e53434 !important;
    text-shadow: none;
    font-weight: 700;
}

/* 火焰总伤害颜色样式 */
.fire-total-damage {
    color: #5a0000 !important;
    text-shadow: none;
    font-weight: 700;
}

/* ==================== 腐败一击技能专属样式 ==================== */
.skill-damage-card[data-skill-id="blow_of_corruption"] {
    background: linear-gradient(135deg, #1a0d0d 0%, #2a1515 100%);
    border: 2px solid #4a2222;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(74, 34, 34, 0.4);
    position: relative;
}

.skill-damage-card[data-skill-id="blow_of_corruption"]:hover {
    border: 2px solid #663333;
    box-shadow: 0 6px 20px rgba(102, 51, 51, 0.5);
}

/* 腐败一击增益状态时的特殊效果 - 已删除，使用通用绿色主题 */

/* 腐败一击头部样式 */
.skill-damage-card[data-skill-id="blow_of_corruption"] .skill-damage-header {
    background: linear-gradient(135deg, rgba(74, 34, 34, 0.2) 0%, rgba(125, 45, 45, 0.15) 100%);
    border-bottom: 1px solid rgba(74, 34, 34, 0.4);
}

.skill-damage-card[data-skill-id="blow_of_corruption"] .skill-name {
    color: #dc143c !important;
    text-shadow: 0 0 8px rgba(220, 20, 60, 0.4);
    font-weight: 700;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

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

.skill-damage-card[data-skill-id="blow_of_corruption"] .skill-icon {
    background: rgba(255, 255, 255, 0);
}

/* 腐败一击增益效果文本样式 */
.blow-of-corruption-boost {
    color: #dc143c !important;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(220, 20, 60, 0.4);
}

/* 腐败一击技能详情容器样式 */
.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details {
    background: linear-gradient(135deg, #1a0f0f 0%, #2a1515 100%);
    border: 1px solid rgba(74, 34, 34, 0.4);
}

.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details h4 {
    color: #dc143c;
    text-shadow: 0 0 5px rgba(220, 20, 60, 0.3);
    border-bottom-color: rgba(74, 34, 34, 0.4);
}

.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details .skill-description p {
    color: #e0e0e0;
}

.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details .english-desc {
    color: #aaa !important;
}

.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details .property-item {
    background: rgba(74, 34, 34, 0.15);
    border: 1px solid rgba(74, 34, 34, 0.3);
}

.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details .property-label {
    color: #ccc;
}

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

.skill-damage-card[data-skill-id="blow_of_corruption"] .offensive-skill-details .scaling-item {
    background: rgba(220, 20, 60, 0.15);
    border-color: rgba(220, 20, 60, 0.4);
    color: #dc143c;
    text-shadow: none;
}



/* 削弱打击技能详情容器 - 使用标准样式 */
.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details {
    background: linear-gradient(135deg, #1f1212 0%, #1c1010 100%);
    border: 1px solid rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details h4 {
    color: #a01020;
    text-shadow: none;
    border-bottom-color: rgba(90, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .skill-description p {
    color: #e0e0e0;
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .english-desc {
    color: #aaa !important;
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .property-item {
    background: rgba(90, 0, 0, 0.12);
    border: 1px solid rgba(90, 0, 0, 0.25);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .property-label {
    color: #ccc;
}

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

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .scaling-item {
    background: rgba(139, 0, 0, 0.15);
    border-color: rgba(139, 0, 0, 0.4);
    color: #dc143c;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .effect-name {
    color: #dc143c;
    text-shadow: none;
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .multi-damage-effect {
    border: 1px solid rgba(139, 0, 0, 0.3);
    background: rgba(139, 0, 0, 0.05);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .multi-damage-effect:hover {
    background: rgba(139, 0, 0, 0.12);
    border-color: rgba(139, 0, 0, 0.5);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .multi-damage-effect.selected {
    background: rgba(139, 0, 0, 0.2);
    border-color: rgba(139, 0, 0, 0.7);
    box-shadow: 0 0 8px rgba(220, 20, 60, 0.3);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .damage-calculation {
    border-top-color: rgba(139, 0, 0, 0.4);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .effect-item {
    background: rgba(139, 0, 0, 0.08);
    border-color: rgba(139, 0, 0, 0.2);
}

.skill-damage-card[data-skill-id="weakening_strike"] .offensive-skill-details .effect-item:hover {
    background: rgba(139, 0, 0, 0.12);
    border-color: rgba(139, 0, 0, 0.3);
}

/* ==================== 血之契约技能样式 ==================== */
.skill-damage-card[data-skill-id="blood_contract"] {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2020 100%);
    border: 2px solid #6a2a2a;
    position: relative;
    overflow: hidden;
}

.skill-damage-card[data-skill-id="blood_contract"]:hover {
    border: 2px solid #cc4444;
    box-shadow: 0 6px 20px rgba(204, 68, 68, 0.4);
}

/* 移除血之契约默认状态下的脉冲光效果，只在激活状态下显示 */

/* hellfire-glow动画已移除，不再需要 */

/* 血之契约变身技能名称样式 */
.skill-damage-card[data-skill-id="blood_contract"] .skill-name.skill-transformation {
    color: #cc4444;
    text-shadow: 0 0 8px rgba(204, 68, 68, 0.5);
}

/* 血之契约变身按钮样式 */
.skill-damage-card[data-skill-id="blood_contract"] .transform-btn {
    background: linear-gradient(135deg, #ff6b6b 0%, #cc4444 100%);
    border: 2px solid #ff6b6b;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 12px;
    min-width: 60px;
    justify-content: center;
    white-space: nowrap;
}

.skill-damage-card[data-skill-id="blood_contract"] .transform-btn:hover {
    background: linear-gradient(135deg, #ff7b7b 0%, #dd5555 100%);
    border: 2px solid #ff8888;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}

/* 碎片按钮样式 */
.fragment-btn {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    border: 2px solid #9b59b6;
    color: white;
    padding: 4px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 60px;
    justify-content: center;
    white-space: nowrap;
}

.fragment-btn:hover {
    background: linear-gradient(135deg, #b575c2 0%, #a855b8 100%);
    border-color: #b575c2;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(155, 89, 182, 0.4);
}

.fragment-btn.fragment-active {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    border-color: #e74c3c;
}

.fragment-btn.fragment-active:hover {
    background: linear-gradient(135deg, #ec7063 0%, #e74c3c 100%);
    border-color: #ec7063;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

.fragment-btn i {
    font-size: 12px;
}

.fragment-btn .btn-text {
    font-size: 12px;
    font-weight: 600;
}

.skill-damage-card[data-skill-id="blood_contract"] .transform-btn.transformed {
    background: linear-gradient(135deg, #4a2a2a 0%, #6a2a2a 100%);
    border: 2px solid #8a2a2a;
    color: #ff6666;
}

.skill-damage-card[data-skill-id="blood_contract"] .transform-btn.transformed:hover {
    background: linear-gradient(135deg, #6a2a2a 0%, #8a2a2a 100%);
    border: 2px solid #cc4444;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="blood_contract"] .transform-btn i {
    font-size: 16px;
}

/* 血之契约DPS效果样式 */
.transformation-dps-effect {
    background: linear-gradient(135deg, #2a1a1a 0%, #3a2020 100%);
    border: 1px solid #6a2a2a;
    border-radius: 8px;
    padding: 12px;
    margin: 8px 0;
    position: relative;
    overflow: hidden;
}

.transformation-dps-effect:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 100, 100, 0.1), transparent);
    animation: hellfire-dps-glow 2s infinite;
}

@keyframes hellfire-dps-glow {
    0% { left: -100%; }
    100% { left: 100%; }
}

.dps-effect-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.dps-effect-header i {
    color: #ff6666;
    margin-right: 8px;
    font-size: 16px;
}

.dps-effect-name {
    color: #ff6666;
    font-weight: 600;
    font-size: 14px;
}

.dps-effect-damage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.dps-effect-damage .damage-value {
    font-size: 18px;
    font-weight: 700;
    color: #ff4444;
    text-shadow: 0 0 6px rgba(255, 68, 68, 0.6);
}

.dps-effect-damage .damage-type {
    color: #cc8888;
    font-size: 12px;
    font-weight: 500;
}

.dps-effect-description {
    color: #ccaaaa;
    font-size: 12px;
    line-height: 1.4;
}

/* 炼狱之焰伤害颜色 */
.hellfire-damage {
    color: #ff4444 !important;
    text-shadow: 0 0 6px rgba(255, 68, 68, 0.6);
}

/* 血之契约子技能样式 */
.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option[data-sub-skill-id="demon_weakening_strike"] {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.15) 0%, rgba(170, 34, 34, 0.1) 100%);
    border: 1px solid rgba(204, 68, 68, 0.4);
    color: #ff6666;
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option[data-sub-skill-id="demon_weakening_strike"]:hover {
    border: 1px solid #cc4444;
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.25) 0%, rgba(170, 34, 34, 0.15) 100%);
    box-shadow: 0 2px 8px rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option[data-sub-skill-id="demon_dark_arrow"] {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.15) 0%, rgba(170, 34, 34, 0.1) 100%);
    border: 1px solid rgba(204, 68, 68, 0.4);
    color: #ff6666;
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option[data-sub-skill-id="demon_dark_arrow"]:hover {
    border: 1px solid #cc4444;
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.25) 0%, rgba(170, 34, 34, 0.15) 100%);
    box-shadow: 0 2px 8px rgba(204, 68, 68, 0.3);
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option[data-sub-skill-id="hellfire_aura"] {
    background: linear-gradient(135deg, rgba(255, 102, 51, 0.15) 0%, rgba(204, 68, 34, 0.1) 100%);
    border: 1px solid rgba(255, 102, 51, 0.4);
    color: #ff6633;
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option[data-sub-skill-id="hellfire_aura"]:hover {
    border: 1px solid #ff6633;
    background: linear-gradient(135deg, rgba(255, 102, 51, 0.25) 0%, rgba(204, 68, 34, 0.15) 100%);
    box-shadow: 0 2px 8px rgba(255, 102, 51, 0.3);
}

/* 血之契约变身攻击容器 */
.skill-damage-card[data-skill-id="blood_contract"] .transformation-attacks-container {
    display: flex;
    gap: 12px;
    margin-right: 16px;
}

/* 血之契约变身攻击选项样式 */
.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.1) 0%, rgba(204, 68, 68, 0.05) 100%);
    border: 1px solid rgba(204, 68, 68, 0.3);
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 79px;
    color: #ff6666;
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option:hover {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.2) 0%, rgba(204, 68, 68, 0.1) 100%);
    border-color: rgba(204, 68, 68, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(204, 68, 68, 0.2);
}

.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option.selected {
    background: linear-gradient(135deg, rgba(204, 68, 68, 0.3) 0%, rgba(204, 68, 68, 0.15) 100%);
    border-color: #cc4444;
    box-shadow: 0 0 10px rgba(204, 68, 68, 0.4);
    color: #ff8888;
}

/* 血之契约变身效果样式 */
.skill-damage-card[data-skill-id="blood_contract"] .positive-effects .effect-item {
    color: #66ff66;
    background: rgba(102, 255, 102, 0.1);
    border: 1px solid rgba(102, 255, 102, 0.3);
}

.skill-damage-card[data-skill-id="blood_contract"] .negative-effects .effect-item {
    color: #ff6666;
    background: rgba(255, 102, 102, 0.1);
    border: 1px solid rgba(255, 102, 102, 0.3);
}

/* 血之契约伤害数值样式 - 使用更高特异性覆盖通用样式 */
.skill-damage-card[data-skill-id="blood_contract"] .damage-value,
.skill-damage-card[data-skill-id="blood_contract"] .offensive-skill-details .damage-value,
.skill-damage-card[data-skill-id="blood_contract"] .damage-calculation .damage-value {
    color: #ff9999 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

.skill-damage-card[data-skill-id="blood_contract"] .effect-tab .damage-value,
.skill-damage-card[data-skill-id="blood_contract"] .offensive-skill-details .effect-tab .damage-value {
    color: #ffaaaa !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* 血之契约大型伤害数值样式 */
.skill-damage-card[data-skill-id="blood_contract"] .damage-value-large {
    color: #ff9999 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    font-size: 32px !important;
}

/* 血之契约中等伤害数值样式 */
.skill-damage-card[data-skill-id="blood_contract"] .damage-value-medium {
    color: #ff9999 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* 强制覆盖所有可能的damage-value类 */
.skill-damage-card[data-skill-id="blood_contract"] .damage-value,
.skill-damage-card[data-skill-id="blood_contract"] .damage-value-large,
.skill-damage-card[data-skill-id="blood_contract"] .damage-value-medium,
.skill-damage-card[data-skill-id="blood_contract"] .transformation-attack-option .damage-value-medium,
.skill-damage-card[data-skill-id="blood_contract"] .skill-damage-container .damage-value-large,
.skill-damage-card[data-skill-id="blood_contract"] .skill-damage-tab .damage-value-large {
    color: #ff9999 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}