/* ============================================
   17c - 响应式样式
   断点: 360px, 768px, 1024px, 1440px
   Mobile-First 设计
   ============================================ */

/* === 小屏手机 (360px+) === */
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }

  .sc-navbar-inner {
    padding: 10px 16px;
  }

  .sc-nav-list {
    display: none;
  }

  .sc-hamburger {
    display: flex;
  }

  .sc-section {
    padding: 40px 0;
  }

  .sc-section-title {
    font-size: 13px;
  }

  .sc-section-subtitle {
    font-size: 18px;
    margin-bottom: 24px;
    padding: 0 10px;
  }

  .sc-gallery-grid {
    columns: 1;
  }

  .sc-radar-container {
    flex-direction: column;
  }

  .sc-radar-visual {
    width: 200px;
    height: 200px;
  }

  .sc-radar-trends {
    grid-template-columns: 1fr;
  }

  .sc-games-container {
    flex-direction: column;
    align-items: center;
  }

  .sc-game-card {
    width: 100%;
    max-width: 340px;
  }

  .sc-snap-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .sc-drops-grid {
    grid-template-columns: 1fr;
  }

  .sc-membership-card {
    padding: 20px;
  }

  .sc-membership-benefits {
    grid-template-columns: 1fr;
  }

  .sc-poll-container {
    padding: 20px;
  }

  .sc-footer-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .sc-card-list {
    grid-template-columns: 1fr;
  }

  .sc-app-buttons {
    flex-direction: column;
    align-items: center;
  }

  .sc-radio-player {
    padding: 20px;
  }

  .sc-bbs-post {
    padding: 12px 16px;
  }

  .sc-ticker-item {
    padding: 0 16px;
    font-size: 16px;
  }

  .sc-loader-bar {
    width: 200px;
  }

  .sc-loader-text {
    font-size: 10px;
  }

  #sc-snake-canvas {
    width: 280px;
    height: 280px;
  }

  .sc-page-header {
    padding: 30px 0 20px;
  }

  .sc-capsule-form {
    padding: 20px;
  }

  .sc-newsletter-form {
    flex-direction: column;
  }
}

/* === 平板 (768px+) === */
@media (min-width: 768px) and (max-width: 1023px) {
  .sc-nav-list {
    display: none;
  }

  .sc-hamburger {
    display: flex;
  }

  .sc-gallery-grid {
    columns: 2;
  }

  .sc-snap-grid {
    grid-template-columns: repeat(3, 1fr);
  }

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

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

  .sc-card-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-radar-visual {
    width: 250px;
    height: 250px;
  }
}

/* === 小桌面 (1024px+) === */
@media (min-width: 1024px) {
  .sc-hamburger {
    display: none;
  }

  .sc-nav-list {
    display: flex;
  }

  .sc-gallery-grid {
    columns: 3;
  }

  .sc-snap-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .sc-drops-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* === 大桌面 (1440px+) === */
@media (min-width: 1440px) {
  .sc-container {
    max-width: 1400px;
  }

  .sc-section {
    padding: 80px 0;
  }

  .sc-section-title {
    font-size: 22px;
  }

  .sc-gallery-grid {
    columns: 4;
  }

  .sc-snap-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* === 打印样式 === */
@media print {
  body::before {
    display: none;
  }

  .sc-navbar,
  .sc-mobile-menu,
  .sc-mobile-overlay,
  .sc-loader {
    display: none !important;
  }

  body {
    background: #fff;
    color: #000;
  }
}