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

/* xl: >= 1280px 默认 */

/* lg: 1024px - 1279px */
@media (max-width: 1279px) {
  .wt-container { max-width: 1024px; }
  .wt-gallery { column-count: 3; }
  .wt-footer-grid { gap: 30px; }
}

/* md: 768px - 1023px */
@media (max-width: 1023px) {
  .wt-container { max-width: 768px; }
  .wt-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .wt-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .wt-hero h1 { font-size: 3rem; }
  .wt-page-hero h1 { font-size: 2.2rem; }
  .wt-section-title { font-size: 2rem; }
  .wt-gallery { column-count: 2; }
  .wt-recruit { grid-template-columns: 1fr; }
  .wt-app-showcase { grid-template-columns: 1fr; text-align: center; }
  .wt-app-mockup img { max-width: 280px; }
  .wt-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .wt-ranking-table { font-size: 0.85rem; }
  .wt-ranking-table th, .wt-ranking-table td { padding: 10px 12px; }
}

/* sm: 640px - 767px */
@media (max-width: 767px) {
  .wt-nav-links { display: none; }
  .wt-hamburger { display: flex; }
  .wt-nav-links.wt-nav-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: rgba(61, 43, 31, 0.95);
    padding: 20px;
    gap: 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  }
  .wt-nav-links.wt-nav-open a {
    padding: 12px 20px;
    font-size: 1rem;
  }
  .wt-hero h1 { font-size: 2.2rem; }
  .wt-hero-subtitle { font-size: 0.95rem; }
  .wt-section { padding: 50px 0; }
  .wt-section-title { font-size: 1.7rem; }
  .wt-grid-2 { grid-template-columns: 1fr; }
  .wt-grid-3 { grid-template-columns: 1fr; }
  .wt-grid-4 { grid-template-columns: 1fr; }
  .wt-gallery { column-count: 2; }
  .wt-footer-grid { grid-template-columns: 1fr; }
  .wt-app-features { grid-template-columns: 1fr; }
  .wt-filters { flex-direction: column; }
  .wt-filters .wt-form-select { min-width: 100%; }
  .wt-download-buttons { flex-direction: column; }
  .wt-page-hero { height: 40vh; min-height: 280px; }
  .wt-page-hero h1 { font-size: 1.8rem; }
}

/* xs: < 640px */
@media (max-width: 639px) {
  html { font-size: 14px; }
  .wt-hero { min-height: 500px; }
  .wt-hero h1 { font-size: 1.8rem; }
  .wt-hero-buttons { flex-direction: column; align-items: center; }
  .wt-btn-primary, .wt-btn-outline { width: 100%; text-align: center; }
  .wt-section-title { font-size: 1.5rem; }
  .wt-gallery { column-count: 1; }
  .wt-explorer-card img { width: 120px; height: 120px; }
  .wt-navbar-inner { padding: 0 15px; }
  .wt-logo-text { font-size: 1.4rem; }
  .wt-trust-logos { gap: 15px; }
  .wt-trust-badge { padding: 8px 15px; font-size: 0.8rem; }
}