/* Real-poster art direction: preserve portrait composition instead of stretching to banner proportions. */
.mood-stage{position:relative}.mood-stage:before{content:"";position:absolute;inset:5% 0 15% 25%;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,#84365220,transparent 65%)}
.feature-deck{gap:18px;min-height:580px}.feature-card,.feature-card:nth-child(2),.feature-card:nth-child(3){height:auto;filter:drop-shadow(0 18px 25px #0005)}.feature-card:nth-child(2){translate:0 -12px}.feature-card>a{height:auto;border-radius:12px;background:#211b23}.feature-art{position:relative;aspect-ratio:2/3;overflow:hidden}.feature-image{height:100%;width:100%;object-fit:cover;object-position:center}.feature-caption{position:relative;inset:auto;margin:0;padding:17px 15px 18px;backdrop-filter:none;background:linear-gradient(140deg,#30232c,#1b1720);min-height:135px}.feature-caption>span{font-size:11px}.feature-title,.feature-card:nth-child(2) .feature-title{position:static;text-align:left;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:21px;letter-spacing:0;line-height:1.5;font-weight:600;margin:8px 0 4px;text-shadow:none}.feature-caption p{color:#cbbec8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.7;margin:0}.feature-play{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#fff;opacity:0;transition:opacity .25s;background:linear-gradient(transparent,#0005)}.feature-card a:hover .feature-play,.feature-card a:focus-visible .feature-play{opacity:1}.feature-card a:hover .feature-image{transform:none}
.slow-shelf{grid-template-columns:225px 1fr}.landscape-card>a{display:grid;grid-template-columns:36% 1fr;aspect-ratio:auto;min-height:225px;background:linear-gradient(125deg,#29242d,#19151d);border:1px solid #ffffff12}.landscape-card img{aspect-ratio:2/3;object-fit:cover;height:100%;max-height:270px}.landscape-card a>div{position:static;align-self:center;min-width:0;padding:22px;text-shadow:none}.landscape-card h3{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:24px;letter-spacing:0;line-height:1.5}.landscape-card p{font-size:12px;color:var(--muted);display:block}.landscape-card .eyebrow{font-size:10px;color:var(--pink);letter-spacing:1px}.landscape-synopsis{font-size:12px;line-height:1.8;color:#bcafbb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:13px}.landscape-card a:hover>img{transform:none}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 14px}.section-heading h2{font-size:30px;letter-spacing:.5px;margin:0}.section-heading .eyebrow{font-size:10px;letter-spacing:3px;color:var(--pink);margin:0 0 10px}.section-note{color:var(--muted);font-size:13px;margin:0 0 26px;line-height:1.8}.ranking-section,.shelf{padding:40px 0;border-top:1px solid var(--line)}.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.rank-column>h3{font-size:20px;margin:0 0 8px}.rank-column>h3>span{font-family:Georgia,serif;font-style:italic;color:var(--pink);margin-right:12px;font-weight:400}.rank-column>p{font-size:11px;color:var(--muted);margin:0 0 15px}.rank-column ol{list-style:none;margin:0;padding:0;counter-reset:rank}.rank-column li{counter-increment:rank;border-bottom:1px solid #ffffff0c}.rank-column li>a{display:flex;align-items:center;gap:13px;min-height:100px;padding:13px 0}.rank-number{font-family:Georgia,serif;font-style:italic;font-size:27px;color:#8c7b8a;width:30px;flex-shrink:0}.rank-number:before{content:counter(rank,decimal-leading-zero)}.rank-column li:first-child .rank-number{color:var(--pink)}.rank-column img{width:46px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0}.rank-column li div{min-width:0}.rank-column li h3{font-size:15px;line-height:1.5;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-column li p{font-size:11px;color:var(--muted);margin:0}.rank-arrow{margin-left:auto;color:#a18d9c;font-size:18px}.rank-column a:hover h3{color:var(--pink)}.ranking-method{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding:24px 0}.drama-card .poster{aspect-ratio:2/3}.drama-card h3{line-height:1.5}.drama-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 32px}.genre-links a{border:1px solid var(--line);border-radius:30px;padding:10px 20px;font-size:13px}.genre-links a:hover{background:#ff7faa18;border-color:var(--pink)}.detail-facts{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px;line-height:1.8}.synopsis{max-width:850px;line-height:2}.synopsis-heading{margin:28px 0 8px;font-size:18px}.site-header{gap:40px}.site-header nav{gap:26px}
@media(min-width:1700px){.feature-deck{min-height:650px}}
@media(max-width:1200px){.feature-deck{min-height:510px;gap:12px}.feature-caption{padding:13px 12px;min-height:125px}.feature-title,.feature-card:nth-child(2) .feature-title{font-size:18px}.slow-shelf{grid-template-columns:180px 1fr}.landscape-card>a{min-height:200px}.landscape-card a>div{padding:15px}.landscape-card h3{font-size:20px}.landscape-synopsis{-webkit-line-clamp:2}.site-header{gap:26px}.site-header nav{gap:20px}.ranking-grid{gap:24px}}
@media(max-width:900px){.feature-deck{min-height:0;padding-top:16px}.slow-shelf{grid-template-columns:1fr}.ranking-grid{grid-template-columns:1fr}.rank-column ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.rank-column li:last-child{display:none}.site-header nav{gap:22px}}
@media(max-width:600px){.feature-deck{padding:0 3px 16px;gap:16px}.feature-card,.feature-card:nth-child(2),.feature-card:nth-child(3){height:auto;flex-basis:78%;translate:none}.feature-card>a{height:100%}.feature-caption{min-height:124px;padding:16px}.feature-title,.feature-card:nth-child(2) .feature-title{font-size:22px}.feature-caption p{font-size:12px}.landscape-card>a{grid-template-columns:34% 1fr;min-height:205px}.landscape-card img{max-height:220px}.landscape-card a>div{padding:17px}.landscape-card h3{font-size:23px}.landscape-synopsis{-webkit-line-clamp:3}.section-heading h2{font-size:25px}.section-heading>a{font-size:12px;white-space:nowrap}.ranking-section,.shelf{padding:30px 0}.rank-column ol{display:block}.rank-column li:last-child{display:block}.ranking-grid{gap:30px}.rank-column li>a{min-height:94px}.site-header nav{gap:16px;font-size:12px}.brand-type{font-size:18px}.brand-mark{width:29px;height:29px}.site-header{gap:17px 12px}.genre-links{gap:8px}.genre-links a{padding:9px 14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.feature-image,.feature-play{transition:none}.feature-card{transform:none;translate:none}}
.motion-toggle{display:block;margin:16px auto 0;background:transparent;border:1px solid var(--line);border-radius:20px;padding:8px 16px;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.motion-toggle:hover{color:var(--pink);border-color:var(--pink)}.feature-card>a{transform-style:preserve-3d}