/* 响应式设计 - 移动端优化 */
@media (max-width: 768px) {
    /* 导航栏响应式 */
    .hamburger {
        display: block;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        padding: 1rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links li {
        margin: 0.5rem 0;
    }

    /* 英雄区域响应式 */
    .hero {
        padding: 6rem 0 4rem;
    }

    .hero-content h2 {
        font-size: 1.8rem;
    }

    .hero-content p {
        font-size: 1rem;
    }

    /* 特色区域响应式 */
    .features-grid,
    .categories-grid,
    .services-grid,
    .contact-grid {
        grid-template-columns: 1fr;
    }

    /* 产品卡片响应式 */
    .product-card {
        margin-bottom: 1rem;
    }

    .product-image {
        height: 180px;
    }

    /* 案例卡片响应式 */
    .case-card {
        margin-bottom: 1rem;
    }

    .case-image {
        height: 180px;
    }

    /* 客户评价响应式 */
    .testimonial-card {
        margin-bottom: 1rem;
    }

    /* 模态框响应式 */
    .modal-content {
        width: 95%;
        margin: 10% auto;
        padding: 1.5rem;
    }

    .case-detail {
        margin-top: 0.5rem;
    }

    .case-detail h3 {
        font-size: 1.2rem;
    }

    .case-detail p {
        font-size: 0.9rem;
    }

    .case-detail ul {
        margin-left: 1.5rem;
    }

    .case-detail .case-stats {
        flex-direction: column;
        gap: 1rem;
    }

    .case-detail .stat-item {
        margin-bottom: 1rem;
    }
}

/* 小屏幕手机优化 */
@media (max-width: 480px) {
    .container {
        padding: 0 1rem;
    }

    .hero-content h2 {
        font-size: 1.5rem;
    }

    .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .features h2,
    .product-categories h2,
    .featured-products h2,
    .cases-section h2,
    .testimonials-section h2 {
        font-size: 1.5rem;
    }

    .feature-card,
    .category-item,
    .service-card,
    .contact-item {
        padding: 1.5rem;
    }

    .product-info h3,
    .case-info h3,
    .testimonial-card h4 {
        font-size: 1rem;
    }

    .product-info p,
    .case-info p,
    .testimonial-content {
        font-size: 0.9rem;
    }

    .product-price {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .case-stats {
        flex-direction: column;
        gap: 1rem;
    }
}

/* 平板设备优化 */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: 0 2rem;
    }

    .features-grid,
    .categories-grid,
    .services-grid,
    .contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .products-grid,
    .cases-grid,
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 大屏幕优化 */
@media (min-width: 1025px) {
    .container {
        padding: 0 3rem;
    }

    .hero-content h2 {
        font-size: 2.8rem;
    }

    .hero-content p {
        font-size: 1.3rem;
    }

    .features-grid,
    .categories-grid,
    .services-grid,
    .contact-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .products-grid,
    .cases-grid,
    .testimonials-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 打印样式 */
@media print {
    .navbar,
    .hero,
    .features,
    .about-preview,
    .contact-info,
    .page-title,
    .product-categories,
    .featured-products,
    .cases-section,
    .testimonials-section,
    .footer {
        display: none;
    }

    body {
        background-color: #fff;
        color: #000;
    }

    .case-detail {
        page-break-inside: avoid;
    }

    .case-detail img {
        max-width: 100%;
        height: auto;
    }
}