/* ============================================
   c7-responsive.css — C7娱乐 响应式样式
   ============================================ */

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

/* --- lg: 1024px - 1279px --- */
@media (max-width: 1279px) {
  .c7-container { max-width: 1024px; }
  .c7-grid-4 { grid-template-columns: repeat(3, 1fr); }
  .c7-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .c7-poster-wall { grid-template-columns: repeat(3, 1fr); }
}

/* --- md: 768px - 1023px --- */
@media (max-width: 1023px) {
  .c7-hero h1 { font-size: 2.5rem; }
  .c7-hero-subtitle { font-size: 1rem; }
  .c7-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .c7-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .c7-worldview { grid-template-columns: 1fr; }
  .c7-app-section { grid-template-columns: 1fr; text-align: center; }
  .c7-app-buttons { justify-content: center; }
  .c7-gallery { column-count: 2; }
  .c7-poster-wall { grid-template-columns: repeat(2, 1fr); }
  .c7-nav-links { display: none; }
  .c7-hamburger { display: flex; }
  .c7-nav-links.c7-mobile-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    background: rgba(13, 2, 33, 0.96);
    backdrop-filter: blur(20px);
    padding: 20px;
    border-bottom: 2px solid rgba(240, 56, 255, 0.3);
    gap: 4px;
  }
  .c7-nav-links.c7-mobile-open li a {
    padding: 12px 16px;
    font-size: 1rem;
  }
  .c7-nav-links.c7-mobile-open .c7-btn-cta {
    margin-top: 8px;
    text-align: center;
    display: block;
  }
  .c7-page-banner { height: 300px; }
  .c7-page-banner h1 { font-size: 2rem; }
}

/* --- sm: 640px - 767px --- */
@media (max-width: 767px) {
  html { font-size: 15px; }
  .c7-hero h1 { font-size: 2rem; }
  .c7-hero-content { padding: 100px 16px 40px; }
  .c7-section { padding: 50px 0; }
  .c7-section-header h2 { font-size: 1.6rem; }
  .c7-grid-4, .c7-grid-3, .c7-grid-2 { grid-template-columns: 1fr; }
  .c7-footer-grid { grid-template-columns: 1fr; }
  .c7-badges { flex-direction: column; align-items: center; }
  .c7-hero-btns { flex-direction: column; align-items: center; }
  .c7-btn-primary, .c7-btn-outline { width: 100%; max-width: 280px; text-align: center; }
  .c7-gallery { column-count: 2; }
  .c7-poster-wall { grid-template-columns: repeat(2, 1fr); }
  .c7-page-banner { height: 250px; }
  .c7-page-banner h1 { font-size: 1.7rem; }
}

/* --- xs: < 640px --- */
@media (max-width: 639px) {
  html { font-size: 14px; }
  .c7-hero h1 { font-size: 1.7rem; }
  .c7-hero-signals { display: none; }
  .c7-gallery { column-count: 1; }
  .c7-poster-wall { grid-template-columns: 1fr; }
  .c7-card-img { height: 180px; }
  .c7-poster-item img { height: 220px; }
  .c7-badge { flex-direction: column; text-align: center; padding: 16px 20px; }
  .c7-app-buttons { flex-direction: column; align-items: center; }
  .c7-app-btn { width: 100%; max-width: 280px; justify-content: center; }
  .c7-terminal { padding: 16px; font-size: 0.82rem; }
  .c7-recruit { padding: 40px 16px; }
}