/* 响应式设计补充 */

/* 中等屏幕 */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* 平板 */
@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .modal-content {
        width: 90%;
        margin: 10% auto;
    }
    
    .vr-embed iframe {
        height: 400px;
    }
    
    .about-video iframe {
        height: 400px;
    }
}

/* 手机 */
@media (max-width: 576px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
    
    .image-nav-blocks {
        grid-template-columns: 1fr;
        padding: 0 20px 30px;
    }
    
    .nav-block {
        height: 200px;
    }
    
    .modal-content {
        width: 95%;
        padding: 20px;
    }
    
    .vr-embed iframe {
        height: 300px;
    }
    
    .about-video iframe {
        height: 250px;
    }
    
    .announcement-content img {
        width: 100%;
        height: auto;
    }
}