/* ====================================
   响应式样式 - 移动端 (max-width: 768px)
   ==================================== */

@media (max-width: 768px) {
  :root {
    --container-padding: 16px;
    --section-py: 56px;
  }

  body { font-size: 14px; }

  /* Header */
  .nav, .header-cta .btn { display: none; }
  .mobile-menu-btn { display: flex; }
  .header-cta { gap: 0; }
  .header-inner { height: 56px; }
  .logo { font-size: 16px; }
  .logo-icon { width: 28px; height: 28px; font-size: 14px; }

  /* 搜索框移动端：折叠为图标 */
  .header-search { display: none; }
  .header-search.mobile-active {
    display: flex;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    padding: 12px 16px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 4px 12px rgba(31,58,82,0.1);
  }
  .header-search.mobile-active input { width: 100%; }

  /* Hero */
  .hero { padding: 100px 0 60px; }
  .hero h1 { font-size: 30px; line-height: 1.3; }
  .hero p { font-size: 14px; margin-bottom: 32px; }
  .hero-ctas .btn { padding: 10px 20px; font-size: 13px; }
  .hero-stats { gap: 24px; margin-top: 48px; flex-wrap: wrap; }
  .hero-stat-num { font-size: 26px; }
  .hero-stat-label { font-size: 12px; }

  /* Sections */
  .section-header { margin-bottom: 36px; }
  .section-header h2 { font-size: 24px; }
  .section-header p { font-size: 13px; }

  /* Services */
  .services-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .service-card { padding: 20px 12px; }
  .service-icon { width: 48px; height: 48px; font-size: 22px; margin-bottom: 12px; }
  .service-card h3 { font-size: 14px; }
  .service-card p { font-size: 12px; }

  /* Why grid */
  .why-grid { grid-template-columns: 1fr; gap: 12px; }
  .why-card { padding: 20px 16px; }
  .why-card.featured { grid-column: span 1; }
  .why-card h3 { font-size: 15px; }
  .why-card p { font-size: 12px; }

  /* Founder */
  .founder-grid { grid-template-columns: 1fr; gap: 32px; }
  .founder-img { max-width: 240px; margin: 0 auto; }
  .founder-info h2 { font-size: 24px; }
  .founder-info p { font-size: 13px; }

  /* Platform */
  .platform-grid { grid-template-columns: 1fr; gap: 16px; }
  .platform-card { padding: 28px 20px; }
  .platform-card h3 { font-size: 18px; }

  /* Cases */
  .cases-stats { grid-template-columns: 1fr; gap: 12px; margin-bottom: 32px; }
  .case-stat-card { padding: 20px 16px; }
  .case-stat-num { font-size: 32px; }
  .case-tags { gap: 8px; }
  .case-tag { padding: 6px 14px; font-size: 12px; }

  /* Blog */
  .blog-grid { grid-template-columns: 1fr; gap: 16px; }
  .blog-card-body { padding: 16px 18px 20px; }
  .blog-card h3 { font-size: 15px; }
  .blog-card p { font-size: 12px; }

  /* WeChat */
  .wechat-section { padding: 56px 0; }
  .wechat-grid { grid-template-columns: 1fr; gap: 32px; }
  .wechat-card { padding: 28px 20px; }
  .wechat-qr { width: 140px; height: 140px; padding: 8px; }
  .wechat-flow-steps { flex-direction: column; gap: 8px; }
  .wechat-step-arrow { transform: rotate(90deg); }
  .wechat-stats { padding: 16px; gap: 12px; }
  .wechat-stat-num { font-size: 18px; }
  .wechat-stat-label { font-size: 11px; }

  /* CTA */
  .cta-section { padding: 56px 0; }
  .cta-section h2 { font-size: 22px; }
  .cta-section p { font-size: 13px; }

  /* Footer */
  .footer { padding: 40px 0 24px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 28px; }
  .footer-brand { grid-column: span 2; }
  .footer-brand h3 { font-size: 18px; }
  .footer-col h4 { font-size: 13px; margin-bottom: 12px; }
  .footer-col a { font-size: 12px; }
  .footer-bottom { font-size: 11px; padding-top: 20px; }

  /* Modal */
  .modal-card { padding: 32px 24px; max-width: 320px; }
  .modal-card h3 { font-size: 20px; }
  .modal-qr-wrap img, .modal-qr-wrap svg { width: 180px; height: 180px; }
}

@media (max-width: 380px) {
  .hero h1 { font-size: 26px; }
  .hero-stats { gap: 16px; }
  .services-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: span 1; }
}