/* 蓝色科技感主题 - 仅针对滑动拼图验证模块 */

/* 拼图验证遮罩层 */
.captcha-overlay {
    background: rgba(33, 49, 85, 0.7);
}

/* 拼图验证模态框 */
.captcha-modal {
    background: rgba(30, 41, 59, 0.98);
    border: 1px solid rgba(14, 165, 233, 0.4);
    box-shadow: 0 20px 60px rgba(14, 165, 233, 0.4);
}

/* 拼图验证标题 */
.captcha-title {
    color: #0EA5E9;
}

/* 刷新和关闭按钮 */
.captcha-refresh,
.captcha-close {
    background: transparent;
    border: none;
    color: #9CA3AF;
    transition: all 0.3s ease;
}

.captcha-refresh:hover{
    background: rgba(14, 165, 233, 0.15);
    border-color: rgba(14, 165, 233, 0.6);
    color: #0EA5E9;
    box-shadow: 0 0 10px rgba(14, 165, 233, 0.3);
}

.captcha-close:hover {
    background: rgba(14, 165, 233, 0.15);
    border-color: rgba(14, 165, 233, 0.6);
    box-shadow: 0 0 10px rgba(14, 165, 233, 0.3);
}

/* 拼图块 */
.puzzle-piece {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.puzzle-piece:active {
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6);
}

/* 滑块轨道 */
.slider-track {
    background: rgba(15, 23, 42, 0.6);
    /*border: 1px solid rgba(14, 165, 233, 0.3);*/
}

/* 滑块手柄 */
.slider-handle {
    background: linear-gradient(135deg, #0EA5E9 0%, #22D3EE 100%);
    box-shadow: 0 2px 10px rgba(14, 165, 233, 0.4);
}

.slider-handle:active {
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6);
}

.slider-handle.success {
    background: linear-gradient(135deg, #10B981 0%, #34D399 100%);
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
}

.slider-handle.error {
    background: linear-gradient(135deg, #EF4444 0%, #F87171 100%);
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);
}