/* ============================================
   关键修复 - Footer 菜单 + 移动端响应
   ============================================ */

/* 1. Footer 菜单 - 隐藏巨大的 SVG 箭头（200x200） */
.footer-nav-list svg.p_jtIcon { display: none !important; }
.footer-nav-list .p_menu1Item,
.footer-nav-list .p_menu2Item,
.footer-nav-list .p_menu3Item { margin: 0 !important; padding: 0 !important; }
.footer-nav-list .p_menu1Item > a,
.footer-nav-list .p_menu2Item > a,
.footer-nav-list .p_menu3Item > a { display: block; }

/* 2. Footer 整体布局 */
.site-footer .footer-top .footer-inner { flex-wrap: wrap; }
.footer-col-left { flex: 0 0 320px; }
.footer-col-nav { flex: 1; min-width: 0; }

/* 3. 移动端 Footer */
@media (max-width: 768px) {
    .site-footer .footer-top { padding: 30px 0 20px; }
    .site-footer .footer-top .footer-inner { flex-direction: column; gap: 25px; }
    .footer-col-left { flex: 1; }
    .footer-col-nav { flex: 1; width: 100%; }
    .footer-nav-list { grid-template-columns: repeat(2, 1fr); gap: 15px 20px; }
    .footer-nav-list > li > a { font-size: 14px; margin-bottom: 8px; }
    .footer-nav-list .sub-menu li a { font-size: 12px; }
    .footer-bottom .footer-inner { flex-direction: column; gap: 8px; text-align: center; font-size: 12px; }
}

/* ============================================
   Header 移动端
   ============================================ */
@media (max-width: 768px) {
    .header-inner { padding: 0 16px !important; height: 70px !important; }
    .header-top { font-size: 11px; padding: 4px 0 !important; }
    .header-phone { position: relative !important; top: auto !important; right: auto !important; display: none !important; }
    .header-nav { display: none; }
    .header-nav.mobile-open,
    .header-nav.active {
        display: block !important;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,.1);
        z-index: 999;
    }
    .header-nav.mobile-open > ul,
    .header-nav.active > ul { flex-direction: column; padding: 10px 0; }
    .header-nav.mobile-open > ul > li,
    .header-nav.active > ul > li { width: 100%; border-bottom: 1px solid #eee; }
    .header-nav.mobile-open > ul > li > a,
    .header-nav.active > ul > li > a { padding: 12px 20px; }
    .header-nav.mobile-open .sub-menu,
    .header-nav.active .sub-menu { position: static !important; box-shadow: none; padding-left: 20px; }
    .mobile-menu-toggle { display: flex !important; }
}

.mobile-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.mobile-menu-toggle svg { width: 24px; height: 24px; }

/* ============================================
   首页区块移动端
   ============================================ */
@media (max-width: 768px) {
    .container { padding: 0 15px !important; }
    .home-about { padding: 40px 0; }
    .about-grid { flex-direction: column; gap: 25px; }
    .about-left, .about-right { flex: 1; padding: 0; order: initial; }
    .about-subtitle { font-size: 20px; }
    .about-title { font-size: 24px; }
    .about-desc { font-size: 14px; line-height: 1.7; }
    .section-header h2 { font-size: 24px !important; }
    .home-products { padding: 30px 0; }
    .products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .product-card .product-img { height: 100px !important; }
    .product-card h3 { font-size: 14px; }
    .home-applications { padding: 30px 0; }
    .applications-grid { grid-template-columns: 1fr !important; }
    .home-advantages { padding: 30px 0; }
    .advantages-grid { grid-template-columns: 1fr !important; gap: 15px; }
    .home-news { padding: 30px 0; }
    .news-grid { grid-template-columns: 1fr !important; }
    .news-card .news-img { height: 140px !important; }
    .news-card h3 { font-size: 15px; }
    .news-card .news-excerpt { font-size: 12px; }
}