/* ============================================================
 * 九州微电 · 响应式 main.media.css
 * ============================================================ */

/* ≤1400 */
@media (max-width: 1400px) {
    :root { --container-pad: 28px; }
    .footer-content { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: var(--sp-8); }
}

/* ≤1200 */
@media (max-width: 1200px) {
    :root { --container-pad: 24px; }
    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: var(--sp-8);
    }
    .main-menu > li > a { padding: 10px 14px; font-size: var(--fs-14); }
    .nav-container { gap: var(--sp-4); }
}

/* ≤1030 */
@media (max-width: 1030px) {
    :root {
        --nav-h: 68px;
        --nav-h-shrink: 58px;
    }
    .section-title__title,
    .section-title > span:first-child { font-size: var(--fs-32); }

    .nav-content.pc { display: none; }
    .nav-tools { margin-left: auto; }
    .mobile-menu-btn { display: flex; margin-left: 0; }

    /* 小屏上搜索框紧凑些 */
    .nav-search__panel { width: 200px; }

    .floating-contact { right: 20px; bottom: 80px; }
}

/* ≤768 */
@media (max-width: 768px) {
    :root {
        --container-pad: 18px;
        --nav-h: 60px;
    }
    .logo img { height: 40px; }
    .main-nav.is-shrink .logo img { height: 36px; }

    .section-title { margin-bottom: var(--sp-7); }
    .section-title__title,
    .section-title > span:first-child { font-size: var(--fs-28); }

    .footer-content { grid-template-columns: 1fr; gap: var(--sp-7); }
    .footer { padding-top: var(--sp-9); margin-top: var(--sp-9); }
    .footer h3 { margin-bottom: var(--sp-3); }

    .page-banner .container { padding-top: var(--sp-6); padding-bottom: var(--sp-6); }
    .page-banner .banner-image { aspect-ratio: 16 / 9; border-radius: var(--radius-lg); }

    .back-to-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
    .floating-contact { right: 16px; bottom: 66px; }
    .floating-contact__item { width: 42px; height: 42px; font-size: 16px; }

    /* 小屏上：隐藏搜索框（通过汉堡菜单里提供） */
    .nav-search { display: none; }

    .nav-lang__label { display: none; }
    .nav-lang__trigger { padding: 0; width: 40px; justify-content: center; gap: 0; }
    .nav-lang__trigger .nav-lang__arrow { display: none; }
}

/* ≤576 */
@media (max-width: 576px) {
    :root { --container-pad: 14px; }
    .section-title__title,
    .section-title > span:first-child { font-size: var(--fs-24); }
    .page-breadcrumb .container {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}