/* ============================================
   问鼎娱乐 - 响应式样式 wz-responsive.css
   ============================================ */

/* --- xl: >= 1280px (default) --- */

/* --- lg: 1024px - 1279px --- */
@media (max-width: 1279px) {
  .wz-hero h1 { font-size: 3rem; }
  .wz-ranking { flex-direction: column; }
  .wz-ranking-podium { flex: none; width: 100%; justify-content: center; }
}

/* --- md: 768px - 1023px --- */
@media (max-width: 1023px) {
  .wz-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .wz-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .wz-hero h1 { font-size: 2.5rem; }
  .wz-fan-chat { flex-direction: column; }
  .wz-fan-chat-left { flex: none; }
  .wz-partners { flex-direction: column; }
  .wz-app-download { flex-direction: column; text-align: center; padding: 40px 24px; }
  .wz-app-img { flex: none; width: 200px; margin: 0 auto; }
  .wz-app-features { justify-content: center; }
  .wz-app-buttons { justify-content: center; }
  .wz-footer-inner { grid-template-columns: repeat(2, 1fr); }
  .wz-review-layout { grid-template-columns: 1fr; }
  .wz-review-side .wz-card { flex-direction: column; }
  .wz-review-side .wz-card-img { width: 100%; height: 180px; }
  .wz-masonry { columns: 3; }
  .wz-page-banner { height: 280px; }
  .wz-page-banner h1 { font-size: 2rem; }
}

/* --- sm: 640px - 767px --- */
@media (max-width: 767px) {
  .wz-nav-links { display: none; }
  .wz-hamburger { display: flex; }
  .wz-nav-links.wz-nav-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--wz-white);
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    gap: 16px;
    z-index: 999;
  }
  .wz-nav-links.wz-nav-open .wz-btn-cta { width: 100%; text-align: center; }
  .wz-grid-4 { grid-template-columns: 1fr; }
  .wz-grid-3 { grid-template-columns: 1fr; }
  .wz-grid-2 { grid-template-columns: 1fr; }
  .wz-hero h1 { font-size: 2rem; }
  .wz-hero-subtitle { font-size: 0.9rem; }
  .wz-hero-btns { flex-direction: column; align-items: center; }
  .wz-section { padding: 40px 0; }
  .wz-section-title { font-size: 1.5rem; }
  .wz-masonry { columns: 2; }
  .wz-timeline { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 20px; }
  .wz-ranking-podium { gap: 8px; }
  .wz-podium-bar { width: 70px; }
  .wz-footer-inner { grid-template-columns: 1fr; }
  .wz-page-banner { height: 240px; }
  .wz-page-banner h1 { font-size: 1.6rem; }
  .wz-vote-section { padding: 24px; }
}

/* --- xs: < 640px --- */
@media (max-width: 639px) {
  .wz-hero h1 { font-size: 1.6rem; }
  .wz-hero-tag { font-size: 0.75rem; }
  .wz-hero-tags span { font-size: 0.75rem; padding: 3px 10px; }
  .wz-masonry { columns: 1; }
  .wz-app-download { padding: 24px 16px; gap: 24px; }
  .wz-fan-chat { padding: 20px; }
  .wz-content-page { padding: 20px 16px; }
  .wz-content-page h2 { font-size: 1.3rem; }
}