/* ========================================
   胡了数据 - 响应式样式 hl-responsive.css
   ======================================== */

/* xl: >= 1280px (默认桌面端) */

/* lg: 1024px - 1279px */
@media (max-width: 1279px) {
  .hl-container { max-width: 1024px; }
  .hl-hero h1 { font-size: 2.6rem; }
  .hl-strategy-grid { grid-template-columns: repeat(3, 1fr); }
  .hl-calc-page { grid-template-columns: 1fr 1fr; }
  .hl-calc-page > *:nth-child(3) { grid-column: 1 / -1; }
}

/* md: 768px - 1023px */
@media (max-width: 1023px) {
  .hl-container { max-width: 768px; }
  .hl-hero h1 { font-size: 2.2rem; }
  .hl-section { padding: 60px 0; }

  .hl-nav-links {
    display: none;
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    background: rgba(26,26,26,0.95);
    flex-direction: column;
    padding: 20px;
    gap: 0;
  }

  .hl-nav-links.hl-nav-open {
    display: flex;
  }

  .hl-nav-links li a {
    line-height: 48px;
    padding: 0 16px;
  }

  .hl-hamburger { display: flex; }

  .hl-video-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-rankings-layout { grid-template-columns: 1fr; }
  .hl-calc-layout { grid-template-columns: 1fr; }
  .hl-partners-layout { grid-template-columns: 1fr; }
  .hl-strategy-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-comments-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .hl-app-layout { grid-template-columns: 1fr; text-align: center; }
  .hl-calc-page { grid-template-columns: 1fr; }
}

/* sm: 640px - 767px */
@media (max-width: 767px) {
  .hl-hero h1 { font-size: 1.8rem; }
  .hl-hero-subtitle { font-size: 1rem; }
  .hl-section-title { font-size: 1.6rem; }
  .hl-page-hero h1 { font-size: 1.8rem; }

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

  .hl-match-card { min-width: 260px; }
  .hl-video-grid { grid-template-columns: 1fr; }
  .hl-strategy-grid { grid-template-columns: 1fr; }
  .hl-comments-grid { grid-template-columns: 1fr; }
  .hl-footer-grid { grid-template-columns: 1fr; }
  .hl-app-features { grid-template-columns: 1fr; }
  .hl-download-buttons { flex-direction: column; align-items: center; }
  .hl-tile-grid { grid-template-columns: repeat(6, 1fr); }
}

/* xs: < 640px */
@media (max-width: 639px) {
  html { font-size: 14px; }
  .hl-hero h1 { font-size: 1.6rem; }
  .hl-section { padding: 40px 0; }
  .hl-container { padding: 0 16px; }
  .hl-section-title { font-size: 1.4rem; }
  .hl-page-hero { padding: 100px 0 40px; }
  .hl-page-hero h1 { font-size: 1.5rem; }

  .hl-top3-item { padding: 12px; }
  .hl-top3-avatar { width: 48px; height: 48px; }

  .hl-calc-form { padding: 20px; }
  .hl-tile-grid { grid-template-columns: repeat(5, 1fr); }
}