/* Mobile responsive overrides (loaded after style.css). */
@media (max-width: 700px) {
  body { padding-bottom: 64px; }
  .wrap { width: calc(100% - 28px) !important; }
  .topbar { height: auto !important; }
  .topbar-in { min-height: 62px; padding: 9px 0 0 !important; flex-wrap: wrap !important; }
  .brand { font-size: 18px !important; }
  .brand-mark { width: 38px !important; height: 38px !important; }
  .top-actions { display: none !important; }
  .nav { order: 3; width: 100%; height: 39px !important; margin: 8px 0 0 !important; overflow-x: auto; justify-content: flex-start !important; scrollbar-width: none; }
  .nav::-webkit-scrollbar { display: none; }
  .nav a { flex: 0 0 auto; padding: 0 13px !important; font-size: 13px !important; }
  .hero { min-height: auto !important; }
  .hero .cards, .hero-orb { display: none !important; }
  .hero-content { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 25px !important; padding: 35px 0 !important; }
  .hero-copy-left { min-width: 0 !important; }
  .hero h1 { font-size: 34px !important; }
  .hero-copy { font-size: 14px !important; margin: 13px 0 !important; }
  .safe-note { font-size: 11px !important; line-height: 1.7; }
  .hero-downloads { display: flex !important; align-items: flex-start !important; justify-content: space-between; gap: 13px !important; width: 100%; padding-top: 20px; border-top: 1px solid #ffffff40; }
  .download-pc, .download-mobile { min-width: 0 !important; }
  .download-pc h2, .download-mobile h2 { font-size: 18px !important; }
  .download-pc .primary-btn, .download-pc .play-btn { min-width: 140px !important; padding: 10px 8px !important; font-size: 13px !important; }
  .download-mobile > div { width: 122px !important; height: 122px !important; }
  .download-mobile p { font-size: 11px !important; }
  .quick-row { grid-template-columns: 1fr !important; gap: 10px !important; margin-top: -8px !important; }
  .quick-row a { min-height: 68px !important; padding: 12px 30px 10px 76px !important; }
  .quick-icon { left: 17px !important; top: 11px !important; width: 43px !important; height: 43px !important; }
  .game-carousel { margin: 0 -4px; }
  .game-carousel-track { gap: 10px !important; }
  .game-card { height: 145px !important; }
  .information { grid-template-columns: 1fr !important; gap: 14px !important; }
  .notice-panel { padding: 19px !important; }
  .activity-card { min-height: 205px !important; }
  .footer-in { grid-template-columns: 1fr !important; gap: 16px !important; }
  .footer-links { flex-wrap: wrap; gap: 11px !important; }
  [aria-label="在线客服"] { width: 72px !important; padding: 9px 5px !important; top: auto !important; bottom: 75px; }
  [aria-label="在线客服"] span:first-child { width: 34px !important; height: 34px !important; line-height: 29px !important; font-size: 18px !important; }
  [aria-label="在线客服"] span:last-child { font-size: 13px !important; }
  #game-notice > div { width: min(100%, 390px) !important; }
  #game-notice [id="game-notice-title"] { width: 210px !important; font-size: 23px !important; }
  #game-notice div[style*="padding:0 21px"] { font-size: 15px !important; }
  header nav { gap: 16px !important; max-width: 100%; overflow-x: auto; }
}