/* ========================================
   河玛官网 - 响应式补充样式
   断点: 480px (小手机), 768px (移动), 1024px (平板), 1440px (大桌面)
   ======================================== */

/* ── 小手机 (≤480px) ── */
@media (max-width: 480px) {
  :root {
    --font-size-display: 2rem;
    --font-size-h1: 1.625rem;
    --font-size-h2: 1.375rem;
    --font-size-h3: 1.125rem;
    --font-size-body: 0.9375rem;
    --font-size-caption: 0.8125rem;
    --spacing-3xl: 3rem;
    --spacing-4xl: 4rem;
  }

  .hero-scene {
    margin-top: var(--nav-height);
  }

  .hero-actions {
    flex-direction: column;
    align-items: center;
  }

  .hero-actions .btn {
    width: 100%;
    max-width: 280px;
  }

  .stat-item {
    min-width: 120px;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

/* ── 移动端 (≤768px) ── */
@media (max-width: 768px) {
  :root {
    --font-size-display: 2.25rem;
    --font-size-h1: 1.75rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.2rem;
  }

  .hero-title {
    letter-spacing: 1px;
    font-size: clamp(1.5rem, 6vw, 2.25rem);
  }

  .hero-subtitle {
    letter-spacing: 2px;
  }

  .section-header {
    margin-bottom: var(--spacing-xl);
  }

  .card {
    padding: var(--spacing-lg);
  }

  .highlight-box {
    padding: var(--spacing-lg);
  }

  .contact-form-wrapper {
    padding: var(--spacing-lg);
  }

  .site-footer {
    padding: var(--spacing-2xl) 0 var(--spacing-lg);
  }
}

/* ── 平板 (≤1024px) ── */
@media (max-width: 1024px) {
  :root {
    --font-size-display: 2.75rem;
    --font-size-h1: 2rem;
    --font-size-h2: 1.625rem;
  }

  .hero-scene-img {
    max-height: 60vh;
    object-fit: cover;
  }
}

/* ── 大桌面 (≥1440px) ── */
@media (min-width: 1440px) {
  :root {
    --font-size-display: 3.75rem;
    --font-size-h1: 2.5rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.375rem;
    --container-max: 1280px;
  }
}