@media (max-width: 768px) {
    #configModal .overflow-y-auto {
        -webkit-overflow-scrolling: touch;
    }
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    body {
        min-height: 100vh;
        overflow-y: auto;
    }
    
    .min-h-screen {
        min-height: 100vh;
        overflow-y: auto;
    }
    
    .relative.z-10.min-h-screen {
        min-height: auto;
        padding: 2rem 1rem;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .w-full.max-w-4xl {
        overflow-y: visible;
    }
    
    .text-center.mb-12 {
        margin-bottom: 2rem;
    }
    
    .grid.md\:grid-cols-2 {
        gap: 1rem;
    }
}

.contact-card .bg-green-500\/20,
.contact-card .bg-blue-500\/20,
.contact-card .bg-purple-500\/20,
.contact-card .bg-orange-500\/20 {
    position: relative;
    overflow: hidden;
}

.contact-card .bg-green-500\/20::before,
.contact-card .bg-blue-500\/20::before,
.contact-card .bg-purple-500\/20::before,
.contact-card .bg-orange-500\/20::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.contact-card:hover .bg-green-500\/20::before,
.contact-card:hover .bg-blue-500\/20::before,
.contact-card:hover .bg-purple-500\/20::before,
.contact-card:hover .bg-orange-500\/20::before {
    left: 100%;
}

.contact-card:active .bg-green-500\/20,
.contact-card:active .bg-blue-500\/20,
.contact-card:active .bg-purple-500\/20,
.contact-card:active .bg-orange-500\/20 {
    transform: scale(0.95);
}

/* 隐藏在线客服模块 */
.contact-card[data-type="service"] {
    display: none;
}