:root{color-scheme:light;--paper:#fff;--page:#fbfafd;--ink:#282531;--sub:#8f899b;--line:#eeeaf4;--mint:#b7f3e1;--violet:#dcc6ff;--pink:#ffd6ea;--deep:#73538f;--rail:196px;--top:82px;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--page)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9473b6;outline-offset:4px}button svg,a svg{pointer-events:none}svg.icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}[hidden]{display:none!important}.skip:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;z-index:99;background:white;padding:15px}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:50;background:#fff;border-right:1px solid var(--line);padding:14px 15px 18px;overflow:auto;display:flex;flex-direction:column}.logo{height:96px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:19px}.logo img{width:145px;height:74px;object-fit:contain}.logo>span{font-size:6px;letter-spacing:1.7px;color:#aa99b6;margin-top:-7px}.nav-item{border:0;width:100%;display:flex;gap:13px;align-items:center;padding:11px 17px;margin:2px 0;border-radius:9px;background:transparent;color:#827a8e;font-size:13px;text-align:left;white-space:nowrap;transition:background .18s,color .18s}.nav-item.active{color:#574164;background:linear-gradient(110deg,#e4d4f8,#f3ecfc);font-weight:650}.nav-item.active .icon{color:#9b73bc}.nav-item:hover{background:#f5f1fa;color:#614578}.nav-item em{font-size:7px;font-style:normal;margin-left:auto;border:1px solid #c8e9df;background:#e8faf4;color:#699e8a;padding:1px 4px;border-radius:3px}.rail-divider{height:1px;background:var(--line);margin:17px 12px}.rail-label{color:#b2a6bc;font-size:9px;letter-spacing:1px;margin:0 17px 9px}.rail-bottom{margin-top:auto;padding-top:28px}.brand-card{border:1px solid #e9dff3;background:linear-gradient(135deg,#f1e8fb,#f7fdf9);padding:13px 10px;width:100%;display:flex;gap:8px;align-items:center;border-radius:10px;text-align:left}.brand-mini{font:italic 26px Georgia;color:#9671ad}.brand-card b{font-size:9px;display:block;font-weight:600}.brand-card small{font-size:6px;letter-spacing:1px;color:#a897b3}.brand-card>span:last-child{font-size:12px;color:#a99ab5}.rail-help{border:0;background:transparent;width:100%;display:flex;justify-content:space-between;padding:18px 10px 0;color:#a195ab;font-size:10px}.rail-bottom>p{color:#c0b5c7;font-size:8px;padding:0 10px}.topbar{position:fixed;left:var(--rail);right:0;top:0;height:var(--top);z-index:45;display:flex;gap:28px;align-items:center;padding:15px 32px;background:#fffefaef;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.search-wrap{width:min(600px,58%);position:relative}.search-wrap form{display:flex;height:44px;border:1px solid #e6e0ed;background:#f9f7fc;border-radius:24px;overflow:hidden}.search-filter{display:flex;gap:7px;align-items:center;background:none;border:0;padding:0 16px;color:#a698b2;font-size:11px;position:relative}.search-filter:after{content:'';height:16px;width:1px;background:#e5deeb;position:absolute;right:0}.search-filter .icon{width:15px;height:15px}.search-wrap input{border:0;background:transparent;outline:none;color:#54465e;font-size:12px;min-width:0;flex:1;padding:0 13px}.search-wrap input::placeholder{color:#b2a5bd}.search-submit{border:0;display:flex;gap:7px;align-items:center;padding:0 20px;background:#eee4fa;color:#7b5b92;font-size:12px;font-weight:600}.search-submit .icon{width:17px;height:17px}.suggestions{position:absolute;top:52px;background:#fff;box-shadow:0 12px 40px #4d2c6a18;border:1px solid #eae1f2;border-radius:12px;left:0;right:0;padding:18px;z-index:80}.suggestions h3{font-size:12px;margin:0 0 12px}.suggestions button{background:#f7f3fa;border:0;border-radius:6px;padding:6px 12px;margin:0 6px 8px 0;font-size:11px;color:#9a83aa}.top-actions{margin-left:auto;display:flex;gap:21px;align-items:center}.selection-button{display:flex;align-items:center;gap:8px;border:1px solid #ead9ea;background:linear-gradient(110deg,#fce6f0,#eee5ff);border-radius:9px;padding:6px 12px;color:#9c6d99;text-align:left}.selection-button>span:first-child{font-size:25px}.selection-button>span:nth-child(2){font-size:11px;font-weight:700}.selection-button small{display:block;font-size:7px;font-weight:400;letter-spacing:.5px;color:#b192b2}.tool-button{position:relative;display:flex;flex-direction:column;gap:3px;align-items:center;border:0;background:none;padding:0;color:#a99bb5;font-size:8px;white-space:nowrap}.tool-button .icon{width:19px;height:19px}.tool-button:hover{color:#7c559c}.tool-button i{position:absolute;width:13px;height:13px;border-radius:50%;background:#c5a6e5;font-size:7px;font-style:normal;color:white;right:-4px;top:-5px}.avatar-button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #e1d2ef;background:linear-gradient(140deg,#e1cafa,#d1f3e8);font:italic 19px Georgia;color:#82649a;position:relative}.avatar-button span{position:absolute;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#bbd9ce;right:0;bottom:1px}.mobile-logo{display:none}#main{margin-left:var(--rail);padding:calc(var(--top) + 23px) 32px 40px;min-height:100vh}.channel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:#b59cc8;font-weight:600}.channel-heading h1{font-size:25px;letter-spacing:-.5px;margin:1px 0;font-weight:700}.channel-heading h1 span{font-size:12px;color:#aea0b7;font-weight:400;margin-left:15px;letter-spacing:1px}.channel-meta{display:flex;gap:10px;align-items:center;color:#b8a7c3;font-size:10px}.preview-pill{border:1px solid #e4d9ec;border-radius:20px;background:#f6f1fb;padding:3px 10px;color:#a38ab4;font-size:8px}.channel-tabs{display:flex;gap:26px;align-items:center;position:sticky;top:var(--top);z-index:30;margin:0 -1px 23px;padding:0 0 12px;background:var(--page);border-bottom:1px solid var(--line)}.channel-tabs button{border:0;background:none;color:#a296ac;position:relative;white-space:nowrap;padding:6px 0;font-size:13px}.channel-tabs button.active{color:#72518a;font-weight:700}.channel-tabs button.active:after{content:'';position:absolute;left:2px;right:2px;bottom:-13px;background:linear-gradient(90deg,#cfb3f1,#d9c2f1);height:3px;border-radius:3px}.channel-tabs .tab-more{margin-left:auto;font-size:11px;display:flex;gap:5px;align-items:center}.tab-more .icon{width:13px;height:13px}.sortbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}.sortbar .view-summary{font-size:10px;color:#b4a5be}.sort-options{margin-left:auto;display:flex;align-items:center;gap:15px}.sort-options button{border:0;background:transparent;font-size:10px;color:#ac9bb7}.sort-options button.active{color:#795891;font-weight:600}.view-toggle{display:flex;border:1px solid #eadff2;border-radius:5px;overflow:hidden}.view-toggle button{background:transparent;border:0;padding:5px;color:#b6a6c2}.view-toggle button.active{background:#eee3f9;color:#89669f}.view-toggle svg{height:12px;width:12px}.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:31px 20px}.poster-card{min-width:0;position:relative;transition:transform .2s}.poster-visual{position:relative;aspect-ratio:3/4;border-radius:11px;overflow:hidden;background:#e5dcec;isolation:isolate;box-shadow:0 3px 12px #46285609}.poster-art{position:absolute;inset:0;background-image:url('assets/posters.png');background-size:400% 300%;transition:transform .5s}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000000 42%,#0d081236 65%,#110a20bc 100%);z-index:1}.poster-label{position:absolute;right:0;top:0;padding:3px 10px;background:#b7f3e1eb;color:#416f60;font-size:9px;border-radius:0 10px 0 8px;z-index:3;font-weight:500}.poster-label.lavender{background:#dcc6fff0;color:#755791}.poster-label.peach{background:#ffd6eaf0;color:#9a6682}.poster-title-art{position:absolute;left:13px;right:10px;bottom:36px;font-family:'STKaiti','KaiTi','Kaiti SC','Songti SC',serif;color:white;text-shadow:1px 2px 4px #0007;font-size:clamp(22px,2.15vw,36px);letter-spacing:-1px;line-height:1.23;z-index:2;font-weight:700;transform:rotate(-3deg);pointer-events:none;max-width:93%}.poster-bottom{position:absolute;bottom:9px;left:10px;right:10px;display:flex;gap:5px;align-items:center;z-index:3;color:white}.tiny-label{background:#ffffffd9;color:#8c70a1;font-size:8px;border-radius:3px;padding:0 4px;font-weight:600}.poster-bottom .episodes{margin-left:auto;font-size:9px;font-weight:500;letter-spacing:.2px}.poster-open{position:absolute;inset:0;z-index:4;border:0;background:transparent;color:transparent;width:100%;border-radius:11px}.poster-card h3{font-size:13px;font-weight:600;margin:10px 0 5px;line-height:1.55;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#494051}.poster-sub{display:flex;gap:5px;align-items:center;overflow:hidden;white-space:nowrap;min-height:19px}.poster-sub span{color:#af9ebb;font-size:9px}.poster-sub .type-pill{border-radius:4px;background:#f1e8f7;padding:1px 5px;color:#aa8cbd;font-size:8px}.card-hover{position:absolute;left:10px;right:10px;bottom:14px;z-index:7;display:flex;gap:6px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.card-hover button{border:0;padding:8px 12px;border-radius:7px;white-space:nowrap;font-size:10px;background:#fff;color:#7e6092;flex:1;box-shadow:0 3px 12px #0002}.card-hover button:last-child{flex:0;padding:8px;background:#f1e6ff}.card-hover .icon{width:14px;height:14px}.poster-card:hover .poster-art,.poster-card:focus-within .poster-art{transform:scale(1.04)}.poster-card:hover .card-hover,.poster-card:focus-within .card-hover{opacity:1;transform:translateY(0);pointer-events:auto}.poster-card:hover h3{color:#936caf}.rank-stamp{position:absolute;bottom:-5px;left:4px;font-size:59px;font-weight:900;font-style:italic;color:#fff;z-index:2;opacity:.87;text-shadow:0 1px 2px #0004}.rank-stamp+*{pointer-events:auto}.section-foot{display:flex;justify-content:center;margin:45px 0 5px}.load-more{background:#fff;border:1px solid #e5d7ef;padding:11px 38px;border-radius:24px;font-size:11px;color:#ab8dbf;display:flex;align-items:center;gap:12px}.load-more:hover{background:#f4eafb}.load-more .icon{width:14px;height:14px}.site-footer{border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding-top:22px;margin-top:40px;font-size:9px;color:#c0b3c9}.site-footer b{font:italic 18px Georgia;color:#ad90bd;margin-right:9px}.footer-left{display:flex;align-items:center;gap:20px}.site-footer button{background:none;border:0;color:#b6a2c4;font-size:9px;padding:0}.empty-state{grid-column:1/-1;padding:90px 20px;text-align:center;border:1px dashed #e5d8f0;border-radius:12px;background:#faf6fe;color:#b19fc0}.empty-state .icon{width:35px;height:35px;margin:auto;color:#d7c4e6}.empty-state h2{color:#8b709e;font-size:19px;font-weight:500}.empty-state p{font-size:12px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 21px;border-radius:8px;border:1px solid #d8c1eb;font-weight:600;font-size:12px;background:#e5ccfa;color:#74518f}.primary-button:hover{background:#d9b9f4}.primary-button .icon{width:16px;height:16px}.secondary-button{background:#fff;border-color:#e5d9ee;color:#a28bb3}.filter-panel{background:#fff;border:1px solid #eee4f5;border-radius:12px;padding:18px 22px;margin:0 0 23px;box-shadow:0 4px 18px #5c367008}.filter-row{display:flex;gap:10px;align-items:center;margin:8px 0;flex-wrap:wrap}.filter-row>span{width:48px;font-size:11px;color:#c0adcc}.filter-chip{border:0;background:transparent;color:#a58cb8;padding:4px 12px;border-radius:5px;font-size:11px}.filter-chip.active{background:#e9dcf8;color:#846098}.filter-panel-footer{border-top:1px solid #f0e7f5;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#bfadc9}.filter-panel-footer button{border:0;background:none;color:#9c7bb2;font-size:10px}.poster-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 14px}.poster-grid.compact .poster-title-art{font-size:25px}.breadcrumbs{font-size:10px;color:#b09abb;display:flex;gap:10px;margin:1px 0 18px}.breadcrumbs a{color:#9d7eb3}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px}.watch-stage{height:420px;background:#15111d;position:relative;border-radius:13px;overflow:hidden;isolation:isolate}.watch-backdrop{position:absolute;inset:0;filter:blur(25px) brightness(.4);background-image:url('assets/posters.png');background-size:400% 300%;transform:scale(1.1)}.watch-poster{position:absolute;top:0;bottom:0;left:50%;width:315px;max-width:75%;transform:translateX(-50%);background-image:url('assets/posters.png');background-size:400% 300%;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}.player-overlay{position:absolute;inset:0;z-index:2;background:#100a1622;display:flex;align-items:center;justify-content:center;flex-direction:column}.play-circle{border:1px solid #ffffff66;background:#ffffff25;backdrop-filter:blur(10px);color:white;width:68px;height:68px;border-radius:50%;display:grid;place-items:center}.play-circle .icon{width:27px;height:27px}.player-overlay>span{font-size:11px;color:#fff9;margin-top:15px}.stage-top{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:5;font-size:10px;color:#fffd}.stage-controls{position:absolute;bottom:0;left:0;right:0;padding:22px 19px 15px;background:linear-gradient(transparent,#08050cbc);color:#fff9;z-index:5}.progress-track{height:3px;background:#ffffff44;width:100%;border-radius:3px;margin-bottom:13px;position:relative;cursor:pointer}.progress-track>span{display:block;width:0;height:100%;background:#d4abf5}.control-line{display:flex;align-items:center;gap:15px;font-size:10px}.control-line button{border:0;background:none;color:#fff9;padding:0;font-size:10px}.control-line svg{width:17px;height:17px}.control-line .push-right{margin-left:auto}.episode-panel{background:#fff;border:1px solid #ece2f2;border-radius:12px;padding:19px;height:420px;display:flex;flex-direction:column}.episode-panel h2{font-size:18px;margin:0 0 4px}.episode-panel>p{font-size:10px;color:#baa6c9;margin:0 0 17px}.episode-tabs{display:flex;gap:22px;border-bottom:1px solid #eee4f4;margin-bottom:17px}.episode-tabs button{border:0;background:none;color:#a28ab4;padding:0 0 10px;font-size:11px}.episode-tabs button.active{color:#765093;border-bottom:2px solid #c9a2eb}.episode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;overflow:auto;align-content:start}.episode-grid button{border:1px solid #eee4f5;background:#faf7fd;border-radius:6px;aspect-ratio:1.05;color:#ad93bf;font-size:11px}.episode-grid button.active{background:#ead6fa;color:#775092;border-color:#d1acee}.episode-grid button:hover{border-color:#c9a2eb}.episode-caption{font-size:9px;color:#c4b2cf;margin-top:auto;padding-top:10px}.detail-title-row{display:flex;gap:20px;align-items:center;margin:22px 0 12px}.detail-title-row h1{font-size:25px;font-weight:650;margin:0}.detail-title-row .badge{font-size:9px;background:#dcf5eb;color:#88ab9d;padding:3px 8px;border-radius:4px}.detail-actions{display:flex;gap:9px;margin-left:auto}.detail-description{max-width:900px;color:#a390b3;font-size:12px;line-height:2}.detail-tags{display:flex;gap:8px;margin-bottom:13px}.detail-tags span{font-size:9px;color:#a38ab4;border-radius:4px;background:#f0e7f7;padding:2px 9px}.detail-section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px}.detail-section-title h2{font-size:19px;margin:0}.detail-section-title span{font-size:10px;color:#b69fc7}.rank-intro{padding:20px 25px;background:linear-gradient(110deg,#f0e5fc,#f7eef9,#effaf5);border:1px solid #eadbf4;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.rank-intro h2{font-size:23px;margin:0;color:#876398}.rank-intro p{font-size:10px;color:#b299c5;margin:4px 0 0}.rank-intro>span{font:italic 55px Georgia;color:#d9b9ee}.settings-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding-bottom:17px;border-bottom:1px solid #eee5f4}.settings-row>div b{display:block;font-size:13px;font-weight:600}.settings-row small{font-size:10px;color:#b6a1c5}.settings-row button{border:1px solid #ddcbe9;background:#f4eafb;border-radius:6px;font-size:10px;padding:6px 12px;color:#9c7bb3}.mobile-bottom{display:none}.mobile-category-trigger{display:none}.back-top{position:fixed;right:20px;bottom:24px;background:#fff;border:1px solid #e9dcef;border-radius:10px;padding:11px;box-shadow:0 3px 16px #5525770b;color:#b28dc8;z-index:40}#toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);color:#fff;background:#655071ed;backdrop-filter:blur(12px);padding:11px 23px;border-radius:10px;font-size:12px;box-shadow:0 5px 30px #37234524;z-index:150}#overlay{width:min(480px,90vw);padding:32px;border:1px solid #e8d8f3;border-radius:18px;background:#fff;box-shadow:0 20px 100px #43265f24;color:#6a537b}#overlay::backdrop{background:#28183a5e;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:16px;border:0;background:#f7f1fb;border-radius:50%;padding:6px;color:#b69cc7}.dialog-close .icon{width:16px;height:16px}#overlay h2{font-size:23px;margin:0 0 9px;font-weight:600}#overlay p{font-size:12px;color:#aa93bc;line-height:1.9}.brand-dialog{text-align:center;padding-top:10px}.brand-dialog img{width:200px;height:110px;object-fit:contain;margin:0 auto 15px}.brand-dialog .swatches{display:flex;justify-content:center;gap:10px;margin:23px 0}.swatches span{width:43px;height:43px;border-radius:50%;border:1px solid #00000008}.dialog-note{background:#f8f2fc;padding:13px;border-radius:8px;font-size:11px;color:#ab91bc;margin:20px 0}.login-avatar{margin:10px auto 20px;background:linear-gradient(130deg,#dec7fa,#cceddf);color:white;font:italic 38px Georgia;border-radius:50%;width:70px;height:70px;display:grid;place-items:center}.account-stats{display:flex;justify-content:space-around;padding:20px 0;border-top:1px solid #eee5f4;border-bottom:1px solid #eee5f4;margin:20px 0}.account-stats b{display:block;font-size:24px;color:#9d79b3}.account-stats small{font-size:10px;color:#b59bc5}.feedback-options{display:flex;gap:8px;margin-top:20px}.feedback-options button{font-size:10px;border:1px solid #ddc9ed;background:#f6effc;border-radius:8px;padding:9px 14px;color:#a07ab6}.recent-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.recent-row{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:0;background:#fbf7fe;padding:10px;border-radius:8px;font-size:11px;color:#9472aa}.recent-row small{display:block;font-size:9px;color:#bca8c9}.recent-cover{width:40px;height:50px;background-image:url('assets/posters.png');background-size:400% 300%;border-radius:5px;flex-shrink:0}.result-word{color:#ad89c8}.preview-note{margin-top:25px;color:#c9b9d4;font-size:9px}.muted-link{border:0;background:none;color:#ba9fca;font-size:10px}.poster-grid.reduced .poster-art{transition:none}.dense-mode .poster-grid{gap:24px 14px}.dense-mode .poster-title-art{font-size:27px}
@media(min-width:1680px){.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 22px}.poster-title-art{font-size:34px}.topbar{padding-right:42px}#main{padding-right:42px}}
@media(max-width:1280px){:root{--rail:174px}.topbar{gap:18px;padding-left:25px;padding-right:25px}.search-wrap{width:53%}.top-actions{gap:16px}.poster-grid{gap:29px 17px}.channel-tabs{gap:22px}.channel-tabs button{font-size:12px}#main{padding-left:25px;padding-right:25px}.logo img{width:134px}.nav-item{padding-left:13px;padding-right:12px;font-size:12px}.poster-title-art{font-size:27px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px}.detail-title-row h1{font-size:22px}}
@media(max-width:1080px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-button{display:none}.search-wrap{width:65%}.channel-tabs{gap:20px}.channel-tabs button:nth-child(n+9):not(:last-child){display:none}.poster-title-art{font-size:29px}.channel-heading h1 span{display:none}.detail-layout{grid-template-columns:1fr}.episode-panel{height:auto}.episode-grid{grid-template-columns:repeat(10,1fr);max-height:150px}.episode-caption{padding-top:12px}.detail-title-row{flex-wrap:wrap}.detail-actions{margin-left:0}.watch-stage{height:440px}.poster-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:800px){:root{--rail:72px;--top:72px}.rail{padding:10px 7px}.logo{height:63px;margin-bottom:12px}.logo img{height:45px;width:60px;object-fit:contain}.logo>span,.rail-label,.rail-bottom,.nav-item>span:not(.nav-icon),.nav-item em{display:none}.nav-item{justify-content:center;padding:13px 8px}.nav-item .icon{width:22px;height:22px}.rail-divider{margin:12px 7px}.search-filter span:last-child{display:none}.search-filter{padding:0 13px}.topbar{padding:12px 20px}.search-wrap{width:65%}.tool-button[data-action=settings]{display:none}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 15px}.poster-title-art{font-size:31px}.channel-tabs{overflow:auto;gap:24px;scrollbar-width:none}.channel-tabs button:nth-child(n+9):not(:last-child){display:block}.channel-tabs button.active:after{bottom:-8px}.channel-heading{margin-bottom:16px}.channel-meta>span:first-child{display:none}.channel-heading h1{font-size:22px}.poster-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){:root{--rail:0px;--top:110px}.rail{display:none}.topbar{height:110px;display:grid;grid-template-columns:135px 1fr;padding:3px 16px 11px;gap:0 15px;background:#fffefa}.mobile-logo{display:block;height:56px;width:120px}.mobile-logo img{width:120px;height:56px;object-fit:contain}.search-wrap{width:100%;grid-column:1/-1;grid-row:2}.search-wrap form{height:36px}.search-wrap input{font-size:10px;padding-left:10px}.search-filter{padding:0 11px}.search-submit{font-size:10px;padding:0 14px;gap:5px}.search-submit .icon{width:14px;height:14px}.top-actions{grid-column:2;grid-row:1;gap:17px;margin-left:auto}.top-actions .tool-button{font-size:7px;gap:2px}.tool-button .icon{width:17px;height:17px}.avatar-button{width:28px;height:28px;font-size:16px}.top-actions .selection-button{display:none}#main{padding:calc(var(--top) + 17px) 16px 85px}.channel-heading{margin-bottom:16px}.channel-heading .eyebrow{font-size:6px;letter-spacing:1.5px}.channel-heading h1{font-size:22px;margin-top:3px}.channel-meta{gap:0}.preview-pill{font-size:7px;padding:3px 7px}.channel-tabs{top:var(--top);gap:23px;margin-bottom:16px;padding:0 0 9px;background:var(--page)}.channel-tabs button{font-size:12px;padding:6px 0}.channel-tabs button.active:after{bottom:-9px}.channel-tabs .tab-more{padding-left:7px;background:var(--page);position:sticky;right:0;box-shadow:-7px 0 7px var(--page)}.sortbar{gap:10px;margin-bottom:14px}.sort-options{gap:12px}.sort-options button{font-size:9px}.sortbar .view-summary{font-size:9px}.view-toggle{display:none}.poster-grid,.poster-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 11px}.poster-visual{border-radius:7px}.poster-label{font-size:7px;padding:2px 6px;border-radius:0 6px 0 6px}.poster-title-art,.poster-grid.compact .poster-title-art{font-size:20px;left:8px;right:6px;bottom:24px;line-height:1.18;letter-spacing:-1px}.poster-bottom{left:6px;right:6px;bottom:6px;gap:3px}.tiny-label{font-size:6px;padding:0 3px}.poster-bottom .episodes{font-size:6px}.poster-card h3{font-size:11px;margin:8px 0 4px}.poster-sub{gap:3px;min-height:15px}.poster-sub span{font-size:7px}.poster-sub .type-pill{font-size:6px;padding:1px 4px}.poster-open{border-radius:7px}.card-hover{display:none}.rank-stamp{font-size:45px}.load-more{font-size:10px;padding:9px 27px}.section-foot{margin:30px 0 0}.site-footer{margin-top:30px;display:block;text-align:center;font-size:8px}.footer-left{justify-content:center;gap:15px}.site-footer>span{display:block;margin-top:13px}.site-footer b{font-size:15px}.site-footer button{font-size:8px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fffdfef5;border-top:1px solid #eae1f2;padding:9px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(20px)}.mobile-bottom a{font-size:9px;color:#b5a1c3;display:flex;gap:4px;align-items:center;flex-direction:column;min-width:50px}.mobile-bottom a.active{color:#9870ba}.mobile-bottom .icon{width:20px;height:20px}.back-top{bottom:85px;right:13px;padding:8px;border-radius:9px}.back-top .icon{width:17px;height:17px}.filter-panel{padding:12px 14px;margin-bottom:18px}.filter-row{gap:4px;margin:6px 0}.filter-row>span{font-size:9px;width:36px}.filter-chip{font-size:9px;padding:4px 8px}.filter-panel-footer{font-size:8px}.filter-panel-footer button{font-size:8px}.breadcrumbs{font-size:9px;gap:7px;margin-bottom:13px}.watch-stage{height:310px;border-radius:9px}.watch-poster{max-width:85%;width:250px}.play-circle{width:54px;height:54px}.play-circle .icon{width:22px;height:22px}.player-overlay>span{font-size:9px}.stage-top{top:12px;left:13px;right:13px;font-size:8px}.stage-controls{padding:18px 12px 12px}.control-line{gap:11px;font-size:8px}.control-line button{font-size:8px}.control-line .icon{width:14px;height:14px}.detail-layout{gap:15px}.episode-panel{padding:15px;border-radius:9px}.episode-panel h2{font-size:16px}.episode-grid{grid-template-columns:repeat(8,1fr);gap:6px;max-height:142px}.episode-grid button{font-size:9px;border-radius:5px}.episode-tabs{gap:20px;margin-bottom:12px}.episode-tabs button{font-size:10px}.episode-panel>p{margin-bottom:12px;font-size:9px}.detail-title-row{margin-top:20px;gap:9px}.detail-title-row h1{font-size:21px}.detail-title-row .badge{font-size:8px}.detail-actions{width:100%;margin-top:5px}.primary-button,.secondary-button{font-size:10px;padding:9px 15px;border-radius:6px}.detail-description{font-size:11px}.detail-tags span{font-size:8px}.detail-section-title h2{font-size:18px}.detail-section-title span{font-size:8px}.rank-intro{padding:17px 18px}.rank-intro h2{font-size:20px}.rank-intro p{font-size:9px}.rank-intro>span{font-size:40px}#overlay{padding:27px 24px;border-radius:15px}#overlay h2{font-size:21px}#overlay p{font-size:11px}#toast{bottom:85px;max-width:85%;font-size:10px;padding:10px 16px;text-align:center}.brand-dialog img{width:180px;height:95px}.preview-note{font-size:8px}.suggestions{padding:14px}.empty-state{padding:65px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.card-hover button:first-child{display:flex;align-items:center;justify-content:center;gap:7px}.reduce-motion *{transition:none!important}.detail-layout.theater{grid-template-columns:1fr}.detail-layout.theater .watch-stage{height:560px}.detail-layout.theater .episode-panel{height:auto}.detail-layout.theater .episode-grid{grid-template-columns:repeat(12,1fr);max-height:150px}@media(max-width:600px){.detail-layout.theater .watch-stage{height:400px}.detail-layout.theater .episode-grid{grid-template-columns:repeat(8,1fr)}}
/* Immersive short-drama viewing layout, keeping the NIE palette. */
.immersive-watch .rail,.immersive-watch .topbar,.immersive-watch .mobile-bottom{display:none}.immersive-watch #main{margin:0;padding:0}.immersive-watch .breadcrumbs{display:none}.immersive-watch .detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;height:100dvh;background:#191821}.immersive-watch .watch-stage,.immersive-watch .detail-layout.theater .watch-stage{height:100dvh;border-radius:0;background:#15141c}.immersive-watch .watch-backdrop{opacity:.25;filter:blur(35px);transform:scale(1.05)}.immersive-watch .watch-poster{height:100%;width:auto;aspect-ratio:2/3;max-width:100%;background-size:400% 300%;opacity:.92}.immersive-watch .stage-top{top:25px;left:auto;right:30px;color:#d7cbe6;font-size:11px}.immersive-watch .stage-top>span:first-child{display:none}.watch-back{position:absolute;z-index:5;left:25px;top:24px;color:#fff;display:flex;align-items:center;gap:9px;font-size:13px;padding:9px 15px;background:#ffffff12;border:1px solid #ffffff20;border-radius:25px}.watch-brand{position:absolute;z-index:4;left:25px;top:83px;background:#fffdf7;border-radius:7px;padding:3px 9px}.watch-brand img{width:88px;height:44px;object-fit:contain}.immersive-watch .player-overlay{z-index:2}.immersive-watch .player-overlay>span{background:#17151bbd;padding:7px 13px;border-radius:20px;color:#eee1fa;font-size:10px}.immersive-watch .play-circle{background:#b99bdd42;border:1px solid #ead8ff88;backdrop-filter:blur(10px)}.watch-social{position:absolute;z-index:4;right:24px;bottom:150px;display:flex;flex-direction:column;gap:23px}.watch-social button{border:0;background:none;color:white;display:flex;align-items:center;flex-direction:column;font-size:32px;line-height:1;gap:7px}.watch-social svg{width:27px;height:27px}.watch-social small{font-size:11px}.watch-social .liked{color:#ffd6ea}.watch-caption{position:absolute;z-index:3;left:28px;right:85px;bottom:105px;color:white;text-shadow:0 2px 9px #000}.watch-caption h1{font-size:24px;margin:0 0 6px}.watch-caption p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.watch-caption button{color:#dcc6ff;border:0;background:none}.watch-caption small{font-size:10px;color:#c4bfcc}.immersive-watch .stage-controls{z-index:5;padding:24px 25px 20px;background:linear-gradient(transparent,#111018 40%)}.immersive-watch .control-line{gap:17px;font-size:11px;color:#ddd5e6}.immersive-watch .control-line button{font-size:11px}.immersive-watch .progress-track{background:#ffffff25}.immersive-watch #progress{background:#dcc6ff}.immersive-watch .episode-panel{height:100dvh;border:0;border-left:1px solid #e8def2;border-radius:0;padding:28px 22px;background:linear-gradient(160deg,#fffdfb,#f3ecfc);overflow:auto;position:relative}.immersive-watch .episode-panel h2{font-size:21px;padding-right:15px;margin-top:27px}.immersive-watch .episode-grid{grid-template-columns:repeat(5,1fr);max-height:calc(100dvh - 240px);gap:9px}.immersive-watch .episode-grid button{height:45px;background:#ebe4f2;border:1px solid transparent;color:#766585}.immersive-watch .episode-grid button.active{background:#dcc6ff;color:#49365b;border-color:#bca1d5}.drawer-close{position:absolute;right:20px;top:15px;background:none;border:0;color:#8e7c9f;font-size:25px}.immersive-watch .detail-layout.drawer-hidden{grid-template-columns:1fr}.drawer-hidden .episode-panel{display:none}.watch-clean .watch-caption,.watch-clean .watch-social,.watch-clean .stage-top,.watch-clean .watch-brand{display:none}.immersive-watch .detail-title-row,.immersive-watch .detail-tags,.immersive-watch .detail-description,.immersive-watch .detail-section-title,.immersive-watch .poster-grid,.immersive-watch .preview-note,.immersive-watch .site-footer{margin-left:32px;margin-right:32px}.immersive-watch .detail-title-row{margin-top:30px}.immersive-watch .watch-stage{overflow:hidden}@media(max-width:700px){.immersive-watch .detail-layout{grid-template-columns:1fr}.immersive-watch .episode-panel{position:fixed;z-index:70;left:0;right:0;bottom:0;top:auto;height:52dvh;border-radius:20px 20px 0 0;padding:18px 22px}.immersive-watch .episode-panel h2{margin-top:5px;font-size:18px}.immersive-watch .episode-grid{max-height:26dvh;grid-template-columns:repeat(6,1fr)}.immersive-watch .watch-caption{bottom:118px;left:18px}.watch-caption h1{font-size:21px}.watch-social{right:18px;bottom:205px}.immersive-watch .control-line{gap:12px;flex-wrap:wrap}.immersive-watch .stage-controls{padding:20px 15px}.watch-brand{top:75px;left:18px}.watch-back{top:20px;left:18px}.immersive-watch .stage-top{right:18px}.immersive-watch .detail-layout:not(.drawer-hidden) .watch-caption{opacity:0}.immersive-watch .detail-title-row{margin-top:20px}}

/* 海报标题：干净易读，参考爱奇艺 */
.poster-title-art {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.6) !important;
  -webkit-font-smoothing: antialiased;
}
.poster-card h3 {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

/* ===== 手机自适应 ===== */
@media (max-width: 768px) {
  .rail { display: none !important; }
  .top-bar { padding: 8px 12px !important; }
  .search-box { max-width: 100% !important; }
  .catalog-grid, .grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 0 10px !important;
  }
  .poster-card h3 { font-size: 12px !important; }
  .detail-layout {
    flex-direction: column !important;
  }
  .watch-stage {
    width: 100% !important;
    aspect-ratio: 16/9;
  }
  .episode-panel {
    width: 100% !important;
    max-height: 40vh;
    overflow-y: auto;
  }
  .episode-panel .episodes {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
  }
  footer, .site-footer { font-size: 11px !important; padding: 16px !important; }
  .mobile-nav {
    display: flex !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #eee;
    z-index: 100;
    justify-content: space-around;
    padding: 8px 0;
  }
  .mobile-nav a {
    font-size: 11px;
    color: #666;
    text-align: center;
  }
  body { padding-bottom: 60px; }
}

@media (min-width: 769px) {
  .mobile-nav { display: none !important; }
}