/* Social App Contact Styles - haoxuekeji.cn 2025 */

.social-contact-layout {
    --social-contact-accent: #059669;
    --social-contact-highlight: #3b82f6;
}

.social-service-stats {
    backdrop-filter: blur(20px);
    transition: all 0.6s ease;
}

.social-service-stats:hover {
    transform: translateY(-4px);
    box-shadow: 0 30px 60px rgba(5, 150, 105, 0.25);
}

.social-contact-card {
    transition: all 0.5s ease;
}

.social-contact-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 25px 50px rgba(59, 130, 246, 0.3);
}

.social-form-container {
    transition: all 0.5s ease;
}

.social-form-container:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(5, 150, 105, 0.25);
}

.social-form-input,
.social-form-select,
.social-form-textarea {
    transition: all 0.3s ease;
}

.social-form-input:focus,
.social-form-select:focus,
.social-form-textarea:focus {
    transform: scale(1.02);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

.social-upload-area {
    transition: all 0.4s ease;
}

.social-upload-area:hover {
    transform: scale(1.02);
    background: rgba(59, 130, 246, 0.05);
}

.social-submit-btn {
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.social-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.6s ease;
}

.social-submit-btn:hover::before {
    left: 100%;
}

.social-faq-item {
    transition: all 0.5s ease;
}

.social-faq-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(59, 130, 246, 0.2);
}

.social-faq-question:hover {
    color: rgba(59, 130, 246, 0.9);
}

@keyframes social-form-glow {
    0% { box-shadow: 0 0 10px rgba(5, 150, 105, 0.3); }
    50% { box-shadow: 0 0 20px rgba(5, 150, 105, 0.6); }
    100% { box-shadow: 0 0 10px rgba(5, 150, 105, 0.3); }
}

.social-contact-icon:hover {
    animation: social-form-glow 2s ease-in-out infinite;
}

.social-faq-question i {
    transition: transform 0.3s ease;
}

.social-faq-answer {
    transition: all 0.3s ease;
}