@media (max-width: 1050px) {
    .header-inner { min-height: 68px; }
    .nav-toggle { display: block; }
    .main-nav { position: absolute; left: 20px; right: 20px; top: 76px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow); display: grid; grid-template-columns: repeat(3, 1fr); opacity: 0; pointer-events: none; transform: translateY(-10px); transition: .2s; }
    .main-nav.open { opacity: 1; pointer-events: auto; transform: none; }
    .nav-link { flex-direction: row; justify-content: flex-start; font-size: 13px; }
    .hero { padding: 52px; min-height: auto; }
    .poster-row { grid-template-columns: repeat(3, 1fr); }
    .poster-row .poster-card:nth-child(n+4) { display: none; }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .timeline { grid-template-columns: repeat(3, 1fr); gap: 28px 0; }
    .timeline > a:nth-child(n+4) { display: none; }
    .app-subscribe { grid-template-columns: 1fr auto; }
    .subscribe-button { grid-column: 1 / 3; }
    .category-hero > .container { padding-inline: 44px; }
    .video-grid.three-col { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
    .container { width: min(100% - 28px, 1200px); }
    .brand img { width: 150px; height: auto; }
    .hero { margin-top: 14px; padding: 34px 24px 28px; border-radius: 24px; grid-template-columns: 1fr; gap: 32px; }
    .hero h1 { font-size: 50px; }
    .hero h2 { margin-top: 18px; font-size: 25px; }
    .hero-media { aspect-ratio: 16 / 10; transform: none; }
    .hero-play { width: 58px; height: 58px; }
    .hero-stats { gap: 4px 12px; }
    .section { margin-top: 72px; margin-bottom: 72px; }
    .section-head { align-items: flex-start; flex-direction: column; gap: 12px; }
    .section-head h2, .trend-intro h2, .rank-title h2, .about-grid h2, .tag-cloud-section h2 { font-size: 34px; }
    .feature-mosaic, .trending-split, .classic-inner, .rank-layout, .editor-board, .tag-cloud-section, .about-grid, .category-hero-grid, .category-latest, .detail-header, .story-section, .highlight-panel { grid-template-columns: 1fr; gap: 32px; }
    .feature-large .card-body h3 { font-size: 22px; }
    .feature-small { grid-template-columns: 40% 1fr; }
    .section-dark, .section-soft, .classic-section, .about-section { padding: 70px 0; }
    .poster-row { grid-template-columns: repeat(2, 1fr); }
    .poster-row .poster-card:nth-child(3) { display: none; }
    .trend-intro { position: static; }
    .trend-list > a { grid-template-columns: 34px 82px 1fr; gap: 10px; }
    .trend-list > a > svg { display: none; }
    .trend-list img { width: 82px; }
    .category-grid { gap: 10px; }
    .category-tile { min-height: 230px; padding: 20px; }
    .cinema-strip { padding: 14px; grid-template-columns: repeat(2, 1fr); }
    .classic-copy h2 { font-size: 42px; }
    .classic-collage { gap: 7px; }
    .classic-collage a { border-width: 4px; }
    .timeline { grid-template-columns: 1fr; }
    .timeline > a { padding: 0 0 0 38px; }
    .timeline > a:nth-child(n) { display: block; }
    .timeline > a::before { left: 10px; right: auto; top: 6px; bottom: -34px; width: 1px; height: auto; }
    .timeline-dot { position: absolute; left: 0; top: 1px; margin: 0; width: 21px; height: 21px; }
    .topic-grid { grid-template-columns: 1fr; }
    .topic-card { min-height: 430px; }
    .editor-board { padding: 28px; }
    .about-metrics { padding-left: 0; border-left: 0; border-top: 1px solid #354052; padding-top: 24px; }
    .app-subscribe { padding: 30px 24px; grid-template-columns: 1fr; }
    .subscribe-copy { align-items: flex-start; }
    .qr-art { justify-self: center; }
    .subscribe-button { grid-column: auto; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .footer-brand { grid-column: 1 / 3; }
    .footer-bottom { flex-direction: column; }
    .category-hero { margin-top: 14px; }
    .category-hero > .container { padding: 0 24px 32px; border-radius: 24px; }
    .category-hero h1 { font-size: 48px; }
    .category-lead strong { font-size: 18px; }
    .wide-recs > a { grid-template-columns: 34px 96px 1fr; gap: 10px; min-height: 116px; padding: 10px; }
    .wide-recs > a > svg, .wide-recs p { display: none; }
    .wide-recs img { width: 96px; }
    .return-panel { align-items: flex-start; flex-direction: column; padding: 28px; }
    .detail-header { align-items: start; }
    .detail-facts { justify-content: start; }
    .player-frame { border-radius: 16px; }
    .player-overlay { width: 82px; height: 82px; }
    .player-overlay svg { width: 27px; height: 27px; }.player-overlay span { display: none; }
    .watch-note { margin-bottom: 70px; }
    .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 180px 180px; }
    .gallery-grid .scene-1 { grid-column: 1 / 3; grid-row: auto; }.gallery-grid .scene-4 { grid-column: auto; }
    .highlight-panel { padding: 30px; }
    .episode-nav { grid-template-columns: 1fr 1fr; }
    .episode-nav .back-category { grid-column: 1 / 3; grid-row: 1; text-align: center; }
}
@media (max-width: 480px) {
    .main-nav { grid-template-columns: repeat(2, 1fr); max-height: calc(100vh - 100px); overflow-y: auto; }
    .hero-actions .button { width: 100%; }
    .feature-small { grid-template-columns: 1fr; }
    .category-grid { grid-template-columns: 1fr; }
    .category-tile { min-height: 210px; }
    .video-grid.three-col { grid-template-columns: 1fr; }
    .compact-list a { grid-template-columns: 1fr auto; }
    .compact-list time { grid-column: 1 / 3; }
    .detail-header h1 { font-size: 36px; }
    .gallery-grid { grid-template-columns: 1fr; grid-template-rows: repeat(4, 220px); }
    .gallery-grid .scene-1 { grid-column: auto; }
    .ending-note { align-items: flex-start; }
}