/**
 * 微信 OAuth 扫码登录 —— 登录弹窗扫码区美化
 *
 * 作用域全部锁 .qrcode-signin-container（父主题登录弹窗的扫码面板），
 * 双类选择器用于压过父主题 main.min.css 中的单类规则（.signin-qrcode-img / .qrcode-signin-container）。
 * 颜色只走父主题 CSS 变量，深浅色自动适配；例外见下（二维码白底为扫描功能所需，非风格选择）。
 */

/* 二维码：白底卡片
   ⚠️ 底色固定为白、不随深浅色主题翻转 —— 二维码必须深码浅底才能被相机识别 */
.qrcode-signin-container .signin-qrcode-img {
    display: block;
    box-sizing: border-box;
    width: 180px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--main-border-color, rgba(0, 0, 0, .08));
    border-radius: var(--main-radius, 8px);
    box-shadow: var(--main-shadow, 0 4px 14px rgba(0, 0, 0, .06));
}

/* 提示行：图标与文字基线对齐，窄屏下留出呼吸空间 */
.qrcode-signin-container .zibll-wxqr-tip {
    padding: 0 6px;
    line-height: 1.9;
}

.qrcode-signin-container .zibll-wxqr-tip .fa-weixin {
    vertical-align: -1px;
    font-size: 1.1em;
}

/* 验证码输入：补足内边距并回调字距造成的视觉右偏，使数字真正居中 */
.qrcode-signin-container .line-form-input[name="code"] {
    height: auto;
    padding: .6em 1em .5em;
    text-indent: .8em;
    font-size: 1.15em;
    font-weight: 600;
}

/* 提交按钮与表单区留白 */
.qrcode-signin-container form {
    margin-top: 6px;
}

.qrcode-signin-container .box-body.nobottom {
    padding-top: 4px;
}

/* 移动端收紧尺寸 */
@media (max-width: 480px) {
    .qrcode-signin-container .signin-qrcode-img {
        width: 150px;
        padding: 8px;
    }

    .qrcode-signin-container .zibll-wxqr-tip {
        font-size: .95em;
    }
}