/* ============================================================
   响应式 responsive.css —— Mobile First 适配
   断点：1024（平板横） / 768（平板竖） / 560（手机）
   ============================================================ */

/* ————— ≤ 1024px 平板横向 / 小桌面 ————— */
@media (max-width: 1024px) {
  .feature-grid,
  .showcase-grid,
  .testi-grid { grid-template-columns: repeat(2, 1fr); }
  .step-grid { grid-template-columns: repeat(2, 1fr); gap: 2.4rem 1.4rem; }
  .step-grid::before { display: none; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

/* ————— ≤ 900px：导航切换为汉堡 ————— */
@media (max-width: 900px) {
  .nav,
  .header-actions .link-login,
  .header-actions .btn { display: none; }
  .hamburger { display: block; }

  .philosophy .container { grid-template-columns: 1fr; }
  .philosophy-visual { max-width: 420px; margin: 1rem auto 0; }
  .pv-frame { transform: none; }
}

/* ————— ≤ 768px 平板竖 / 大屏手机 ————— */
@media (max-width: 768px) {
  :root { --header-h: 64px; }

  .section { padding-block: clamp(3rem, 12vw, 4.5rem); }

  .hero { min-height: 100svh; }
  .hero-stats { gap: 1.6rem; margin-top: 2.4rem; }
  .hero-stats .stat b { font-size: 1.6rem; }

  .value-list { grid-template-columns: 1fr; gap: 1.1rem; }

  .stat-box { padding: 1.6rem 0.8rem; }
}

/* ————— ≤ 560px 手机 ————— */
@media (max-width: 560px) {
  :root { --gutter: 1.2rem; --radius-lg: 20px; }

  .feature-grid,
  .showcase-grid,
  .testi-grid,
  .stats-grid { grid-template-columns: 1fr; }

  .step-grid { grid-template-columns: 1fr; gap: 1.8rem; }

  .footer-top { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  /* 首屏文案与按钮 */
  .hero h1 { margin: 1rem 0 1.2rem; }
  .hero h1 .line2 { white-space: normal; }
  .hero-lead { margin-bottom: 1.8rem; }
  .hero-cta { flex-direction: column; align-items: stretch; }
  .hero-cta .btn { width: 100%; }

  .hero-stats { justify-content: space-between; width: 100%; gap: 1rem; }
  .hero-stats .stat { flex: 1; }
  .hero-stats .stat-value b { font-size: 1.6rem; }
  .hero-stats .stat-value .suf { font-size: 0.9rem; }
  .hero-stats .stat-label { font-size: 0.72rem; }

  /* CTA 按钮堆叠 */
  .cta-inner .hero-cta { flex-direction: column; }
  .cta-inner .btn { width: 100%; }

  /* 专题卡片比例更适合竖屏 */
  .showcase-card { aspect-ratio: 16/11; }

  /* 品牌徽章缩进防溢出 */
  .pv-badge { left: 0; bottom: -18px; padding: 0.8rem 1.1rem; }
  .pv-badge b { font-size: 1.4rem; }

  .section-head { margin-bottom: 2.2rem; }

  /* 见证引号缩小 */
  .testi-card .quote { font-size: 2.6rem; }
}

/* ————— 超小屏 ≤ 380px ————— */
@media (max-width: 380px) {
  .brand-slogan { display: none; }
  .hero-stats { flex-wrap: wrap; }
}

/* ————— 大屏优化 ≥ 1440px ————— */
@media (min-width: 1440px) {
  .feature-grid,
  .showcase-grid,
  .testi-grid { gap: 2rem; }
}

/* ————— 横屏手机（矮高度）————— */
@media (max-height: 520px) and (orientation: landscape) {
  .hero { min-height: auto; padding-block: 6rem 3rem; }
  .scroll-hint { display: none; }
}