/* ==========================================================================
   layui layer 弹窗移动端适配
   修复：固定像素宽度弹窗在手机上超出屏幕、关闭按钮点不到、内容超高无法滚动
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* 弹窗宽度自适应，左右各留 4vw，始终在屏幕内 */
    .layui-layer {
        width: 92vw !important;
        left: 4vw !important;
        margin-left: 0 !important;
        border-radius: 12px !important;
    }
    /* 内容区限高并可滚动，防止弹窗内容超高时按钮/关闭被顶出屏幕 */
    .layui-layer-content {
        max-height: 62vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* 关闭按钮加大触控区 */
    .layui-layer-setwin .layui-layer-close {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 20px !important;
    }
    /* 底部按钮区在手机上更易点按 */
    .layui-layer-btn a {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
        margin: 0 6px 10px !important;
    }
}