/* 移动端优化 */
body {
    touch-action: manipulation;
}

.captcha-img {
    border: 1px solid #ced4da;
    border-radius: 4px;
    margin-left: 8px;
}

/* 全屏弹窗样式 */
@media (max-width: 576px) {
    .china-login-modal .modal-dialog {
        margin: 0;
        max-width: 100%;
        height: 100%;
    }

    .china-login-modal .modal-content {
        height: 100%;
        border-radius: 0;
        border: none;
    }

    .china-login-modal .modal-body {
        padding: 1.5rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* 第三方登录按钮样式 */
.china-social-btn {
    min-height: 44px;
    border-radius: 8px;
    font-size: 15px;
    position: relative;
    overflow: hidden;
}

.btn-qq {
    background-color: #12B7F5;
    color: white;
    border: none;
}

.btn-wechat {
    background-color: #07C160;
    color: white;
    border: none;
}

.btn-alipay {
    background-color: #1677FF;
    color: white;
    border: none;
}

/* 小屏幕优化 */
@media (max-width: 400px) {
    .china-social-btn .btn-text {
        display: none;
    }

    .china-social-btn i {
        margin-right: 0 !important;
        font-size: 1.2rem;
    }
}

/* 图标颜色修正 */
.fa-qq {
    color: red;
}

    .fa-qq:hover {
        color: whitesmoke;
    }

.fa-weixin {
    color: green;
}

    .fa-weixin:hover {
        color: whitesmoke;
    }

.fa-alipay {
    color: white;
}

    .fa-alipay:hover {
        color: whitesmoke;
    }