:root {
    --user-text-primary: #e0e0e0;
    --user-text-white: #fff;
    --user-alert-bg: rgba(255, 255, 255, 0.05);
    --user-alert-border: rgba(255, 255, 255, 0.1);
    --user-link-hover: #007bff;
    --user-danger-text: #ff4d4d;
    --srsc-status-warning: #ffc107;
    /* 添加复选框相关变量 */
    --user-checkbox-border: rgba(255, 255, 255, 0.2);
    --user-checkbox-bg: transparent;
    --user-checkbox-checked-bg: #007bff;
    --user-checkbox-checkmark: #fff;
}

@media (max-width: 991.98px) {

    .page-header {
        display: none;
    }

    .login-container,
    .register-container {
        width: 100%;
        max-width: 400px;
        margin: 0 24px;
    }

    .card-header h3 {
        font-size: 1.3rem;
    }

    .input-wrapper input {
        border: 1px solid var(--user-text-white);
    }

    .btn-login,
    .btn-register {
        border: 1px solid var(--user-text-white);
    }

    .email-send-button {
        margin-left: 1%;
    }
}