/* ==========================================================================
   新城智建建站 njtowns.com - 响应式样式表
   适配电脑、平板、手机
   ========================================================================== */

/* ---------- 大屏（1200px 以下） ---------- */
@media (max-width: 1200px) {
  :root { --container: 100%; }
  .mosaic-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; gap: 32px; }
  .footer-col:last-child { grid-column: 1 / -1; }
  .partner-matrix { grid-template-columns: repeat(4, 1fr); }
  .process-flow { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- 平板（992px 以下） ---------- */
@media (max-width: 992px) {
  .main-nav { display: none; }
  .nav-toggle { display: flex; }
  .nav-cta { display: none; }

  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-mosaic { max-width: 540px; }
  .hero-stats { gap: 22px; }

  .advantage-mosaic { grid-template-columns: 1fr; }
  .adv-block:nth-child(n) { transform: none; }
  .adv-block:hover { transform: translateY(-4px) !important; }

  .case-masonry { grid-template-columns: repeat(2, 1fr); }
  .case-tile:nth-child(n) { transform: none; }
  .case-tile:hover { transform: translateY(-6px) !important; }

  .news-flow, .news-grid-list { grid-template-columns: repeat(2, 1fr); }
  .news-tile:nth-child(n) { transform: none; }
  .news-tile:hover { transform: translateY(-6px) !important; }

  .stat-strip { grid-template-columns: repeat(2, 1fr); gap: 24px; padding: 36px 28px; }
  .stat-cell { border-right: 0; border-bottom: 1px solid var(--black-500); padding-bottom: 20px; }
  .stat-cell:nth-child(n+3) { border-bottom: 0; padding-bottom: 0; }

  .article-wrap { grid-template-columns: 1fr; }
  .article-side { position: static; }

  .service-hero { grid-template-columns: 1fr; }
  .pricing-wrap { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
  .price-box.featured { transform: none; }
  .price-box.featured:hover { transform: translateY(-6px); }

  .contact-split { grid-template-columns: 1fr; }
  .team-mosaic { grid-template-columns: repeat(3, 1fr); }
  .team-card:nth-child(n) { transform: none; }
  .team-card:hover { transform: translateY(-6px) !important; }
  .sitemap-matrix { grid-template-columns: repeat(2, 1fr); }
  .cta-banner { grid-template-columns: 1fr; text-align: center; }
  .cta-banner .flex { justify-content: center !important; }
  .doc-list { grid-template-columns: 1fr; }
}

/* ---------- 手机（768px 以下） ---------- */
@media (max-width: 768px) {
  .container { padding: 0 20px; }
  .section { padding: 60px 0; }
  .section-tight { padding: 36px 0; }

  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }

  .hero-home { padding: 110px 0 52px; min-height: auto; }
  .hero-title { font-size: 1.9rem; }
  .hero-desc { font-size: 0.98rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-direction: column; gap: 18px; }
  .hero-stat .num { font-size: 1.6rem; }

  .mosaic-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .mosaic-cell { padding: 22px 18px; }
  .mosaic-cell:nth-child(n) { transform: none; }
  .mosaic-cell:hover { transform: translateY(-4px) !important; }

  .process-flow { grid-template-columns: 1fr 1fr; gap: 14px; }
  .process-node:nth-child(n) { transform: none; }
  .process-node:hover { transform: translateY(-4px) !important; }

  .case-masonry { grid-template-columns: 1fr; }
  .news-flow, .news-grid-list { grid-template-columns: 1fr; }
  .stat-strip { grid-template-columns: 1fr 1fr; padding: 28px 22px; gap: 20px; }
  .stat-cell .num { font-size: 1.8rem; }

  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .page-hero { padding: 110px 0 44px; }
  .article-main { padding: 26px 20px; }
  .article-header { gap: 10px; font-size: 0.8rem; }
  .svc-features { grid-template-columns: 1fr; }
  .team-mosaic { grid-template-columns: 1fr 1fr; }
  .partner-matrix { grid-template-columns: repeat(3, 1fr); }
  .sitemap-matrix { grid-template-columns: 1fr; }
  .form-grid-2 { grid-template-columns: 1fr; }

  .industrial-panel { padding: 26px 20px; }
  .neon-card, .stitch-card { padding: 22px 18px; }
  .adv-block { padding: 26px 22px; }
  .cta-banner { padding: 30px 22px; }
  .contact-info { padding: 26px 22px; }

  .btn-lg { padding: 14px 28px; font-size: 1rem; }
}

/* ---------- 小屏手机（480px 以下） ---------- */
@media (max-width: 480px) {
  .mosaic-grid { grid-template-columns: 1fr; }
  .process-flow { grid-template-columns: 1fr; }
  .team-mosaic { grid-template-columns: 1fr; }
  .partner-matrix { grid-template-columns: repeat(2, 1fr); }
  .stat-strip { grid-template-columns: 1fr; }
  .hero-mosaic .hm-cell.hm1 { height: 190px; }
  .hero-mosaic .hm-cell.hm2, .hero-mosaic .hm-cell.hm3 { height: 95px; padding: 12px; }
}