/* ============================================
   响应式样式
   ============================================ */

@media (max-width: 992px) {
    .row-3 .grid-item { width: 50%; }
    .row-4 .grid-item { width: 50%; }
    .row-5 .grid-item { width: 33.333%; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 768px) {
    /* 电视机轮播图手机端高度 */
    .tv-screen {
        height: 250px;
    }
    
    .tv-set { padding: 15px 15px 25px 15px; border-radius: 25px; }
    .tv-btn { width: 36px; height: 36px; font-size: 14px; }
    .tv-legs { gap: 60px; }
    .about-wrapper { flex-direction: column; text-align: center; }
    .about-text h3::after { left: 50%; transform: translateX(-50%); }
    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 15px; }
    .contact-grid { grid-template-columns: 1fr !important; gap: 15px; }
    .about-carousel { min-width: 100%; }
    .grid-row { margin-bottom: 20px; }
    .row-1 .grid-item { width: 100%; }
    .row-2 .grid-item { width: 100%; }
    .row-3 .grid-item { width: 100%; }
    .row-4 .grid-item { width: 100%; }
    .row-5 .grid-item { width: 100%; }
    .grid-item { padding: 0 10px; margin-bottom: 20px; }
    
    .contact-bar {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    .navbar {
        flex-wrap: wrap;
    }
    
    .nav-links {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }
    
    .nav-links.show {
        display: flex;
    }
    
    .nav-links li {
        margin: 10px 0;
    }
    
    .hero-text h1 {
        font-size: 32px;
    }
    
    .hero-text p {
        font-size: 16px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    section {
        padding: 60px 0;
    }
    
    .search-wrap {
        flex-direction: column;
        gap: 15px;
    }
    
    .search-label {
        font-size: 18px;
        margin-right: 0;
    }
    
    .baidu-search input {
        padding: 12px 20px;
    }
    
    .baidu-search button {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .tv-set { padding: 12px 12px 20px 12px; border-radius: 20px; }
    .tv-btn { width: 30px; height: 30px; font-size: 12px; }
    .tv-screen {
        height: 200px;
    }
    .stats-grid { grid-template-columns: 1fr !important; }
    .stat-number { font-size: 32px; }
    
    .hero-text {
        padding: 40px 0 20px;
    }
    
    .hero-text h1 {
        font-size: 24px;
    }
    
    .hero-text p {
        font-size: 14px;
    }
    
    .service-card {
        padding: 30px 20px;
    }
    
    .about-img {
        height: 250px;
    }
    
    .contact-item {
        padding: 30px 20px;
    }
    
    .contact-item-icon {
        font-size: 36px;
    }
}