/* ==========================================================================
   SMARTLAND — 移动端适配层
   --------------------------------------------------------------------------
   1) 桌面端（>1024px）完全不受影响：所有规则都在 max-width 媒体查询内，
      仅 .nav-scrim / .nav-drawer-extra 有基础隐藏声明（它们在桌面端本就不该出现）。
   2) 加载顺序在 style.css 之后，故同特异性规则以本文件为准。
   3) 断点由宽到窄排列，避免窄屏被宽屏规则反向覆盖。
   ========================================================================== */

/* ---------- 桌面端隐藏移动端专用元素 ---------- */
.nav-scrim { display: none; }
.nav-drawer-extra { display: none; }

/* ==========================================================================
   1. 通用：容器、排版、按钮
   ========================================================================== */
@media (max-width: 1024px) {
    .container { padding-left: 20px; padding-right: 20px; }

    .section-header { margin-bottom: 38px; }
    .section-header h2 { font-size: clamp(1.66rem, 4.4vw, 2.1rem); line-height: 1.25; }
    .section-subtitle { font-size: 0.94rem; }

    .page-section,
    .p1-section { padding: 60px 0; }

    .btn-primary,
    .btn-outline-light { padding: 14px 30px; font-size: 0.87rem; }

    /* 长字符串（OE 码、邮箱、型号）不撑破布局 */
    .fp-card-oe,
    .spec-table td,
    .footer-contact li,
    .contact-info-text p { overflow-wrap: anywhere; }
}

@media (max-width: 560px) {
    .container { padding-left: 18px; padding-right: 18px; }

    .section-header { margin-bottom: 32px; }
    .section-header h2 { font-size: clamp(1.5rem, 5.6vw, 1.72rem); }

    .page-section,
    .p1-section { padding: 48px 0; }

    .btn-primary,
    .btn-outline-light { padding: 13px 24px; font-size: 0.84rem; }

    /* 手机宽度下按钮改为整行通栏，便于点击 */
    .hero-cta a { width: 100%; }
}

/* ==========================================================================
   2. 页头与移动端抽屉
   ========================================================================== */
@media (max-width: 1024px) {
    .navbar,
    .header.scrolled .navbar { height: 64px; }
    .nav-container { padding: 0 18px; }
    .logo-img,
    .header.scrolled .logo-img { height: 42px; }

    /* ---- 抽屉本体（原 768 规则只到 768，769~1024 之间菜单会彻底不可见）---- */
    .nav-menu {
        display: flex;
        position: fixed;
        top: 0;
        right: -105%;
        left: auto;
        width: min(86vw, 360px);
        max-width: none;
        height: 100%;
        height: 100dvh;
        background: var(--white);
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        padding: 76px 20px 40px;
        margin: 0;
        border-radius: 0;
        box-shadow: -18px 0 48px rgba(11, 45, 92, 0.18);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 950;
    }

    .nav-menu.active { right: 0; display: flex; }

    /* ---- 遮罩 ---- */
    .nav-scrim {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(6, 26, 54, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 900;
    }

    .nav-scrim.active { opacity: 1; visibility: visible; }

    /* 抽屉打开时汉堡按钮需保持可点（本身就是关闭按钮） */
    .hamburger { position: relative; z-index: 1000; }

    /* 抽屉顶部留出页头高度后从左对齐，条目铺满整宽 */
    .nav-menu > .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(11, 45, 92, 0.08);
    }

    .nav-link,
    .header.scrolled .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 16px 2px;
        color: var(--text-dark);
        font-size: 1rem;
        font-weight: 600;
        border-bottom: 0;
    }

    .nav-link::after { display: none; }

    /* 折叠箭头改为流内元素，避免绝对定位在小屏上错位 */
    .nav-item-dropdown > .nav-link::before {
        content: '\f054';
        position: static;
        transform: none;
        right: auto;
        top: auto;
        font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', sans-serif;
        font-weight: 900;
        font-size: 0.72rem;
        color: var(--text-light);
        margin-left: auto;
        transition: transform 0.25s ease;
    }

    .nav-item-dropdown.expanded > .nav-link::before { transform: rotate(90deg); }
    .nav-item-dropdown.no-dropdown > .nav-link::before { display: none; }
    .nav-item-dropdown:hover > .nav-link { color: var(--text-dark); }

    /* ---- 折叠面板 ---- */
    .dropdown-menu {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        min-width: 0;
        width: 100%;
        max-height: 0;
        padding: 0;
        margin: 0;
        border-radius: 10px;
        background: var(--bg-light);
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        transition: max-height 0.32s ease, margin 0.32s ease, padding 0.32s ease;
    }

    .dropdown-menu::before { display: none; }

    .nav-item-dropdown.expanded > .dropdown-menu {
        max-height: 62vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 6px 0;
        margin: 0 0 12px;
    }

    .dropdown-menu li a {
        padding: 12px 16px;
        font-size: 0.9rem;
        border-radius: 8px;
        text-align: left;
    }

    /* 桌面端的悬停缩进在移动端会造成跳动 */
    .dropdown-menu li a:hover { padding-left: 16px; background: transparent; }

    /* 三级菜单 */
    .submenu {
        position: static;
        transform: none;
        min-width: 0;
        width: 100%;
        max-height: 0;
        padding: 0;
        margin: 0;
        border-radius: 8px;
        background: rgba(11, 45, 92, 0.05);
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        transition: max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
    }

    .submenu::before { display: none; }

    .dropdown-submenu.expanded .submenu {
        max-height: 42vh;
        overflow-y: auto;
        padding: 4px 0;
        margin: 0 0 8px;
    }

    .submenu li a { padding: 10px 16px; font-size: 0.85rem; }

    /* ---- 抽屉内工具区：搜索 / 语言 / 报价 ---- */
    .nav-drawer-extra {
        display: block;
        width: 100%;
        padding: 22px 2px 0;
        border-bottom: 0;
    }

    .drawer-search {
        display: flex;
        align-items: center;
        height: 46px;
        padding: 0 5px 0 14px;
        background: var(--bg-light);
        border: 1px solid var(--border);
        border-radius: 10px;
    }

    .drawer-search input {
        flex: 1;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        font-family: var(--font-body);
        font-size: 0.92rem;
        color: var(--text-dark);
    }

    .drawer-search input::placeholder { color: var(--text-light); }

    .drawer-search button {
        flex-shrink: 0;
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 8px;
        background: var(--blue-primary);
        color: var(--white);
        font-size: 0.9rem;
        cursor: pointer;
    }

    .drawer-lang { margin-top: 18px; }

    .drawer-lang-label {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;
        font-size: 0.74rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-light);
    }

    .drawer-lang-list { display: flex; gap: 10px; }

    .drawer-lang-list a {
        flex: 1;
        padding: 11px 0;
        text-align: center;
        border: 1px solid var(--border);
        border-radius: 8px;
        font-size: 0.9rem;
        color: var(--text-dark);
    }

    .drawer-lang-list a.active {
        background: var(--blue-primary);
        border-color: var(--blue-primary);
        color: var(--white);
    }

    .drawer-quote {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 20px 0 0;
        padding: 14px 26px;
    }
}

/* ==========================================================================
   3. 首页：幻灯片 / 口号条 / 数据条
   ========================================================================== */
@media (max-width: 1024px) {
    /* 幻灯片内容位于绝对定位的 .hero-slide 内，无法靠内容撑高，仍用视口高度 */
    .hero {
        height: 82vh;
        height: 82svh;
        min-height: 470px;
        max-height: 660px;
    }

    .hero-content { padding: 84px 20px 60px; }

    .hero-content h1 { font-size: clamp(1.85rem, 6vw, 2.6rem); }
    .hero-content p {
        font-size: 1rem;
        /* 平板宽度下单行过长（可达 46 字），限制阅读宽度 */
        max-width: 38rem;
        margin-bottom: 28px;
    }

    .hero-cta { gap: 12px; }

    .hero-cta a { justify-content: center; text-align: center; }

    /* 描边按钮叠在幻灯片浅色车身/厂房上时白字看不清，补一层深色半透明底 */
    .hero .btn-outline-light,
    .hero-cta .btn-outline-light {
        background: rgba(10, 22, 40, 0.45);
        border-color: rgba(255, 255, 255, 0.7);
    }

    .hero-dots { bottom: 22px; }

    .slogan-bar { padding: 56px 0; }

    .stats-bar { padding: 44px 0; }
    .stats-grid { gap: 32px 20px; }
}

/* ==========================================================================
   4. 首页：产品能力条 / 视频展示 / 首屏品类
   ========================================================================== */
@media (max-width: 1024px) {
    .home-products {
        height: auto;
        min-height: 0;
        padding: 72px 0 56px;
    }

    .home-products-content { margin-bottom: 36px; }
    .home-products-content h2 { font-size: clamp(1.7rem, 4.8vw, 2.1rem); }

    .home-products-block { padding: 26px 16px; gap: 14px; }

    .video-showcase-container { aspect-ratio: 16 / 10; }
    .video-showcase-caption { padding: 32px 24px; }
    .video-showcase-caption h3 { font-size: 1.2rem; }
}

@media (max-width: 560px) {
    .home-products-content h2 { font-size: 1.55rem; }
    .home-products-icon { width: 58px; height: 58px; font-size: 1.45rem; }
    .home-products-name { font-size: 0.95rem; }

    .video-showcase-caption { padding: 24px 18px; }
    .video-showcase-caption h3 { font-size: 1.02rem; }
    .video-showcase-caption p { font-size: 0.82rem; }
}

/* ==========================================================================
   5. 首页：工艺流程（制造体系）
   ========================================================================== */
@media (max-width: 1024px) {
    .process-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .process-info { padding: 16px 14px 18px; }
    .process-info h4 { font-size: 0.9rem; }
    .process-info p { font-size: 0.78rem; }
    .process-num-badge { width: 34px; height: 34px; font-size: 0.82rem; }
}

@media (max-width: 400px) {
    .process-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   6. 首页：精选产品 / 按车型查找
   ========================================================================== */
@media (max-width: 1024px) {
    .fp-section,
    .fv-section { padding: 64px 0; }

    .fp-layout,
    .fv-layout { flex-direction: column; gap: 32px; }

    .fp-intro,
    .fv-intro { flex: 1 1 auto; max-width: 620px; padding-top: 0; }

    .fp-intro h2,
    .fv-intro h2 { font-size: clamp(1.7rem, 4.8vw, 2.1rem); }

    .fp-carousel,
    .fv-carousel {
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 12px;
    }

    .fp-card,
    .fv-card {
        flex: 0 0 calc((100% - 24px) / 2);
        scroll-snap-align: start;
    }

    .fv-search-bar { border-radius: 10px; }
    .fv-search-input { padding: 14px 18px; font-size: 0.92rem; }
    .fv-search-btn { padding: 13px 22px; justify-content: center; }
}

@media (max-width: 560px) {
    .fp-intro h2,
    .fv-intro h2 { font-size: 1.6rem; }

    /* 单卡略窄于容器，露出下一张的一角提示可横向滑动 */
    .fp-card,
    .fv-card { flex: 0 0 82%; }

    .fp-card-body { padding: 14px 16px 18px; }
    .fp-card-body h3 { font-size: 0.96rem; }
    .fv-card-body { padding: 14px 16px 18px; }
    .fv-brand-logo { height: 44px; }
}

/* ==========================================================================
   7. 首页：影像与品质（fq）
   ========================================================================== */
@media (max-width: 1024px) {
    .fq-top { padding: 0 20px; }

    .fq-facility-img,
    .fq-quality-img { flex: none; height: 220px; }

    .fq-facility-text,
    .fq-quality-text { padding: 36px 22px; }

    .fq-facility-text h2 { font-size: clamp(1.6rem, 4.6vw, 2rem); }
    .fq-quality-text h2 { font-size: 1.5rem; }
    .fq-quality-text p { max-width: none; }

    .fq-oem { padding: 40px 22px; gap: 26px; }
    .fq-oem-text h2 { font-size: 1.55rem; }
    .fq-oem-text > p { margin-bottom: 24px; }
    .fq-oem-cta { width: 100%; }
    .fq-oem-cta .fq-btn { width: 100%; justify-content: center; }

    .fq-process { justify-content: flex-start; }
    .fq-process-arrow { display: none; }
    .fq-process-step { flex: 0 0 calc(50% - 8px); }

    .fq-cta { padding: 44px 0; }
    .fq-cta .container { align-items: stretch; }
    .fq-cta-btns { justify-content: center; flex-wrap: wrap; }
    .fq-cta-btns .fq-btn { flex: 1 1 auto; justify-content: center; }
}

/* ==========================================================================
   8. 栏目横幅 + 内页通用
   ========================================================================== */
@media (max-width: 1024px) {
    /* 内容在流内，可改用 padding 撑高，避免小屏占满整屏 */
    .page-banner {
        height: auto;
        min-height: 230px;
        padding: 104px 0 46px;
    }

    .page-banner-content h1 { font-size: clamp(1.55rem, 5.4vw, 2.2rem); }
    .page-banner-content p { font-size: 0.95rem; padding: 0 4px; }

    .p1-hero,
    .pro-hero {
        height: auto;
        min-height: 220px;
        padding: 104px 0 46px;
    }

    .p1-hero-content h1,
    .pro-hero-content h1 { font-size: clamp(1.5rem, 5.2vw, 2.1rem); }
}

/* ==========================================================================
   9. 产品中心
   ========================================================================== */
@media (max-width: 1024px) {
    .p1-layout { flex-direction: column; gap: 20px; }

    .p1-sidebar { width: 100%; }

    .p1-sidebar-photo { height: 110px; }

    /* 品牌树在移动端限高滚动，避免整页被拉长 */
    .p1-sidebar-body { max-height: 320px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    .p1-tree-brand-head { justify-content: flex-start; }

    .p1-tab-bar { top: 64px; }

    .p1-tab-row,
    .pro-tab-row {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .p1-tab-row::-webkit-scrollbar,
    .pro-tab-row::-webkit-scrollbar { display: none; }

    .p1-tab,
    .pro-tab { flex: 0 0 auto; scroll-snap-align: start; }

    .p1-cat-card { padding: 22px 18px; }
    .p1-cat-circles {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 10px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .p1-cat-circle { flex: 0 0 auto; min-width: 82px; }

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

    .p1-parts-header { flex-wrap: wrap; gap: 8px; }
}

@media (max-width: 560px) {
    .p1-hero,
    .pro-hero { padding: 96px 0 40px; }

    .p1-hero-content h1,
    .pro-hero-content h1 { font-size: 1.5rem; }

    .p1-tab,
    .pro-tab { min-width: 104px; padding: 18px 20px; }
    .p1-tab i { font-size: 1.5rem; }
    .pro-tab i { font-size: 1.35rem; }
    .p1-tab span,
    .pro-tab span { font-size: 0.8rem; }

    .p1-cat-icon { width: 60px; height: 60px; }
    .p1-cat-circle span { font-size: 0.76rem; }

    .p1-sidebar-photo { height: 92px; }
    .p1-sidebar-body { max-height: 260px; }

    .p1-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .p1-grid .product-list-info { padding: 12px 12px 14px; }
    .p1-grid .product-list-info h3 { font-size: 0.85rem; margin-bottom: 6px; }

    .p1-tag { font-size: 0.68rem; padding: 3px 8px; }
}

/* ==========================================================================
   10. 产品列表 / 产品详情
   ========================================================================== */
@media (max-width: 1024px) {
    .product-page-layout { grid-template-columns: 1fr; gap: 32px; }
    .product-sidebar { position: static; }

    .product-list-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .product-list-info { padding: 14px 16px 16px; }
    .product-list-info h3 { font-size: 0.92rem; }
    .product-list-title { font-size: 1.25rem; }

    .product-detail-section { padding: 48px 0; }
    .product-detail-wrapper { grid-template-columns: 1fr; gap: 32px; margin-bottom: 48px; }

    .product-gallery-main { aspect-ratio: 4 / 3; padding: 18px; margin-bottom: 12px; }
    .product-gallery-thumbs { grid-template-columns: repeat(4, 1fr); gap: 8px; }

    .product-info h1 { font-size: clamp(1.4rem, 4.6vw, 1.7rem); }

    .spec-table td { padding: 10px 0; font-size: 0.88rem; }
    .spec-table td:first-child { width: 44%; padding-right: 12px; }

    .product-detail-tabs { padding-top: 36px; }

    .tab-nav {
        gap: 6px;
        padding-bottom: 4px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .tab-nav::-webkit-scrollbar { display: none; }
    .tab-btn { flex: 0 0 auto; padding: 12px 18px; font-size: 0.86rem; white-space: nowrap; }

    .related-products { padding: 56px 0; }
    .related-carousel-item { flex: 0 0 calc((100% - 24px) / 2); }
    .related-prev,
    .related-next { display: none; }

    .pagination { flex-wrap: wrap; margin-top: 36px; }
    .page-numbers a,
    .page-numbers span { width: 38px; height: 38px; }
}

@media (max-width: 560px) {
    .product-list-img { aspect-ratio: 1 / 1; }
    .product-list-info { padding: 12px 12px 14px; }
    .product-list-info h3 { font-size: 0.85rem; }
    .product-list-info .product-model { font-size: 0.75rem; }

    .product-gallery-thumbs { gap: 6px; }

    .related-carousel-item { flex: 0 0 76%; }
    .related-carousel-title { padding: 12px; font-size: 0.88rem; }

    .news-detail-header h1,
    .news-detail-title { font-size: 1.42rem; }
}

/* ==========================================================================
   11. 新闻列表 / 新闻详情
   ========================================================================== */
@media (max-width: 1024px) {
    .news-list-section { padding: 56px 0; }
    .news-list-item { grid-template-columns: 1fr; gap: 0; }
    .news-list-image,
    .news-list-img { aspect-ratio: 16 / 9; }
    .news-list-content { padding: 22px 20px; }
    .news-list-content h3 { font-size: 1.08rem; }

    .news-list-meta,
    .news-meta { flex-wrap: wrap; gap: 8px 18px; }

    .news-detail-section { padding: 52px 0; }
    .news-detail-header { margin-bottom: 32px; padding-bottom: 26px; }
    .news-detail-header h1,
    .news-detail-title { font-size: clamp(1.4rem, 4.4vw, 1.8rem); }

    .news-detail-meta { gap: 10px 20px; font-size: 0.86rem; margin-bottom: 24px; padding-bottom: 18px; }
    .news-detail-image { margin-bottom: 28px; }
    .news-detail-body,
    .news-detail-content { font-size: 0.96rem; line-height: 1.85; }
    .news-detail-content h2 { font-size: 1.28rem; }
    .news-detail-content h3 { font-size: 1.12rem; }
    .news-detail-content blockquote { padding: 18px 20px; font-size: 1rem; }

    .news-prev-next { flex-direction: column; gap: 16px; margin-top: 36px; padding-top: 24px; }
    .prev-link,
    .next-link { max-width: 100%; }
    .next-link { text-align: left; }

    .news-detail-tags { margin-top: 32px; padding-top: 24px; }

    .recommended-news { padding: 52px 0; }
    .recommended-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .recommended-card-info { padding: 14px; }
    .recommended-card-info h4 { font-size: 0.86rem; }
}

@media (max-width: 560px) {
    .recommended-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   12. 制造能力
   ========================================================================== */
@media (max-width: 1024px) {
    .made-list-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .made-list-info { padding: 16px; }
    .made-list-info h3 { font-size: 0.98rem; }

    .made-detail-title { font-size: clamp(1.4rem, 4.4vw, 1.8rem); }
    .made-detail-desc { font-size: 0.95rem; margin-bottom: 24px; }
    .made-detail-image { margin-bottom: 28px; }
    .made-detail-content { font-size: 0.96rem; line-height: 1.85; }
    .made-detail-content h3 { font-size: 1.18rem; }
    .made-detail-back { margin-top: 36px; }
    .made-detail-back .btn-primary { width: 100%; justify-content: center; }
}

@media (max-width: 560px) {
    .made-list-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   13. 产品分类（品牌 / 型号）页
   ========================================================================== */
@media (max-width: 1024px) {
    .brand-tabs { gap: 10px; margin-bottom: 32px; }
    .brand-tab { min-width: 0; flex: 0 0 calc((100% - 20px) / 2); padding: 18px 16px; }
    .brand-tab .brand-logo { width: 46px; height: 46px; font-size: 1.3rem; }
    .brand-tab .brand-name { font-size: 0.95rem; }

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

    .brand-filter-bar,
    .model-tab-bar { justify-content: flex-start; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
    .brand-filter-bar::-webkit-scrollbar,
    .model-tab-bar::-webkit-scrollbar { display: none; }
    .brand-filter-btn,
    .model-tab-bar > * { flex: 0 0 auto; white-space: nowrap; }
}

@media (max-width: 560px) {
    .model-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   14. 联系我们
   ========================================================================== */
@media (max-width: 1024px) {
    .contact-section { padding: 52px 0; }

    .contact-wrapper { grid-template-columns: 1fr; border-radius: 12px; }
    .contact-info,
    .contact-form { padding: 32px 22px; }

    .contact-left h2 { font-size: clamp(1.45rem, 4.4vw, 1.75rem); }
    .contact-left p { font-size: 0.94rem; margin-bottom: 24px; }

    .contact-info-row { padding: 14px 16px; gap: 12px; }
    .contact-info-row .contact-info-icon { width: 42px; height: 42px; font-size: 1rem; }
    .contact-info-text h4 { font-size: 0.9rem; }
    .contact-info-text p { font-size: 0.85rem; }

    .contact-social-links a { width: 42px; height: 42px; }

    .contact-form h3 { font-size: 1.2rem; margin-bottom: 22px; }
    .form-row { grid-template-columns: 1fr; gap: 0; }
    .form-group input,
    .form-group textarea,
    .form-group select { font-size: 0.92rem; }

    .contact-info-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 48px; }
    .contact-info-card { padding: 26px 18px; }
    .contact-info-card .contact-info-icon { width: 54px; height: 54px; font-size: 1.25rem; margin-bottom: 14px; }
    .contact-info-card h3 { font-size: 1rem; }
    .contact-info-card p { font-size: 0.86rem; }
}

@media (max-width: 560px) {
    .contact-info,
    .contact-form { padding: 26px 18px; }
    .contact-info-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   15. 页脚
   ========================================================================== */
@media (max-width: 1024px) {
    .footer { padding: 52px 0 0; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; padding-bottom: 36px; }
    .footer-about-col { grid-column: 1 / -1; }
    .footer-logo { height: 42px; }
    .footer-col h4 { font-size: 1rem; margin-bottom: 18px; }
    /* 社交图标在小屏上放大到易点尺寸 */
    .footer-social a { width: 44px; height: 44px; }
    .footer-bottom { padding: 20px 0; }
}

@media (max-width: 560px) {
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-about-col { grid-column: 1; }
}

/* ==========================================================================
   16. 悬浮工具条 / 返回顶部
   ========================================================================== */
@media (max-width: 1024px) {
    .floating-sidebar { right: 12px; bottom: 72px; gap: 8px; }
    .float-btn { width: 42px; height: 42px; font-size: 0.95rem; }
    /* 小屏上悬停提示会溢出屏幕，直接关掉 */
    .float-btn[title]:hover::after,
    .float-btn[title]:hover::before,
    .contact-info-icon[title]:hover::after,
    .contact-info-icon[title]:hover::before { display: none; }
}

/* ==========================================================================
   17. 页头搜索框的提交按钮
   ========================================================================== */
@media (max-width: 560px) {
    /* 窄屏放不下「🔍 搜索」文字，只留图标，避免挤压输入框 */
    .search-form .search-submit { right: 44px; width: 34px; padding: 0; justify-content: center; }
    .search-form .search-submit span { display: none; }
    .search-form .search-input { padding-right: 88px; }
}

/* ==========================================================================
   18. 触屏设备：去掉悬停位移与悬停阴影，避免「点完卡住」
   ========================================================================== */
@media (hover: none) {
    .fp-card:hover,
    .fv-card:hover,
    .product-list-item:hover,
    .p1-grid .product-list-item:hover,
    .made-list-card:hover,
    .news-card:hover,
    .news-list-item:hover,
    .why-card:hover,
    .contact-info-card:hover,
    .brand-tab:hover,
    .process-item-img:hover,
    .related-carousel-item:hover { transform: none; }

    .product-list-item:hover .product-list-img img,
    .made-list-card:hover .made-list-img img,
    .news-card:hover .news-image img,
    .news-list-item:hover .news-image img,
    .fp-card:hover .fp-card-img img,
    .fv-card:hover .fv-car-img img { transform: none; }

    .footer-social a:hover,
    .contact-social-links a:hover { transform: none; }
}