/* 微信小程序webview专用修复样式 */

/* 微信小程序webview环境检测 */
@media screen and (max-width: 768px) {
    /* 微信小程序webview中的按钮优化 */
    .btn, .fubtn, .loginbtn, .zfbtn, .fr, .look_btn, .souso, .buyvip, .mima, .checkpwd, .close, .next, .prev, .look_btn_xx, .look_btn_dx {
        /* 微信小程序webview特殊优化 */
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
        
        /* 防止微信小程序中的点击延迟 */
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        -webkit-perspective: 1000 !important;
        perspective: 1000 !important;
        
        /* 微信小程序推荐的最小触摸区域 */
        min-height: 48px !important;
        min-width: 48px !important;
        
        /* 微信小程序webview中的触摸反馈 */
        transition: all 0.1s ease !important;
        position: relative !important;
        overflow: hidden !important;
        cursor: pointer !important;
        z-index: 10 !important;
    }
    
    /* 微信小程序webview中的触摸状态 */
    .btn:active, .fubtn:active, .loginbtn:active, .zfbtn:active, .fr:active, .look_btn:active, .souso:active, .buyvip:active, .mima:active, .checkpwd:active, .close:active, .next:active, .prev:active, .look_btn_xx:active, .look_btn_dx:active {
        background-color: rgba(0,0,0,0.1) !important;
        transform: scale(0.98) !important;
    }
    
    /* 微信小程序webview中的processing状态 */
    .btn.processing, .fubtn.processing, .loginbtn.processing, .zfbtn.processing, .fr.processing, .look_btn.processing, .souso.processing, .buyvip.processing, .mima.processing, .checkpwd.processing, .close.processing, .next.processing, .prev.processing, .look_btn_xx.processing, .look_btn_dx.processing {
        opacity: 0.6 !important;
        pointer-events: none !important;
        background-color: rgba(0,0,0,0.1) !important;
    }
    
    /* 微信小程序webview中的touch-active状态 */
    .btn.touch-active, .fubtn.touch-active, .loginbtn.touch-active, .zfbtn.touch-active, .fr.touch-active, .look_btn.touch-active, .souso.touch-active, .buyvip.touch-active, .mima.touch-active, .checkpwd.touch-active, .close.touch-active, .next.touch-active, .prev.touch-active, .look_btn_xx.touch-active, .look_btn_dx.touch-active {
        background-color: rgba(0,0,0,0.1) !important;
        transform: scale(0.98) !important;
    }
    
    /* 微信小程序webview中的active状态 */
    .btn.active, .fubtn.active, .loginbtn.active, .zfbtn.active, .fr.active, .look_btn.active, .souso.active, .buyvip.active, .mima.active, .checkpwd.active, .close.active, .next.active, .prev.active, .look_btn_xx.active, .look_btn_dx.active {
        background-color: rgba(0,0,0,0.1) !important;
        transform: scale(0.98) !important;
    }
    
    /* 微信小程序webview中的disabled状态 */
    .btn.disabled, .fubtn.disabled, .loginbtn.disabled, .zfbtn.disabled, .fr.disabled, .look_btn.disabled, .souso.disabled, .buyvip.disabled, .mima.disabled, .checkpwd.disabled, .close.disabled, .next.disabled, .prev.disabled, .look_btn_xx.disabled, .look_btn_dx.disabled {
        opacity: 0.5 !important;
        pointer-events: none !important;
    }
    
    /* 微信小程序webview中的按钮伪元素优化 */
    .btn::before, .fubtn::before, .loginbtn::before, .zfbtn::before, .fr::before, .look_btn::before, .souso::before, .buyvip::before, .mima::before, .checkpwd::before, .close::before, .next::before, .prev::before, .look_btn_xx::before, .look_btn_dx::before {
        content: '' !important;
        position: absolute !important;
        top: -10px !important;
        left: -10px !important;
        right: -10px !important;
        bottom: -10px !important;
        z-index: -1 !important;
    }
    
    /* 微信小程序webview中的页面滚动优化 */
    body {
        -webkit-overflow-scrolling: touch !important;
        overflow-scrolling: touch !important;
    }
    
    /* 微信小程序webview中的弹窗优化 */
    .tc {
        -webkit-transform: translate3d(0,0,0) !important;
        transform: translate3d(0,0,0) !important;
        z-index: 1000 !important;
    }
    
    /* 微信小程序webview中的输入框优化 */
    input, textarea {
        -webkit-appearance: none !important;
        border-radius: 0 !important;
        -webkit-tap-highlight-color: transparent !important;
    }
}

/* 微信小程序webview中的特殊按钮样式 */
.xx_w {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: pointer !important;
    transition: all 0.1s ease !important;
}

.xx_w:active {
    background-color: rgba(0,0,0,0.1) !important;
    transform: scale(0.98) !important;
}

.xx_w.processing {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* 微信小程序webview中的选项按钮特殊处理 */
.look_btn_xx, .look_btn_dx {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: pointer !important;
    transition: all 0.1s ease !important;
    min-height: 44px !important;
}

.look_btn_xx:active, .look_btn_dx:active {
    background-color: rgba(0,0,0,0.1) !important;
    transform: scale(0.98) !important;
}

.look_btn_xx.processing, .look_btn_dx.processing {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* 微信小程序webview中的返回按钮特殊处理 */
.atoback {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: pointer !important;
    transition: all 0.1s ease !important;
    min-height: 44px !important;
    min-width: 44px !important;
}

.atoback:active {
    background-color: rgba(0,0,0,0.1) !important;
    transform: scale(0.98) !important;
}

.atoback.processing {
    opacity: 0.6 !important;
    pointer-events: none !important;
}