/* ===== 响应式修正（<=860px） ===== */
@media (max-width: 860px){
    .hero-banner{height:440px;}
    .banner-content h1{font-size:27px;}
    .feature-grid{grid-template-columns:1fr 1fr;}
    .brand-intro-grid{grid-template-columns:1fr; gap:28px;}
    .brand-intro-cta{flex-direction:column; align-items:flex-start; gap:16px;}
    .directory{grid-template-columns:1fr 1fr;}
    .directory.serve-grid{grid-template-columns:1fr 1fr;}
    .category-grid{grid-template-columns:1fr 1fr;}
    .region-row{grid-template-columns:1fr 1fr;}
    .cert-row{grid-template-columns:1fr 1fr;}
    .cta-grid{grid-template-columns:1fr;}
    .about-grid{grid-template-columns:1fr;}
    .checklist{grid-template-columns:1fr;}
    .about-cta{flex-direction:column; align-items:flex-start; gap:16px;}
    .about-stats{grid-template-columns:1fr 1fr; row-gap:32px;}
    .nav-links{display:none;}
    .topbar{display:none;}
    .lang-select{display:none;}
    .options-grid{grid-template-columns:1fr;}
    .showroom-grid{grid-template-columns:1fr 1fr;}
    .project-grid{grid-template-columns:1fr;}
    .reviews-grid{grid-template-columns:1fr; gap:28px;}
    .news-grid{grid-template-columns:1fr; gap:20px;}
    .footer-main{grid-template-columns:1fr; gap:36px; padding:48px 32px 36px;}
    .footer-bottom-inner{flex-direction:column; align-items:flex-start;}
  }

/* ---------- 2026-10-14 修改文档新增版块的响应式 ---------- */
@media (max-width: 860px){
  .topbar-slogan{display:none;}
  .dropdown-menu.mega-menu{
    width:auto; left:0; transform:translateY(6px);
    grid-template-columns:1fr 1fr; gap:18px 20px; padding:18px;
  }
  .nav-dropdown:hover .dropdown-menu.mega-menu{transform:translateY(0);}
  .mega-menu .mega-col ul a{white-space:normal !important;}
  .pl-grid{grid-template-columns:1fr 1fr;}
  .fp-card{flex:0 0 calc(50% - 10px);}
  .contact-grid{grid-template-columns:1fr;}
  .contact-panel{min-height:340px;}
  .contact-form-grid{grid-template-columns:1fr;}
  .faq-a p{padding-left:22px;}
  .float-toolbar{top:auto; bottom:12px; transform:none; flex-direction:row; border-radius:10px; border-right:1px solid var(--line); right:12px;}
  .ft-item{min-width:56px; border-bottom:none; border-right:1px solid var(--line); padding:9px 8px 7px;}
  .ft-item:last-child{border-right:none;}
}

/* ---------- 第二轮修改的响应式补充 ---------- */
@media (max-width: 860px){
  .news-4-grid{grid-template-columns:1fr 1fr;}
  .contact-panel{aspect-ratio:auto; min-height:300px;}
  .option-card h3{margin:18px 20px 0;}
  .option-card p{margin:8px 20px 22px;}
}

/* ---------- 第三轮响应式 ---------- */
@media (max-width: 860px){
  .about-grid{grid-template-columns:1fr;}
  .about-left .checklist{grid-template-columns:1fr 1fr;}
}

/* ---------- 2026-10-19 响应式 ---------- */
@media (max-width: 860px){
  .hero-banner{height:460px;}
  .options-grid{grid-template-columns:1fr 1fr;}
}

/* ---------- 底部四栏响应式：860以下单列堆叠 ---------- */
@media (max-width: 860px){
  .footer-main{grid-template-columns:1fr 1fr;}
}