/* ==========================================================================
   检存智控建站 checknsave.com - 响应式样式表
   适配电脑 / 平板 / 手机
   ========================================================================== */

/* ---------- 平板（≤1024px） ---------- */
@media (max-width: 1024px) {
  .container { padding: 0 20px; }

  /* 导航 */
  .main-nav { display: none; }
  .nav-cta { display: none; }
  .nav-toggle { display: flex; }

  /* 英雄区 */
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .hero-quilt { max-width: 560px; }

  /* 网格 */
  .stair-grid { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .news-quilt { grid-template-columns: repeat(2, 1fr); }
  .news-list-layout { grid-template-columns: repeat(2, 1fr); }
  .solution-grid { grid-template-columns: repeat(2, 1fr); }
  .docs-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .partner-grid { grid-template-columns: repeat(4, 1fr); }
  .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
  .price-card.featured { transform: none; }
  .price-card.featured:hover { transform: translateY(-6px); }

  /* 流程 */
  .process-track { grid-template-columns: repeat(3, 1fr); }

  /* 优势 */
  .advantage-grid { grid-template-columns: 1fr; }

  /* 页脚 */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  /* 文章详情 */
  .article-layout { grid-template-columns: 1fr; }
  .article-side { position: static; }

  /* 服务详情 */
  .service-detail-hero { grid-template-columns: 1fr; }
  .service-features { grid-template-columns: 1fr; }

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

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

  /* CTA */
  .cta-banner { grid-template-columns: 1fr; text-align: center; }
  .cta-banner .flex { justify-content: center !important; }

  /* 统计带 */
  .stat-band { grid-template-columns: repeat(2, 1fr); gap: 28px; }
}

/* ---------- 手机（≤640px） ---------- */
@media (max-width: 640px) {
  .container { padding: 0 16px; }
  .section { padding: 64px 0; }
  .section-tight { padding: 40px 0; }

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

  /* 英雄区 */
  .hero-home { padding: 120px 0 56px; }
  .hero-title { font-size: 1.8rem; }
  .hero-desc { font-size: 1rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-direction: column; gap: 20px; }
  .hero-stat .num { font-size: 1.6rem; }
  .q-cell.q1 { height: 200px; }
  .q-cell.q2, .q-cell.q3 { height: 100px; padding: 14px; }

  /* 网格 */
  .stair-grid { grid-template-columns: 1fr; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: 1fr; }
  .news-quilt { grid-template-columns: 1fr; }
  .news-list-layout { grid-template-columns: 1fr; }
  .solution-grid { grid-template-columns: 1fr; }
  .docs-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .team-avatar { height: 180px; }
  .partner-grid { grid-template-columns: repeat(2, 1fr); }
  .form-grid-2 { grid-template-columns: 1fr; }

  /* 流程 */
  .process-track { grid-template-columns: 1fr; gap: 16px; }

  /* 页脚 */
  .footer-grid { grid-template-columns: 1fr; gap: 32px; padding-bottom: 36px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* 页头 */
  .page-hero { padding: 120px 0 48px; }

  /* 文章 */
  .article-main { padding: 28px 20px; }
  .article-body { font-size: 0.96rem; }

  /* 服务详情 */
  .service-detail-hero .sd-img { height: 240px; }

  /* 面板 */
  .bevel-panel { padding: 28px 20px; }
  .neon-card { padding: 28px 22px; }

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

  /* 统计带 */
  .stat-band { padding: 32px 20px; }
  .stat-num { font-size: 1.8rem; }

  /* 联系 */
  .contact-info-card { padding: 28px 22px; }

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

  /* 时间线 */
  .timeline { padding-left: 30px; }

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

/* ---------- 超小屏（≤380px） ---------- */
@media (max-width: 380px) {
  .team-grid { grid-template-columns: 1fr; }
  .partner-grid { grid-template-columns: 1fr; }
  .hero-quilt { grid-template-columns: 1fr; }
  .q-cell.q1 { grid-column: auto; }
}