/* =========================================================
   响应式覆写（移动优先，平板/桌面增强）· 宋体高级版
   ========================================================= */

/* === 平板 768px+ === */
@media (min-width: 768px) {
  :root {
    --container-padding: var(--space-xl);
  }

  .section {
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl);
  }

  .section__title {
    font-size: var(--font-size-4xl);
  }

  .grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero__title {
    font-size: var(--font-size-5xl);
  }

  .hero__subtitle {
    font-size: var(--font-size-xl);
  }

  .hero__features {
    grid-template-columns: repeat(3, 1fr);
  }

  .hero__seal {
    width: 88px;
    height: 88px;
  }

  .features__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .matching__layout {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .stats-bar {
    grid-template-columns: repeat(3, 1fr);
  }

  .portals__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .contact__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-showcase {
    grid-template-columns: 1fr 1fr;
  }

  .product-showcase__content {
    text-align: left;
  }

  .modal {
    align-items: center;
    padding: var(--space-lg);
  }

  .modal__panel {
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    border-radius: var(--radius-xl);
    transform: translateY(20px) scale(0.98);
  }

  .modal.is-open .modal__panel {
    transform: translateY(0) scale(1);
  }

  .nav__links {
    display: flex;
  }

  .footer__top {
    flex-direction: row;
    justify-content: space-between;
  }

  .hero__cta-group {
    flex-direction: row;
    max-width: none;
    justify-content: center;
  }

  .hero__cta-group .btn {
    min-width: 180px;
  }
}

/* === 桌面 1024px+ === */
@media (min-width: 1024px) {
  .hero__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4xl);
  }

  .hero__content {
    text-align: left;
  }

  .hero__title {
    font-size: var(--font-size-6xl);
  }

  .hero__subtitle {
    margin-left: 0;
    max-width: 480px;
  }

  .hero__cta-group {
    justify-content: flex-start;
  }

  .hero__trust {
    justify-content: flex-start;
  }

  .hero__seal {
    margin: 0 0 var(--space-lg);
  }

  .section__title {
    font-size: 44px;
  }

  .price-card__value {
    font-size: 64px;
  }

  .brand-showcase__title {
    font-size: var(--font-size-4xl);
  }

  .product-showcase__title {
    font-size: var(--font-size-4xl);
  }
}

/* === 宽屏 1200px+ === */
@media (min-width: 1200px) {
  .hero__title {
    font-size: 80px;
  }

  .section__title {
    font-size: 52px;
  }
}