/* ==========================================================================
   众远标筑 zybzz.cn - 响应式样式
   适配：电脑 / 平板 / 手机
   ========================================================================== */

/* ---------- 大屏（≤1200px） ---------- */
@media (max-width: 1200px) {
  .container { padding: 0 24px; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; }
  .footer-col:last-child { grid-column: span 2; }
  .hero-scroll-deco { display: none; }
}

/* ---------- 平板（≤992px） ---------- */
@media (max-width: 992px) {
  :root { --header-h: 70px; }

  .main-nav { display: none; }
  .nav-toggle { display: flex; }
  .nav-cta { display: none; }

  .section { padding: 72px 0; }

  /* 首页 */
  .hero-banner { min-height: 80vh; }
  .hero-content h1 { font-size: 2.4rem; }
  .hero-stats { position: relative; bottom: auto; margin-top: 40px; }
  .hero-stats .stat-row { gap: 32px; }

  .advantage-grid { grid-template-columns: repeat(2, 1fr); }
  .advantage-item:nth-child(2) { border-right: 0; }
  .advantage-item:nth-child(1),
  .advantage-item:nth-child(2) { border-bottom: 1px solid var(--cream-300); }

  .service-entry-grid { grid-template-columns: 1fr; }

  .case-showcase-grid { grid-template-columns: 1fr; }
  .case-showcase-grid .col-2 { grid-template-columns: 1fr 1fr; }

  .power-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }

  .home-news-grid { grid-template-columns: repeat(2, 1fr); }

  .cta-banner { grid-template-columns: 1fr; text-align: center; }
  .cta-banner .btn { justify-self: center; }

  /* 通用 */
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }

  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .honor-grid { grid-template-columns: repeat(2, 1fr); }
  .case-list-grid { grid-template-columns: repeat(2, 1fr); }
  .solution-grid { grid-template-columns: 1fr; }
  .gallery-masonry { columns: 2; }

  /* 文章 */
  .article-layout { grid-template-columns: 1fr; }
  .news-card { grid-template-columns: 240px 1fr; }

  /* 报价 */
  .price-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
  .price-card.featured { transform: none; }
  .price-card.featured:hover { transform: translateY(-6px); }

  /* 联系 */
  .contact-grid { grid-template-columns: 1fr; }

  /* 页脚 */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-col:last-child { grid-column: span 2; }
  .footer-col:first-child { grid-column: span 2; }

  /* 网站地图 */
  .sitemap-grid { grid-template-columns: repeat(2, 1fr); }

  /* 合作伙伴 */
  .partners-grid { grid-template-columns: repeat(4, 1fr); }

  /* 流程 */
  .process-flow { grid-template-columns: repeat(3, 1fr); }
  .process-step:nth-child(3) { border-right: 0; }
  .process-step:nth-child(1),
  .process-step:nth-child(2),
  .process-step:nth-child(3) { border-bottom: 1px dashed var(--cream-300); }

  .quality-pillars { grid-template-columns: 1fr; }

  /* 案例详情 */
  .case-meta-row { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

/* ---------- 手机（≤768px） ---------- */
@media (max-width: 768px) {
  body { font-size: 15px; }
  .container { padding: 0 18px; }
  .section { padding: 56px 0; }
  .section-tight { padding: 44px 0; }

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

  .page-hero { padding: 120px 0 56px; }

  /* 首页 */
  .hero-banner { min-height: 70vh; }
  .hero-content h1 { font-size: 1.9rem; }
  .hero-content p { font-size: 1rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats .stat-row { gap: 20px; }
  .hero-stats .stat-num { font-size: 1.8rem; }

  .advantage-grid { grid-template-columns: 1fr; }
  .advantage-item { border-right: 0 !important; border-bottom: 1px solid var(--cream-300); }
  .advantage-item:last-child { border-bottom: 0; }

  .case-showcase-grid .col-2 { grid-template-columns: 1fr; }
  .case-show-card { min-height: 240px; }

  .power-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .power-card { padding: 28px 16px; }
  .power-card .p-num { font-size: 2.2rem; }

  .home-news-grid { grid-template-columns: 1fr; }

  /* 通用 */
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; gap: 20px; }
  .form-grid-2 { grid-template-columns: 1fr; }

  .team-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .team-card .team-img { height: 200px; }
  .honor-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .case-list-grid { grid-template-columns: 1fr; }
  .gallery-masonry { columns: 1; }

  /* 文章 */
  .news-card { grid-template-columns: 1fr; gap: 0; }
  .news-card .news-img { min-height: 180px; }
  .news-card .news-body { padding: 20px; }
  .article-main { padding: 24px; }
  .article-meta { gap: 12px; font-size: 0.82rem; }

  /* 报价 */
  .price-card { padding: 28px 24px; }

  /* 联系 */
  .contact-info-panel, .contact-form-panel { padding: 28px 24px; }
  .contact-map img { height: 240px; }

  /* 页脚 */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-col:first-child,
  .footer-col:last-child { grid-column: span 1; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* 网站地图 */
  .sitemap-grid { grid-template-columns: 1fr 1fr; gap: 24px; }

  /* 合作伙伴 */
  .partners-grid { grid-template-columns: repeat(3, 1fr); }

  /* 流程 */
  .process-flow { grid-template-columns: 1fr 1fr; }
  .process-step:nth-child(2) { border-right: 0; }
  .process-step:nth-child(odd) { border-right: 1px dashed var(--cream-300); }
  .process-step { border-bottom: 1px dashed var(--cream-300); }
  .process-step:last-child { border-bottom: 0; }

  .pv-item { grid-template-columns: 1fr; gap: 12px; }
  .pv-phase { padding-top: 0; }

  /* 案例详情 */
  .case-meta-row { grid-template-columns: 1fr 1fr; gap: 16px; }
  .case-detail-img { margin: 24px 0; }

  /* CTA */
  .cta-banner { padding: 32px 24px; }

  /* 文档 */
  .doc-content { padding: 28px 22px; }

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

  /* 返回顶部 */
  .back-to-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
}

/* ---------- 小屏手机（≤480px） ---------- */
@media (max-width: 480px) {
  .hero-content h1 { font-size: 1.6rem; }
  .hero-stats .stat-row { gap: 14px; }
  .hero-stats .stat-num { font-size: 1.5rem; }
  .team-grid { grid-template-columns: 1fr; }
  .partners-grid { grid-template-columns: repeat(2, 1fr); }
  .sitemap-grid { grid-template-columns: 1fr; }
  .case-meta-row { grid-template-columns: 1fr; }
  .filter-chip { padding: 6px 14px; font-size: 0.82rem; }
  .case-filter a { padding: 6px 14px; font-size: 0.82rem; }
}

/* ---------- 横屏手机优化 ---------- */
@media (max-height: 500px) and (orientation: landscape) {
  .hero-banner { min-height: auto; padding: 120px 0 60px; }
}