/* Four-column cover layout, matching the reference site's desktop rhythm. */
.content{max-width:1600px;padding-left:6%;padding-right:6%}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.section{margin-bottom:46px}.section-head{margin-bottom:23px}.section-head h2{font-size:23px;letter-spacing:0}.section-head h2>span{font-size:24px}.card{display:flex;flex-direction:column;min-width:0;background:none}.card .cover{display:block;width:100%;border:0;padding:0;text-align:left;aspect-ratio:3/4;border-radius:11px;background:#222225}.card-info{padding-top:14px}.card-name{padding:0;text-align:left;max-width:100%}.card h3{margin:0 0 8px;font-size:17px;line-height:1.55;font-weight:600}.card p{font-size:12px;line-height:1.8;color:#7e7e87}.card .card-tags{gap:7px;margin-top:12px;display:flex;flex-wrap:wrap}.card-tags button{background:#202023;color:#a1a1aa;border-radius:4px;padding:4px 9px;font-size:10px}.card-tags button:hover{color:var(--yellow);background:#302b1b}.card .poster-title{bottom:47px;left:19px;font-size:32px;letter-spacing:4px}.cover-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);height:54px;width:54px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;background:#ffffff20;color:white;opacity:0;z-index:3;backdrop-filter:blur(6px);font-size:19px;transition:.2s}.cover:hover .cover-play{opacity:1;transform:translate(-50%,-50%)}.cover:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.card .badge{top:12px;left:12px;font-size:10px;padding:5px 8px}.card .badge.second-badge{top:44px}.card .score{right:11px;top:11px;padding:2px 7px;border:1px solid #ffffff25;border-radius:6px;font-size:15px;line-height:24px;backdrop-filter:blur(4px)}.score small{font-size:9px;margin-left:2px}.card .episode{right:12px;bottom:12px;padding:4px 8px;background:#0008;border:1px solid #ffffff20;border-radius:5px;font-size:11px;backdrop-filter:blur(4px)}.hero-preview button{width:82px;height:108px;position:relative;opacity:.65}.hero-preview button span{position:absolute;bottom:0;left:0;right:0;padding:12px 3px 5px;background:linear-gradient(transparent,#000b);color:white;font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-preview button.active span{color:var(--yellow)}.hero-copy h1{font-family:'Noto Sans SC',sans-serif}.hero-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notice{height:46px}.tag-section{padding:28px 0}.tag-title{min-width:105px}.feature-strip{margin-bottom:38px}.section-head button:hover{color:var(--yellow)}.card .cover img{filter:brightness(.91)}.empty{grid-column:1/-1}.video-container{position:relative;background:#08080a;border-radius:9px;overflow:hidden;min-height:200px}.video-container video{display:block;border-radius:0;max-height:52vh}.video-container #video-empty{display:grid;place-items:center;height:250px;color:#85858f;font-size:14px}.player-top{margin-top:24px;align-items:flex-end}.player-eyebrow{font-size:9px;letter-spacing:2px;color:#b59d60;display:block;margin-bottom:8px}.player-top h2{font-size:26px}.episode-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.episode-heading h3{font-size:16px;font-weight:500}.episode-heading h3 small{color:#777;font-size:11px;margin-left:10px}.episode-heading>span{font-size:11px;color:#aaa}.episodes button{min-width:48px;font-size:12px;padding:11px}.episodes{gap:9px}.player-description{font-size:13px}.player-top .secondary{font-size:12px;padding:10px 17px}.login{min-width:94px}.hero-actions .primary{min-width:142px}.floating button:hover{color:var(--yellow)}
@media(min-width:1600px){.grid{gap:30px}.hero-preview button{width:96px;height:128px}.card .poster-title{font-size:38px}.hero-copy{margin-left:max(6.2%,calc((100vw - 1400px)/2))}}
@media(max-width:1200px){.content{padding-left:5%;padding-right:5%}.grid{gap:22px 18px}.card h3{font-size:15px}.card .poster-title{font-size:27px}.hero-preview button{width:62px;height:88px}.card .badge{font-size:9px;padding:4px 6px;left:9px;top:9px}.card .badge.second-badge{top:36px}.card .score{font-size:13px;line-height:21px;right:8px;top:8px}.card .episode{font-size:10px;right:9px;bottom:9px}.section-head h2{font-size:21px}}
@media(max-width:950px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}.card .poster-title{font-size:23px;left:12px;letter-spacing:2px;bottom:38px}.card-info{padding-top:11px}.card h3{font-size:14px}.card p{font-size:10px}.card-tags button{font-size:9px;padding:3px 6px}.card .badge{font-size:8px;padding:3px 5px}.card .badge.second-badge{top:33px}.card .score{font-size:11px;line-height:18px;padding:1px 4px}.card .episode{font-size:9px;padding:3px 5px}.cover-play{width:40px;height:40px;font-size:15px}}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.section{margin-bottom:36px}.section-head{margin-bottom:19px}.section-head h2{font-size:20px}.card .cover{border-radius:9px}.card .poster-title{font-size:27px;letter-spacing:3px;bottom:39px;left:13px}.card h3{font-size:15px;margin-bottom:6px}.card p{font-size:11px}.card .card-tags{display:flex!important;gap:5px;margin-top:8px}.card-tags button{font-size:9px;padding:3px 6px}.card .badge{font-size:9px;top:8px;left:8px;padding:4px 6px}.card .badge.second-badge{top:35px}.card .score{font-size:12px;line-height:20px;right:7px;top:7px}.card .episode{font-size:9px;padding:3px 6px;right:8px;bottom:8px}.tag-title{min-width:68px}.tag-section{gap:13px;padding:24px 0}.feature-strip{margin-bottom:31px}.player-top h2{font-size:22px}.episodes button{min-width:40px;padding:9px}.episode-heading{margin-top:20px}.hero-copy p{max-width:310px}.notice{height:43px}.login{min-width:78px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}