/* ==========================================================================
   河南谊善车灯制造有限公司 — 响应式样式表
   断点：1200 / 1024 / 900 / 720 / 560 / 400
   ========================================================================== */

/* ---------- ≤ 1200px ---------- */
@media (max-width: 1200px) {
  .container { padding: 0 20px; }
  .nav a { padding: 9px 10px; font-size: .88rem; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

/* ---------- ≤ 1024px：导航折叠 ---------- */
@media (max-width: 1024px) {
  :root { --header-h: 64px; }
  .nav-toggle { display: block; }

  .nav {
    position: fixed; top: var(--header-h); left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 2px;
    padding: 16px 20px 26px;
    background: #070b11;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .55);
    transform: translateY(-14px);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .28s ease, transform .28s ease, visibility .28s ease;
    max-height: calc(100svh - var(--header-h)); overflow-y: auto;
  }
  .nav.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .nav a { padding: 13px 14px; font-size: 1rem; border-radius: 10px; }
  .nav a.is-active::after { display: none; }
  .nav a.is-active { background: rgba(79, 195, 255, .12); }

  .about-grid,
  .tech-grid,
  .contact-grid { grid-template-columns: 1fr; }
  .tech-media { order: -1; }
  .solutions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .honors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .capability-strip { grid-template-columns: 1fr; }
  .hero { min-height: auto; padding: calc(var(--header-h) + 72px) 0 84px; }
  .hero-bg { background-position: center 40%; }
}

/* ---------- ≤ 900px ---------- */
@media (max-width: 900px) {
  .hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
  .news-grid { grid-template-columns: 1fr 1fr; }
  .news-grid .news:last-child { grid-column: 1 / -1; }
  .partners-inner { gap: 18px; }
  .partners-label { font-size: .72rem; padding-right: 16px; }
}

/* ---------- ≤ 720px ---------- */
@media (max-width: 720px) {
  body { font-size: 15px; }
  .container { padding: 0 16px; }

  .brand-text em { display: none; }
  .header-actions .btn-sm { padding: 8px 14px; font-size: .8rem; }

  .hero { padding: calc(var(--header-h) + 54px) 0 72px; }
  .hero::before {
    background:
      radial-gradient(760px 460px at 26% 34%, rgba(30, 136, 255, .24), transparent 64%),
      linear-gradient(180deg, rgba(5, 8, 12, .95) 0%, rgba(5, 8, 12, .82) 46%, rgba(5, 8, 12, .94) 100%);
  }
  .hero h1 { font-size: clamp(1.85rem, 8.4vw, 2.5rem); }
  .hero-sub { font-size: .98rem; }
  .hero-cta { gap: 10px; }
  .hero-cta .btn { flex: 1 1 150px; padding: 12px 20px; }
  .hero-scroll { display: none; }
  .hero-stats { margin-top: 38px; padding-top: 24px; }

  .section { padding: 54px 0; }
  .section-head { margin-bottom: 30px; }

  .cards,
  .solutions,
  .manu-grid,
  .news-grid,
  .honors,
  .footer-grid,
  .field-row { grid-template-columns: 1fr; }

  .news-grid .news:last-child { grid-column: auto; }

  .card-body { padding: 0 20px 22px; margin-top: -42px; }
  .card h3 { font-size: 1.16rem; }
  .card-media img { aspect-ratio: 16 / 10; }

  .fact-list { grid-template-columns: 1fr; }

  .tech-stats { grid-template-columns: 1fr; gap: 10px; }
  .tech-stats > div { display: flex; align-items: baseline; gap: 12px; text-align: left; padding: 14px 16px; }
  .tech-stats b { font-size: 1.5rem; }
  .tech-stats span { text-align: left; }

  .contact-form { padding: 24px 20px; }
  .about-media-tag { left: 14px; bottom: 14px; padding: 10px 15px; }
  .about-media-tag b { font-size: 1.1rem; }

  .footer-grid { gap: 26px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; text-align: left; }

  .to-top { right: 16px; bottom: 18px; width: 42px; height: 42px; }
}

/* ---------- ≤ 560px ---------- */
@media (max-width: 560px) {
  .hero-stats b { font-size: 1.4rem; }
  .hero-stats span { font-size: .76rem; }
  .eyebrow { font-size: .72rem; }
  .header-actions .btn-sm { display: none; }
  .partners-label { display: none; }
  .honors li, .solution, .news, .manu-item { padding: 22px 20px; }
}

/* ---------- ≤ 400px ---------- */
@media (max-width: 400px) {
  .brand-text strong { font-size: .96rem; }
  .brand-mark { width: 34px; height: 34px; flex-basis: 34px; }
  .hero h1 { font-size: 1.7rem; }
  .chips li { font-size: .72rem; padding: 4px 10px; }
}

/* ---------- 横屏矮屏（手机横放） ---------- */
@media (max-height: 520px) and (orientation: landscape) {
  .hero { min-height: auto; padding: calc(var(--header-h) + 40px) 0 56px; }
  .hero-scroll { display: none; }
}

/* ---------- 无障碍 / 用户偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .reveal { opacity: 1; transform: none; }
  .partners-track { animation: none; }
}

@media (prefers-contrast: more) {
  :root { --muted: #c2cfdd; --dim: #a8b6c6; --line: rgba(255, 255, 255, .2); }
}