@media (max-width: 1050px) {
    .main-nav { position: absolute; top: 76px; left: 20px; right: 20px; padding: 14px; display: none; grid-template-columns: repeat(3, 1fr); background: #0b1722; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
    .main-nav.is-open { display: grid; }
    .menu-toggle { display: block; }
    .hero { min-height: auto; grid-template-columns: 1fr 1fr; gap: 34px; }
    .hero-feature { min-height: 420px; }
    .video-grid { grid-template-columns: repeat(2, 1fr); }
    .channel-grid { grid-template-columns: repeat(3, 1fr); }
    .category-matrix { grid-template-columns: repeat(2, 1fr); }
    .poster-row { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .watch-header { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 760px) {
    .shell { width: min(100% - 28px, 1200px); }
    .header-inner { min-height: 68px; }
    .main-nav { top: 68px; grid-template-columns: repeat(2, 1fr); max-height: calc(100vh - 86px); overflow-y: auto; }
    .nav-link { min-height: 44px; }
    .hero { padding-block: 42px 58px; grid-template-columns: 1fr; }
    .hero h1 { font-size: 4rem; }
    .hero-feature { min-height: 390px; transform: none; }
    .hero-stats { gap: 16px; }
    .pulse-inner { gap: 20px; }
    .content-section { margin-top: 75px; }
    .video-grid, .rail-grid, .compact-grid, .poster-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .editorial-split, .ranking-layout, .doc-feature, .about-section, .subscription, .channel-feature, .story-layout { grid-template-columns: 1fr; }
    .editorial-split { padding: 26px; }
    .editorial-lead h2 { font-size: 2.25rem; }
    .editorial-list { grid-template-columns: 1fr; }
    .episode-rail .video-card:nth-child(2), .episode-rail .video-card:nth-child(2):hover { transform: none; }
    .category-matrix { grid-template-columns: 1fr; }
    .category-tile { min-height: 195px; }
    .ranking-layout { gap: 28px; }
    .rank-list li { grid-template-columns: 45px 1fr; }
    .rank-list li > strong { display: none; }
    .mosaic-grid { grid-template-columns: 1fr 1fr; }
    .mosaic-grid .video-card:first-child { grid-column: 1 / -1; }
    .doc-photo { min-height: 330px; }
    .doc-copy { padding: 32px; }
    .topic-grid { grid-template-columns: 1fr; }
    .about-section { gap: 20px; }
    .about-copy { columns: 1; }
    .subscription { padding: 38px 26px; gap: 30px; }
    .subscription h2 { font-size: 2.3rem; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 26px; }
    .footer-brand { grid-column: 1 / -1; }
    .channel-hero { grid-template-columns: 1fr; padding: 28px; }
    .channel-grid { grid-template-columns: repeat(2, 1fr); }
    .channel-feature { padding: 18px; gap: 22px; }
    .watch-meta { overflow-x: auto; }
    .story-layout { gap: 30px; }
    .view-tip { position: static; }
    .scene-gallery { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .hero-feature { min-height: 330px; }
    .hero-caption { left: 20px; right: 20px; bottom: 22px; }
    .hero-caption strong { font-size: 1.45rem; }
    .hero-play { width: 56px; }
    .video-grid, .rail-grid, .compact-grid, .poster-row, .mosaic-grid, .channel-grid { grid-template-columns: 1fr; }
    .mosaic-grid .video-card:first-child { grid-column: auto; }
    .video-card h3 { min-height: auto; }
    .section-heading { align-items: start; flex-direction: column; }
    .rank-note { padding: 26px; }
    .footer-grid { grid-template-columns: 1fr; }
    .copyright { flex-direction: column; gap: 6px; }
    .control-bar time { display: none; }
    .player-main { width: 64px; }
    .episode-nav { grid-template-columns: 1fr; }
    .brand-code { width: 205px; }
}