/* ============================================================
   响应式补充样式 - SecondCycle
   仅处理主CSS中auto-fit/minmax/clamp无法覆盖的特殊情况
   ============================================================ */

/* ========== 大屏优化 (>1600px) ========== */
@media (min-width: 1600px) {
    :root { --container-max: min(1400px, 85vw); }
    .products-grid { grid-template-columns: repeat(3, 1fr); }
    .features-grid, .value-grid, .services-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ========== 平板及以下：导航折叠 ========== */
@media (max-width: 1024px) {
    .main-nav {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100vh;
        background: var(--color-white);
        z-index: 1000;
        padding: clamp(70px, 10vh, 80px) var(--space-xl) var(--space-xl);
        overflow-y: auto;
    }
    .main-nav.active { display: block; }
    .main-nav .nav-list { flex-direction: column; gap: 0; }
    .main-nav .nav-link { padding: 1rem; font-size: var(--text-lg); border-bottom: 1px solid var(--color-light-gray); }
    .mobile-menu-btn { display: flex; }
    .header-action { display: none; }

    .quality-content { grid-template-columns: 1fr; gap: var(--space-2xl); }
    .quality-image { order: -1; }
    .factory-grid { grid-template-columns: 1fr; }
    .supply-chain { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-form .form-row { grid-template-columns: 1fr; }
    .section-header { margin-bottom: var(--space-2xl); }

    /* 统计卡片保持4列 */
    .stats-grid { grid-template-columns: repeat(4, 1fr); gap: var(--space-md); }
}

/* ========== 手机 (<=767px) ========== */
@media (max-width: 767px) {
    .top-bar-inner { flex-direction: column; text-align: center; }
    .top-bar-left { font-size: var(--text-xs); }
    .language-switcher { width: 100%; justify-content: center; }
    .lang-btn { flex: 1; text-align: center; padding: 0.4rem 0.5rem; }

    .hero-content { text-align: center; }
    .hero-actions { flex-direction: column; align-items: center; }
    .hero-actions .btn { width: 100%; max-width: min(280px, 90%); }

    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-sm); }

    .quality-list { grid-template-columns: 1fr; }
    .factory-image-sub { grid-template-columns: 1fr; }
    .info-card { flex-direction: column; text-align: center; align-items: center; }
    .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
    .footer-bottom { flex-direction: column; text-align: center; }
    .ratio-table th, .ratio-table td { padding: 0.75rem 1rem; font-size: var(--text-sm); }
}

/* ========== 手机竖屏 (<480px) ========== */
@media (max-width: 480px) {
    .hero-slider { min-height: clamp(350px, 55vh, 450px); }
    .hero-title { font-size: clamp(1.3rem, 5.5vw, 1.6rem); }
    .hero-subtitle { font-size: clamp(0.85rem, 3.5vw, 0.95rem); }
    .hero-badge { font-size: clamp(0.7rem, 3vw, 0.8rem); }

    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-sm); }
    .stat-card { padding: var(--space-sm); }
    .stat-number { font-size: var(--text-xl); }
    .stat-label { font-size: var(--text-xs); }

    .btn-lg { padding: 0.75rem 1.5rem; font-size: var(--text-base); }
    .page-banner { padding: 2.5rem 0 2rem; }
    .page-banner-title { font-size: var(--text-2xl); }
}

/* ========== 触摸设备优化 ========== */
@media (hover: none) and (pointer: coarse) {
    .btn { min-height: 44px; min-width: 44px; }
    .lang-btn { min-height: 36px; padding: 0.5rem 1rem; }
    .nav-link { padding: 0.75rem 1rem; }
}