@media (max-width: 1180px) { .header-shell { gap: 14px; } .main-nav { overflow-x:auto; scrollbar-width:none; } .search-box { width:170px; } .six-col { grid-template-columns:repeat(4,1fr); } .quick-channels { grid-template-columns:repeat(3,1fr); } .anime-grid,.short-row,.score-strip { grid-template-columns:repeat(3,1fr); } .five-col { grid-template-columns:repeat(4,1fr); } }
@media (max-width: 820px) { .header-shell { height:auto; min-height:68px; flex-wrap:wrap; padding-top:10px; padding-bottom:10px; }.brand img { width:158px; }.menu-button { display:block; margin-left:auto; border:1px solid var(--line); border-radius:9px; background:#151a2c; color:#fff; padding:6px 11px; }.main-nav { display:none; order:3; width:100%; padding:6px 0; }.main-nav.is-open { display:flex; }.search-box { width:180px; }.hero { height:560px; min-height:0; border-radius:18px; }.hero-content { left:26px; right:26px; bottom:60px; }.hero-content h2 { font-size:46px; }.hero-overlay { background:linear-gradient(0deg,rgba(5,8,18,.97),rgba(5,8,18,.35) 75%); }.hero-arrow { display:none; }.six-col,.five-col { grid-template-columns:repeat(3,1fr); }.four-col { grid-template-columns:repeat(2,1fr); }.feature-row,.doc-layout,.category-recommend { grid-template-columns:1fr; }.cinema-feature { min-height:420px; }.tv-split { grid-template-columns:220px 1fr; }.update-list article { grid-template-columns:70px 70px 1fr auto; }.update-list p { display:none; }.mosaic { grid-template-columns:1fr 1fr; grid-template-rows:340px 220px 220px; }.mosaic-1 { grid-column:1/3; grid-row:auto; }.about-panel { grid-template-columns:1fr; gap:10px; }.detail-content { grid-template-columns:210px 1fr; padding:30px; }.episode-grid { grid-template-columns:repeat(4,1fr); }.rank-columns { grid-template-columns:1fr; }.footer-grid { grid-template-columns:1.3fr 1fr 1fr; gap:30px; } }
@media (max-width: 560px) { main { padding-left:14px; padding-right:14px; }.header-shell { padding-left:14px; padding-right:14px; }.search-box { order:4; width:100%; }.hero { height:510px; margin-top:2px; }.hero-content { left:20px; right:20px; bottom:48px; }.hero-content h2 { font-size:38px; }.hero-description { font-size:14px; }.hero-actions { flex-wrap:wrap; }.hero-actions .button { min-width:calc(50% - 6px); padding:0 12px; }.hero-dots { right:20px; bottom:18px; }.quick-channels { grid-template-columns:repeat(2,1fr); }.quick-channels small { display:none; }.content-section { margin:54px 0; }.section-heading h2 { font-size:27px; }.more-link { font-size:13px; }.six-col,.five-col,.anime-grid,.short-row,.score-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.card-body { padding:11px; }.card-copy { display:none; }.section-cinema,.section-updates,.section-anime,.ranking-panel { padding:18px; margin-left:-4px; margin-right:-4px; }.feature-row { display:block; }.cinema-feature { min-height:360px; margin-bottom:14px; }.mini-grid { grid-template-columns:1fr 1fr; }.card-compact { display:block; }.tv-split { grid-template-columns:1fr; }.tv-lead { max-width:58%; }.episode-feed a { grid-template-columns:40px 1fr auto; padding:10px; }.update-list article { grid-template-columns:58px 52px 1fr; }.update-list strong { display:none; }.score-strip a { min-height:260px; }.mosaic { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:300px 210px 210px; }.mosaic-1 { grid-column:1/3; }.mosaic-item p { display:none; }.short-tile { border-radius:16px; }.doc-story { min-height:380px; }.doc-list p { display:none; }.about-panel { padding:30px 8px; margin:60px 0; }.app-banner { align-items:flex-start; padding:30px 22px; }.qr-shell { display:none; }.app-actions { flex-wrap:wrap; }.footer-grid { grid-template-columns:1fr 1fr; padding:36px 18px; }.footer-brand { grid-column:1/3; }.footer-bottom { flex-direction:column; padding:18px; }.category-hero { min-height:200px; padding:28px 24px; }.category-hero > strong { display:none; }.category-recommend { padding:15px; }.detail-content { grid-template-columns:112px 1fr; gap:18px; padding:22px 16px; align-items:start; }.detail-info h1 { font-size:31px; }.detail-info dl,.alias { display:none; }.detail-summary { grid-column:1/3; }.detail-info .button { margin-top:8px; }.episode-grid { grid-template-columns:repeat(2,1fr); }.stills-grid { grid-template-columns:1fr; }.guess-panel { align-items:flex-start; flex-direction:column; }.ranking-board { grid-template-columns:1fr; }.search-page-form { padding:16px; } }
@media (max-width: 370px) { .six-col,.five-col,.anime-grid,.short-row,.score-strip,.mini-grid { grid-template-columns:1fr 1fr; gap:9px; }.hero-actions .button { width:100%; }.detail-content { grid-template-columns:95px 1fr; }.card-body h3 { font-size:15px; } }