:root{--yellow:#ffc400;--yellow2:#ffad00;--ink:#16181d;--muted:#737780;--soft:#f6f7f9;--line:#e9ebef;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.icon{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.top{height:72px;display:flex;align-items:center;gap:22px;padding:0 max(3vw,22px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffd;backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:8px;flex:none}.brand img{width:44px;height:42px}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:21px;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:2px;margin-top:5px}.top nav{display:flex;align-items:stretch;height:100%;gap:22px;margin-left:14px;flex:1}.top nav a{position:relative;display:flex;align-items:center;font-size:14px;white-space:nowrap}.top nav a:hover,.top nav .active{font-weight:700}.top nav .active:after{content:"";height:3px;background:var(--yellow);position:absolute;left:25%;right:25%;bottom:0;border-radius:3px}.search{display:flex;align-items:center;background:var(--soft);border-radius:22px;padding:0 13px;color:#92969e}.search input{width:185px;border:0;outline:0;background:transparent;padding:10px 6px}.round-btn{border:0;background:transparent;padding:7px;font-size:19px;cursor:pointer}.container{width:min(1200px,94vw);margin:auto;min-height:78vh}.hero-banner{height:420px;margin:22px 0 20px;border-radius:16px;overflow:hidden;position:relative;background:#17191d;color:#fff}.hero-bg{position:absolute;inset:-45%;width:190%;height:190%;object-fit:cover;filter:blur(28px) saturate(1.25);opacity:.46}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101217 4%,#17191de8 38%,#17191d5c 76%,#17191dc9)}.hero-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:54%;z-index:2}.hero-kicker{color:var(--yellow);font-size:13px;font-weight:700;letter-spacing:2px}.hero-copy h1{font-size:46px;line-height:1.1;margin:16px 0 12px}.hero-copy p{color:#d2d4d9;line-height:1.8;max-height:3.6em;overflow:hidden;margin:18px 0 24px}.hero-meta{display:flex;align-items:center;gap:12px;font-size:13px}.hero-meta strong{font-size:26px;color:var(--yellow)}.hero-meta span{border-right:1px solid #ffffff3d;padding-right:12px}.hero-poster{position:absolute;right:8%;top:7%;height:86%;width:auto;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 20px 45px #0008;transform:rotate(2deg)}.primary,.ghost,.collect-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:12px 20px;font-weight:700;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#16181d;box-shadow:0 8px 24px #ffbd0038}.primary .icon{fill:currentColor}.ghost{margin-left:8px;background:#ffffff16;color:#fff;border:1px solid #ffffff30}.quick-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 34px}.quick-nav a{min-height:94px;background:var(--soft);border:1px solid transparent;border-radius:12px;padding:14px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;column-gap:12px;align-items:center;transition:.2s}.quick-nav a:hover{background:#fff;border-color:var(--line);box-shadow:0 8px 24px #1c24300c;transform:translateY(-2px)}.quick-nav a>span{grid-row:1/3;width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.quick-nav .icon{width:25px;height:25px}.quick-nav b{align-self:end;font-size:15px}.quick-nav small{align-self:start;color:var(--muted);margin-top:4px}.q-blue{background:#e5f4ff;color:#278ee5}.q-green{background:#e5f9f0;color:#20a77d}.q-purple{background:#f2eaff;color:#8758d6}.q-orange{background:#fff1de;color:#ed9a24}.q-sky{background:#e6f6ff;color:#37a2df}.q-red{background:#ffe7eb;color:#e85a70}.section-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 17px}.section-title>div{display:flex;align-items:center;gap:9px}.section-title i{display:block;width:4px;height:20px;border-radius:4px;background:var(--yellow)}.section-title h2{font-size:21px;margin:0}.section-title>a{font-size:13px;color:var(--muted);display:flex;align-items:center}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px 14px}.card{min-width:0}.cover{position:relative;overflow:hidden;border-radius:9px;background:var(--soft);aspect-ratio:2/3}.cover>img{width:100%;height:100%;object-fit:cover;transition:.3s}.card:hover .cover>img{transform:scale(1.05)}.card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:9px 0 4px;font-size:15px}.card p{margin:0;color:#9699a0;font-size:11px;display:flex;justify-content:space-between;gap:6px}.card p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card em{color:#d69500;font-size:14px;font-style:normal;font-weight:700}.remark{position:absolute;right:5px;top:5px;background:#ee4c3d;color:#fff;padding:3px 6px;border-radius:4px;font-size:10px}.play-hover{position:absolute;inset:0;display:grid;place-items:center;background:#0000;opacity:0;transition:.2s}.play-hover .icon{width:44px;height:44px;padding:12px;border-radius:50%;fill:var(--ink);stroke:var(--ink);background:var(--yellow)}.card:hover .play-hover{opacity:1;background:#0004}.list-head{padding:28px 0 20px}.list-head>p,.crumb{color:#999da5;font-size:13px}.list-head h1{font-size:28px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:18px}.filters span{font-weight:700;margin-right:12px}.filters a{padding:7px 15px;border-radius:18px;font-size:13px}.filters a:hover,.filters .on{background:var(--yellow)}.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:40px}.pager a,.pager span{border:1px solid var(--line);padding:9px 15px;border-radius:6px}.pager span{background:var(--yellow);border-color:var(--yellow)}.crumb{margin:25px 0 16px}.crumb b{padding:0 7px}.detail{display:grid;grid-template-columns:225px 1fr;gap:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.poster-wrap{position:relative}.poster{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.poster-wrap>span{position:absolute;top:8px;right:8px;background:#ed4e3e;color:#fff;font-size:11px;padding:4px 7px;border-radius:4px}.detail-info h1{font-size:32px;margin:3px 0 12px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{font-size:12px;background:var(--soft);padding:5px 9px;border-radius:4px}.rating{display:flex;align-items:center;gap:8px;margin:18px 0}.rating strong{font-size:28px;color:#e7a000}.rating span{color:var(--yellow);letter-spacing:2px}.rating small{color:var(--muted)}dl{display:grid;grid-template-columns:40px 1fr;gap:11px;margin:18px 0 24px;font-size:14px}dt{color:var(--muted)}dd{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collect-btn{background:var(--soft);margin-left:8px;color:#454850}.summary-panel{border-bottom:1px solid var(--line);padding:12px 0 5px}.summary-panel h2{font-size:20px}.summary-panel p{line-height:1.9;color:#62666f;white-space:pre-line}.source-label{font-size:12px;color:var(--muted)}.episodes{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}.episodes a{min-width:66px;text-align:center;background:var(--soft);border:1px solid var(--line);padding:9px 13px;border-radius:6px;font-size:13px}.episodes a:hover,.episodes a:focus{background:var(--yellow);border-color:var(--yellow);outline:0}.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.related-grid a{display:flex;min-width:0;overflow:hidden;flex-direction:column;gap:6px}.related-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:8px}.related-grid b{display:block;width:100%;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-grid small{color:var(--muted)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;background:#111318;color:#fff}.player{aspect-ratio:16/9;background:#000}.player iframe{width:100%;height:100%;border:0}.play-title{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.play-title h1{font-size:18px;margin:0}.play-title p{color:#999da6;margin:5px 0 0;font-size:12px}.episode-side{padding:18px;background:#191c22}.episode-side h2{margin:0}.episode-side>p{color:#8d919a;font-size:12px}.episode-side .episodes{max-height:460px;overflow:auto}.episode-side .episodes a{color:#d9dbe0;background:#242830;border-color:#2e323b}.empty{padding:45px;color:var(--muted)}footer{text-align:center;padding:50px 20px;margin-top:60px;border-top:1px solid var(--line);color:var(--muted)}footer img{width:45px}footer p{margin:8px 0}footer small{font-size:11px}
@media(max-width:980px){.top nav{display:none}.search{margin-left:auto}.grid{grid-template-columns:repeat(4,1fr)}.quick-nav{grid-template-columns:repeat(3,1fr)}.hero-copy{width:62%}.play-layout{grid-template-columns:1fr}.episode-side{display:block}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.top{height:auto;min-height:64px;padding:9px 3vw;gap:9px;flex-wrap:wrap}.brand img{width:37px}.brand b{font-size:18px}.search{order:3;width:100%}.search input{width:100%}.round-btn{display:none}.container{width:94vw}.hero-banner{height:285px;margin-top:12px}.hero-copy{left:6%;width:82%}.hero-copy h1{font-size:30px}.hero-copy p{font-size:13px}.hero-poster{display:none}.hero-meta span:nth-last-child(-n+2){display:none}.quick-nav{grid-template-columns:repeat(3,1fr);gap:8px}.quick-nav a{display:flex;flex-direction:column;padding:10px;min-height:100px;text-align:center}.quick-nav a>span{width:40px;height:40px}.quick-nav small{font-size:10px}.grid{grid-template-columns:repeat(3,1fr);gap:19px 9px}.card h3{font-size:13px}.detail{grid-template-columns:112px 1fr;gap:15px}.detail-info h1{font-size:23px}.detail-info dl{display:none}.rating{margin:12px 0}.rating small{display:none}.summary-panel{clear:both}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-layout{margin:0 -3vw}.episode-side{padding:14px}.ghost{display:none}}
@media(min-width:1600px){.container{width:min(1500px,92vw)}.top{height:84px;padding:0 4vw}.top nav a{font-size:17px}.brand b{font-size:25px}.hero-banner{height:520px}.hero-copy h1{font-size:58px}.hero-copy p{font-size:18px}.grid{gap:30px 20px}.card h3{font-size:18px}.quick-nav a{min-height:115px}.section-title h2{font-size:26px}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}}

/* Denser catalogue layout reduces the visual impact of inconsistent source
   artwork while keeping titles readable at common desktop widths. */
.grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.rank-number{position:absolute;left:7px;bottom:7px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#ffd435,#ffad00);color:#17191d;font-size:16px;font-style:italic;font-weight:900;box-shadow:0 5px 16px #0006}
.rank-grid .card:nth-child(n+4) .rank-number{background:#17191ddd;color:#fff;border:1px solid #ffffff40}
@media(max-width:1200px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-number{width:25px;height:25px;font-size:13px}}

/* carousel, local library and commercial playback refinements */
.carousel{height:420px;margin:22px 0 20px;position:relative;border-radius:16px;overflow:hidden;background:#17191d}.carousel .hero-banner{position:absolute;inset:0;height:100%;margin:0;border-radius:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.carousel .hero-banner.active{opacity:1;pointer-events:auto}.carousel-prev,.carousel-next{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:38px;height:54px;border:0;border-radius:8px;background:#0007;color:#fff;font-size:30px;cursor:pointer}.carousel-prev{left:14px}.carousel-next{right:14px}.carousel-dots{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:#ffffff70}.carousel-dots button.active{width:24px;background:var(--yellow)}
.local-panel{display:none;position:fixed;right:24px;top:68px;z-index:30;width:min(380px,92vw);max-height:66vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 60px #10151d2c;padding:16px}.local-panel.open{display:block}.local-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.local-panel h3{margin:0 0 12px}.local-panel button{border:0;background:none;color:var(--muted);cursor:pointer}.local-item{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.local-item img{width:50px;height:65px;object-fit:cover;border-radius:5px}.local-item b,.local-item small{display:block}.local-item small{color:var(--muted);margin-top:5px}.local-item>a:last-child{color:#b17a00;font-size:13px}
.filter-box{border-top:1px solid var(--line);padding:12px 0}.filter-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;padding:6px 0}.filter-row b{width:48px;padding:7px 0;font-size:13px}.filter-row a{padding:7px 13px;border-radius:18px;font-size:13px;color:#666a72}.filter-row a:hover,.filter-row a.on{background:var(--yellow);color:#16181d;font-weight:700}
.now-playing{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1d23;color:#fff}.now-playing b,.now-playing span{display:block}.now-playing b{font-size:18px}.now-playing span{color:#aeb2ba;font-size:13px;margin-top:4px}.now-playing label{display:flex;align-items:center;gap:9px;font-size:12px;color:#aeb2ba}.now-playing select{min-width:150px;appearance:none;border:1px solid #3b404a;color:#fff;background:#272b33 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23ffc400' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border-radius:7px;padding:9px 34px 9px 12px;outline:0}.play-actions{display:flex;justify-content:flex-end;align-items:center;padding:10px 14px;background:#17191d}.play-actions .collect-btn{color:#ddd;background:#262a32}.next-episode{margin-left:10px;background:var(--yellow);color:#16181d;border-radius:7px;padding:10px 15px;font-size:13px;font-weight:700}.episode-side{min-width:0}.episode-side .episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:515px;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:#535966 transparent}.episode-side .episodes::-webkit-scrollbar{width:5px}.episode-side .episodes::-webkit-scrollbar-track{background:transparent}.episode-side .episodes::-webkit-scrollbar-thumb{background:#535966;border-radius:5px}.episode-side .episodes a{min-width:0;padding:9px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-side .episodes a.playing{background:var(--yellow);border-color:var(--yellow);color:#16181d;font-weight:700}.related-grid img{aspect-ratio:2/3;object-position:center}.short-player{grid-template-columns:minmax(360px,560px) 300px;justify-content:center;padding:22px}.short-player .player{aspect-ratio:9/16;max-height:76vh;margin:auto}.short-player .play-main{width:min(100%,560px)}footer p{max-width:900px;margin:10px auto;line-height:1.7}.footer-email{display:block;width:max-content;max-width:100%;margin:9px auto;color:#b17a00;font-size:13px}.footer-email:hover{color:#d59600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.carousel{height:380px}.short-player{grid-template-columns:minmax(300px,520px) 260px}.episode-side .episodes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.carousel{height:285px;margin-top:12px}.local-panel{right:4vw;top:62px}.now-playing{align-items:flex-start;gap:10px}.now-playing label{flex-direction:column;align-items:flex-end}.now-playing select{min-width:128px}.play-layout.short-player{display:block;padding:0}.short-player .player{max-height:none}.episode-side .episodes{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Playback pages */
.top{height:64px}
.play-crumb{margin:14px 0 10px}
.regular-play{display:grid;grid-template-columns:minmax(0,1fr) 285px;background:#111318;color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #10141b1a}
.regular-play .player{height:min(60vh,590px);min-height:340px;aspect-ratio:auto}
.player{position:relative}.player-assist{position:absolute;left:50%;bottom:16px;z-index:5;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);padding:8px 9px 8px 13px;border:1px solid #ffffff24;border-radius:10px;background:#16191eea;color:#f2f3f5;box-shadow:0 8px 28px #0007;font-size:13px;white-space:nowrap;backdrop-filter:blur(10px)}.player-assist[hidden]{display:none}.player-assist button{border:0;border-radius:7px;background:var(--yellow);color:#15171b;padding:7px 11px;font-size:13px;font-weight:700;cursor:pointer}.player-assist .player-assist-close{background:transparent;color:#b8bcc4;padding:4px 6px;font-size:19px;line-height:1}
.regular-play .episode-side{max-height:calc(min(60vh,590px) + 112px);overflow:hidden}
.regular-play .episode-side .episodes{max-height:calc(min(60vh,590px) + 35px)}
.play-story{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:25px 4px;border-bottom:1px solid var(--line)}
.play-story>div:first-child{border-right:1px solid var(--line);padding-right:24px}
.play-story span{font-size:12px;color:#969aa3}
.play-story h1{font-size:20px;line-height:1.4;margin:7px 0 0}
.play-story h2{font-size:18px;margin:0 0 9px}
.play-story p{margin:0;color:#666b74;line-height:1.85;white-space:pre-line}

/* Immersive short-drama stage */
.short-stage{position:relative;width:100vw;height:calc(100dvh - 64px);min-height:610px;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:minmax(170px,240px) minmax(330px,520px) minmax(220px,300px);justify-content:center;gap:0;overflow:hidden;background:#11151c;color:#fff;isolation:isolate}
.short-backdrop{position:absolute;inset:-55px;z-index:-2;overflow:hidden;background:#11151c}
.short-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(54px) brightness(.28) saturate(.9);transform:scale(1.13);opacity:.9}
.short-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b10b8 0%,#12151a78 35%,#12151a78 65%,#090b10c7 100%)}
.short-recommend,.short-meta{min-width:0;height:100%;background:#101319b8;backdrop-filter:blur(22px);overflow:hidden}
.short-recommend{border-right:1px solid #ffffff12;transition:width .25s,opacity .25s}
.short-panel-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #ffffff12}
.short-home{display:flex;align-items:center;gap:8px;min-width:0}.short-home img{width:35px;height:35px}.short-home b{white-space:nowrap}
.short-panel-head button{width:32px;height:32px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0e;color:#fff;font-size:24px;cursor:pointer;transition:transform .25s}
.short-recommend-body{padding:14px;height:calc(100% - 70px);overflow:auto;scrollbar-width:none}.short-recommend-body::-webkit-scrollbar{display:none}
.short-recommend-body h2{font-size:15px;margin:2px 0 13px}
.short-recommend-list{display:grid;gap:10px}.short-recommend-list>a{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:7px;border-radius:9px;background:#ffffff09;transition:.2s}.short-recommend-list>a:hover{background:#ffffff16}.short-recommend-list img{width:54px;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.short-recommend-list span,.short-recommend-list b,.short-recommend-list small{display:block;min-width:0}.short-recommend-list b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.short-recommend-list small{font-size:11px;color:#a8adb6;margin-top:7px}
.short-stage.recommend-collapsed{grid-template-columns:66px minmax(330px,520px) minmax(220px,300px)}
.short-stage.recommend-collapsed .short-recommend-body,.short-stage.recommend-collapsed .short-home b{display:none}
.short-stage.recommend-collapsed .short-panel-head{height:100%;padding:12px 0;flex-direction:column;justify-content:flex-start;gap:18px}
.short-stage.recommend-collapsed .short-panel-head button{transform:rotate(180deg)}
.short-center{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;background:#050607;box-shadow:0 0 48px #000a;position:relative}
.short-center .short-video-title{position:absolute;top:0;left:0;right:0;z-index:2;padding:17px 18px 34px;background:linear-gradient(#000a,transparent);pointer-events:none;text-shadow:0 2px 8px #000}.short-video-title b,.short-video-title span{display:block}.short-video-title b{font-size:16px}.short-video-title span{font-size:12px;color:#d0d3da;margin-top:5px}
.short-center .player{height:calc(100% - 58px);width:100%;max-width:calc((100dvh - 122px) * .5625);aspect-ratio:9/16;background:#000}
.short-center .play-actions{height:58px;width:100%;padding:8px 13px;background:#0b0d11;justify-content:space-between}
.short-center .play-actions .collect-btn{margin:0;background:#ffffff10}.short-center .next-episode{margin-left:auto}
.short-meta{border-left:1px solid #ffffff12;padding:16px}
.short-line{padding-bottom:14px;border-bottom:1px solid #ffffff12}.short-line label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aeb2ba;font-size:12px}.short-line select{min-width:130px;max-width:175px;appearance:none;border:1px solid #ffffff20;color:#fff;background:#ffffff0d;border-radius:7px;padding:9px 12px;outline:0}
.short-tabs{display:grid;grid-template-columns:1fr 1fr;margin:12px 0;border-bottom:1px solid #ffffff12}.short-tabs button{position:relative;border:0;background:transparent;color:#8f949d;padding:11px;cursor:pointer}.short-tabs button.active{color:#fff;font-weight:700}.short-tabs button.active:after{content:"";position:absolute;left:30%;right:30%;bottom:-1px;height:2px;background:var(--yellow)}
.short-tab-panel{display:none;height:calc(100% - 108px);overflow:auto;scrollbar-width:thin;scrollbar-color:#565b64 transparent}.short-tab-panel.active{display:block}.short-tab-panel>p{color:#969ba5;font-size:12px}.short-tab-panel .episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.short-tab-panel .episodes a{min-width:0;color:#ddd;background:#ffffff0b;border-color:#ffffff12;padding:9px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-tab-panel .episodes a.playing{background:var(--yellow);border-color:var(--yellow);color:#15171b;font-weight:700}.short-tab-panel h1{font-size:20px}.short-tab-panel>p{line-height:1.8;white-space:pre-line}.short-tab-panel dl{grid-template-columns:38px 1fr;font-size:12px}.short-tab-panel dt{color:#8f949e}.short-tab-panel dd{color:#d5d7dc}

@media(max-width:980px) and (min-width:721px){.regular-play{grid-template-columns:minmax(0,1fr) 250px}.regular-play .player{min-height:300px}.short-stage{grid-template-columns:minmax(150px,185px) minmax(320px,1fr) minmax(205px,235px)}.short-stage.recommend-collapsed{grid-template-columns:62px minmax(320px,1fr) minmax(205px,235px)}.short-recommend-list>a{grid-template-columns:44px minmax(0,1fr)}.short-recommend-list img{width:44px}}
@media(max-width:720px){.play-crumb{margin:11px 0 8px}.regular-play{margin:0 -3vw;display:block;border-radius:0}.regular-play .player{height:auto;min-height:0;aspect-ratio:16/9}.regular-play .episode-side{max-height:none}.regular-play .episode-side .episodes{max-height:250px}.play-story{grid-template-columns:1fr;gap:16px;padding:20px 0}.play-story>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}.short-stage{width:100vw;height:auto;min-height:0;margin-left:calc(50% - 50vw);display:flex;flex-direction:column}.short-backdrop{position:fixed}.short-center{order:1;height:auto;padding-top:0}.short-center .player{height:calc(100dvh - 180px);min-height:480px;max-height:760px;width:min(100%,calc((100dvh - 180px) * .5625));max-width:100%;aspect-ratio:9/16}.short-center .play-actions{height:56px}.short-recommend{order:3;width:100%;height:auto;border:0;border-top:1px solid #ffffff12}.short-panel-head{height:56px}.short-panel-head button{transform:rotate(-90deg)}.short-recommend-body{height:auto;max-height:310px}.short-recommend-list{display:flex;overflow-x:auto}.short-recommend-list>a{min-width:155px}.short-stage.recommend-collapsed .short-recommend{height:56px}.short-stage.recommend-collapsed .short-panel-head{height:56px;padding:0 14px;flex-direction:row;justify-content:space-between}.short-stage.recommend-collapsed .short-panel-head button{transform:rotate(90deg)}.short-meta{order:2;width:100%;height:auto;min-height:260px;border:0;border-top:1px solid #ffffff12}.short-tab-panel{height:auto;max-height:310px}.short-tab-panel .episodes{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:480px){.short-center .player{height:calc(100dvh - 175px);min-height:420px}.short-video-title{padding-left:12px}.short-meta{padding:13px}.short-tab-panel .episodes{grid-template-columns:repeat(4,minmax(0,1fr))}}
body{overflow-x:hidden}
@media(max-width:720px){.short-page .top{height:64px;min-height:64px;flex-wrap:nowrap;padding:7px 3vw}.short-page .brand span{display:none}.short-page .search{order:0;width:auto;min-width:0;flex:1;margin-left:auto}.short-page .search input{min-width:0}.short-page .short-center .player{height:calc(100dvh - 120px);min-height:500px;max-height:780px}}

/* Short-drama controls */
.short-panel-head button{display:grid;place-items:center;padding:0}.short-panel-head button .icon{width:18px;height:18px}
.short-search{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #ffffff18;background:#ffffff0b;border-radius:9px;padding:5px 5px 5px 9px;margin-bottom:14px}.short-search .icon{color:#8f949d}.short-search input{min-width:0;border:0;background:transparent;color:#fff;outline:0;padding:7px 0}.short-search input::placeholder{color:#7f848d}.short-search button{border:0;border-radius:6px;background:var(--yellow);color:#17191d;padding:7px 9px;font-size:11px;font-weight:700;cursor:pointer}.short-search-status{color:#9da2ab;font-size:12px;margin:8px 2px 13px}
.short-recommend-list>a{grid-template-columns:54px minmax(0,1fr) 20px}.short-list-play{width:18px;height:18px;color:var(--yellow);fill:var(--yellow);opacity:.75}.short-recommend-list>a:hover .short-list-play{opacity:1}
.short-meta{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#565b64 transparent}
.short-center.no-next .player{height:100%;max-width:calc((100dvh - 64px) * .5625)}
.short-meta-tools{display:flex;align-items:center;padding:12px 0 10px;border-bottom:1px solid #ffffff12}.short-meta-tools .short-favorite{margin:0;padding:8px 12px;border:1px solid #ffffff16;background:#ffffff0b;color:#d8dbe1;border-radius:7px;font-size:12px;font-weight:600}.short-meta-tools .short-favorite:hover,.short-meta-tools .short-favorite.active{border-color:#ffc40066;background:#ffc40018;color:var(--yellow)}.short-meta-tools .short-favorite .icon{width:15px;height:15px}
.short-accordion{border-bottom:1px solid #ffffff12}.short-accordion-head,.short-section-head{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px 2px;border:0;background:transparent;color:#fff}.short-accordion-head{cursor:pointer}.short-accordion-head span,.short-section-head span{display:flex;align-items:baseline;gap:8px}.short-accordion-head b,.short-section-head b{font-size:16px}.short-accordion-head small,.short-section-head small{max-width:130px;color:#858a93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.short-accordion-head>.icon{transition:transform .22s}.short-accordion.intro-open .short-accordion-head>.icon{transform:rotate(180deg)}
.short-intro{display:none;padding:0 2px 13px}.short-accordion.intro-open .short-intro{display:block}.short-intro>p{max-height:10.5em;overflow:auto;margin:0;color:#b1b5bd;font-size:12px;line-height:1.75;white-space:pre-line}.short-intro dl{grid-template-columns:38px minmax(0,1fr);font-size:12px;margin:13px 0 0;gap:7px}.short-intro dt{color:#858a93}.short-intro dd{color:#d5d7dc}
.short-episodes{min-height:0}.short-section-head{padding-bottom:12px}.short-episodes .episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.short-episodes .episodes a{min-width:0;color:#ddd;background:#ffffff0b;border-color:#ffffff12;padding:9px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-episodes .episodes a.playing{background:var(--yellow);border-color:var(--yellow);color:#15171b;font-weight:700}
@media(max-width:980px) and (min-width:721px){.short-recommend-list>a{grid-template-columns:44px minmax(0,1fr) 17px}.short-search{grid-template-columns:18px minmax(0,1fr)}.short-search button{display:none}}
@media(max-width:720px){.short-search{margin-top:2px}.short-meta{overflow:visible}.short-intro>p{max-height:none}.short-episodes .episodes{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){.short-center.no-next .player{height:calc(100dvh - 64px);min-height:500px;max-height:780px}.short-meta-tools{padding:10px 0 8px}}
.top{position:relative;top:auto;background:#fff;backdrop-filter:none}

/* Installable app UI */
.nav-install{width:100%;display:flex;align-items:center;gap:11px;margin-top:12px;padding:11px 12px;border:1px solid #ffc40070;border-radius:11px;background:#ffc40014;color:var(--ink);text-align:left;cursor:pointer}.nav-install>.icon{flex:none;width:22px;height:22px;color:#d89900}.nav-install span,.nav-install b,.nav-install small{display:block}.nav-install b{font-size:14px}.nav-install small{margin-top:3px;color:var(--muted);font-size:11px}
.install-nudge{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:80;transform:translateX(-50%);display:grid;grid-template-columns:42px minmax(0,1fr) auto 30px;align-items:center;gap:10px;width:min(520px,calc(100vw - 24px));padding:10px 10px 10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);color:var(--ink);box-shadow:0 18px 60px var(--shadow)}.install-nudge>img{width:42px;height:38px}.install-nudge span,.install-nudge b,.install-nudge small{display:block;min-width:0}.install-nudge b{font-size:14px}.install-nudge small{margin-top:3px;color:var(--muted);font-size:11px}.install-primary{border:0;border-radius:8px;background:var(--yellow);color:#16181d;padding:9px 13px;font-weight:700;cursor:pointer}.install-dismiss,.install-guide-close{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}
.install-guide-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#05070b9c;backdrop-filter:blur(6px)}.install-guide{position:relative;width:min(380px,100%);padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface-raised);color:var(--ink);box-shadow:0 24px 80px #0007;text-align:center}.install-guide>img{width:76px;height:76px;border-radius:18px}.install-guide h2{margin:14px 0 10px;font-size:20px}.install-guide p{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--muted);line-height:1.7;text-align:left}.install-guide p .icon{flex:none;width:22px;height:22px;color:#d89900}.install-guide-close{position:absolute;right:13px;top:12px}.install-guide .primary{position:static;width:100%;transform:none}
[hidden]{display:none!important}

@media(max-width:720px){
  .short-recommend-body{max-height:none;overflow:visible;padding-bottom:16px}
  .short-recommend-list{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:10px;padding:0 0 2px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
  .short-recommend-list::-webkit-scrollbar{display:none;width:0;height:0}
  .short-recommend-list>a{flex:0 0 min(44vw,170px);min-width:0;scroll-snap-align:start;grid-template-columns:48px minmax(0,1fr) 16px;padding:7px}
  .short-recommend-list img{width:48px}
}
@media(max-width:430px){.install-nudge{grid-template-columns:36px minmax(0,1fr) auto 25px;gap:7px}.install-nudge>img{width:36px;height:34px}.install-nudge small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-primary{padding:8px 10px}}

/* Older installed Chrome apps may keep window-controls-overlay until the
   refreshed manifest is applied. Keep macOS traffic-light controls clear of
   the brand during that transition. */
@media(display-mode:window-controls-overlay){.top{padding-left:max(92px,env(titlebar-area-x,92px))}}

/* Keep regular-play actions inside the episode rail so the video remains one
   uninterrupted black canvas. */
.regular-play .play-main{min-width:0}
.regular-play .episode-side{display:flex;flex-direction:column;max-height:none;overflow:hidden}
.regular-play .episode-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.regular-play .episode-side-head h2{margin:0}.regular-play .episode-side-head p{margin:8px 0 0;color:#8d919a;font-size:12px}.regular-play .episode-side-head .collect-btn{flex:none;margin:0;padding:8px 10px;border:1px solid #343a45;background:#242830;color:#d9dce2;font-size:12px}.regular-play .episode-side-head .collect-btn:hover{border-color:#ffc40070;color:#fff}
.regular-play .episode-side .episodes{flex:1;min-height:0;max-height:none;margin-bottom:14px;align-content:start;grid-auto-rows:max-content}
.regular-play .episode-side .play-actions{flex:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin:auto -18px -18px;padding:13px 18px;border-top:1px solid #2b3039;background:#15181e}
.regular-play .episode-side .play-actions .previous-episode,.regular-play .episode-side .play-actions .next-episode{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:10px 8px;border-radius:7px;white-space:nowrap;font-size:13px;font-weight:700}
.regular-play .episode-side .play-actions .previous-episode{border:1px solid #343a45;background:#242830;color:#d5d8de}
.regular-play .episode-side .play-actions .next-episode{border:1px solid var(--yellow);background:var(--yellow);color:#16181d}
.regular-play .episode-side .play-actions .disabled{border-color:#292e37;background:#20242b;color:#686e78;cursor:not-allowed;pointer-events:none}
@media(max-width:980px) and (min-width:721px){.regular-play .episode-side .play-actions{padding-left:12px;padding-right:12px}}
@media(max-width:720px){.regular-play .episode-side{overflow:visible}.regular-play .episode-side .episodes{max-height:250px}.regular-play .episode-side .play-actions{position:sticky;bottom:0;z-index:3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:10px -14px -14px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0005}}

/* Mobile navigation and touch layout */
@media(max-width:600px){
  .top,.short-page .top{height:60px;min-height:60px;display:flex;flex-wrap:nowrap;gap:7px;padding:6px 10px;overflow:visible}
  .brand{gap:0}.brand img{width:36px;height:36px}.brand span{display:none}
  .search,.short-page .search{order:0;flex:1;width:auto;min-width:0;margin-left:2px;padding:0 10px;height:40px}
  .search input,.short-page .search input{width:100%;min-width:0;padding:9px 4px;font-size:14px}
  .round-btn{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:6px;font-size:18px}
  .local-panel{top:62px;right:10px;width:calc(100vw - 20px);max-height:72vh}
  .container{width:94vw}
  .carousel{margin-top:10px}
  .carousel-prev,.carousel-next{display:none}
  .list-head{padding-top:18px}.list-head h1{margin-bottom:14px}
  .filter-row{gap:4px}.filter-row b{width:44px}.filter-row a{padding:8px 11px;min-height:34px}
  .crumb{margin-top:14px}
  footer{margin-top:38px;padding:34px 16px}
  .short-page .short-center.no-next .player{height:calc(100dvh - 60px)}
}
@media(max-width:360px){.hero-copy h1{font-size:27px}.hero-copy{width:88%}}

.search-toggle,.search-close{display:grid;place-items:center;flex:none;width:24px;height:36px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.search-close{display:none}.search-toggle .icon,.search-close .icon{width:18px;height:18px}
@media(max-width:600px){
  .top,.short-page .top{padding:6px 10px;gap:7px}
  .brand,.short-page .brand{gap:6px}.brand img,.short-page .brand img{width:35px;height:35px}
  .brand span,.short-page .brand span{display:flex}.brand b,.short-page .brand b{font-size:17px;letter-spacing:-.5px}.brand small,.short-page .brand small{display:none}
  .search,.short-page .search{flex:0 0 38px;width:38px;height:38px;margin-left:auto;padding:0;justify-content:center;background:transparent;border:1px solid transparent;border-radius:20px;transition:background .18s,border-color .18s}
  .search input,.short-page .search input{display:none;width:100%;padding:8px 2px}
  .search-toggle{width:36px;height:36px;color:var(--ink)}
  .search.mobile-open,.short-page .search.mobile-open{flex:1;width:auto;justify-content:flex-start;padding:0 7px;background:var(--soft);border-color:var(--line)}
  .search.mobile-open input,.short-page .search.mobile-open input{display:block}
  .search.mobile-open .search-close,.short-page .search.mobile-open .search-close{display:grid}
  .top.searching .brand,.top.searching .round-btn{display:none}
  .quick-nav{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 28px}
  .quick-nav a{display:flex;min-height:86px;padding:11px 6px;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #eceef2;border-radius:13px;box-shadow:0 5px 18px #18202d09;text-align:center}
  .quick-nav a>span{flex:none;width:42px;height:42px;border-radius:12px}
  .quick-nav b{align-self:center;font-size:14px;line-height:1.2}
  .quick-nav small{display:none}
}
@media(max-width:480px){.short-episodes .episodes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1600px){.carousel{height:520px}}

/* Persistent light and dark appearance */
:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface-raised:#fff;--shadow:#10151d2c}
html[data-theme="dark"]{color-scheme:dark;--ink:#f2f4f7;--muted:#9da4af;--soft:#1a1e25;--line:#2a3039;--bg:#0f1115;--surface:#16191f;--surface-raised:#1d2129;--shadow:#0008}
body{background:var(--bg);transition:background-color .2s ease,color .2s ease}
.top{background:var(--bg);transition:background-color .2s ease,border-color .2s ease}
.search input{color:var(--ink)}
.theme-toggle .theme-icon-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-toggle .theme-icon-sun{display:block}
html[data-theme="dark"] .local-panel{background:var(--surface-raised);box-shadow:0 18px 60px var(--shadow)}
html[data-theme="dark"] .quick-nav a{background:var(--surface);border-color:var(--line);box-shadow:0 5px 18px #0003}
html[data-theme="dark"] .quick-nav a:hover{background:var(--surface-raised);border-color:#3a414d}
html[data-theme="dark"] .q-blue{background:#278ee526;color:#61b7ff}
html[data-theme="dark"] .q-green{background:#20a77d26;color:#4bd2a8}
html[data-theme="dark"] .q-purple{background:#8758d626;color:#ad84f2}
html[data-theme="dark"] .q-orange{background:#ed9a2426;color:#f5b85f}
html[data-theme="dark"] .q-sky{background:#37a2df26;color:#65c1f5}
html[data-theme="dark"] .q-red{background:#e85a7026;color:#ff8193}
html[data-theme="dark"] .filter-row a:not(.on):not(:hover){color:#aeb4be}
html[data-theme="dark"] .summary-panel p,html[data-theme="dark"] .play-story p{color:#b5bac3}
html[data-theme="dark"] .collect-btn{color:#d8dbe1}
html[data-theme="dark"] .card p,html[data-theme="dark"] .list-head>p,html[data-theme="dark"] .crumb{color:#a2a8b2}
html[data-theme="dark"] .cover{background:#181c22}
html[data-theme="dark"] footer{color:#9299a5}
@media(max-width:600px){html[data-theme="dark"] .quick-nav a{background:var(--surface)}}
@media(max-width:720px){
  .regular-play{margin-left:0;margin-right:0}
  .short-page .container{width:100%}
  .short-page .short-stage{width:100%;margin-left:0;margin-right:0}
}
.collect-btn.active{color:#e94155}
.collect-btn.active .icon{fill:#e94155;stroke:#e94155}
.short-meta-tools .short-favorite.active{border-color:#e9415570;background:#e9415516;color:#ff5d70}
.short-meta-tools .short-favorite.active .icon{fill:#ff5d70;stroke:#ff5d70}

/* Compact category navigation for tablets and phones */
.nav-toggle{display:none}
.nav-panel{display:none;position:fixed;top:66px;right:24px;z-index:35;width:min(430px,calc(100vw - 48px));padding:16px;background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 65px var(--shadow)}
.nav-panel.open{display:block;animation:nav-panel-in .16s ease-out}
@keyframes nav-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.nav-panel-head{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 13px;border-bottom:1px solid var(--line)}
.nav-panel-head>div{display:flex;flex-direction:column;gap:3px}.nav-panel-head b{font-size:16px}.nav-panel-head small{font-size:12px;color:var(--muted)}
.nav-panel-head button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--ink);cursor:pointer}.nav-panel-head button .icon{width:17px;height:17px}
.nav-panel nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:13px}
.nav-panel nav a{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:14px;font-weight:600;transition:background .16s,border-color .16s,transform .16s}
.nav-panel nav a:hover{background:var(--surface);border-color:#ffc40080;transform:translateY(-1px)}
.nav-panel nav a.active{background:var(--yellow);border-color:var(--yellow);color:#16181d}
.nav-panel nav .icon{width:19px;height:19px;color:#d59700}
.nav-panel nav a.active .icon{color:#16181d}
@media(max-width:980px){
  .nav-toggle{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;width:auto;min-width:60px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:19px;background:var(--soft);font-size:13px;font-weight:700}
  .nav-toggle .icon{width:17px;height:17px}
  .search,.short-page .search{order:0;flex:0 0 38px;width:38px;min-width:38px;height:38px;margin-left:auto;padding:0;justify-content:center;background:transparent;border:1px solid transparent;border-radius:20px;transition:background .18s,border-color .18s}
  .search input,.short-page .search input{display:none;width:100%;min-width:0;padding:8px 2px}
  .search-toggle{width:36px;height:36px;color:var(--ink)}
  .search.mobile-open,.short-page .search.mobile-open{flex:1;width:auto;min-width:0;justify-content:flex-start;padding:0 7px;background:var(--soft);border-color:var(--line)}
  .search.mobile-open input,.short-page .search.mobile-open input{display:block}
  .search.mobile-open .search-close,.short-page .search.mobile-open .search-close{display:grid}
  .top.searching .brand,.top.searching .round-btn{display:none}
}
@media(max-width:600px){.nav-panel{top:62px;left:10px;right:10px;width:auto;padding:14px}.nav-panel nav a{min-height:46px;padding:9px 8px;gap:7px}.nav-panel nav .icon{width:18px;height:18px}}
@media(max-width:600px){.brand small,.short-page .brand small{display:block;margin-top:3px;font-size:8px;letter-spacing:1.4px;color:var(--muted)}.nav-toggle{height:36px;padding:0 8px;gap:4px;font-size:12px}}
@media(max-width:370px){.top,.short-page .top{padding-left:6px;padding-right:6px;gap:5px}.brand,.short-page .brand{gap:4px}.brand img,.short-page .brand img{width:32px;height:32px}.brand b,.short-page .brand b{font-size:15px}.brand small,.short-page .brand small{font-size:7px;letter-spacing:1px}.nav-toggle{padding:0 7px}.round-btn{width:32px;height:32px;padding:5px}.search,.short-page .search{flex-basis:34px;width:34px;min-width:34px}.search-toggle{width:32px;height:32px}}

/* Complete public list pagination */
.list-summary{margin:0 0 14px;color:var(--muted);font-size:14px}
.pager{display:flex;flex-wrap:wrap}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px}
@media(max-width:600px){.pager{margin:30px 0;gap:7px;justify-content:flex-start}.pager a,.pager span{min-width:36px;padding:8px 11px}}

/* First-party ArtPlayer */
.player [data-art-player]{width:100%;height:100%;background:#050607}
.player .art-video-player{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.player .art-video{object-fit:contain}
.player .art-mask .art-state{transform:scale(1.06)}
.player .art-bottom{padding-left:14px;padding-right:14px}
.player .art-control:not(.art-control-progress){min-width:42px;min-height:42px}
.player .art-progress-indicator{width:20px!important;height:18px!important;margin-left:-10px!important;border-radius:0!important;background-color:transparent!important;background-image:url("/assets/site/logo.svg")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;box-shadow:none!important;filter:drop-shadow(0 1px 2px #000b)}
.player-unavailable{height:100%;display:grid;place-items:center;color:#d7dae0;background:#090a0d;font-size:14px}
.short-center .player .art-video-player{background:#030405}
.short-center .player .art-video{object-fit:contain}
.short-center .short-video-title{z-index:12}
@media(max-width:720px){.player .art-bottom{padding-left:8px;padding-right:8px}.player .art-control:not(.art-control-progress){min-width:38px;min-height:38px}.player .art-progress-indicator{width:18px!important;height:16px!important;margin-left:-9px!important}.player .art-control-onlyText{font-size:12px}}

/* Balanced card grids across common screen sizes */
.grid,.related-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:980px){.grid,.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:340px){.grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Branded paused-state control */
.player .art-mask .art-state{width:78px;height:70px;background:transparent;filter:drop-shadow(0 6px 12px #0008)}
.player .art-mask .art-state .art-icon{width:100%;height:100%}
.player .xmftv-player-state{display:block;width:100%;height:100%;object-fit:contain}
.player .art-contextmenu-xmftv-brand{pointer-events:none;cursor:default;color:#ffc400;font-weight:700;letter-spacing:.3px}
.player .art-contextmenu-xmftv-brand .xmftv-player-brand{display:block;width:100%}

/* Compact, predictable phone layouts */
@media(max-width:600px){
  .filter-row{flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .filter-row::-webkit-scrollbar{display:none}
  .filter-row b{position:sticky;left:0;z-index:1;flex:0 0 44px;background:var(--bg)}
  .filter-row a{flex:none;white-space:nowrap}
}
@media(max-width:480px){
  .detail{grid-template-columns:100px minmax(0,1fr);gap:13px}
  .detail-info h1{font-size:21px;line-height:1.25}
  .detail-tags{gap:5px}.detail-tags span{padding:4px 7px}
  .rating strong{font-size:23px}.rating span{font-size:12px;letter-spacing:1px}
  .now-playing{flex-direction:column;align-items:stretch}
  .now-playing label{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
  .now-playing select{width:min(68%,210px);min-width:0}
  .player .art-mask .art-state{width:66px;height:60px}
}

/* Curated, user-controlled homepage hero */
.carousel{height:430px;background:#11151c}
.carousel .hero-bg{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:1}
.carousel .hero-shade{background:linear-gradient(90deg,#090b10f2 0%,#0b0e14d9 38%,#0b0e1470 66%,#090b10cf 100%)}
.carousel .hero-copy{left:5%;width:50%;max-width:610px}
.carousel .hero-poster,.carousel-prev,.carousel-next,.carousel-dots{display:none}
.carousel-tabs{position:absolute;z-index:6;right:22px;top:50%;width:270px;display:grid;gap:6px;transform:translateY(-50%)}
.carousel-tab{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 10px;border:1px solid #ffffff12;border-radius:8px;background:#101319b8;color:#d7dae0;text-align:left;cursor:pointer;backdrop-filter:blur(9px);transition:background .18s,border-color .18s,transform .18s}
.carousel-tab i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#ffffff12;color:#aeb4bd;font-size:11px;font-style:normal}
.carousel-tab b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.carousel-tab small{color:#9298a2;font-size:10px}
.carousel-tab:hover{background:#1d222bd9;border-color:#ffffff28;transform:translateX(-3px)}
.carousel-tab.active{border-color:#ffc40080;background:#ffc400;color:#17191d;box-shadow:0 8px 24px #0004}
.carousel-tab.active i{background:#17191d;color:#ffc400}.carousel-tab.active small{color:#4c411c}
@media(max-width:700px){
  .carousel{height:360px;overflow:hidden;touch-action:pan-y}
  .carousel .hero-banner{bottom:72px;height:auto}
  .carousel .hero-bg{object-position:center}
  .carousel .hero-shade{background:linear-gradient(0deg,#090b10f5 0%,#0b0e14a8 52%,#0b0e1430 100%)}
  .carousel .hero-copy{left:18px;right:18px;top:auto;bottom:17px;width:auto;max-width:none;transform:none}
  .carousel .hero-copy h1{margin:8px 0 7px;font-size:28px}
  .carousel .hero-copy p{display:none}
  .carousel .hero-meta{gap:8px}.carousel .hero-meta strong{font-size:20px}.carousel .hero-meta span{padding-right:8px}
  .carousel .hero-copy .primary{margin-top:12px;padding:10px 15px;font-size:14px}
  .carousel-tabs{left:0;right:0;top:auto;bottom:0;width:auto;height:72px;display:flex;gap:7px;padding:8px;overflow-x:auto;transform:none;background:#11151c;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .carousel-tabs::-webkit-scrollbar{display:none}
  .carousel-tab{flex:0 0 125px;grid-template-columns:20px minmax(0,1fr);min-height:54px;padding:7px 8px}
  .carousel-tab i{width:19px;height:19px}.carousel-tab small{display:none}.carousel-tab:hover{transform:none}
  .carousel.carousel-auto-running .carousel-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 8px 8px;background:#fff;transform-origin:left;animation:carousel-mobile-progress 5s linear forwards}
}
@keyframes carousel-mobile-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.carousel.carousel-auto-running .carousel-tab.active:after{display:none}}

/* Dedicated popularity ranking */
.ranking-head{position:relative;margin:28px 0 22px;padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--soft),#fff8dc);overflow:hidden}
.ranking-head:after{content:"20";position:absolute;right:24px;top:-25px;color:#ffc40022;font-size:150px;font-weight:900;line-height:1}
.ranking-head p{position:relative;z-index:1;margin:0 0 22px;color:var(--muted);font-size:13px}.ranking-head span{position:relative;z-index:1;color:#b47c00;font-size:12px;font-weight:800;letter-spacing:2px}.ranking-head h1{position:relative;z-index:1;margin:7px 0 9px;font-size:34px}.ranking-head>div{position:relative;z-index:1;color:var(--muted);font-size:14px}
.ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding:0;list-style:none;counter-reset:none}
.ranking-list li{min-width:0}.ranking-list a{display:grid;grid-template-columns:44px 62px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);transition:.18s}
.ranking-list a:hover{border-color:#ffc40099;box-shadow:0 8px 24px #1c24300d;transform:translateY(-2px)}
.ranking-position{font-size:23px;font-style:italic;text-align:center;color:#8e929a}.ranking-list li:nth-child(1) .ranking-position{color:#f0a800}.ranking-list li:nth-child(2) .ranking-position{color:#9aa3b2}.ranking-list li:nth-child(3) .ranking-position{color:#bd7744}
.ranking-list img{width:62px;height:72px;border-radius:7px;object-fit:cover}.ranking-list span{display:flex;min-width:0;flex-direction:column;gap:6px}.ranking-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.ranking-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.ranking-list em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e24f43;font-size:11px;font-style:normal}.ranking-list a>i{color:var(--muted);font-size:12px;font-style:normal;white-space:nowrap}
html[data-theme="dark"] .ranking-head{background:linear-gradient(135deg,#181c24,#24200e)}
html[data-theme="dark"] .ranking-list a:hover{background:var(--surface-raised)}
@media(max-width:700px){.ranking-head{margin:16px 0;padding:22px 18px}.ranking-head:after{right:6px;font-size:115px}.ranking-head h1{font-size:27px}.ranking-head>div{max-width:85%;line-height:1.6}.ranking-list{grid-template-columns:1fr;gap:8px}.ranking-list a{grid-template-columns:34px 54px minmax(0,1fr);gap:10px;min-height:80px;padding:8px 10px}.ranking-list img{width:54px;height:64px}.ranking-list a>i{display:none}.ranking-list strong{font-size:15px}}

/* Compact category pages: filters first, results count beside pagination. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.category-filters{margin-top:14px}
.pager{display:grid;justify-items:center;gap:12px}
.pager-summary{color:var(--muted);font-size:13px}
.pager-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
@media(max-width:600px){.category-filters{margin-top:8px}.pager{justify-items:start}.pager-links{justify-content:flex-start;gap:7px}}