/* 响应式样式 - 平板设备 */
@media (max-width: 1024px) {
    .hero-title {
        font-size: 2.8rem;
    }
    
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .scenarios-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .models-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-top {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 响应式样式 - 手机设备 */
@media (max-width: 768px) {
    .nav-desktop,
    .header-contact {
        display: none;
    }
    
    .menu-toggle {
        display: block;
    }
    
    .hero-inner {
        flex-direction: column;
        gap: 2rem;
    }
    
    .hero-title {
        font-size: 2.2rem;
        text-align: center;
    }
    
    .hero-desc {
        text-align: center;
    }
    
    .hero-buttons {
        justify-content: center;
    }
    
    .hero-trust {
        justify-content: center;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .scenarios-grid {
        grid-template-columns: 1fr;
    }
    
    .models-grid {
        grid-template-columns: 1fr;
    }
    
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-card {
        flex-direction: column;
    }
    
    .contact-form,
    .contact-info {
        padding: 2rem;
    }
    
    .footer-top {
        grid-template-columns: 1fr;
    }
    
    .hero {
        padding: 100px 0 60px;
    }
    
    .features,
    .scenarios,
    .models,
    .testimonials,
    .contact-section,
    .footer {
        padding: 60px 0;
    }
}

/* 小屏手机适配 */
@media (max-width: 480px) {
    .hero-buttons {
        flex-direction: column;
    }
    
    .hero-title {
        font-size: 1.8rem;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .hero-trust {
        flex-direction: column;
        gap: 1rem;
    }
}
