/**
 * 极验评论验证码样式
 */

/* 验证码容器 */
.geetest-captcha-wrapper {
    margin: 15px 0;
}

.comment-form-geetest {
    margin-bottom: 15px;
}

.comment-form-geetest label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.comment-form-geetest .required {
    color: #e74c3c;
}

/* 极验验证码容器 */
#geetest-captcha-container {
    min-height: 44px;
    margin-bottom: 10px;
}

/* 适配不同主题 */
.comment-form .geetest-captcha-wrapper {
    clear: both;
}

/* 响应式适配 */
@media screen and (max-width: 480px) {
    #geetest-captcha-container {
        transform: scale(0.9);
        transform-origin: left center;
    }
}

/* 后台设置页面样式 */
.geetest-instructions {
    margin-top: 30px;
    padding: 20px;
    background: #f9f9f9;
    border-left: 4px solid #0073aa;
}

.geetest-instructions h2,
.geetest-instructions h3 {
    margin-top: 0;
}

.geetest-instructions ol,
.geetest-instructions ul {
    margin-left: 20px;
}

.geetest-instructions li {
    margin-bottom: 8px;
}

/* 错误提示 */
.geetest-error {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 5px;
}

/* 成功提示 */
.geetest-success {
    color: #27ae60;
    font-size: 14px;
    margin-top: 5px;
}

/* 验证提示消息 - 替代 alert */
.geetest-toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: #ff6b6b;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 999999;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    max-width: 90%;
    text-align: center;
}

.geetest-toast.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.geetest-toast.success {
    background: #51cf66;
}

.geetest-toast.info {
    background: #339af0;
}

/* 验证码区域高亮 */
.geetest-captcha-wrapper.highlight {
    border: 2px solid #ff6b6b;
    border-radius: 4px;
    padding: 10px;
    transition: border-color 0.3s ease;
}