/* ============================================
   赏金女王 - 响应式样式
   sh-responsive.css
   ============================================ */

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

/* --- lg: 1024px - 1279px --- */
@media (max-width: 1279px) {
  .sh-hero h1 { font-size: 2.5rem; }
  .sh-nav-links li a { font-size: 0.82rem; padding: 8px 8px; }
  .sh-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .sh-footer-inner { grid-template-columns: repeat(2, 1fr); }
}

/* --- md: 768px - 1023px --- */
@media (max-width: 1023px) {
  .sh-hero h1 { font-size: 2.2rem; }
  .sh-hero-subtitle { font-size: 1rem; }
  .sh-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .sh-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .sh-featured-inner { grid-template-columns: 1fr; }
  .sh-saloon-inner { grid-template-columns: 1fr; }
  .sh-nav-links { display: none; }
  .sh-hamburger { display: flex; }
  .sh-nav-links.sh-mobile-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--sh-primary);
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    border-top: 2px solid var(--sh-secondary);
    z-index: 999;
  }
  .sh-nav-links.sh-mobile-open li a {
    padding: 12px 20px;
    font-size: 1rem;
  }
  .sh-page-banner { height: 280px; }
  .sh-page-banner h1 { font-size: 1.8rem; }
  .sh-app-features { grid-template-columns: 1fr; }
}

/* --- sm: 640px - 767px --- */
@media (max-width: 767px) {
  html { font-size: 15px; }
  .sh-hero h1 { font-size: 1.8rem; }
  .sh-hero-subtitle { font-size: 0.9rem; }
  .sh-hero-buttons { flex-direction: column; align-items: center; }
  .sh-grid-2 { grid-template-columns: 1fr; }
  .sh-grid-3 { grid-template-columns: 1fr; }
  .sh-grid-4 { grid-template-columns: 1fr; }
  .sh-footer-inner { grid-template-columns: 1fr; }
  .sh-countdown { flex-wrap: wrap; justify-content: center; }
  .sh-section { padding: 40px 0; }
  .sh-section-title { margin-bottom: 25px; }
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.2rem; }
  .sh-page-banner { height: 240px; }
  .sh-page-banner h1 { font-size: 1.5rem; }
  .sh-ranking-table { display: block; overflow-x: auto; }
  .sh-task-meta { flex-direction: column; gap: 8px; }
  .sh-app-buttons { flex-direction: column; }
  .sh-badges { gap: 20px; }
  .sh-badge-item img { width: 80px; height: 80px; }
}

/* --- xs: < 640px --- */
@media (max-width: 639px) {
  html { font-size: 14px; }
  .sh-hero { min-height: 90vh; }
  .sh-hero h1 { font-size: 1.6rem; }
  .sh-hero-content { padding: 80px 15px 40px; }
  .sh-container { padding: 0 15px; }
  .sh-navbar-inner { padding: 0 15px; }
  .sh-logo-text { font-size: 1.2rem; }
  .sh-logo img { height: 40px; }
  .sh-btn-primary, .sh-btn-outline { padding: 12px 24px; font-size: 1rem; }
  .sh-game-card-img { height: 200px; }
  .sh-video-card video { height: 160px; }
  .sh-partner-logos { gap: 15px; }
  .sh-partner-logo { padding: 10px 15px; font-size: 0.8rem; }
  .sh-testimonial-card { min-width: 260px; }
  .sh-wheel-container { max-width: 280px; }
  .sh-legal-content { padding: 20px 15px 40px; }
}