/* 只狼 — 响应式 */
@media (max-width: 1023px) {
  :root { --section-gap: 56px; --container-padding: 20px; }
  .nav { display: none; }
  .nav__actions { display: none; }
  .hamburger { display: flex; }
  .hero { height: 80vh; min-height: 412px; margin-top: 0; }
  .hero__title { font-size: 2.6rem; }
  .hero__subtitle { font-size: 1rem; }
  .hero__kana { font-size: 0.7rem; }
  .hero-pagination { bottom: 64px; }
  .hero__scroll { bottom: 20px; }
  .grid-cols-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-cols-3 { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .stat-item__number { font-size: 2rem; }
  .inner-banner { height: 200px; }
  .inner-banner__title { font-size: 1.6rem; }
  .story-card { flex-direction: column; }
  .story-card__image { width: 100%; height: 140px; }
  .footer__grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 767px) {
  :root { --section-gap: 40px; --container-padding: 16px; }
  .header { height: 56px; }
  .hero { height: 70vh; min-height: 344px; margin-top: 0; }
  .hero__title { font-size: 1.8rem; }
  .hero__subtitle { font-size: 0.85rem; }
  .hero__kana { font-size: 0.65rem; }
  .hero-pagination { bottom: 56px; }
  .hero__scroll { bottom: 16px; }
  .hero__content { padding: 0 20px; }
  .grid-cols-4 { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .grid-cols-3, .grid-cols-2 { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .stat-item__number { font-size: 1.5rem; }
  .inner-banner { height: 160px; margin-top: 56px; }
  .inner-banner__title { font-size: 1.3rem; }
  .btn-group { flex-direction: column; }
  .prev-next { flex-direction: column; }
  .char-card__image { width: 90px; height: 120px; }
  .section-title h2 { font-size: 1.5rem; }
  .cta-section h2 { font-size: 1.5rem; }
  .footer__bottom { flex-direction: column; text-align: center; }
}
@media (max-width: 479px) {
  .hero__title { font-size: 1.5rem; }
  .hero-pagination { bottom: 48px; }
  .hero__scroll { bottom: 12px; }
  .grid-cols-4 { grid-template-columns: 1fr 1fr; gap: 8px; }
  .stats-grid { gap: 4px; }
  .stat-item__number { font-size: 1.2rem; }
}