@media (max-width: 1080px) {
    .site-nav a { padding-inline: 8px; }
    .hero { grid-template-columns: 1fr 1.15fr; min-height: 500px; }
    .hero-copy { padding: 36px; }
    .media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .anime-zone, .editor-picks { grid-template-columns: 1fr; }
    .editor-note { border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 20px; }
    .channel-hero { grid-template-columns: 1fr 1.1fr; padding: 34px; }
}
@media (max-width: 820px) {
    .shell { width: min(100% - 28px, 1200px); }
    .header-inner { min-height: 68px; }
    .menu-toggle { display: block; }
    .site-nav { display: none; position: absolute; top: 68px; left: 14px; right: 14px; padding: 12px; grid-template-columns: repeat(2, 1fr); background: #121419; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
    .site-nav.open { display: grid; }
    .site-nav a { display: flex; justify-content: flex-start; gap: 10px; font-size: .88rem; padding: 10px; }
    .hero { min-height: auto; grid-template-columns: 1fr; }
    .hero-copy { padding: 38px 28px; }
    .hero-feature { min-height: 390px; }
    .hero-shade { background: linear-gradient(0deg, rgba(0,0,0,.9), transparent 65%); }
    .split-feature, .schedule, .about, .subscribe, .channel-bottom, .story-grid, .video-heading { grid-template-columns: 1fr; }
    .pulse-panel { min-height: 280px; }
    .topic-grid { grid-template-columns: 1fr; }
    .topic-panel { min-height: 300px; }
    .tag-section { grid-template-columns: 1fr; }
    .about { padding: 42px 32px; gap: 30px; }
    .subscribe { padding: 36px; gap: 28px; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .channel-hero { grid-template-columns: 1fr; }.channel-feature { min-height: 350px; }
    .video-heading { gap: 15px; }.video-heading dl { max-width: 520px; }
}
@media (max-width: 560px) {
    .shell { width: min(100% - 20px, 1200px); }
    .section { margin-top: 70px; }
    .hero { margin-top: 18px; border-radius: 20px; }
    .hero h1 { font-size: 3.15rem; }
    .hero-feature { min-height: 330px; }
    .hero-feature > div { left: 20px; right: 20px; bottom: 18px; }.hero-feature p { display: none; }
    .media-grid, .media-grid.two, .media-grid.three { grid-template-columns: 1fr; }
    .category-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.category-card { min-height: 190px; padding: 16px; }
    .dark-stage, .anime-zone, .ranking { padding: 26px 18px; border-radius: 20px; }
    .schedule { gap: 22px; }.schedule li { grid-template-columns: 52px 12px 1fr; }.schedule li > a { grid-column: 3; }
    .rank-head { display: none; }.rank-row { grid-template-columns: 42px 1fr auto; }.rank-row > span:nth-of-type(2), .rank-row time { display: none; }
    .editor-picks { gap: 22px; }.tag-section { gap: 18px; }
    .about { padding: 34px 24px; }.about-number { font-size: 4.8rem; }
    .subscribe { grid-template-columns: 1fr; padding: 30px 24px; }.qr-mark { width: 140px; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .channel-hero { padding: 28px 22px; border-radius: 20px; }.channel-feature { min-height: 280px; }.channel-grid .media-card:first-child { grid-column: span 1; }.channel-grid .media-card:first-child .cover { aspect-ratio: 16 / 9; }
    .video-heading dl { grid-template-columns: repeat(3, 1fr); }.video-heading dl div { padding: 9px; }.video-heading dd { font-size: .72rem; }
    .player { border-radius: 14px; }.player-main { width: 64px; }.player-title { font-size: .75rem; }.player-controls { left: 8px; right: 8px; gap: 5px; grid-template-columns: 28px 1fr auto 28px 28px; }.player-controls time { font-size: .66rem; }
    .scene-gallery, .shooting-note, .episode-nav { grid-template-columns: 1fr; }.episode-nav a:last-child { text-align: left; }
}