/* ============================================================
   爱科工业建站 · icman.com.cn
   响应式适配
   ============================================================ */

/* ---------- 大屏 ---------- */
@media (max-width:1200px){
  .wrap,.wrap-wide{padding:0 32px}
  .hero-visual{height:460px}
  .hero .hero-grid{gap:44px}
}

/* ---------- 平板 ---------- */
@media (max-width:992px){
  :root{--nav-w:0px}
  .wrap,.wrap-wide,.wrap-narrow{padding:0 28px}

  .sidenav{width:0;box-shadow:none;border-right:none}
  .sidenav.open{width:280px;box-shadow:var(--shadow-l);border-right:3px solid var(--yellow)}
  .sidenav:hover{box-shadow:none}
  .sidenav .nav-brand .logo-text,
  .sidenav .nav-link .nav-label,
  .sidenav .nav-foot .nav-cta .nav-label{opacity:1;transform:none}
  .sidenav .nav-brand,.sidenav .nav-link{white-space:nowrap}

  .content-area,.footer{margin-left:0}
  .nav-toggle{display:flex}
  .nav-overlay{display:block;opacity:0;pointer-events:none}
  .nav-overlay.show{opacity:1;pointer-events:auto}

  .hero{min-height:auto;padding:110px 0 60px}
  .hero .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-visual{height:380px;max-width:480px}

  .grid-3,.grid-4,.case-grid,.news-grid,.team-grid,.testi-grid,.price-grid,
  .steps,.honor-grid,.clients-wall,.sitemap-grid{grid-template-columns:repeat(2,1fr)}
  .feature-row{grid-template-columns:1fr;gap:36px}
  .feature-row.rev .feature-media{order:0}
  .stats-band .sb-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .article-layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .contact-grid{grid-template-columns:1fr;gap:36px}
  .news-list-h .nlh-item{grid-template-columns:1fr}
  .news-list-h .nlh-item .nlh-img{aspect-ratio:16/9}
  .news-list-h .nlh-img img{height:auto}
}

/* ---------- 手机 ---------- */
@media (max-width:640px){
  :root{--nav-w:0px}
  .wrap,.wrap-wide,.wrap-narrow{padding:0 20px}
  .section{padding:60px 0}
  .section-sm{padding:44px 0}
  .page-hero{padding:96px 0 50px}

  .hero{padding:100px 0 50px}
  .hero .hero-cta{flex-direction:column;align-items:stretch}
  .hero .hero-cta .btn{justify-content:center}
  .hero .hero-stats{gap:24px}
  .hero-visual{height:320px}
  .hero-visual .hv-card{width:190px;padding:16px;left:0}
  .hero-visual .hv-chip{padding:10px 16px}

  .grid-3,.grid-4,.grid-2,.case-grid,.news-grid,.team-grid,.testi-grid,.price-grid,
  .clients-wall,.honor-grid,.steps,.footer-grid,.form-row{grid-template-columns:1fr}
  .stats-band{padding:40px 24px}
  .stats-band .sb-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .cta-band{padding:48px 24px}
  .feature-media img{height:340px}
  .price-card{padding:30px 24px}
  .article-head{padding:40px 0 24px}
  .article-body{padding:32px 24px}
  .article-body{font-size:16px;line-height:1.9}
  .nav-toggle{top:14px;right:16px;width:44px;height:44px}
  .footer-bottom{flex-direction:column;text-align:center;gap:14px}
}

/* ---------- 缩小动效 ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}