/* 微信浏览器专用样式 */

/* 检测微信浏览器环境 */
@media all {
    /* 微信浏览器中的语言切换按钮优化 */
    #mobile-lang-btn {
        position: relative;
        z-index: 100;
    }

    /* 微信浏览器中的分享按钮优化 */
    #share-btn, #mobile-menu-share-btn, #share-link-btn {
        position: relative;
        z-index: 100;
    }

    /* 微信浏览器中的模态框优化 */
    .mobile-lang-modal {
        z-index: 9999 !important;
    }

    .share-modal {
        z-index: 9999 !important;
    }

    /* 微信浏览器中的触摸反馈增强 */
    #mobile-lang-btn:active,
    #share-btn:active,
    #mobile-menu-share-btn:active,
    #share-link-btn:active {
        transform: scale(0.92) !important;
        transition: transform 0.1s ease !important;
    }

    /* 微信浏览器中的语言选项按钮优化 */
    .mobile-lang-option {
        min-height: 60px !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(239, 68, 68, 0.2) !important;
    }

    .mobile-lang-option:active {
        background-color: rgba(239, 68, 68, 0.15) !important;
        transform: scale(0.98) !important;
        transition: all 0.1s ease !important;
    }

    /* 微信浏览器中的关闭按钮优化 */
    .mobile-lang-close {
        min-width: 50px !important;
        min-height: 50px !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2) !important;
    }

    .mobile-lang-close:active {
        background-color: rgba(255, 255, 255, 0.2) !important;
        transform: scale(0.9) !important;
        border-radius: 50% !important;
        transition: all 0.1s ease !important;
    }

    /* 微信分享引导框样式 */
    .wechat-share-guide {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.7) !important;
        z-index: 99999 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    }

    .wechat-share-guide-content {
        background: white !important;
        border-radius: 16px !important;
        padding: 24px !important;
        max-width: 300px !important;
        width: 90% !important;
        text-align: center !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
    }

    .wechat-share-guide-icon {
        font-size: 48px !important;
        margin-bottom: 16px !important;
    }

    .wechat-share-guide-title {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #333 !important;
        margin-bottom: 12px !important;
    }

    .wechat-share-guide-desc {
        font-size: 14px !important;
        color: #666 !important;
        margin-bottom: 8px !important;
        line-height: 1.4 !important;
    }

    .wechat-share-guide-tip {
        font-size: 12px !important;
        color: #999 !important;
        margin-bottom: 20px !important;
    }

    .wechat-share-guide-button {
        background: #dc2626 !important;
        color: white !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 10px 24px !important;
        font-size: 16px !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .wechat-share-guide-button:active {
        background: #b91c1c !important;
        transform: scale(0.95) !important;
    }

    /* 微信浏览器中的动画优化 */
    .modal-enter-active {
        transition: opacity 0.3s ease !important;
    }

    .modal-leave-active {
        transition: opacity 0.3s ease !important;
    }

    /* 微信浏览器中的滚动优化 */
    .modal-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* 微信浏览器中的视频播放器优化 */
    video {
        object-fit: cover !important;
    }

    /* 微信浏览器中的图片懒加载优化 */
    img {
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
}