/* ========================================
   智仪全球 - 响应式样式
   ======================================== */

@media (max-width: 1024px) {
    .hero .container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero-visual {
        order: -1;
    }

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

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

    .solution-cards {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .cert-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .showroom-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

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

    .flow-steps {
        gap: 4px;
    }

    .flow-step {
        min-width: 130px;
        padding: 20px 12px;
    }

    .flow-arrow {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }

    .top-bar {
        display: none;
    }

    .main-header .container {
        height: 60px;
    }

    .main-nav {
        display: none;
    }

    .hero {
        min-height: auto;
        padding: 40px 0 60px;
    }

    .hero-title {
        font-size: 36px;
    }

    .hero-desc {
        font-size: 16px;
    }

    .hero-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .stat-num {
        font-size: 28px;
    }

    .hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .btn-lg {
        width: 100%;
        justify-content: center;
    }

    .globe-container {
        width: 240px;
        height: 240px;
    }

    section {
        padding: 60px 0;
    }

    .section-header h2 {
        font-size: 28px;
    }

    .model-grid {
        grid-template-columns: 1fr;
    }

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

    .solution-cards {
        grid-template-columns: 1fr;
    }

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

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

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .flow-steps {
        flex-direction: column;
    }

    .flow-arrow {
        transform: rotate(90deg);
    }

    .showroom-3d-preview {
        height: 300px;
    }

    .showroom-scene {
        width: 280px;
        height: 220px;
    }

    .wall-back {
        width: 280px;
    }

    .cta-content h2 {
        font-size: 24px;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .cta-buttons .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 28px;
    }

    .product-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }

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

    .partner-names {
        gap: 16px;
    }

    .partner-names em {
        font-size: 16px;
    }
}