/* ===== 响应式设计 ===== */

/* 平板 */
@media (max-width: 1024px) {
    .advantages-grid,
    .equipment-grid,
    .cases-grid,
    .testimonials-grid,
    .about-features,
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .equipment-grid.small,
    .cases-grid.small {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .detail-grid {
        grid-template-columns: 1fr;
    }
    
    .detail-layout {
        grid-template-columns: 1fr;
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
    }
    
    .process-steps {
        flex-direction: column;
    }
    
    .process-arrow {
        transform: rotate(90deg);
    }
}

/* 手机 */
@media (max-width: 768px) {
    .mobile-menu-btn {
        display: block;
    }
    
    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 20px;
        box-shadow: var(--shadow);
    }
    
    .nav-menu.active {
        display: flex;
    }
    
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-stats {
        gap: 30px;
    }
    
    .advantages-grid,
    .equipment-grid,
    .cases-grid,
    .testimonials-grid,
    .about-features,
    .stats-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }
    
    .equipment-grid.small,
    .cases-grid.small {
        grid-template-columns: 1fr;
    }
    
    .case-card.large {
        grid-template-columns: 1fr;
    }
    
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .hero-buttons,
    .cta-buttons,
    .detail-actions {
        flex-direction: column;
    }
    
    .article-nav {
        flex-direction: column;
        gap: 20px;
    }
    
    .prev-article,
    .next-article {
        max-width: 100%;
    }
    
    .page-header h1 {
        font-size: 1.8rem;
    }
    
    .container {
        padding: 0 15px;
    }
    
    .main-content,
    .contact-info-box,
    .contact-form-box,
    .case-detail-content,
    .detail-info,
    .detail-image {
        padding: 20px;
    }
}

/* 小屏手机 */
@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 1.6rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .stat-number {
        font-size: 1.8rem !important;
    }
    
    .price-value {
        font-size: 1.8rem !important;
    }
    
    .btn-large {
        padding: 12px 25px;
        font-size: 1rem;
    }
}