/* ==================== 平板 (768px - 1200px) ==================== */
@media (max-width: 1200px) {
  .container { max-width: 960px; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .section { padding: 60px 0; }
  .section-title { font-size: 1.8rem; }
  .service-cards { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .cases-preview-grid { grid-template-columns: repeat(2, 1fr); }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
  .culture-grid { grid-template-columns: repeat(2, 1fr); }
  .process-flow { flex-wrap: wrap; gap: 30px; justify-content: center; }
  .process-step { flex: 0 0 30%; }
  .process-flow::before { display: none; }
}

/* ==================== 手机 (< 768px) ==================== */
@media (max-width: 768px) {
  .container { max-width: 100%; padding: 0 16px; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .section { padding: 40px 0; }
  .section-title { font-size: 1.5rem; }
  .section-subtitle { font-size: 0.9rem; margin-bottom: 30px; }
  .btn { padding: 10px 24px; font-size: 0.9rem; }
  .service-cards, .stats-grid, .cases-preview-grid, .case-grid, .team-grid, .cert-grid, .culture-grid { grid-template-columns: 1fr; }
  .about-preview, .about-detail, .service-detail { grid-template-columns: 1fr; gap: 30px; }
  .service-detail.reverse { direction: ltr; }

  /* 移动端导航 */
  .nav-menu { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: var(--color-primary); flex-direction: column; justify-content: center; padding: 40px; gap: 25px; transition: right 0.3s ease; }
  .nav-menu-active { right: 0; }
  .nav-toggle { display: flex; }
  .nav-phone { display: none; }

  /* 移动端页脚 */
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }

  /* 移动端 Hero */
  .hero-content h1 { font-size: 2rem; }
  .hero-content p { font-size: 1rem; }
  .hero-btns { flex-direction: column; gap: 12px; }
  .hero-prev, .hero-next { width: 40px; height: 40px; font-size: 1.2rem; }

  /* 移动端时间线 */
  .timeline::before { left: 20px; }
  .timeline-item { grid-template-columns: 40px 1fr; }
  .timeline-item:nth-child(even) .timeline-content { text-align: left; }
  .timeline-item .timeline-dot { margin: 0; }
  .timeline-item > div:first-child { display: none; }

  /* 移动端 CTA */
  .cta-section h2 { font-size: 1.8rem; }
  .cta-phone { font-size: 1.8rem; }

  /* 移动端弹窗 */
  .modal-info { grid-template-columns: 1fr; }
  .modal-image { height: 200px; }
  .modal-body { padding: 20px; }

  /* 移动端流程 */
  .process-step { flex: 0 0 100%; }

  /* 移动端页头横幅 */
  .page-banner { height: 240px; }
  .page-banner h1 { font-size: 1.8rem; }
}