/* ==========================================================================
   中港商联 · responsive.css —— 全端响应式适配
   ========================================================================== */

/* ---------- 平板 ---------- */
@media (max-width: 1080px){
  :root{ --container: 100%; }
  .container{ padding:0 20px; }
  .g-5{ grid-template-columns:repeat(3,1fr); }
  .process{ grid-template-columns:repeat(3,1fr); row-gap:34px; }
  .process .step:nth-child(3)::after{ display:none; }
  .hero h1{ font-size:42px; }
  .hero .hero-grid{ gap:28px; }
  .footer .ft-grid{ grid-template-columns:1fr 1fr; }
  .quick-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 992px){
  .nav-links{ display:none; }
  .hamburger{ display:flex; }
  .topbar .tb-right .tb-item:nth-child(2){ display:none; }
  .hero{ min-height:auto; padding:70px 0 60px; }
  .hero .hero-grid{ grid-template-columns:1fr; }
  .hero-visual{ max-width:560px; margin:30px auto 0; }
  .svc-grid{ grid-template-columns:repeat(2,1fr); }
  .case-grid{ grid-template-columns:repeat(2,1fr); }
  .news-grid{ grid-template-columns:repeat(2,1fr); }
  .split{ grid-template-columns:1fr; gap:44px; }
  .split .sp-img .main img{ height:360px; }
  .g-4{ grid-template-columns:repeat(2,1fr); }
  .honor-grid{ grid-template-columns:repeat(3,1fr); }
  .team-grid{ grid-template-columns:repeat(2,1fr); }
  .price-grid{ grid-template-columns:repeat(2,1fr); }
  .contact-cards{ grid-template-columns:repeat(2,1fr); }
  .solution-hero{ grid-template-columns:1fr; }
  .step-row{ grid-template-columns:repeat(2,1fr); }
  .partner-row{ grid-template-columns:repeat(4,1fr); }
  .news-list-item{ grid-template-columns:260px 1fr; }
  .count-strip{ grid-template-columns:repeat(2,1fr); }
  .cols-side,.cols-wide{ grid-template-columns:1fr; }
  .cols-side aside,.cols-wide > div:last-child{ margin-top:6px; }
  .cap-grid{ grid-template-columns:1fr; }
  .cta-banner{ padding:52px 30px; }
}

/* ---------- 手机 ---------- */
@media (max-width: 640px){
  .section{ padding:56px 0; }
  .section-sm{ padding:40px 0; }
  .sec-head h2{ font-size:26px; }
  .sec-head p{ font-size:14px; }
  .topbar{ display:none; }
  .hero h1{ font-size:30px; }
  .hero .hero-desc{ font-size:15px; }
  .hero .hero-stats{ gap:20px; margin-top:30px; flex-wrap:wrap; }
  .hero .hero-stats .num{ font-size:24px; }
  .hero-visual .hv-card{ padding:10px 12px; }
  .hero-visual .hv-card .ic{ width:34px; height:34px; font-size:16px; }
  .hv-card.c1{ left:-6px; top:14px; }
  .hv-card.c2{ right:-6px; bottom:30px; }
  .hv-card.c3{ bottom:-14px; left:16px; }
  .hero-visual .hv-main img{ height:280px; }
  .g-3,.g-4,.g-5,.g-2{ grid-template-columns:1fr; }
  .quick-grid{ grid-template-columns:1fr; }
  .svc-grid,.case-grid,.news-grid,.team-grid,.honor-grid,.price-grid,.contact-cards,.cap-grid{ grid-template-columns:1fr; }
  .process{ grid-template-columns:1fr 1fr; }
  .process .step::after{ display:none; }
  .partner-row{ grid-template-columns:repeat(3,1fr); }
  .count-strip{ grid-template-columns:1fr 1fr; padding:34px 20px; }
  .count-strip .cs-num{ font-size:30px; }
  .split .sp-img .float-box{ display:none; }
  .footer .ft-grid{ grid-template-columns:1fr; gap:30px; }
  .footer .ft-bottom .container{ flex-direction:column; text-align:center; }
  .news-list-item{ grid-template-columns:1fr; }
  .news-list-item .nli-img img{ min-height:180px; }
  .article-body{ padding:22px; }
  .form-grid{ grid-template-columns:1fr; }
  .page-banner{ min-height:260px; }
  .page-banner h1{ font-size:28px; }
  .cta-banner{ padding:42px 22px; }
  .cta-banner h2{ font-size:24px; }
  .step-row{ grid-template-columns:1fr; }
  .tbl{ display:block; overflow-x:auto; white-space:nowrap; }
  .case-card .cc-img{ height:190px; }
  .price-grid{ grid-template-columns:1fr; }
  .contact-cards{ grid-template-columns:1fr; }
  .float-consult{ right:14px; bottom:90px; }
  .float-consult a{ width:44px; height:44px; font-size:18px; }
  .to-top{ right:16px; bottom:24px; }
  .error-page .err-code{ font-size:88px; }
  .trust-bar li{ padding:8px 14px; font-size:13px; }
  .hnw-item{ align-items:flex-start; gap:12px; padding:14px 16px; }
  .hnw-meta{ flex-direction:column; align-items:flex-end; gap:4px; }
  .hnw-main h3,.hnw-main p{ white-space:normal; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
  .hnm-item{ gap:12px; padding:14px 16px; }
  .hnm-date{ flex-basis:64px; padding-right:12px; }
  .price-card{ padding:26px 22px; }
  .side-card{ padding:18px; }
  .form-card{ padding:26px 20px; }
  .case-hero-img img{ height:auto; }

}

/* ---------- 极窄屏 ---------- */
@media (max-width: 380px){
  .hero .hero-cta .btn{ padding:11px 20px; font-size:14px; }
  .process{ grid-template-columns:1fr; }
  .partner-row{ grid-template-columns:repeat(2,1fr); }
}