/* ============================================
   东升国际 - 响应式样式 ds-responsive.css
   断点: xs(<640) sm(640-767) md(768-1023) lg(1024-1279) xl(>=1280)
   ============================================ */

/* --- lg: 小屏笔记本 (1024px - 1279px) --- */
@media (max-width: 1279px) {
  .ds-container { max-width: 1024px; }
  .ds-hero h1 { font-size: 3rem; }
  .ds-footer-grid { gap: 30px; }
  .ds-nav-links li a { padding: 8px 10px; font-size: 0.9rem; }
}

/* --- md: 平板 (768px - 1023px) --- */
@media (max-width: 1023px) {
  .ds-container { max-width: 768px; }

  .ds-hero h1 { font-size: 2.5rem; }
  .ds-hero-stats { gap: 30px; }
  .ds-stat-number { font-size: 1.5rem; }

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

  .ds-ranking-layout { grid-template-columns: 1fr; }
  .ds-vip-layout { grid-template-columns: 1fr; }
  .ds-ambassador-layout { grid-template-columns: 1fr; }
  .ds-app-layout { grid-template-columns: 1fr; }

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

  .ds-nav-links { display: none; }
  .ds-hamburger { display: flex; }

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

  .ds-section { padding: 60px 0; }
  .ds-section-title h2 { font-size: 2rem; }
}

/* --- sm: 手机横屏 (640px - 767px) --- */
@media (max-width: 767px) {
  .ds-hero h1 { font-size: 2rem; }
  .ds-hero-subtitle { font-size: 1rem; }
  .ds-hero-buttons { flex-direction: column; align-items: center; }
  .ds-hero-stats { flex-direction: column; gap: 20px; }

  .ds-grid-4 { grid-template-columns: 1fr 1fr; }
  .ds-grid-3 { grid-template-columns: 1fr; }
  .ds-grid-2 { grid-template-columns: 1fr; }

  .ds-footer-grid { grid-template-columns: 1fr; }

  .ds-section { padding: 50px 0; }
  .ds-section-title h2 { font-size: 1.8rem; }
  .ds-section-title { margin-bottom: 40px; }

  .ds-page-hero { padding: 80px 0 40px; }
  .ds-page-hero h1 { font-size: 1.8rem; }

  .ds-trust-logos { gap: 20px; }
  .ds-trust-icon { width: 60px; height: 60px; font-size: 0.6rem; }

  .ds-game-gallery { grid-template-columns: 1fr; }
}

/* --- xs: 手机竖屏 (<640px) --- */
@media (max-width: 639px) {
  html { font-size: 14px; }

  .ds-hero { min-height: 100vh; }
  .ds-hero h1 { font-size: 1.8rem; }
  .ds-hero-badge { font-size: 0.75rem; padding: 6px 16px; }
  .ds-hero-glow { width: 300px; height: 300px; }

  .ds-grid-4 { grid-template-columns: 1fr; }

  .ds-btn-primary, .ds-btn-outline {
    padding: 12px 28px;
    font-size: 1rem;
    width: 100%;
    text-align: center;
  }

  .ds-podium { flex-direction: row; gap: 10px; }
  .ds-podium-bar { width: 60px; }
  .ds-podium-bar-1 { height: 90px; }
  .ds-podium-bar-2 { height: 70px; }
  .ds-podium-bar-3 { height: 55px; }

  .ds-ranking-table { font-size: 0.8rem; }
  .ds-ranking-table th, .ds-ranking-table td { padding: 8px 10px; }

  .ds-jackpot-amount { font-size: 1.4rem; }

  .ds-ambassador-img { max-height: 350px; }

  .ds-app-buttons { flex-direction: column; }
  .ds-app-btn { width: 100%; justify-content: center; }

  .ds-logo { font-size: 1.3rem; letter-spacing: 2px; }

  .ds-vip-entrance { padding: 25px; }

  .ds-footer { padding-top: 40px; }
  .ds-footer-grid { gap: 30px; }
}