/* ========================================================== */
/* =================== 游侠技能样式 =================== */
/* ========================================================== */

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

/* 散射技能特殊样式 - 灰色主题 */
.skill-damage-card[data-skill-id="multishot"] {
    background: linear-gradient(135deg, #2a2a2a 0%, #353535 100%);
    border: 2px solid #4a4a4a;
}

.skill-damage-card[data-skill-id="multishot"]:hover {
    border: 2px solid #888;
    box-shadow: 0 6px 20px rgba(136, 136, 136, 0.3);
}

/* 散射技能详细计算流程样式 - 灰色主题 */
.skill-damage-card[data-skill-id="multishot"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a2a2a 0%, #353535 100%);
    border: 1px solid rgba(136, 136, 136, 0.3);
}

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

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

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

/* 散射技能伤害数值特殊样式 - 灰色主题 */
.skill-damage-card[data-skill-id="multishot"] .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="multishot"] .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="penetrating_shot"] {
    background: linear-gradient(135deg, #2a2a2a 0%, #353535 100%);
    border: 2px solid #4a4a4a;
}

.skill-damage-card[data-skill-id="penetrating_shot"]:hover {
    border: 2px solid #888;
    box-shadow: 0 6px 20px rgba(136, 136, 136, 0.3);
}

/* 穿透射击技能详细计算流程样式 - 灰色主题 */
.skill-damage-card[data-skill-id="penetrating_shot"] .damage-calculation-details {
    background: linear-gradient(135deg, #2a2a2a 0%, #353535 100%);
    border: 1px solid rgba(136, 136, 136, 0.3);
}

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

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

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

/* 穿透射击技能伤害数值特殊样式 - 灰色主题 */
.skill-damage-card[data-skill-id="penetrating_shot"] .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="penetrating_shot"] .damage-value {
    color: #a0a0a0 !important;
    text-shadow: 0 0 4px rgba(160, 160, 160, 0.6) !important;
    font-weight: 700 !important;
}

/* 穿透射击增益效果文本样式 */
.penetrating-shot-boost {
    color: #a8d8a8 !important;
    font-weight: 600;
    text-shadow: 0 0 6px rgba(168, 216, 168, 0.3);
}

/* 净化射击技能图标样式 - 与淬毒武器完全统一 */
.skill-damage-card[data-skill-id="purge_shot"] .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;
}