@media (max-width: 1080px) {
    .nav-toggle { display: block; }
    .site-nav { position: fixed; inset: 76px 0 auto; max-height: calc(100vh - 76px); display: none; grid-template-columns: repeat(2, 1fr); padding: 18px 20px 26px; overflow: auto; background: #10121a; }
    body.nav-open .site-nav { display: grid; }
    .site-nav a { min-height: 46px; }
    .hero { grid-template-columns: 1fr; }
    .hero-copy { position: relative; z-index: 3; min-height: 460px; }
    .hero-visual { position: absolute; inset: 0; }
    .hero-visual::after { background: linear-gradient(90deg, rgba(16,18,26,.98), rgba(16,18,26,.25)), linear-gradient(0deg,rgba(16,18,26,.75),transparent); }
    .hero-play { left: auto; right: 50px; }
    .poster-row, .category-grid { grid-template-columns: repeat(3, 1fr); }
    .episode-strip { grid-template-columns: repeat(3,1fr); }
    .episode-strip a:nth-child(3) { border-right: 0; }
    .episode-strip a:nth-child(n+4) { border-top:1px solid var(--line); }
    .rank-layout { gap: 35px; }
}

@media (max-width: 760px) {
    .container { width: min(100% - 28px, 1200px); }
    .section { margin-top: 64px; }
    .header-inner { min-height: 68px; }
    .site-nav { inset: 68px 0 auto; }
    .hero { min-height: 620px; margin-top: 20px; border-radius: 20px; }
    .hero-copy { min-height: 620px; padding: 28px 22px; justify-content: flex-end; }
    .hero h1 { font-size: 3.6rem; }
    .hero-visual::after { background: linear-gradient(0deg, rgba(16,18,26,.99) 15%, rgba(16,18,26,.2) 85%); }
    .hero-play { top: 25%; left: 50%; right: auto; width: 62px; height: 62px; }
    .section-heading { align-items: flex-start; }
    .section-heading > a { font-size: 14px; }
    .spotlight-grid, .split-recommend, .world-grid, .variety-marquee, .tag-section, .about-grid, .subscribe-grid, .category-hero-inner, .category-copy, .watch-header, .article-section { grid-template-columns: 1fr; }
    .mini-stack .video-card, .world-panel .video-card { grid-template-columns: 125px 1fr; }
    .mini-stack .card-body p, .world-panel .card-body p { display: none; }
    .poster-row { grid-template-columns: repeat(2, 1fr); }
    .poster-row .video-card:last-child { grid-column: 1 / -1; }
    .editor-note { position: static; }
    .compact-grid, .video-grid { grid-template-columns: repeat(2,1fr); }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .category-tile { min-height: 210px; }
    .episode-strip { grid-template-columns: 1fr; }
    .episode-strip a { min-height: 110px; border-right:0; border-top:1px solid var(--line); }
    .timeline { grid-template-columns:1fr; gap:0; }.timeline::before{top:0;bottom:0;left:24px;right:auto;width:2px;height:auto}.timeline a{display:grid;grid-template-columns:55px 20px 1fr;align-items:center;text-align:left;padding:12px 0}.line-dot{margin:0}.rank-layout{grid-template-columns:1fr}.rank-intro h2{font-size:44px}.ranking-list li{grid-template-columns:42px 1fr}.ranking-list b{display:none}.topic-grid{grid-template-columns:1fr}.variety-marquee{padding:28px}.variety-marquee h2{font-size:36px}.coming-row{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.category-hero{padding:36px 0}.watch-header dl{flex-wrap:wrap}.watch-note{align-items:flex-start;flex-wrap:wrap}.watch-note p{flex-basis:70%}.player-controls{grid-template-columns:auto 1fr auto}.player-controls time,.player-controls button:nth-last-child(2){display:none}.scene-grid{grid-template-columns:1fr}.end-card{grid-template-columns:auto 1fr}.end-card .button{grid-column:1/-1}.pager{grid-template-columns:1fr}.pager .next{text-align:left}.qr-card{width:170px}
}

@media (max-width: 480px) {
    .compact-grid, .video-grid, .category-grid, .poster-row, .coming-row { grid-template-columns: 1fr; }
    .poster-row .video-card:last-child { grid-column:auto; }
    .card-body h3 { font-size:17px; }
    .meta { flex-direction:column; gap:2px; }
    .hero-actions .button { width:100%; }
    .world-panel { padding:18px; }.world-panel .video-card{grid-template-columns:110px 1fr}.world-panel .card-body{padding:10px}.footer-grid nav{grid-template-columns:1fr}.watch-header dl{display:grid;grid-template-columns:repeat(2,1fr)}.center-play{width:58px;height:58px}.player-controls{padding:14px}.category-copy{padding:28px}
}