/* 修复小程序webview中按钮点击不响应的问题 */

/* 通用按钮修复 */
.btn, .fubtn, .loginbtn, .zfbtn, .fr, .look_btn, .souso, .buyvip, .mima, .checkpwd, .close, .next, .prev, .look_btn_xx, .look_btn_dx {
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden;
    transition: all 0.15s ease;
    /* 微信小程序webview特殊优化 */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

/* 添加触摸反馈效果 - 增强版 */
.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 {
    transform: scale(0.95) translateZ(0) !important;
    opacity: 0.7 !important;
    transition: all 0.1s ease !important;
}

/* 微信小程序webview中的触摸状态 */
.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 {
    transform: scale(0.95) translateZ(0) !important;
    opacity: 0.7 !important;
    background-color: rgba(0,0,0,0.1) !important;
}

/* 防止重复点击 */
.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.6;
    pointer-events: none;
}

/* 增加点击区域 - 微信小程序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: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    z-index: -1;
    background: transparent;
}

/* 特定按钮样式 */
.fubtn:active {
    background-color: #3a6fd8 !important;
}

.loginbtn:active, .fr:active {
    background-color: #1a5fd8 !important;
}

.buyvip:active, .mima:active, .checkpwd:active {
    background-color: #1a5fd8 !important;
}

/* 微信小程序webview特殊处理 */
@media screen and (max-width: 768px) {
    .btn, .fubtn, .loginbtn, .zfbtn, .fr, .look_btn, .souso, .buyvip, .mima, .checkpwd, .close, .next, .prev, .look_btn_xx, .look_btn_dx {
        min-height: 38px !important; /* 微信小程序推荐的最小触摸区域 */
        min-width: 48px !important;
        /* 微信小程序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);
        transform: translate3d(0,0,0);
    }
}

/* 防止iOS Safari中的点击延迟 */
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 修复iOS Safari中的点击问题 */
input, textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
} 

/* 针对souso按钮的特殊修复 */
.souso {
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !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;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.15s ease !important;
    display: block !important;
    z-index: 10 !important;
    /* 微信小程序webview特殊优化 */
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-perspective: 1000 !important;
    perspective: 1000 !important;
}

/* 增加souso按钮的点击区域 */
.souso::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    z-index: -1;
    background: transparent;
}

/* souso按钮的触摸反馈效果 - 增强版 */
.souso:active {
    transform: scale(0.95) translateZ(0) !important;
    opacity: 0.7 !important;
    background-color: #1a5fd8 !important;
    transition: all 0.1s ease !important;
}

/* 微信小程序webview中的souso按钮触摸状态 */
.souso.touch-active {
    transform: scale(0.95) translateZ(0) !important;
    opacity: 0.7 !important;
    background-color: #1a5fd8 !important;
}

/* 防止souso按钮重复点击 */
.souso.disabled {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* 微信小程序webview中的特殊处理 */
@media screen and (max-width: 768px) {
    .souso {
        min-height: 48px !important; /* 微信小程序推荐的最小触摸区域 */
        min-width: 48px !important;
        /* 微信小程序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;
    }
}