/* ============================================
   gm-responsive.css — 响应式设计
   ============================================ */

/* --- 平板 (max-width: 1024px) --- */
@media(max-width:1024px){
  .gm-hot-grid{grid-template-columns:repeat(2,1fr)}
  .gm-leaderboard{grid-template-columns:1fr}
  .gm-jukebox-grid{grid-template-columns:repeat(2,1fr)}
  .gm-dj-layout{grid-template-columns:1fr}
  .gm-community-grid{grid-template-columns:1fr}
  .gm-story-layout{grid-template-columns:1fr}
  .gm-fruit-entry-inner{grid-template-columns:1fr}
  .gm-cert-grid{grid-template-columns:repeat(2,1fr)}
  .gm-footer-grid{grid-template-columns:1fr 1fr}
  .gm-games-grid{grid-template-columns:repeat(2,1fr)}
  .gm-related-grid{grid-template-columns:repeat(2,1fr)}
  .gm-app-section{grid-template-columns:1fr}
  .gm-app-mockup{max-width:250px}
  h1{font-size:2.2rem}
  .gm-hero-content h1{font-size:2.5rem}
}

/* --- 手机 (max-width: 768px) --- */
@media(max-width:768px){
  .gm-nav-links{display:none;position:fixed;top:70px;left:0;width:100%;background:rgba(26,26,26,.98);flex-direction:column;padding:20px;gap:0;backdrop-filter:blur(15px);border-bottom:1px solid rgba(212,178,131,.15)}
  .gm-nav-links.gm-nav-open{display:flex}
  .gm-nav-links a{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.03);width:100%}
  .gm-hamburger{display:flex}
  .gm-hot-grid{grid-template-columns:1fr}
  .gm-jukebox-grid{grid-template-columns:1fr}
  .gm-cert-grid{grid-template-columns:1fr}
  .gm-footer-grid{grid-template-columns:1fr}
  .gm-games-grid{grid-template-columns:1fr}
  .gm-related-grid{grid-template-columns:1fr}
  .gm-hero-content h1{font-size:2rem}
  .gm-page-hero-content h1{font-size:1.8rem}
  h1{font-size:1.8rem}
  h2{font-size:1.6rem}
  .gm-section{padding:50px 0}
  .gm-hero-btns{flex-direction:column;align-items:center}
  .gm-top3{flex-direction:column;align-items:center}
  .gm-top3-item{width:100%;max-width:250px}
  .gm-fruit-reel{width:70px;height:70px;font-size:2rem}
  .gm-fruit-machine{padding:20px}
}

/* --- 小手机 (max-width: 480px) --- */
@media(max-width:480px){
  .gm-container{padding:0 15px}
  .gm-navbar-inner{padding:0 15px}
  .gm-hero-content h1{font-size:1.6rem}
  .gm-btn-primary,.gm-btn-outline{padding:12px 28px;font-size:.9rem}
  .gm-fruit-reel{width:60px;height:60px;font-size:1.8rem}
}