/**
 * 移动端禁止整页横向滑动（Chrome 常见诱因：Layer 弹窗 / 验证码 / iframe 固定宽度超出视口）。
 * 不用 * { max-width:100% }，避免破坏表格、图标等布局；仅锁 html/body 与已知溢出容器。
 */
@media screen and (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    body.userapp-body,
    body.authx-body {
        overflow-x: hidden;
    }

    /* 行为验证码 Layer 打开时：同时禁止横向溢出 */
    html.authx-ajcaptcha-layer-open,
    body.authx-ajcaptcha-layer-open {
        overflow-x: hidden !important;
    }

    .layui-layer-shade {
        max-width: 100vw;
    }

    body.authx-body .layui-layer.authx-ajcaptcha-layer {
        box-sizing: border-box;
        max-width: calc(100vw - 16px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        border-radius: 14px !important;
    }

    body.authx-body.authx-ajcaptcha-layer-open .layui-layer-shade {
        background-color: rgba(15, 23, 42, 0.5) !important;
    }

    .layui-layer.authx-ajcaptcha-layer .layui-layer-content {
        overflow-x: hidden;
        overflow-y: visible;
        max-width: 100%;
        min-height: 220px;
        height: auto !important;
        box-sizing: border-box;
    }

    .layui-layer.authx-ajcaptcha-layer .verify-img-panel,
    .layui-layer.authx-ajcaptcha-layer .verify-bar-area,
    .layui-layer.authx-ajcaptcha-layer [id^="authx-ajcaptcha-wrap-"],
    .layui-layer.authx-ajcaptcha-layer [id^="auth-behavior-captcha-wrap-"] {
        max-width: 100%;
        box-sizing: border-box;
    }

    body.authx-body .layui-layer.authx-ajcaptcha-layer canvas,
    body.authx-body .layui-layer.authx-ajcaptcha-layer .verify-img-panel .backImg,
    body.authx-body .layui-layer.authx-ajcaptcha-layer .verify-img-panel .back-img,
    body.authx-body .layui-layer.authx-ajcaptcha-layer .verify-sub-block .bock-backImg {
        max-width: 100% !important;
        height: 100% !important;
    }

    /* Turnstile / 第三方 iframe：与表单同宽铺满，避免 compact 固定宽撑版或偏左 */
    .authx-send-guard-turnstile,
    .authx-turnstile-wrap,
    .authx-turnstile-widget,
    .authx-turnstile-widget > div,
    .authx-turnstile-widget .cf-turnstile,
    .authx-turnstile-widget iframe,
    .cf-turnstile,
    .cf-turnstile iframe {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}