/* ================= 移动端深度适配 (整合首页与列表页) ================= */

@media(max-width: 1400px) {
    /* 列表页调整 */
    .product-grid-4 { grid-template-columns: repeat(3, 1fr); }
}

@media(max-width: 1200px) {
    /* 首页调整 */
    .hero-content .main-title { font-size: 56px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    .partner-box { width: 200px; height: 110px; }
    
    /* 公共调整 */
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; } 
     .brand-intro-wrap { padding: 40px 30px; gap: 30px; }
     .brand-media-side { width: 50%; }



}

@media(max-width: 1024px) {
    /* 列表页调整 */
    .product-page-layout { flex-direction: column; }
    .sidebar { width: 100%; }
    .partner-grid-static { grid-template-columns: repeat(3, 1fr); }
    .product-overview { flex-direction: column; gap: 40px; }
    .gallery-wrap { width: 100%; max-width: 500px; margin: 0 auto; }
     .solutions-grid { grid-template-columns: repeat(2, 1fr); }
     .news-item-img { width: 350px; }
    .news-header-row h3 { font-size: 20px; }
    .about-us-layout { gap: 40px; }
    .about-title { font-size: 34px; }
}

@media(max-width: 992px) {
    .logo-area img{max-width: 160px;}
    /* ==== 全局导航适配 ==== */
    .contact-info, .social-icons, .lang-selector, .bottom-row .btn-primary { display: none; }
    .menu-toggle { display: block; }
    
    .menu-overlay {
        display: block;
        position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
        background: rgba(0, 0, 0, 0.6); z-index: 99;
        opacity: 0; visibility: hidden; transition: 0.3s ease;
    }
    .menu-overlay.active { opacity: 1; visibility: visible; }

    .nav-menu {
        position: fixed; top: 0; right: -100%; width: 300px; height: 100vh;
        background: #16181b; flex-direction: column; align-items: flex-start;
        padding: 70px 25px 30px 25px;
        transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: -10px 0 30px rgba(0,0,0,0.5); z-index: 9999; overflow-y: auto;
        gap: 15px;
    }
    .nav-menu.active { right: 0; }
    
    .mobile-close-btn { 
        display: block; position: absolute; top: 20px; right: 50px;
        font-size: 28px; color: #fff; cursor: pointer; z-index: 10000;
        transition: color 0.3s;
    }
    .mobile-close-btn:hover { color: var(--primary-teal); }

    .nav-menu > li { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.08); padding: 12px 0;}
    .nav-menu > li > a { font-size: 18px; color: #fff; width: 100%; justify-content: space-between;}
    
    .dropdown { position: static; box-shadow: none; background: transparent; padding: 0; margin-top: 10px; display: none; opacity: 1; visibility: visible; transform: none; min-width: 100%;}
    .nav-menu > li.open .dropdown { display: block; }
    .dropdown li a { color: #a0aab2; padding: 10px 15px; font-size: 15px;}
    .dropdown li a:hover { background: transparent; color: var(--highlight-yellow); padding-left: 20px;}

    .nav-menu > li.mobile-lang-item { 
        display: block !important; border-bottom: none; 
        margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.08); 
    }
    .nav-menu > li.mobile-lang-item > a { color: var(--product-cyan); font-size: 16px; justify-content: flex-start; }

    /* ==== 首页内容堆叠 ==== */
    .stats-left{padding: 75px 30px;}
    .stats-wrapper { flex-direction: column; margin-top: -30px; padding: 0 20px; box-shadow: none; }
    .why-us { flex-direction: column; margin-bottom: 50px;}
    .solution-grid, .news-grid { grid-template-columns: 1fr; }

    .brand-intro-wrap { flex-direction: column; }
    .brand-media-side { width: 100%; }
    .sol-overview-content { flex-direction: column; gap: 30px; }
    .sol-overview-img { aspect-ratio: 16/9; }
    .sol-value-grid { grid-template-columns: 1fr; gap: 15px; }
    .sol-value-card { min-height: 80px; padding: 25px 20px; }
    .branch-item { flex-direction: column; gap: 40px; }
    .branch-info { width: 100%; }
    .branch-map { width: 100%; }

   /* ================= 联系弹窗移动端精准适配 (两列网格版) ================= */
    .contact-modal-container {
        padding: 40px 15px 20px;
        max-height: 90vh; 
        overflow-y: auto; 
        margin-top: 15px;
    }

    .contact-modal-header { margin-bottom: 20px; }
    .contact-modal-header h2 { font-size: 24px; }
    
    .contact-modal-close { top: 12px; right: 12px; font-size: 24px; }

    /* 核心：变更为 2x2 Grid 网格布局 */
    .contact-modal-body { 
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0; /* 移除 gap，依靠内边距和边框来画分割线 */
    }

    /* 统一重置列样式 */
    .contact-col { 
        padding: 20px 10px !important; 
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    
    /* 移除 PC 端的伪元素分割线 */
    .contact-col:not(:last-child)::after {
        display: none; 
    }

    /* ====== 绘制十字分割线 ====== */
    /* 第一、第二列（第一排）底部加横线 */
    .contact-col:nth-child(1),
    .contact-col:nth-child(2) {
        border-bottom: 1px solid #eaeaea;
    }
    /* 第一、第三列（左边距）右侧加竖线 */
    .contact-col:nth-child(odd) {
        border-right: 1px solid #eaeaea;
    }

    /* ====== 元素缩放以适应小空间 ====== */
    .contact-icon-wrapper {
        width: 45px; height: 45px; font-size: 22px; margin-bottom: 10px;
    }
    .contact-col h4 { font-size: 14px; margin-bottom: 4px; }
    
    /* 允许长邮箱或电话换行，防止撑破网格 */
    .contact-col p { 
        font-size: 12px; margin-bottom: 15px; 
        word-wrap: break-word; word-break: break-all; max-width: 100%;
    }
    
    /* 按钮等宽自适应 */
    .btn-outline-dark { 
        padding: 8px 0; font-size: 12px; width: 100%; 
        max-width: 120px; text-align: center;
    }

    /* 第四个社交媒体列特殊处理：紧凑左对齐 */
    .contact-col:last-child { 
        padding-left: 15px !important; 
        align-items: flex-start; 
    }
    .social-list-col { gap: 8px; }
    .social-list-col a { font-size: 11px; margin-bottom: 4px; gap: 6px; }
    .social-list-col a i { font-size: 14px; width: 16px; }

    /* ================= 三级下拉菜单 (移动端) ================= */
    .has-sub-dropdown { position: static; }
    .sub-dropdown { 
        position: static; 
        box-shadow: none; 
        background: rgba(255, 255, 255, 0.03); /* 手机端稍微区分一下层级背景 */
        padding: 0; 
        margin-top: 5px; 
        display: none; 
        opacity: 1; 
        visibility: visible; 
        transform: none; 
        min-width: 100%; 
        border-radius: 4px;
    }
    
    /* 触发展开类 */
    .has-sub-dropdown.open-sub .sub-dropdown { display: block; }
    
    /* 调整三级菜单在手机端的缩进深度 */
    .sub-dropdown li a { 
        color: #8c98a4; 
        padding: 10px 15px 10px 35px; /* 左侧留出更大缩进 */
        font-size: 14px;
    }
    .sub-dropdown li a:hover { 
        background: transparent; 
        color: var(--highlight-yellow); 
        padding-left: 40px;
    }

     .svc-intro-content { flex-direction: column; gap: 40px; }
    .svc-innovation-grid { grid-template-columns: 1fr; }
    .brands-row { justify-content: center; }
    .brand-item { flex: 0 0 calc(25% - 20px); }
    .svc-prod-card { padding: 40px 30px; }


    /* 下载中心移动端降级 */
    .dl-layout { flex-direction: column; gap: 30px; }
    .dl-sidebar { width: 100%; }
    .dl-card { flex-direction: column; align-items: flex-start; gap: 15px; padding: 20px; }
    .dl-card-img { justify-content: flex-start; }
    .dl-meta-row { flex-direction: column; align-items: flex-start; gap: 15px; }
    .dl-tabs { gap: 20px; overflow-x: auto; white-space: nowrap; padding-bottom: 5px; }
    .btn-dl-outline { width: 100%; justify-content: center; margin-top: 10px; }

}

@media(max-width: 768px) {
    /* ==== 全局缩放 ==== */
    .container { padding: 0 20px; }
    .section-title h2 { font-size: 28px; }
    .footer-grid { grid-template-columns: 1fr; gap: 40px; } 
    .footer-bottom { flex-direction: column; gap: 20px; text-align: center; }

    /* ==== 首页缩放 ==== */
    .swiper { min-height: 650px; }
    .hero-content .main-title { font-size: 42px; margin-bottom: 20px;}
    .hero-content .description { font-size: 16px; margin-bottom: 30px;}
    .hero-buttons { flex-direction: column; gap: 15px; }
    .hero-buttons .btn { width: 100%; }

    .product-header { flex-direction: column; align-items: flex-start; gap: 15px; margin-bottom: 30px; }
    .product-grid { grid-template-columns: 1fr; }
    .stats-right { grid-template-columns: 1fr; }
    
    .stat-box { border-right: none !important; border-bottom: 1px solid #e8e8e8 !important; padding: 30px 20px;}
    .stat-box:last-child { border-bottom: none !important; }
    
    .why-left, .why-right { padding: 60px 20px; }
    .why-left h2 { font-size: 34px; margin-bottom: 15px;}
    .why-left p { font-size: 16px; margin-bottom: 30px;}
    .why-right h3 { font-size: 26px; }
    .why-right p { font-size: 16px; margin-bottom: 30px;}
    .why-list li { font-size: 18px; margin-bottom: 15px;}
    
    .solution-card img, .news-card img { height: 240px; }
    .solution-info h4, .news-info h4 { font-size: 20px; }

    /* ==== 列表页缩放 ==== */
    .sub-nav-inner { flex-direction: column; height: auto; align-items: stretch; padding: 15px 0; gap: 15px; }
    .sub-nav-search { width: 100%; }
    .product-grid-4 { grid-template-columns: repeat(2, 1fr); }
    
    /* 列表视图降级为网格列 */
    .product-grid-4.list-view .product-card-v2 { flex-direction: column; }
    .product-grid-4.list-view .product-card-v2 .img-wrap { width: 100%; border-right: none; border-bottom: 1px solid var(--border-color); }
    .product-grid-4.list-view .product-card-v2 .info { padding: 20px; }

    .partner-grid-static { grid-template-columns: repeat(2, 1fr); }
    .page-section-tabs { gap: 20px; }
    .page-section-tabs a { font-size: 18px; }

    /* 相册变更为上下结构 */
    .gallery-wrap { flex-direction: column-reverse; max-width: 100%; }
    .thumbnails { flex-direction: row; width: 100%; overflow-x: auto; padding-bottom: 5px; }
    .thumbnails img { width: 80px; height: 80px; flex-shrink: 0; }
    .main-image { padding: 10px; }

    .product-details-info h1 { font-size: 26px; }
    
    .data-header-row { flex-direction: column; align-items: flex-start; gap: 20px; }
    .data-tabs { flex-wrap: wrap; }
    
    .download-row { flex-direction: column; align-items: flex-start; gap: 15px; }
    .download-actions { width: 100%; justify-content: flex-end; border-top: 1px dashed #eaeaea; padding-top: 15px; margin-top: 5px; }

    .sub-nav-inner { flex-direction: column; height: auto; align-items: stretch; padding: 15px 0; gap: 15px; }
    .sub-nav-search { width: 100%; }
    .brand-intro-wrap { padding: 30px 20px; margin: 40px auto; }
    .brand-title-row h2 { font-size: 20px; }
    .section-tabs-large { gap: 20px; }
    .section-tabs-large a { font-size: 18px; }
    .product-carousel { padding-right: 0; }
    .custom-swiper-prev, 
    .custom-swiper-next { 
        display: none !important; 
    }
    
    /* 2. 移除包裹区为了放箭头而留出的左右 60px 空白，让卡片撑满屏幕 */
    .product-carousel-wrapper { 
        padding: 0 !important; 
    }
    
    /* 3. 稍微调整一下手机端的 Swiper 容器，让右侧稍微露出一半卡片，提示用户可以滑动 */
    .self-product-swiper-main.swiper, 
    .self-product-swiper-other.swiper {
        padding-right: 20px; 
    }

    .sub-nav-inner { flex-direction: column; height: auto; align-items: stretch; padding: 15px 0; gap: 15px; }
    .sub-nav-search { width: 100%; }
    .solutions-grid { grid-template-columns: 1fr; gap: 25px; }
    .section-header h2 { font-size: 32px; }
    .sol-cta-section h2 { font-size: 26px; text-align: left; }
    .scenario-tabs { flex-wrap: wrap; gap: 15px; }
    .news-list-wrapper { gap: 30px; }
    .news-list-item { flex-direction: column; gap: 20px; padding-bottom: 30px; }
    .news-item-img { width: 100%; aspect-ratio: 16/9; }
    
    .news-header-row { flex-direction: column; gap: 15px; }
    .news-meta-row { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 15px; }
    .btn-view-all { align-self: flex-start; }
    
    .news-pagination { flex-wrap: wrap; }
    .news-detail-section { padding: 50px 0 60px; }
    
    .article-header { margin-bottom: 30px; padding-bottom: 25px; }
    .article-header h1 { font-size: 24px; text-align: left; }
    .article-meta { font-size: 14px; text-align: left; }
    
    .article-content { font-size: 15px; line-height: 1.7; }
    .article-content img { margin-bottom: 25px; }

    /* 【新增】详情页跳转按钮手机端自适应 */
    .article-navigation {
        flex-direction: column;
        gap: 25px;
        margin-top: 40px;
    }
    .article-navigation .nav-link {
        max-width: 100%;
    }
    .article-navigation .nav-link.next {
        text-align: left;
        align-items: flex-start;
    }
    .about-us-section { padding: 60px 0; }
    .about-us-layout { flex-direction: column; gap: 60px; }
    .about-page-right { padding-left: 0; gap: 30px; }
    .about-title { font-size: 30px; }
    .contact-page-section { padding: 60px 0; }
    .contact-header-text .main-title { font-size: 30px; }
    .branch-item { margin-bottom: 60px; }
    .quote-modal-container { padding: 40px 20px; }
    .quote-form-row { flex-direction: column; gap: 15px; margin-bottom: 15px; }
    .quote-bottom-row { align-items: flex-start; }
    .quote-checkbox-group { padding-left: 0; margin-top: 10px; }
    .quote-submit-btn { width: 100%; }
    .privacy-policy-section { padding: 50px 0 60px; }
    .policy-header { margin-bottom: 30px; padding-bottom: 20px; }
    .policy-header h1 { font-size: 24px; text-align: left; }
    .policy-header .last-updated { text-align: left; }
    .policy-sub-title { font-size: 18px; margin: 30px 0 12px; }

    .header-search{display: none;}
    .header-wrapper.is-sticky{display: none;}
    
    
    

}

@media(max-width: 480px) {
    /* 手机极限宽度 */
    .product-grid-4 { grid-template-columns: 1fr; }
    .partner-grid-static { grid-template-columns: repeat(2, 1fr); }
}