/* responsive.css · 三档断点 */

/* ===== 平板 769-1024 ===== */
@media (max-width:1024px){
  :root{--sec-pad:88px;}
  .display{font-size:72px;}
  h1,.h1{font-size:48px;}
  .hero h1{font-size:56px;}
  h2,.h2{font-size:38px;}
  h3,.h3{font-size:26px;}
  .g4{grid-template-columns:repeat(2,1fr);}
  .g3{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(3,1fr);}
  .spec-grid{grid-template-columns:repeat(2,1fr);}
  .logo-wall{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .main-nav{display:none;}
  .burger{display:flex;}
  .page-hero h1{font-size:44px;}
}

/* ===== 手机 ≤768 ===== */
@media (max-width:768px){
  :root{--sec-pad:64px;--gap:18px;}
  .display{font-size:48px;}
  h1,.h1{font-size:34px;}
  .hero{min-height:80vh;padding:120px 0 70px;}
  .hero h1{font-size:38px;}
  .hero .lead{font-size:16px;}
  h2,.h2{font-size:28px;}
  h3,.h3{font-size:22px;}
  h4,.h4{font-size:18px;}
  .lead{font-size:16px;}
  .g2,.g3,.g4{grid-template-columns:1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .stat-num{font-size:44px;}
  .spec-grid{grid-template-columns:repeat(2,1fr);}
  .spec .v{font-size:30px;}
  .logo-wall{grid-template-columns:repeat(2,1fr);}
  .form-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .cta-band{padding:44px 28px;}
  .cta-band h2{font-size:28px;}
  .page-hero{padding:140px 0 50px;}
  .page-hero h1{font-size:32px;}
  .hero-pagination{display:none;}
  .header-actions .btn{display:none;}
  .section-tight{padding:52px 0;}
}

/* ===== 动效偏好 ===== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
  body::before{animation:none;}
  .hero-track{animation:none;}
  .reveal{opacity:1;transform:none;}
}

/* API 面板响应式 */
@media (max-width:1024px){ .api-panel{grid-template-columns:1fr !important;} }
@media (max-width:768px){ .api-inner{grid-template-columns:1fr !important;} }
