/* ============================================
   cx-responsive.css — C7 Music 响应式样式
   ============================================ */

/* --- xl: >= 1280px (默认桌面) --- */

/* --- lg: 1024px - 1279px --- */
@media (max-width: 1279px) {
  .cx-hero h1 { font-size: 2.8rem; }
  .cx-albums-grid { gap: 20px; }
  .cx-hero-stats { gap: 40px; }
  .cx-trust-inner { gap: 50px; }
}

/* --- md: 768px - 1023px (平板) --- */
@media (max-width: 1023px) {
  .cx-nav-links { display: none; }
  .cx-nav-links.cx-nav-open {
    display: flex; flex-direction: column; position: absolute;
    top: 72px; left: 0; right: 0; background: rgba(45,42,38,0.98);
    padding: 20px; gap: 16px; border-bottom: 1px solid var(--cx-accent);
  }
  .cx-hamburger { display: flex; }
  .cx-hero h1 { font-size: 2.4rem; }
  .cx-hero-subtitle { font-size: 1rem; }
  .cx-stat-number { font-size: 2rem; }
  .cx-vinyl-spin { display: none; }
  .cx-albums-grid { grid-template-columns: repeat(2, 1fr); }
  .cx-live-grid { grid-template-columns: repeat(2, 1fr); }
  .cx-ranking-layout { grid-template-columns: 1fr; }
  .cx-articles-grid { grid-template-columns: 1fr; }
  .cx-join-layout { grid-template-columns: 1fr; }
  .cx-comments-wall { grid-template-columns: repeat(2, 1fr); }
  .cx-map-layout { grid-template-columns: 1fr; }
  .cx-stories-grid { grid-template-columns: repeat(2, 1fr); }
  .cx-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .cx-app-layout { grid-template-columns: 1fr; }
  .cx-tools-grid { grid-template-columns: 1fr; }
  .cx-content-grid { grid-template-columns: repeat(2, 1fr); }
  .cx-section { padding: 60px 0; }
}

/* --- sm: 640px - 767px (手机横屏) --- */
@media (max-width: 767px) {
  .cx-hero h1 { font-size: 2rem; }
  .cx-hero { padding: 100px 16px 60px; }
  .cx-hero-stats { gap: 30px; }
  .cx-stat-number { font-size: 1.6rem; }
  .cx-section-header h2 { font-size: 1.8rem; }
  .cx-albums-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .cx-live-grid { grid-template-columns: 1fr; }
  .cx-stories-grid { grid-template-columns: 1fr; }
  .cx-comments-wall { grid-template-columns: 1fr; }
  .cx-story-card { flex-direction: column; }
  .cx-story-card-img { width: 100%; min-height: 160px; }
  .cx-footer-grid { grid-template-columns: 1fr; }
  .cx-trust-inner { flex-direction: column; gap: 30px; }
  .cx-page-hero h1 { font-size: 2rem; }
  .cx-content-grid { grid-template-columns: 1fr; }
}

/* --- xs: < 640px (手机竖屏) --- */
@media (max-width: 639px) {
  html { font-size: 15px; }
  .cx-hero h1 { font-size: 1.7rem; }
  .cx-hero-subtitle { font-size: 0.9rem; }
  .cx-hero-buttons { flex-direction: column; align-items: center; }
  .cx-hero-stats { flex-direction: column; gap: 20px; }
  .cx-albums-grid { grid-template-columns: 1fr; }
  .cx-section { padding: 48px 0; }
  .cx-section-header h2 { font-size: 1.5rem; }
  .cx-container { padding: 0 16px; }
  .cx-join-overlay h3 { font-size: 1.4rem; }
  .cx-poster-card { height: 280px; }
  .cx-app-buttons { flex-direction: column; }
  .cx-chord-search { flex-direction: column; }
  .cx-page-hero { padding: 120px 16px 40px; }
  .cx-page-hero h1 { font-size: 1.6rem; }
  .cx-breadcrumb { padding: 80px 0 16px; }
}