/* ============================================
   C7数字炼金公会 - 响应式样式 cg-responsive.css
   ============================================ */

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

/* --- lg: 1024px - 1279px --- */
@media (max-width: 1279px) {
  .cg-hero h1 { font-size: 3rem; }
  .cg-nav-links a { padding: 8px 8px; font-size: 0.88rem; }
  .cg-strategy-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-gallery-grid { grid-template-columns: repeat(4, 1fr); }
}

/* --- md: 768px - 1023px --- */
@media (max-width: 1023px) {
  .cg-hero h1 { font-size: 2.5rem; }
  .cg-hero-stats { grid-template-columns: repeat(2, 1fr); }
  .cg-bulletin-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-video-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-ranking-wrap { grid-template-columns: 1fr; }
  .cg-strategy-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-guild-wrap { grid-template-columns: 1fr; }
  .cg-scrolls-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-gallery-grid { grid-template-columns: repeat(3, 1fr); }
  .cg-tavern-comments { grid-template-columns: repeat(2, 1fr); }
  .cg-cert-grid { grid-template-columns: 1fr; }
  .cg-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-nav-links { display: none; }
  .cg-hamburger { display: flex; }
  .cg-nav-links.cg-active {
    display: flex; flex-direction: column; position: absolute;
    top: 70px; left: 0; right: 0; background: linear-gradient(180deg, #3E2210, #2A1508);
    padding: 20px; gap: 0; box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    border-top: 2px solid var(--cg-gold);
  }
  .cg-nav-links.cg-active a { padding: 12px 20px; border-bottom: 1px solid rgba(122,92,67,0.2); }
  .cg-nav-links.cg-active .cg-nav-cta { margin: 12px 20px; text-align: center; }
  .cg-page-hero h1 { font-size: 2rem; }
}

/* --- sm: 640px - 767px --- */
@media (max-width: 767px) {
  .cg-hero { min-height: 90vh; }
  .cg-hero h1 { font-size: 2rem; }
  .cg-hero-subtitle { font-size: 0.95rem; }
  .cg-hero-stats { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .cg-hero-stat-num { font-size: 1.5rem; }
  .cg-section { padding: 60px 0; }
  .cg-section-title { font-size: 1.8rem; }
  .cg-bulletin-grid { grid-template-columns: 1fr; }
  .cg-video-grid { grid-template-columns: 1fr; }
  .cg-scrolls-grid { grid-template-columns: 1fr; }
  .cg-report-card { grid-template-columns: 1fr; }
  .cg-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .cg-tavern-comments { grid-template-columns: 1fr; }
  .cg-footer-grid { grid-template-columns: 1fr; }
  .cg-podium { flex-wrap: wrap; }
  .cg-app-buttons { flex-direction: column; align-items: center; }
  .cg-page-hero { padding: 100px 0 40px; }
  .cg-page-hero h1 { font-size: 1.8rem; }
  .cg-article-content h2 { font-size: 1.4rem; }
}

/* --- xs: < 640px --- */
@media (max-width: 639px) {
  .cg-hero h1 { font-size: 1.7rem; }
  .cg-hero-buttons { flex-direction: column; align-items: center; }
  .cg-btn-primary, .cg-btn-outline { width: 100%; text-align: center; }
  .cg-hero-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .cg-hero-stat-num { font-size: 1.3rem; }
  .cg-strategy-grid { grid-template-columns: 1fr; }
  .cg-crystal-input { width: 42px; height: 42px; font-size: 1rem; }
  .cg-ranking-table { font-size: 0.8rem; }
  .cg-ranking-table th, .cg-ranking-table td { padding: 8px; }
}