:root{--font-ui:"PingFang SC", "Microsoft YaHei", sans-serif}

:root{--bg:#131414;--panel:#1d1e1e;--line:#ffffff13;--text:#f3f0e9;--muted:#92958f;--accent:#5ef2b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font-ui)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{color:var(--accent)}.side{width:108px;height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:30px 0;z-index:4;background:var(--bg)}.mark{height:46px;width:46px;background:var(--accent);color:#191919;display:grid;place-items:center;border-radius:14px;font-weight:950;font-size:24px;letter-spacing:-2px;transform:rotate(-7deg)}.side nav{display:grid;gap:26px;margin-top:65px}.side a{text-align:center;display:grid;gap:7px;color:#8f928e;font-size:12px}.side a svg{width:24px;height:24px;margin:auto}.side a.active{color:var(--accent)}.side-bottom{margin-top:auto;writing-mode:vertical-rl;letter-spacing:5px;color:#656965;font-size:12px}.shell{margin-left:108px;padding:0 44px;max-width:1920px}.top{height:106px;display:flex;align-items:center;gap:30px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand em{color:var(--accent);font-style:normal;margin-right:6px}.edition{font-size:12px;letter-spacing:3px;color:#92958f;border-left:1px solid #484a45;padding-left:20px;line-height:1.8}.search{margin-left:auto;display:flex;align-items:center;background:#202222;border:1px solid #33352f;border-radius:100px;width:310px;padding:10px 15px;gap:10px}.search input{background:none;border:0;outline:none;color:var(--text);width:100%;min-width:0;font-size:14px}.search svg{width:18px;height:18px}.saved{white-space:nowrap;color:#c0c2b9;font-size:14px}.avatar{width:38px;height:38px;background:#303329;border-radius:50%;display:grid;place-items:center;color:#d5d7ca}.nav{display:flex;align-items:center;gap:29px;border-bottom:1px solid var(--line);height:53px;margin-bottom:27px}.nav button{height:100%;position:relative;color:#a3a69f;font-size:14px}.nav button.active{color:var(--text);font-weight:700}.nav button.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:var(--accent);left:0;right:0}.nav small{margin-left:auto;font-size:12px;letter-spacing:2px;color:#92958f}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.hero{min-height:432px;position:relative;overflow:hidden;border-radius:8px;background:#283433}.art{background-image:url(/static/51/assets/fdd6fe924244b1f4c929.jpg);background-size:300% 200%;background-position:var(--pos)}.hero-art{position:absolute;right:0;top:0;width:66%;height:100%;background-size:300% 200%;opacity:.9}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102127 0%,#102127ec 28%,#10212750 60%,#10212700 100%),linear-gradient(0deg,#0a141b77,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:34px 38px;max-width:64%}.eyebrow{color:#cfdbd4;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px}.eyebrow b{background:var(--accent);color:#1c1b19;letter-spacing:1px;padding:3px 7px;font-size:10px}.hero h1{font-family:"Songti SC","STSong",serif;font-size:clamp(44px,4.5vw,76px);font-weight:600;letter-spacing:6px;margin:37px 0 10px;line-height:1.2}.hero .english{letter-spacing:6px;color:#b5c3c5;font-size:12px}.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#b5c2be;margin:19px 0 12px}.meta span:first-child{color:#8ff5cd}.hero p{max-width:290px;line-height:1.9;font-size:14px;color:#c3cec8}.actions{display:flex;gap:10px;margin-top:22px}.primary{background:var(--accent);color:#1a1b17;border-radius:4px;font-weight:750;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary:hover{background:#7af5c5;color:#171713}.circle{background:#ffffff16;border:1px solid #ffffff26;width:44px;height:44px;border-radius:4px;font-size:26px}.hero-bottom{position:absolute;bottom:27px;right:28px;z-index:2;display:flex;align-items:center;gap:12px}.hero-bottom button{width:32px;height:32px;border:1px solid #ffffff55;border-radius:50%}.hero-bottom span{font-size:12px;font-variant-numeric:tabular-nums}.dots{display:flex;gap:5px;margin-right:9px}.dots i{width:5px;height:5px;background:#ffffff55;border-radius:10px}.dots i.on{width:23px;background:var(--accent)}.chart{border-top:2px solid var(--accent);padding:17px 0 0}.chart-head{display:flex;align-items:center;justify-content:space-between}.chart-head h2{font-size:20px;margin:0}.chart-head small{font-size:10px;letter-spacing:2px;color:var(--accent)}.chart-sub{color:var(--muted);font-size:12px;margin:5px 0 20px}.rank{display:flex;width:100%;align-items:center;gap:13px;padding:11px 0;text-align:left;border-bottom:1px solid var(--line)}.ranknum{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#72766b;width:28px}.rank:first-child .ranknum{color:var(--accent)}.thumb{width:48px;height:61px;border-radius:3px;flex-shrink:0}.rank strong{font-size:14px;font-weight:600;display:block}.rank p{font-size:12px;color:var(--muted);margin:4px 0 0}.rank .rise{margin-left:auto;color:var(--accent);font-size:12px}.bar{display:flex;align-items:center;gap:15px;padding:27px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.bar-title{font-size:12px;color:var(--muted);margin-right:10px}.chip{padding:6px 15px;border:1px solid #34372f;border-radius:30px;color:#b5b8ad;font-size:12px}.chip.active{color:#191c15;background:#e4e6d9;border-color:#e4e6d9}.bar .total{margin-left:auto;font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:31px 0 19px}.section-head h2{font-size:24px;letter-spacing:1px;margin:0}.section-head h2 small{font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-left:15px}.section-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.section-head button{font-size:12px;color:#b6b9af}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card{text-align:left;padding:0;min-width:0}.cover{aspect-ratio:3/4;position:relative;border-radius:5px;overflow:hidden;transition:transform .3s}.cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b)}.card:hover .cover{transform:translateY(-5px)}.badge{position:absolute;top:10px;left:10px;font-size:10px;padding:3px 6px;background:#1519149e;backdrop-filter:blur(9px);border:1px solid #ffffff40;z-index:1}.poster-name{position:absolute;bottom:42px;left:15px;right:10px;font-family:"Songti SC",serif;font-size:28px;line-height:1.2;letter-spacing:3px;z-index:1;text-shadow:0 2px 8px #000}.cover-foot{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;z-index:1;font-size:10px;color:#e9e8de}.cover-foot b{color:#8ff5cd;font-weight:400}.card h3{font-size:14px;font-weight:600;margin:11px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card>p{color:#8f948a;font-size:12px;margin:0}.themes{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin:36px 0}.theme{position:relative;min-height:225px;background:#dce0cf;color:#22281f;overflow:hidden;border-radius:5px;text-align:left;padding:28px 32px}.theme small{font-size:10px;letter-spacing:3px}.theme h2{font-size:32px;line-height:1.3;margin:18px 0 10px;font-family:"Songti SC",serif;position:relative;z-index:1}.theme p{font-size:12px;position:relative;z-index:1}.theme .art{position:absolute;right:-20px;top:-10px;width:240px;height:260px;transform:rotate(12deg);opacity:.92;mask-image:linear-gradient(90deg,transparent,#000 45%)}.theme.dark{background:#302820;color:#ecd4b8}.theme:hover{color:inherit}.empty{padding:45px;border:1px dashed #4b5046;color:var(--muted);grid-column:1/-1;text-align:center}.footer{display:flex;justify-content:space-between;padding:26px 0 35px;border-top:1px solid var(--line);color:#71796d;font-size:12px}.footer strong{color:#b2b9a9;font-size:14px}dialog{background:#1b201e;color:var(--text);border:1px solid #494d41;border-radius:12px;width:min(760px,92vw);padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-grid{display:grid;grid-template-columns:40% 60%}.dialog-art{min-height:400px}.dialog-body{padding:32px}.dialog-body h2{font:36px "Songti SC",serif}.dialog-body p{color:#a9b4a7;font-size:14px;line-height:1.9}.close{position:absolute;right:12px;top:8px;font-size:26px}.episodes{display:flex;gap:7px;margin:20px 0;flex-wrap:wrap}.episodes button{border:1px solid #4a4f42;border-radius:4px;width:35px;height:33px}.episodes button.active{background:var(--accent);color:#111}.preview-note{font-size:12px!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#e4e6d9;color:#171b15;border-radius:5px;z-index:20;box-shadow:0 6px 40px #0006}.hidden{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fade{animation:fade .45s ease}@keyframes fade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:500px}.hero-content{padding:45px}.hero h1{margin-top:60px}.chart .rank{padding:15px 0}.thumb{height:70px;width:55px}}@media(max-width:1180px){.shell{padding:0 26px}.side{width:78px}.shell{margin-left:78px}.edition{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 230px}.hero-content{padding:30px;max-width:78%}.cards{grid-template-columns:repeat(3,1fr)}.cover{aspect-ratio:3/4}.chart-head h2{font-size:18px}.themes .art{opacity:.5}}@media(max-width:760px){.side{display:none}.shell{margin:0;padding:0 19px}.top{height:82px;gap:15px}.brand{font-size:24px}.saved,.avatar{display:none}.search{width:160px;padding:8px}.nav{gap:25px;margin-bottom:19px;overflow:auto;white-space:nowrap}.nav small{display:none}.hero-grid{display:block}.hero{min-height:415px}.hero-art{width:90%;opacity:.65}.hero-content{padding:26px;max-width:95%}.hero h1{font-size:52px;margin-top:40px}.chart{margin-top:25px}.chart-sub{margin-bottom:10px}.rank{padding:10px 0}.rank:nth-child(n+4){display:none}.bar{gap:8px}.bar-title,.total{display:none}.chip{padding:6px 13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cover{aspect-ratio:3/4}.themes{grid-template-columns:1fr}.section-head h2 small{display:none}.section-head h2{font-size:22px}.theme{min-height:210px}.footer{gap:20px}.dialog-grid{grid-template-columns:1fr}.dialog-art{min-height:190px;max-height:190px}.dialog-body{padding:22px}.dialog-body h2{margin:10px 0}.dialog-body p{margin:10px 0}.hero-bottom{bottom:18px;right:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.top{border-bottom:1px solid var(--line)}
.top .nav{align-self:stretch;height:auto;margin:0 0 0 18px;border:0;flex:0 0 auto}
.top .nav button{height:100%;white-space:nowrap}
.top .nav button.active:after{bottom:0}
@media(max-width:1180px){.top{gap:18px}.top .nav{gap:18px;margin-left:4px}.top .search{width:260px}}
@media(max-width:760px){.top{height:auto;min-height:0;padding:18px 0 0;flex-wrap:wrap;gap:14px}.top .brand{order:1}.top .search{order:2;margin-left:auto}.top .nav{order:3;width:100%;height:48px;margin:0;overflow-x:auto;gap:26px}.top .nav button{flex:0 0 auto}.top .nav::-webkit-scrollbar{display:none}}

/* Two cover formats: portrait lists and landscape collections. */
:root{--portrait:3/4;--landscape:16/9}
.cover{aspect-ratio:var(--portrait)}
.cover .art,.media .art{position:absolute;inset:auto;width:auto;height:100%;aspect-ratio:1;left:50%;top:0;transform:translateX(-50%);background-size:300% 200%;opacity:1;mask-image:none}
.media{position:relative;display:block;overflow:hidden;border-radius:8px;isolation:isolate}
.media.portrait{aspect-ratio:var(--portrait)}
.media.landscape{aspect-ratio:var(--landscape)}
.media.landscape .art{width:100%;height:auto;left:0;top:50%;transform:translateY(-40%)}
.section-head{align-items:center;margin:32px 0 20px}
.section-head h2{font-size:24px;line-height:1.35;letter-spacing:.5px}
.section-head button{display:flex;gap:12px;align-items:center;padding:6px 0;font-size:12px}
.themes{display:flex;flex-direction:column;gap:46px;margin:42px 0 48px}
.topic-section{min-width:0}
.topic-section .section-head{margin:0 0 20px}
.collection-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.collection-cover{padding:0;width:100%;display:block;text-align:left}
.collection-cover .media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07100ced 0,transparent 75%);z-index:1}
.collection-cover .media{border:1px solid #ffffff15}
.collection-cover .art{transition:filter .3s}
.collection-cover:hover .art{filter:brightness(1.14)}
.collection-name{position:absolute;left:28px;bottom:24px;z-index:2;color:#fff;display:grid;gap:12px;pointer-events:none}
.collection-name strong{font:500 clamp(24px,2.8vw,42px)/1.2 "Songti SC","STSong",serif;letter-spacing:2px}
.collection-name small{font:12px/1.4 var(--font-ui);color:#ddd;letter-spacing:1px}
.collection-arrow{position:absolute;right:24px;bottom:24px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;color:#fff;font-size:20px}
.topic-meta{display:flex;gap:14px;align-items:center;color:#92958f;font-size:12px}
.topic-meta .kind{border:1px solid #ffffff20;padding:3px 9px;border-radius:20px;color:#c8c8be}
.ranked-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:27px 28px 23px;background:#1a1d1e;border:1px solid #ffffff0e;border-radius:12px}
.ranked-card{display:block;min-width:0;text-align:left;padding:0}
.ranked-card .media{border-radius:6px}
.ranked-card .media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#070c12d9);z-index:1}
.ranked-card .badge{left:12px;top:12px;z-index:2}
.ranked-card .cover-foot{z-index:2;font-size:12px}
.rank-caption{display:flex;gap:13px;align-items:center;margin-top:16px}
.rank-caption>strong{font:italic 36px/.95 Georgia,serif;color:#858c92;letter-spacing:-2px}
.ranked-card:first-child .rank-caption>strong{color:var(--accent)}
.rank-caption h3{font-size:18px;margin:0 0 4px;font-weight:600}
.rank-caption small{font-size:12px;color:var(--muted)}
.ranked-card:hover h3{color:var(--accent)}
.media-play{position:absolute;z-index:3;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#111a;color:white;border:1px solid #fff8;transform:translate(-50%,-40%);opacity:0;transition:opacity .2s,transform .2s}
.ranked-card:hover .media-play,.ranked-card:focus-visible .media-play{opacity:1;transform:translate(-50%,-50%)}
.romance-showcase{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:0;background:#202624;border:1px solid #ffffff13;border-radius:10px;overflow:hidden}
.romance-feature{min-width:0;padding:0;align-self:start;display:block;text-align:left;position:relative}
.romance-feature .media{border-radius:0}
.romance-feature .media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211618cb,transparent 65%);z-index:1}
.romance-feature-name{position:absolute;left:30px;bottom:26px;color:#fff1e7;z-index:2;font:500 clamp(24px,2.6vw,38px)/1.3 "Songti SC","STSong",serif;letter-spacing:2px}
.romance-feature-play{position:absolute;right:28px;bottom:26px;z-index:2;border:1px solid #ffffff80;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff}
.romance-menu{padding:clamp(18px,2.5vw,38px);display:flex;flex-direction:column;min-width:0}
.romance-choices{display:flex;flex-direction:column;flex:1;justify-content:center}
.romance-choice{padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:7px 16px;align-items:center;text-align:left;border-bottom:1px solid #ffffff13;transition:color .2s;color:#938b8b}
.romance-choice:last-child{border-bottom:0}
.romance-choice .choice-genre{font-size:10px;letter-spacing:2px;color:inherit;grid-column:1}
.romance-choice strong{font:500 clamp(22px,2vw,30px)/1.3 "Songti SC","STSong",serif;color:inherit;grid-column:1}
.romance-choice .choice-dot{grid-column:2;grid-row:1/3;width:8px;height:8px;border:1px solid #948889;border-radius:50%;transition:background .2s}
.romance-choice[aria-pressed="true"]{color:#c5f9e5}
.romance-choice[aria-pressed="true"] .choice-dot{background:#8ff5cd;border-color:#8ff5cd;box-shadow:0 0 0 5px #8ff5cd11}
.romance-choice:hover{color:#c5f9e5}
.romance-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff25;margin-top:16px;padding:18px 0 0;color:#c5f9e5;font-size:12px}
.romance-visit span{font-size:20px}
@media(max-width:900px){.romance-menu{padding:18px 24px}.romance-choice{padding:14px 0}.romance-choice strong{font-size:22px}.romance-visit{margin-top:10px;padding-top:12px}}
@media(max-width:760px){.romance-showcase{grid-template-columns:1fr}.romance-menu{padding:0 22px 20px}.romance-choices{flex-direction:row;gap:24px}.romance-choice{flex:1;border-bottom:0;padding:22px 0 16px;gap:6px 10px}.romance-choice strong{font-size:22px}.romance-choice[aria-pressed="true"]{border-bottom:2px solid #8ff5cd}.romance-visit{margin-top:4px}.romance-feature-name{left:22px;bottom:20px}.romance-feature-play{right:22px;bottom:20px}}
.curated-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.curated-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:25px;align-items:center;text-align:left;background:#20251f;border:1px solid #ffffff15;border-radius:10px}
.curated-card:nth-child(2){background:#25211f}
.curated-card .media{width:100%;min-width:0;border-radius:5px}
.curated-copy{display:flex;flex-direction:column;align-items:flex-start;color:#eeeade;min-width:0}
.curated-copy .pick{font-size:12px;letter-spacing:2px;color:#b5bfa4;border-bottom:1px solid #b5bfa44a;padding-bottom:10px;margin-bottom:27px}
.curated-copy h3{font:500 30px/1.35 "Songti SC","STSong",serif;margin:0 0 16px;letter-spacing:1px}
.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #ffffff1f;border-radius:3px;font-size:10px;padding:3px 7px;color:#b2b7a9}
.curated-copy .heat{font-size:12px;color:#8ff5cd;margin:20px 0 5px}
.curated-copy .episode-count{font-size:12px;color:#979c91}
.curated-copy .watch-link{font-size:12px;margin-top:27px;display:flex;gap:18px;align-items:center;color:#f0eddf}
.curated-card:hover .watch-link{color:var(--accent)}
.card>p{display:flex;gap:7px;margin-top:7px}
.card>p span{font-size:10px;border-radius:3px;background:#ffffff08;border:1px solid #ffffff0c;padding:2px 6px}
.collection-dialog{padding:30px}
.collection-dialog .section-head{margin:0 0 24px}
.collection-dialog .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.collection-dialog .poster-name{font-size:26px}
.thumb{height:auto!important;aspect-ratio:var(--portrait)}
@media(max-width:1180px){.ranked-shelf{gap:16px;padding:20px}.rank-caption{gap:9px}.rank-caption h3{font-size:14px}.curated-card{gap:17px;padding:16px}.curated-copy h3{font-size:24px}.curated-copy .pick{margin-bottom:17px}.curated-copy .watch-link{margin-top:18px}.collection-name{left:20px;bottom:20px}}
@media(max-width:760px){.themes{gap:36px;margin-top:34px}.section-head h2{font-size:22px}.collection-pair,.romance-collections,.curated-pairs{grid-template-columns:1fr;gap:24px}.topic-meta .kind{display:none}.ranked-shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:23px 13px}.rank-caption>strong{font-size:28px}.rank-caption h3{font-size:14px}.rank-caption small{font-size:10px}.collection-name strong{font-size:30px}.romance-caption{padding:17px 20px}.curated-card{padding:16px;gap:22px}.curated-copy h3{font-size:26px}.curated-copy .pick{margin-bottom:20px}.collection-dialog{padding:24px 18px}.collection-dialog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-wrap:wrap}}
.curated-pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.curated-card{grid-template-columns:190px minmax(0,1fr);gap:28px;padding:20px}
.curated-card:nth-child(3){background:#1c2221}
.curated-card:nth-child(4){background:#211f24}
.curated-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pick heat" "title episodes" "tags action";grid-template-rows:auto auto 1fr;gap:20px 30px;align-self:stretch;padding:24px 20px 24px 0;align-items:start}
.curated-copy .pick{grid-area:pick;margin:0;width:max-content;padding-bottom:9px}
.curated-copy h3{grid-area:title;font-size:36px;margin:0}
.curated-copy .tags{grid-area:tags}
.curated-copy .heat{grid-area:heat;margin:0;font-size:18px;text-align:right}
.curated-copy .episode-count{grid-area:episodes;text-align:right;align-self:center;font-size:14px}
.curated-copy .watch-link{grid-area:action;align-self:end;margin:0;border:1px solid #ffffff30;border-radius:4px;padding:12px 20px;gap:28px}
@media(max-width:1000px){.curated-card{grid-template-columns:150px minmax(0,1fr);gap:20px}.curated-copy{padding:10px 4px 10px 0;gap:13px}.curated-copy h3{font-size:26px}.curated-copy .heat{font-size:12px}.curated-copy .watch-link{padding:9px 12px;gap:14px}}
@media(max-width:760px){.curated-pairs{grid-template-columns:1fr}.curated-card{grid-template-columns:36% minmax(0,1fr);gap:20px;padding:16px}.curated-copy{display:flex;padding:0;gap:0;align-self:center}.curated-copy .pick{margin-bottom:14px;font-size:10px}.curated-copy h3{font-size:24px;margin-bottom:12px}.curated-copy .heat{font-size:12px;margin-top:14px}.curated-copy .episode-count{align-self:auto;text-align:left;font-size:12px;margin-top:3px}.curated-copy .watch-link{align-self:auto;margin-top:17px;padding:0;border:0;font-size:12px;gap:15px}}
.romance-editorial{overflow:hidden}.romance-editorial>.section-head{margin-bottom:6px}.editorial-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:54px;align-items:center;padding:38px 0 46px;border-bottom:1px solid #ffffff30}.editorial-row.reverse{grid-template-columns:minmax(260px,1fr) minmax(0,3fr)}.editorial-row.reverse .editorial-posters{order:2}.editorial-row.reverse .editorial-copy{order:1}.editorial-posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.editorial-card{text-align:left;min-width:0}.editorial-card .media{border-radius:2px;overflow:hidden;transition:transform .25s,filter .25s}.editorial-card:hover .media{transform:translateY(-7px);filter:brightness(1.08)}.editorial-card strong{display:block;font-size:14px;margin:12px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editorial-card small{display:block;color:#737872;font-size:10px}.editorial-copy{position:relative;min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 8px}.editorial-copy .editorial-no{position:absolute;right:0;top:18px;font:italic 32px/1 Georgia,serif;color:#b7bab2}.editorial-copy>p{margin:0 0 15px;color:var(--accent);font-size:10px;letter-spacing:3px}.editorial-copy h3{font:500 clamp(32px,3vw,52px)/1.05 "Songti SC","STSong",serif;letter-spacing:2px;margin:0 0 16px}.editorial-copy>small{color:#858a83;font-size:12px}.editorial-copy button{margin-top:auto;border-bottom:2px solid var(--accent);padding:12px 0 8px;font-size:12px;letter-spacing:1px}.editorial-copy button span{margin-left:14px}.editorial-copy i{position:absolute;right:0;top:50px;width:42px;height:2px;background:var(--accent)}.editorial-row.reverse .editorial-copy .editorial-no,.editorial-row.reverse .editorial-copy i{right:auto;left:0}.editorial-row.reverse .editorial-copy{padding-left:0}.editorial-row.reverse .editorial-copy>p,.editorial-row.reverse .editorial-copy h3,.editorial-row.reverse .editorial-copy>small,.editorial-row.reverse .editorial-copy button{margin-left:56px}
@media(max-width:1000px){.editorial-row,.editorial-row.reverse{grid-template-columns:1fr;gap:20px}.editorial-row.reverse .editorial-posters,.editorial-row.reverse .editorial-copy{order:initial}.editorial-copy{min-height:160px;padding:10px 0 15px}.editorial-copy h3{font-size:36px}.editorial-copy button{margin-top:28px}.editorial-row.reverse .editorial-copy>p,.editorial-row.reverse .editorial-copy h3,.editorial-row.reverse .editorial-copy>small,.editorial-row.reverse .editorial-copy button{margin-left:0}}
@media(max-width:760px){.editorial-row{padding:24px 0 32px}.editorial-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.editorial-card strong{font-size:12px}.editorial-copy{min-height:150px}.editorial-copy h3{font-size:32px}.editorial-copy i{display:none}}
.cinematic-love{min-height:520px;position:relative;overflow:hidden;border-radius:12px;background:#d8ded5;color:#161914}.cinematic-love>.art{position:absolute;inset:0;background-size:300% 200%;background-position:var(--pos);filter:saturate(.88) contrast(1.03)}.cinematic-love:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#090b0bf2 0%,#101312db 28%,#1013124d 58%,#e7ebe2d9 100%),linear-gradient(0deg,#1118,transparent 55%)}.cinematic-copy{position:relative;z-index:2;width:42%;min-height:520px;padding:62px 52px;display:flex;flex-direction:column;align-items:flex-start}.cinematic-copy .cinema-kicker{font-size:10px;letter-spacing:4px;color:#8ff5cd}.cinematic-copy h3{font:500 clamp(44px,5vw,74px)/1.08 "Songti SC","STSong",serif;letter-spacing:5px;margin:24px 0 16px;color:#fff7ed}.cinema-rating{display:flex;align-items:center;gap:14px;color:#8ff5cd;font-size:18px}.cinema-rating small{font-size:12px;color:#d3d4ce;letter-spacing:1px}.cinematic-copy>p{max-width:390px;margin:22px 0 0;color:#b8bdb6;font-size:14px;line-height:1.9}.cinema-actions{display:flex;align-items:center;gap:13px;margin-top:auto}.cinema-play{min-width:148px;background:var(--accent);color:#171916;border-radius:30px;padding:13px 25px;font-weight:700}.cinema-play:hover{background:#7af5c5;color:#111}.cinema-save{width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;color:#fff;font-size:24px}.cinema-scenes{position:absolute;z-index:3;right:38px;top:50%;transform:translateY(-50%);display:grid;gap:14px;width:190px}.cinema-scene{position:relative;display:block;width:100%;border:2px solid #ffffff80;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #0005}.cinema-scene .media{border-radius:0}.cinema-scene:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0001;opacity:0;transition:opacity .2s}.cinema-scene:hover:after{opacity:1}.cinema-scene:hover{border-color:var(--accent)}
@media(max-width:1000px){.cinematic-love,.cinematic-copy{min-height:450px}.cinematic-copy{width:56%;padding:45px 36px}.cinema-scenes{width:145px;right:24px}.cinematic-copy h3{font-size:52px}}
@media(max-width:760px){.cinematic-love{min-height:620px}.cinematic-love:before{background:linear-gradient(0deg,#090b0bf8 0%,#101312d8 50%,#10131233 100%)}.cinematic-copy{width:100%;min-height:620px;padding:245px 24px 24px;justify-content:flex-end}.cinematic-copy h3{font-size:40px;margin:14px 0 8px}.cinematic-copy>p{font-size:12px;margin-top:12px;line-height:1.65}.cinema-actions{margin-top:20px}.cinema-scenes{right:18px;left:18px;top:18px;transform:none;width:auto;grid-template-columns:repeat(3,1fr);gap:8px}.cinema-scene{border-radius:8px}}
.hero-grid{grid-template-columns:1fr}.hero{min-height:610px;border-radius:24px}.hero-art{width:100%;background-size:300% 200%}.hero:after{background:linear-gradient(90deg,#071317f2 0%,#071317c9 26%,#07131738 58%,transparent 78%),linear-gradient(0deg,#061012b8 0%,transparent 45%)}.hero-content{padding:45px 48px;max-width:44%}.hero-content h1{font-size:clamp(58px,6vw,92px);margin:54px 0 8px}.hero-content>p{margin-top:22px}.hero-rating{margin-top:20px}.hero-rating span:first-child{font-size:18px;letter-spacing:2px;color:#8ff5cd}.hero-add{width:44px;height:44px;border:1px solid #ffffff88;border-radius:50%;font-size:24px;color:#fff}.hero-previews{position:absolute;z-index:3;right:115px;bottom:24px;width:min(560px,47%);display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.hero-preview{aspect-ratio:1.7;border-radius:7px;overflow:hidden;border:2px solid transparent;opacity:.62;transition:opacity .2s,transform .2s,border-color .2s}.hero-preview .art{display:block;width:100%;height:100%;background-size:300% 200%;background-position:var(--pos)}.hero-preview:hover{opacity:1;transform:translateY(-4px)}.hero-preview.active{opacity:1;border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.hero-bottom{bottom:31px}.chart{display:none}
@media(max-width:1000px){.hero{min-height:530px}.hero-content{max-width:58%;padding:38px}.hero-content h1{font-size:60px;margin-top:35px}.hero-previews{right:90px;width:48%}}
@media(max-width:760px){.hero{min-height:600px}.hero-content{max-width:100%;padding:28px}.hero-content h1{font-size:50px;margin-top:34px}.hero-previews{left:20px;right:20px;bottom:70px;width:auto;gap:6px}.hero-bottom{bottom:22px}.hero-preview:nth-child(n+5){display:none}}
.cinematic-love,.cinematic-copy{min-height:650px}.hot-image{position:absolute;inset:0;display:block;background-image:var(--image);background-size:cover;background-position:center}.hot-main{z-index:0}.cinema-scene .hot-image{background-size:cover;background-position:center}.cinematic-copy{padding-top:78px;padding-bottom:62px}.cinema-scenes{width:210px}.cinema-scene .media{aspect-ratio:1.8}
@media(max-width:1000px){.cinematic-love,.cinematic-copy{min-height:560px}}
@media(max-width:760px){.cinematic-love,.cinematic-copy{min-height:650px}.cinematic-copy{padding-top:255px}}


/* Floating sidebar: 16px outer spacing, 20px corners. */
@media (min-width:761px){
  .side{
    left:16px;
    top:16px;
    bottom:16px;
    height:calc(100vh - 32px);
    height:calc(100dvh - 32px);
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--panel);
    box-shadow:0 8px 24px rgba(0,0,0,.18);
    padding:24px 0;
    overflow-y:auto;
    scrollbar-width:thin;
  }
  .side .mark{flex-shrink:0}
  .side nav{width:100%;gap:12px;margin-top:42px;padding:0 10px}
  .side nav a{position:relative;border-radius:12px;padding:12px 2px;transition:background .2s,color .2s}
  .side nav a:hover{background:#ffffff06;color:var(--text)}
  .side nav a.active{background:#5ef2b810;color:var(--accent)}
  .side nav a.active:before{content:'';position:absolute;left:0;top:50%;width:3px;height:22px;border-radius:3px;background:var(--accent);transform:translateY(-50%)}
  .side-bottom{padding-top:28px;flex-shrink:0}
  .shell{margin-left:140px;padding-left:28px;padding-right:28px}
}
@media (min-width:761px) and (max-width:1180px){
  .shell{margin-left:110px;padding-left:26px;padding-right:26px}
  .side nav{padding:0 6px}
  .side nav a{font-size:12px}
}


/* Platform information and rule pages. */
[hidden]{display:none!important}
.side-info{margin-top:auto;width:100%;padding:24px 20px 0;flex-shrink:0;color:var(--muted)}
.side-info>strong{display:block;border-top:1px solid var(--line);padding-top:20px;color:var(--text);font-size:18px;letter-spacing:-.5px}
.side-info>strong span{color:var(--accent)}
.side-info p{font-size:12px;line-height:1.9;margin:10px 0 16px}
.policy-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.side .policy-links a,.policy-links a{display:block;text-align:left;font-size:12px;color:#a8aaa4;line-height:1.6;border-radius:4px}
.policy-links a:hover,.policy-links a[aria-current="page"]{color:var(--accent)}
.side-info>small{display:block;font-size:10px;color:#737871;line-height:1.8;margin-top:20px}
.footer{align-items:center;gap:24px}.footer p{margin:7px 0}.footer .policy-links{grid-template-columns:repeat(3,auto);gap:12px 24px}
.info-shell{max-width:1920px;min-height:100vh;padding-top:32px!important;padding-bottom:40px!important}
.info-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:0 0 25px}
.info-topbar a{font-size:14px;color:#b4b7b0}.info-topbar a:hover{color:var(--accent)}
.info-topbar span{font-size:12px;letter-spacing:2px;color:var(--muted)}
.info-heading{padding:48px 0 32px}.info-heading>small{color:var(--accent);letter-spacing:3px;font-size:10px}.info-heading h1{font-size:38px;letter-spacing:1px;margin:10px 0}.info-heading p{color:var(--muted);margin:0;font-size:14px}
.info-layout{display:grid;grid-template-columns:180px minmax(0,860px);gap:28px;align-items:start}
.info-nav{display:grid;gap:8px;position:sticky;top:24px}.info-nav a{padding:13px 16px;border-radius:10px;color:#9b9e98;font-size:14px}.info-nav a[aria-current="page"]{background:#5ef2b810;color:var(--accent)}
.info-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:36px;min-width:0}.info-card h2{font-size:20px;margin:30px 0 12px}.info-card h2:first-child{margin-top:0}.info-card p,.info-card li{font-size:14px;line-height:1.95;color:#b6b9b2}.info-card ul{padding-left:22px}.info-card a{color:var(--accent)}.info-card .note{border-left:3px solid var(--accent);background:#5ef2b808;padding:12px 16px;color:#c3b3a5;font-size:12px;margin:0 0 26px}.info-card details{border-bottom:1px solid var(--line);padding:18px 0}.info-card summary{cursor:pointer;font-size:16px;color:var(--text)}.info-card details p{margin-bottom:0}.info-card .return-home{display:inline-block;border:1px solid #ffffff20;border-radius:8px;padding:10px 16px;margin-top:18px;font-size:14px}
.feedback-form{display:grid;gap:22px}.feedback-form label,.feedback-form legend{display:block;font-size:14px;color:#dedfd8}.feedback-form input,.feedback-form textarea,.feedback-form select{display:block;width:100%;margin-top:9px;border:1px solid #ffffff20;background:#151717;color:var(--text);border-radius:8px;padding:12px;font:inherit;box-sizing:border-box;color-scheme:dark}.feedback-form textarea{min-height:150px;resize:vertical}.feedback-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-form .field-note{font-size:12px;color:var(--muted);margin:6px 0 0}.feedback-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.feedback-actions .primary{border-radius:8px}.feedback-status{font-size:12px;color:#c4cbb8;line-height:1.8}.info-shell>.footer{margin-top:48px}
@media(min-width:761px){.side{width:216px;align-items:stretch}.side>.mark{margin-left:20px}.side>nav{margin-top:30px;gap:8px;padding:0 12px}.side>nav>a{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;font-size:14px}.side>nav>a svg{margin:0;width:20px;height:20px;flex-shrink:0}.shell{margin-left:248px;padding-left:24px;padding-right:32px}}
@media(min-width:761px) and (max-width:1180px){.side{width:188px}.shell{margin-left:220px;padding-left:20px;padding-right:24px}.side-info{padding-left:16px;padding-right:16px}.top{flex-wrap:wrap;height:auto;min-height:106px;padding:18px 0;gap:14px}.top .nav{height:44px}.top .search{width:220px;flex:1 1 190px}.hero-content{max-width:78%}.info-layout{grid-template-columns:1fr}.info-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}.info-nav a{padding:10px 14px}}
@media(max-width:760px){.info-shell{padding-top:22px!important}.info-topbar span{letter-spacing:0}.info-heading{padding:30px 0 24px}.info-heading h1{font-size:30px}.info-layout{grid-template-columns:1fr;gap:20px}.info-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}.info-nav a{padding:9px 12px;font-size:12px}.info-card{padding:24px 20px}.feedback-grid{grid-template-columns:1fr}.footer{align-items:flex-start}.footer .policy-links{gap:10px 18px}}


.mobile-pages{display:none}.channel-shell{padding-top:32px!important;padding-bottom:36px!important;min-height:100vh}.channel-shell>.footer{margin-top:48px}.channel-tabs{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.channel-tabs button{padding:10px 18px;border-radius:8px;background:#ffffff05;color:var(--muted);font-size:14px}.channel-tabs button[aria-pressed=true]{background:#5ef2b818;color:var(--accent)}.channel-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.channel-summary{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-bottom:20px}.channel-shell .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.channel-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.channel-topic{display:block}.channel-topic h2{font-size:20px;margin:14px 0 6px}.channel-topic p{color:var(--muted);font-size:12px;margin:0}.channel-topic:hover h2{color:var(--accent)}.channel-topic .media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.channel-topic .collection-name strong{font-size:30px}.channel-ranks{display:grid;gap:14px}.channel-rank{display:grid;grid-template-columns:44px 82px minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px;text-align:left;width:100%}.channel-rank>.number{font:italic 30px Georgia,serif;color:#858a83}.channel-rank:nth-child(-n+3)>.number{color:var(--accent)}.channel-rank h2{font-size:18px;margin:0 0 8px}.channel-rank p{color:var(--muted);font-size:12px;margin:0;line-height:1.8}.channel-rank .score{color:#8ff5cd;font-size:18px;white-space:nowrap}.channel-rank .score small{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:5px}.road-banner{border:1px solid #5ef2b830;border-radius:16px;background:linear-gradient(120deg,#1f352c,var(--panel));padding:32px;margin-bottom:28px}.road-banner h2{font-size:26px;margin:0 0 12px}.road-banner p{color:#b9b5ab;font-size:14px;line-height:1.8}.road-banner .primary{margin-top:10px;border-radius:8px}.road-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.road-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.road-card h3{font-size:16px;margin:0 0 14px}.road-card p{font-size:12px;color:var(--muted);line-height:1.8}.road-card input{width:100%;min-width:0;background:#141616;color:#aeb3a9;border:1px solid var(--line);padding:10px;border-radius:6px;font:12px var(--font-ui)}.road-card button{color:var(--accent);padding:12px 0 0;font-size:12px}.road-card .pending{color:#888d84;font-size:12px}.road-guide{margin-top:28px;max-width:none}.app-empty{padding:64px 24px;text-align:center;border:1px dashed #ffffff25;border-radius:16px;background:#1b1d1b}.app-empty .app-symbol{margin:auto;width:58px;height:58px;border-radius:16px;background:#5ef2b814;display:grid;place-items:center;color:var(--accent);font-size:28px}.app-empty h2{font-size:22px;margin:22px 0 10px}.app-empty p{font-size:14px;line-height:1.9;color:var(--muted)}.app-empty a{display:inline-block;color:var(--accent);font-size:14px;margin-top:10px}.side>nav{flex-shrink:0}.side>nav>a{min-height:44px}.channel-back{display:inline-block;margin-bottom:22px;color:var(--accent);font-size:14px}
@media(min-width:761px){.side>nav{gap:3px;margin-top:24px}.side>nav>a{padding-top:10px;padding-bottom:10px}.side-info{padding-top:20px}.side-info>strong{padding-top:16px}.side-info>small{margin-top:14px}}
@media(max-width:1180px){.channel-shell .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.road-grid{grid-template-columns:1fr}.channel-rank{gap:14px}}
@media(max-width:760px){.mobile-pages{display:flex;gap:6px;overflow-x:auto;padding:12px 19px;border-bottom:1px solid var(--line);background:var(--bg)}.mobile-pages a{flex-shrink:0;font-size:12px;padding:8px 11px;border-radius:7px;color:var(--muted)}.mobile-pages a[aria-current=page]{color:var(--accent);background:#5ef2b814}.channel-shell{padding-top:22px!important}.channel-shell .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.channel-topics{grid-template-columns:1fr}.channel-rank{grid-template-columns:24px 60px minmax(0,1fr);gap:12px;padding:16px}.channel-rank .score{grid-column:3;font-size:14px}.channel-rank .score small{display:inline;margin-left:8px}.channel-rank h2{font-size:16px}.channel-rank p.rank-desc{display:none}.channel-rank>.number{font-size:24px}.road-banner{padding:24px}.road-banner h2{font-size:24px}}


.benefits-directory{max-width:1400px}.benefits-directory>.channel-tabs{position:sticky;top:0;z-index:3;background:var(--bg);padding:14px 0;gap:12px;margin-bottom:16px}.benefits-directory>.channel-tabs button{border:1px solid transparent;padding:12px 20px;font-size:14px}.benefits-directory>.channel-tabs button[aria-pressed=true]{border-color:#5ef2b82c}.benefits-notice{font-size:12px;color:#80867d;margin:0 0 36px}.benefit-section{scroll-margin-top:96px;padding:0 0 34px;margin:0 0 32px;border-bottom:1px solid var(--line)}.benefit-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.benefit-heading h2{font-size:24px;letter-spacing:.3px;margin:0 0 8px}.benefit-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.benefit-heading>span{flex-shrink:0;font-size:12px;color:#93998e;border:1px solid var(--line);padding:5px 10px;border-radius:20px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.benefit-grid>div{min-width:0}.benefit-card{display:flex;align-items:center;gap:16px;text-align:left;width:100%;height:116px;padding:20px;background:#1c1e1d;border:1px solid #ffffff0a;border-radius:14px;transition:background .2s,border-color .2s,transform .2s}.benefit-card:hover{background:#242622;border-color:#5ef2b84a;transform:translateY(-2px)}.benefit-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:17px;background:linear-gradient(140deg,var(--app-color),#1b1e23);color:#fff5e7;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff38,0 5px 14px #0003}.benefit-icon>span{position:relative;z-index:1;font:600 30px "Songti SC",serif}.benefit-icon:after{content:'';position:absolute;right:-10px;bottom:-14px;width:52px;height:52px;border:1px solid #ffffff3a;border-radius:50%}.benefit-icon i{position:absolute;width:40px;height:40px;border:1px solid #ffffff26;border-radius:50%;left:-14px;top:-9px}.benefit-copy{min-width:0;display:grid;gap:7px}.benefit-copy strong{font-size:16px;font-weight:650;color:var(--text)}.benefit-copy small{font-size:12px;color:#989e92;line-height:1.7}.benefit-arrow{margin-left:auto;color:#808878;font-size:18px}.benefit-card:hover .benefit-arrow{color:var(--accent)}.benefit-expand{display:block;margin:22px auto 0;padding:10px 28px;border:1px solid #ffffff18;border-radius:8px;color:#b5bbad;font-size:12px}.benefit-expand:hover{border-color:#5ef2b866}.benefit-pending{display:flex;align-items:center;gap:18px;border:1px dashed #ffffff20;border-radius:14px;padding:28px;background:#ffffff02}.benefit-pending>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-size:22px;color:#8c9385}.benefit-pending strong{font-size:14px;color:#a8ae9f;font-weight:500}.benefit-pending p{font-size:12px;color:#767d71;margin:7px 0 0}.benefit-detail{padding:44px;text-align:center}.benefit-detail>.benefit-icon{margin:0 auto 22px;width:80px;height:80px;border-radius:22px}.benefit-detail-label{font-size:12px;color:var(--accent);letter-spacing:2px}.benefit-detail h2{font-size:28px;margin:10px 0}.benefit-detail>p:not(.benefit-detail-label){font-size:14px;color:var(--muted)}.benefit-detail-note{padding:18px;background:#ffffff04;border-radius:10px;font-size:12px;line-height:1.9;color:#a1a899;margin:26px 0 20px}.benefit-disabled{background:#ffffff08;color:#747b6c;padding:12px 22px;border-radius:8px;cursor:not-allowed}

@media(max-width:1180px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card{gap:13px;padding:16px}.benefits-directory>.channel-tabs{gap:6px}.benefits-directory>.channel-tabs button{font-size:12px;padding:10px 12px}}
@media(max-width:760px){.benefits-directory>.channel-tabs{flex-wrap:nowrap;overflow-x:auto;margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.benefits-directory>.channel-tabs button{flex-shrink:0}.benefit-section{scroll-margin-top:82px}.benefit-heading{align-items:flex-start}.benefit-heading h2{font-size:20px}.benefit-heading p{font-size:12px}.benefit-heading>span{display:none}.benefit-grid{gap:12px}.benefit-card{height:158px;flex-direction:column;justify-content:flex-start;gap:10px;text-align:center;padding:16px 10px}.benefit-icon{width:54px;height:54px;border-radius:15px}.benefit-icon>span{font-size:26px}.benefit-copy{gap:4px}.benefit-copy strong{font-size:14px}.benefit-copy small{font-size:10px}.benefit-arrow{display:none}.benefit-detail{padding:36px 22px}.benefits-notice{line-height:1.8;margin-bottom:28px}}


/* Placeholder cover source: https://hongguoduanju.com/ */
.art{background-image:var(--cover);background-color:#29302b;background-size:cover!important;background-position:center top!important}
.cover .art,.media .art,.media.landscape .art{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-size:cover!important;background-position:center top!important}
.hero-art{left:auto;right:0;width:62%;background-size:cover!important;background-position:center 22%!important}
.hero-preview .art{background-size:cover!important;background-position:center 20%!important}
.dialog-art{background-size:cover!important;background-position:center top!important}
.hot-image{background-position:center 22%}.cinema-scene .hot-image{background-position:center 20%}
.poster-name{display:none}
@media(max-width:760px){.hero-art{width:100%;opacity:.65}.dialog-art{background-position:center 24%!important}}

.side>nav>a .qq-nav-icon{display:block;width:24px;height:24px;flex:0 0 24px;background-color:currentColor;-webkit-mask-image:var(--qq-icon);mask-image:var(--qq-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.side>nav>a.active .qq-nav-icon{-webkit-mask-image:var(--qq-icon-selected);mask-image:var(--qq-icon-selected)}.side>nav>a[data-page="rank"] .qq-nav-icon{-webkit-mask-size:32px 32px;mask-size:32px 32px}.side>nav>a[data-page="home"]{--qq-icon:url("/static/51/assets/19ed41602046c136ff97.svg");--qq-icon-selected:url("/static/51/assets/813abcae48078ac75a5f.svg")}.side>nav>a[data-page="shorts"]{--qq-icon:url("/static/51/assets/f3d55d5dd5a321d34e3f.png");--qq-icon-selected:url("/static/51/assets/7d05c412943babefeaf1.png")}.side>nav>a[data-page="series"]{--qq-icon:url("/static/51/assets/8c1c285ac6bd3b66b9c9.svg");--qq-icon-selected:url("/static/51/assets/49cffe02110af4469106.svg")}.side>nav>a[data-page="topics"]{--qq-icon:url("/static/51/assets/9903882b2da0df62e0a6.svg");--qq-icon-selected:url("/static/51/assets/bf82634dbd0f49070259.svg")}.side>nav>a[data-page="rank"]{--qq-icon:url("/static/51/assets/c80f072eec53a3ca0c4f.svg");--qq-icon-selected:url("/static/51/assets/c80f072eec53a3ca0c4f.svg")}.side>nav>a[data-page="home-road"]{--qq-icon:url("/static/51/assets/350ab2f3118693a88c62.svg");--qq-icon-selected:url("/static/51/assets/350ab2f3118693a88c62.svg")}.side>nav>a[data-page="apps"]{--qq-icon:url("/static/51/assets/16bd37861fd6246cc91c.svg");--qq-icon-selected:url("/static/51/assets/16bd37861fd6246cc91c.svg")}

/* All portrait poster frames use 3:4. Landscape modules retain their sizing. */
.cover,.media.portrait{aspect-ratio:3/4;height:auto;align-self:start}
.thumb{aspect-ratio:3/4}
@media(min-width:761px){
  .dialog-art{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/4;align-self:start}
}


/* Keep the entire source poster inside each 3:4 portrait frame. */
.cover .art,.media.portrait .art,.thumb.art{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat;
  background-color:#191b19;
}
@media(min-width:761px){
  .dialog-art{
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat;
    background-color:#191b19;
  }
}


/* Short-drama information hierarchy: status, likes, episodes, synopsis, tags, heat. */
.drama-data-card{color:var(--text)}.drama-data-card>.cover{display:block}.drama-label,.drama-likes,.drama-episodes{position:absolute;z-index:2;font-size:10px;line-height:1.5;pointer-events:none}
.drama-label{top:10px;left:10px;border-radius:4px;padding:3px 7px;font-weight:650;background:#f37941;color:#fff}.drama-label--new{background:#537d67}.drama-label--free{background:#414849e8}
.drama-likes{right:10px;top:10px;display:flex;align-items:center;gap:4px;color:#fff;background:#101411bd;border:1px solid #ffffff22;padding:3px 7px;border-radius:20px;font-variant-numeric:tabular-nums}.drama-likes svg{width:12px;height:12px;stroke-width:1.6}.drama-episodes{right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:#101411cc;color:#fff}
.drama-data-card h3,.editorial-card>.drama-title{font-size:16px;line-height:1.5;margin:12px 0 7px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drama-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.8;color:#8e968c;text-align:left;min-height:3.6em}
.drama-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}.drama-tags{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.drama-tags>span{display:inline-block;font-size:10px;line-height:1.5;padding:3px 6px;border:1px solid #ffffff0d;background:#ffffff05;border-radius:4px;color:#a5ad9e}
.drama-heat{display:flex;align-items:center;gap:4px;font-size:12px;color:#8ff5cd;white-space:nowrap}.drama-heat svg{width:13px;height:13px;stroke-width:1.5}.drama-heat b{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}.drama-heat small,.editorial-card .drama-heat small{display:inline;font-size:10px;color:#828b7e}
.editorial-card{text-align:left;padding:0}.editorial-card .drama-tags>span{font-size:10px;padding:2px 5px}.ranked-card .rank-caption{margin-top:14px;margin-bottom:8px;min-height:36px}.ranked-card .rank-caption h3{margin:0}.ranked-card .rank-caption>span{min-width:0}.ranked-card .drama-meta{margin-top:12px}.curated-copy{display:flex;flex-direction:column;gap:0;padding:8px 0;align-self:center}.curated-copy .pick{margin-bottom:15px}.curated-copy h3{margin:0 0 12px;font:500 28px/1.35 "Songti SC",serif;white-space:normal}.curated-copy .drama-description{min-height:0}.curated-copy .drama-meta{width:100%;gap:12px;margin-top:16px}.curated-copy .watch-link{margin-top:20px;align-self:flex-start;font-size:12px}.channel-rank .drama-tags{margin-top:9px}.drama-data-card:hover h3,.editorial-card:hover>.drama-title{color:var(--accent)}
@media(max-width:1180px){.drama-label,.drama-likes{top:8px}.drama-label{left:8px}.drama-likes{right:8px}.curated-card{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr)}.curated-copy h3{font-size:24px}}
@media(max-width:760px){.drama-data-card h3,.editorial-card>.drama-title{font-size:14px}.drama-description{font-size:12px}.drama-label,.drama-likes,.drama-episodes{font-size:10px}.drama-likes{gap:3px;padding:3px 5px}.drama-meta{margin-top:9px;gap:6px}.curated-copy h3{font-size:22px}.curated-copy .watch-link{margin-top:14px}.curated-copy .drama-meta{margin-top:10px}}


/* Category-card layout based on hongguoduanju.com/category/ai-drama. */
.drama-data-card>.cover,.drama-data-card>.media.portrait{border-radius:12px;overflow:hidden}
.drama-data-card>.cover:after,.drama-data-card>.media.portrait:after{content:'';position:absolute;inset:auto 0 0;height:64px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));pointer-events:none;z-index:1}
.drama-data-card .drama-episodes{right:12px;bottom:12px;padding:0;border-radius:0;background:none;color:#fff;font-size:14px;font-weight:500;line-height:1;text-shadow:0 1px 4px #0009}
.drama-data-card>h3,.editorial-card>.drama-title{font-size:18px;font-weight:500;line-height:1.4;margin:14px 0 9px;color:#ffffffe6;letter-spacing:0}
.drama-data-card .drama-meta{display:block;margin-top:0}
.drama-data-card .drama-tags{display:flex;flex-wrap:nowrap;gap:0;overflow:hidden;line-height:1.5}
.drama-data-card .drama-tags>span{position:relative;flex-shrink:0;border:0;border-radius:0;background:none;font-size:12px;font-weight:400;color:#8b9189;padding:0;line-height:1.5}
.drama-data-card .drama-tags>span+span{padding-left:10px;margin-left:10px}
.drama-data-card .drama-tags>span+span:before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;background:#ffffff20}
.ranked-card .rank-caption{margin:14px 0 9px}.ranked-card .rank-caption h3{font-size:18px;font-weight:500}.ranked-card .drama-meta{margin:0}
.curated-copy .drama-meta{margin-top:0}.curated-copy h3{margin-bottom:12px}.curated-copy .watch-link{margin-top:24px}
/* Keep the complete poster visible during hover as well. */
.drama-data-card:hover .cover,.editorial-card:hover .media{transform:none;filter:brightness(1.06)}
@media(max-width:760px){.drama-data-card>h3,.editorial-card>.drama-title,.ranked-card .rank-caption h3{font-size:14px;margin-top:11px}.drama-data-card .drama-tags>span{font-size:12px}.drama-data-card .drama-episodes{font-size:12px;bottom:10px;right:10px}.drama-data-card>.cover,.drama-data-card>.media.portrait{border-radius:9px}.curated-copy h3{font-size:22px}}


/* Portrait frames follow the native image dimensions without cropping or side bars. */
.cover,.media.portrait{aspect-ratio:auto;height:auto;align-self:start;background:transparent}
.poster-source{display:block;width:100%;height:auto;max-width:100%;border:0}
@media(min-width:761px){.dialog-art{aspect-ratio:var(--source-ratio);min-height:0;max-height:none;height:auto}}


/* Zoom only the poster inside its frame, without moving surrounding content. */
.poster-source{transform:scale(1);transform-origin:center center;transition:transform .38s cubic-bezier(.2,.65,.3,1)}
@media(hover:hover) and (pointer:fine){
  .drama-data-card:hover .poster-source,.channel-rank:hover .poster-source{transform:scale(1.06)}
  .drama-data-card:hover .cover,.editorial-card:hover .media{transform:none;filter:none}
}
.drama-data-card:focus-visible .poster-source,.channel-rank:focus-visible .poster-source{transform:scale(1.06)}
@media(prefers-reduced-motion:reduce){.poster-source{transition:none!important;transform:none!important}}


/* Stable title colors and a single-line synopsis beneath each card title. */
.drama-data-card>h3,.drama-data-card:hover>h3,
.editorial-card>.drama-title,.editorial-card:hover>.drama-title{color:#ffffffe6}
.ranked-card .rank-caption h3,.ranked-card:hover .rank-caption h3{color:var(--text)}
.curated-card .curated-copy h3,.curated-card:hover .curated-copy h3{color:#eeeade}
.drama-data-card .drama-description{display:block;width:100%;min-width:0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:12px;line-height:1.8;color:#8e968c;margin:0 0 9px;text-align:left}
.curated-copy .drama-description{flex-shrink:0}
@media(max-width:760px){.drama-data-card .drama-description{font-size:12px;margin-bottom:7px}}


/* Reference corner-badge size, placement, and colors from huangguo.tv. */
.cover-corner-badge{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;min-height:30px;border-radius:6px;color:#fff;font-size:14px;line-height:20px;font-weight:400;pointer-events:none}
.cover-corner-badge--hot{background:#ff4d60}
.cover-corner-badge--new{background:#7065ff}
.cover-corner-badge--free{background:#0bbba9}
@media(max-width:767px){.cover-corner-badge{padding:4px 8px;min-height:26px;font-size:12px;line-height:18px}}


/* User-provided logo, embedded at its original SVG resolution. */
.side>.mark{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;height:46px;margin-right:16px;flex-shrink:0;background:none;transform:none;border-radius:0;color:var(--text);font-size:18px;font-weight:750;letter-spacing:0;white-space:nowrap}
.brand-logo{display:block;flex-shrink:0;object-fit:contain;border-radius:11px}
.side>.mark .brand-logo{width:46px;height:46px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;letter-spacing:0}
.brand .brand-logo{width:34px;height:34px;border-radius:9px}
@media(min-width:761px) and (max-width:1180px){.side>.mark{gap:8px;font-size:16px}.side>.mark .brand-logo{width:38px;height:38px}}
@media(max-width:760px){.brand{font-size:22px;gap:8px}.brand .brand-logo{width:30px;height:30px}}


/* Supplied title artwork keeps its original 63:15 aspect ratio. */
.brand-wordmark{display:block;object-fit:contain;flex-shrink:0;height:auto}
.side>.mark .brand-wordmark{width:100px;height:auto}
.brand .brand-wordmark{width:118px;height:auto}
@media(min-width:761px) and (max-width:1180px){.side>.mark .brand-wordmark{width:96px}}
@media(max-width:760px){.brand .brand-wordmark{width:101px}}


/* Expanded navigation and compact icon-only navigation. */
.sidebar-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:18px 12px 0;padding:9px 14px;border-radius:9px;border:1px solid var(--line);color:#92998e;font-size:12px;text-align:left;line-height:20px;min-height:40px}
.sidebar-toggle:hover{background:#ffffff06;color:var(--text)}.sidebar-toggle svg{width:20px;height:20px;flex-shrink:0}.collapsed-help{display:none!important}.side-nav-label{white-space:nowrap}
@media(min-width:761px){
 .side{transition:width .24s ease}.shell{transition:margin-left .24s ease}.side>nav{margin-top:14px}
 .sidebar-collapsed .side{width:80px;padding-top:20px;padding-bottom:16px}
 .sidebar-collapsed .side>.mark{margin:0 auto;width:44px;height:44px;gap:0}
 .sidebar-collapsed .side>.mark .brand-logo{width:44px;height:44px}
 .sidebar-collapsed .side .brand-wordmark,.sidebar-collapsed .side-nav-label,.sidebar-collapsed .sidebar-toggle-label,.sidebar-collapsed .side-info{display:none}
 .sidebar-collapsed .sidebar-toggle{margin:16px auto 0;width:44px;height:40px;padding:0;justify-content:center}
 .sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}
 .sidebar-collapsed .side>nav{padding:0 10px;gap:6px}
 .sidebar-collapsed .side>nav>a{justify-content:center;padding:12px 0;gap:0;min-height:48px}
 .sidebar-collapsed .side>nav>a .qq-nav-icon{margin:0}
 .sidebar-collapsed .shell{margin-left:112px}
 .sidebar-collapsed .collapsed-help{display:grid!important;place-items:center;margin: auto auto 0;padding:12px;width:46px;min-height:46px;border-radius:10px;color:#949b8e}
 .sidebar-collapsed .collapsed-help:hover{background:#ffffff08;color:var(--accent)}
}
@media(prefers-reduced-motion:reduce){.side,.shell{transition:none!important}}


.ui-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:320px;padding:38px 20px;box-sizing:border-box}
.ui-empty-state>img{display:block;width:210px;height:210px;object-fit:contain;margin:0 0 8px;opacity:1}
.ui-empty-state>h3{margin:0 0 10px;color:#d5d5da;font-size:18px;font-weight:500;line-height:1.5}
.ui-empty-state>p{margin:0;max-width:360px;color:#7e7e88;font-size:14px;line-height:1.8}
.ui-empty-state .ui-empty-action{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-width:116px;padding:10px 22px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff06;color:#bfc0c8!important;font-size:14px;text-decoration:none;cursor:pointer}
.ui-empty-state .ui-empty-action:hover{border-color:#5ef2b8;color:#fff!important;background:#5ef2b816}
.ui-empty-state .ui-empty-action:focus-visible{outline:2px solid #5ef2b8;outline-offset:4px}
.play-comment-list .ui-empty-state{min-height:270px;padding:20px}.play-comment-list .ui-empty-state>img{width:180px;height:180px}
#drama-play-page .play-screen-overlay .ui-empty-state{min-height:0;padding:12px}#drama-play-page .play-screen-overlay .ui-empty-state>img{width:160px;height:160px}#drama-play-page .play-screen-overlay .ui-empty-action{pointer-events:auto;width:auto;height:auto;border-radius:999px;font-size:14px}
@media(max-width:600px){.ui-empty-state{min-height:260px;padding:26px 16px}.ui-empty-state>img{width:176px;height:176px}}


/* Compact header toggle aligned with the brand, matching the supplied reference. */
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;flex-shrink:0;min-height:40px}
.side .sidebar-header>.mark{display:flex;align-items:center;gap:8px;margin:0;width:auto;height:40px;min-width:0;background:none;border-radius:0;transform:none;letter-spacing:0;flex-shrink:1}
.side .sidebar-header>.mark .brand-logo{width:36px;height:36px;border-radius:10px}
.side .sidebar-header>.mark .brand-wordmark{width:96px;height:auto}
.side .sidebar-header>.sidebar-toggle{display:grid;place-items:center;flex-shrink:0;width:28px;height:32px;min-height:32px;margin:0;padding:0;gap:0;border:0;border-radius:6px;background:none;color:#9b9e95}
.side .sidebar-header>.sidebar-toggle:hover{background:#ffffff0a;color:var(--text)}
.side .sidebar-header>.sidebar-toggle svg{width:20px;height:20px;stroke-width:1.5;transform:none}
@media(min-width:761px){.side>nav{margin-top:24px}}
@media(min-width:761px) and (max-width:1180px){.sidebar-header{padding:0 10px;gap:6px}.side .sidebar-header>.mark{gap:6px}.side .sidebar-header>.mark .brand-logo{width:32px;height:32px}.side .sidebar-header>.mark .brand-wordmark{width:82px}}
@media(min-width:761px){
 .sidebar-collapsed .sidebar-header{padding:0 10px;gap:4px;min-height:36px}
 .sidebar-collapsed .side .sidebar-header>.mark{width:28px;height:32px;margin:0;gap:0;flex-shrink:0}
 .sidebar-collapsed .side .sidebar-header>.mark .brand-logo{width:28px;height:28px;border-radius:8px}
 .sidebar-collapsed .side .sidebar-header>.sidebar-toggle{width:24px;height:32px;min-height:32px;margin:0;padding:0}
 .sidebar-collapsed .side .sidebar-header>.sidebar-toggle svg{width:19px;height:19px;transform:none}
 .sidebar-collapsed .side .sidebar-header>.sidebar-toggle svg path{transform:translateX(6px)}
}


/* Sidebar toggle is the first navigation-list item. */
.side>nav>.sidebar-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:44px;min-height:44px;margin:0 0 6px;padding:10px 14px;border:0;border-radius:12px;background:none;color:#8f928e;font-size:14px;text-align:left}
.side>nav>.sidebar-toggle:hover{background:#ffffff06;color:var(--text)}
.side>nav>.sidebar-toggle svg{width:24px;height:24px;flex:0 0 24px;stroke-width:1.5;transform:none}
.sidebar-header{justify-content:flex-start}
.side .sidebar-header>.mark .brand-wordmark{width:100px}
@media(min-width:761px){
 .sidebar-collapsed .sidebar-header{justify-content:center}
 .sidebar-collapsed .side .sidebar-header>.mark{width:40px;height:40px}
 .sidebar-collapsed .side .sidebar-header>.mark .brand-logo{width:40px;height:40px;border-radius:11px}
 .sidebar-collapsed .side>nav>.sidebar-toggle{justify-content:center;width:100%;height:48px;min-height:48px;padding:12px 0;margin:0 0 6px;gap:0}
 .sidebar-collapsed .side>nav>.sidebar-toggle svg{transform:none}
 .sidebar-collapsed .side>nav>.sidebar-toggle svg path{transform:translateX(6px)}
}


/* IYF landscape artwork and its matching portrait preview are separate assets. */
.hero-art{left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
.hero-content{padding-bottom:170px}
.hero-previews{right:28px;bottom:76px;width:min(450px,46%);grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.hero-preview{aspect-ratio:5/7;padding:0;display:block;min-width:0;background:#202222}
.hero-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hero-preview:hover img{transform:scale(1.06)}
.hero-preview:nth-child(n+5){display:block}
@media(max-width:1000px){.hero-previews{right:24px;bottom:76px;width:48%;gap:7px}}
@media(max-width:760px){.hero-art{width:100%;object-position:65% center;opacity:.75}.hero-content{padding-bottom:210px}.hero-previews{left:20px;right:20px;bottom:70px;width:auto;max-width:420px;margin-left:auto;gap:7px}.hero-preview{max-height:112px}}
@media(prefers-reduced-motion:reduce){.hero-preview,.hero-preview img{transition:none}.hero-preview:hover,.hero-preview:hover img{transform:none}}


.home-content{--module-gap:48px;--module-inset:28px;display:flex;flex-direction:column;gap:var(--module-gap);margin-bottom:var(--module-gap);min-width:0}
.home-content>.hero-grid,.home-content>#library,.home-content>.themes,.home-content>.romance-editorial{margin:0;min-width:0}
.home-content>.themes{gap:var(--module-gap)}
.home-content .collection-pair{column-gap:26px;row-gap:var(--module-gap)}
.home-content .topic-section>.section-head{margin:0 0 24px}
.home-content>#library>.bar{padding-top:0}
.home-content>.romance-editorial{padding:0;border:0;border-radius:0;background:transparent}
.home-content .romance-editorial>.section-head{margin:0 0 28px}
.home-content #romance-rows{display:flex;flex-direction:column;gap:32px}
.home-content .editorial-row{padding:0;border:0;gap:36px}
.home-content .editorial-row+.editorial-row{padding-top:32px;border-top:1px solid #ffffff12}
@media(max-width:1000px){.home-content .editorial-row{gap:20px}}
@media(max-width:760px){.home-content{--module-gap:32px;--module-inset:18px}.home-content .topic-section>.section-head{margin-bottom:20px}.home-content>.romance-editorial{border-radius:0}.home-content #romance-rows{gap:24px}.home-content .editorial-row+.editorial-row{padding-top:24px}}


.editorial-copy .editorial-no{position:static;display:block;font:italic 64px/1 Georgia,serif;color:#b7bab2;margin:0 0 18px;order:-1}
.editorial-copy i{display:none}
.editorial-row.reverse .editorial-copy>p,.editorial-row.reverse .editorial-copy h3,.editorial-row.reverse .editorial-copy>small,.editorial-row.reverse .editorial-copy button{margin-left:0}

.home-content>#library>.section-head{margin-top:0}

.home-content .section-head h2{position:relative;padding-left:18px}
.home-content .section-head h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:1.1em;border-radius:999px;background:#5ef2b8}


button,button:hover,button:focus-visible,button:active,button.active,button[aria-pressed="true"],
a.primary,a.primary:hover,a.primary:focus-visible,[role="button"],[role="button"]:hover{color:#fff!important}


/* Slide copy must never change the carousel's outer dimensions. */
.home-content .hero{height:610px;min-height:0;container-type:inline-size}
.home-content .hero-content{position:absolute;inset:0 auto auto 0;width:60%;max-width:none;padding:45px 48px 0}
.home-content .hero-content h1{font-size:clamp(28px,6cqw,72px);line-height:1.2;letter-spacing:3px;margin:40px 0 12px;white-space:nowrap}
.home-content .hero-content .english{letter-spacing:3px;font-size:10px;line-height:1.6}
.home-content .hero-content>p{max-width:320px;margin:22px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(max-width:1000px){.home-content .hero{height:530px}.home-content .hero-content{width:65%;padding:32px 32px 0}.home-content .hero-content h1{margin-top:30px}}
@media(max-width:760px){.home-content .hero{height:600px}.home-content .hero-content{width:100%;padding:28px 24px 0}.home-content .hero-content h1{font-size:clamp(28px,8cqw,48px);margin-top:28px;letter-spacing:2px}.home-content .hero-content>p{margin-top:16px}.home-content .hero-rating{margin-top:16px}.home-content .hero-content .actions{margin-top:18px}}


.side .sidebar-header{justify-content:center;padding:0 12px}
.side .sidebar-header>.sidebar-logo-toggle{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:4px;margin:0;border:0;border-radius:12px;background:none;flex-shrink:0}
.side .sidebar-header>.sidebar-logo-toggle .brand-logo{width:40px;height:40px;border-radius:11px}
.side .sidebar-header>.sidebar-logo-toggle:hover{background:#ffffff08}


html:not(.sidebar-collapsed) .side .sidebar-header{justify-content:flex-start}
html:not(.sidebar-collapsed) .side>nav>a .qq-nav-icon{width:28px;height:28px;flex-basis:28px}
html:not(.sidebar-collapsed) .side>nav>a[data-page="rank"] .qq-nav-icon{-webkit-mask-size:37px 37px;mask-size:37px 37px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{width:60px;height:60px;min-height:60px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-logo{width:52px;height:52px;border-radius:14px}


html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{display:flex;justify-content:flex-start;align-items:center;width:100%;height:60px;gap:10px;padding:4px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-logo{flex:0 0 52px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{display:block;width:100px;max-width:calc(100% - 62px);height:auto}
.sidebar-collapsed .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{display:none}


.side .sidebar-header .brand-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{width:100%;max-width:100px;height:auto}
.side .sidebar-header .brand-tagline{display:block;color:#fff;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:1.2px;white-space:nowrap}
.sidebar-collapsed .side .sidebar-header .brand-copy{display:none}
@media(min-width:761px) and (max-width:1180px){.side .sidebar-header .brand-tagline{font-size:10px;letter-spacing:.7px}}


.top{height:96px;min-height:96px;padding:20px 0;flex-wrap:nowrap;gap:20px;border-bottom:0}
.top .search{order:0;margin:0;width:min(420px,100%);flex:0 1 420px}
.top .saved{margin-left:auto}
@media(max-width:760px){.top{height:82px;min-height:82px;padding:16px 0}.top .search{width:100%;flex:1 1 auto}}


.top{height:112px;min-height:112px;padding:24px 0}
.top .search{width:min(960px,100%);flex:0 1 960px;min-width:0;height:60px;padding:6px 10px 6px 24px;gap:16px;border:1px solid #ffffff1c;border-radius:999px;background:#27272c;box-shadow:0 0 34px 8px #ffffff05,0 8px 28px #0002;transition:border-color .25s,box-shadow .25s,background .25s}
.top .search:hover{background:#2b2b30;border-color:#ffffff32;box-shadow:0 0 38px 10px #ffffff08,0 8px 28px #0002}
.top .search:focus-within{border-color:#5ef2b880;box-shadow:0 0 0 3px #5ef2b812,0 0 34px 6px #5ef2b818}
.top .search input{flex:1;min-width:0;font-size:16px;line-height:24px;color:#fff;background:transparent;outline:none;box-shadow:none}
.top .search input::placeholder{color:#929297;opacity:1}
.top .search button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border-radius:50%;background:transparent;transition:background .2s,transform .2s}
.top .search button:hover{background:#ffffff0c;transform:scale(1.05)}
.top .search button svg{width:24px;height:24px;stroke-width:1.8}
@media(max-width:760px){.top{height:94px;min-height:94px;padding:20px 0}.top .search{height:54px;flex:1 1 auto;width:100%;padding-left:18px;gap:8px}.top .search input{font-size:14px}.top .search button{width:40px;height:40px;flex-basis:40px}.top .search button svg{width:22px;height:22px}}


.home-content .hero-content{inset:auto auto 38px 0;width:52%;padding:0 48px;max-width:620px}
.home-content .hero-content h1{font-size:clamp(28px,4cqw,48px);line-height:1.2;letter-spacing:2px;margin:20px 0 10px}
.home-content .hero-content>p{max-width:360px;margin-top:18px}
.home-content .hero-content .actions{margin-top:20px}
@media(max-width:1000px){.home-content .hero-content{bottom:32px;width:52%;padding:0 28px}.home-content .hero-content h1{font-size:clamp(26px,4cqw,40px);margin-top:16px}.home-content .hero-content .english{letter-spacing:2px}}
@media(max-width:760px){.home-content .hero-content{inset:auto 0 208px 0;width:100%;max-width:none;padding:0 24px}.home-content .hero-content h1{font-size:clamp(28px,7cqw,36px);margin-top:16px}.home-content .hero-content>p{margin-top:14px}.home-content .hero-content .actions{margin-top:16px}}


.top .search{flex:1 1 600px;width:auto;max-width:960px}
.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto;flex-shrink:0}
.header-action{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 0;white-space:nowrap;font-size:14px;border-radius:8px}
.header-action:hover{opacity:.8}.header-action>svg{width:22px;height:22px}
.coin-entry{gap:8px}.coin-symbol{display:grid;place-items:center;width:32px;height:32px;border:2px solid #ffe88c;border-radius:50%;background:linear-gradient(145deg,#fff495,#ffbf39);box-shadow:inset 0 0 0 3px #ffd563;color:#d68b13;font-size:20px;text-shadow:0 1px #fff5b0}.coin-value{font-size:18px;font-variant-numeric:tabular-nums}.coin-label{font-size:12px;color:var(--muted)}
.account-divider{height:24px;width:1px;background:#ffffff20}.account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#343439;overflow:hidden}.account-avatar svg{width:24px;height:24px;color:#b8b8c0}.account-entry.is-logged-in .account-avatar{background:#5ef2b825}.account-entry.is-logged-in .account-avatar svg{color:#8ff5cd}.account-copy{text-align:left;display:grid;gap:2px}.account-copy strong{font-size:14px;font-weight:500}.account-copy small{font-size:12px;color:#96969e}
.top .header-saved-proxy{display:none!important}
#account-dialog{width:min(420px,calc(100vw - 32px));padding:32px;border-radius:20px;background:#202024;border:1px solid #ffffff18}
#account-dialog h2{font-size:24px;margin:0 0 12px}#account-dialog p{font-size:14px;line-height:1.8;color:#a8a8b0;margin:12px 0 24px}#account-dialog .primary{width:100%;border-radius:10px}#account-dialog .account-secondary{display:block;width:100%;padding:12px;margin-top:10px;border-radius:10px;background:#ffffff08}#account-dialog .balance{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:36px}#account-dialog .balance small{font-size:14px;color:#a8a8b0}#account-dialog .unavailable{padding:12px;border-radius:10px;background:#ffffff08;text-align:center;color:#9898a0;font-size:14px}
@media(max-width:1180px){.header-actions{gap:16px}.top{gap:18px}.coin-label{display:none}}
@media(max-width:760px){.top{height:auto;min-height:0;flex-wrap:wrap;padding:18px 0 22px;gap:14px}.top .search{flex:1 0 100%;max-width:none}.header-actions{width:100%;justify-content:flex-end;gap:20px}.download-entry{margin-right:auto}.header-action{padding:2px 0}.account-avatar{width:34px;height:34px}}


.top{height:96px;min-height:96px;gap:32px;padding:20px 0}
.top .search{height:46px;max-width:720px;flex:1 1 480px;padding:3px 6px 3px 22px;gap:10px;background:#ffffff09;border-color:#ffffff10;box-shadow:inset 0 1px 0 #ffffff03}
.top .search:hover{background:#ffffff0d;border-color:#ffffff24;box-shadow:none}
.top .search:focus-within{border-color:#5ef2b880;box-shadow:0 0 0 3px #5ef2b810}
.top .search input{font-size:14px}.top .search button{width:36px;height:36px;flex-basis:36px;padding:8px}.top .search button svg{width:21px;height:21px}
.header-actions{gap:26px;margin-left:auto;align-items:center}
.header-action{flex-direction:column;gap:5px;min-width:44px;padding:2px 0;font-size:12px;line-height:1.3;opacity:.8;transition:opacity .2s,transform .2s}
.header-action:hover{opacity:1;transform:translateY(-1px)}
.header-action>svg{width:24px;height:24px;stroke-width:1.6}
.coin-symbol{width:25px;height:25px;font-size:14px;box-shadow:inset 0 0 0 2px #ffd563}
.coin-caption{font-size:12px}.coin-value{font-size:12px}
.account-entry{min-width:46px;gap:4px}.account-avatar{width:34px;height:34px;background:linear-gradient(145deg,#56565e,#303036);border:1px solid #ffffff18}.account-avatar svg{width:23px;height:23px}
.account-copy{display:block;text-align:center}.account-copy strong{font-size:12px;font-weight:400}.account-copy small{display:none}
.account-entry.is-logged-in .account-avatar{border-color:#5ef2b855}
.account-history-list{display:grid;gap:10px;margin-top:20px;max-height:50vh;overflow:auto}
.account-history-item{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border-radius:10px;background:#ffffff05;width:100%}.account-history-item:hover{background:#ffffff0a}.account-history-item img{width:42px;height:58px;object-fit:cover;border-radius:5px}.account-history-item strong{display:block;font-size:14px;font-weight:500}.account-history-item small{display:block;font-size:12px;color:#94949c;margin-top:5px}
@media(max-width:1180px){.top{gap:20px}.header-actions{gap:16px}.top .search{flex-basis:300px}}
@media(max-width:760px){.top{height:auto;min-height:0;flex-wrap:wrap;padding:18px 0;gap:16px}.top .search{flex:1 0 100%;max-width:none;height:46px}.header-actions{justify-content:flex-end;gap:24px;width:100%}.download-entry{margin-right:auto}}


.top{height:106px;min-height:106px;gap:28px}
.top .search{height:54px;max-width:none;flex:1 1 620px;padding:5px 12px 5px 24px;background:#ffffff15;border:1px solid #ffffff25;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff08}
.top .search input{font-size:16px}.top .search input::placeholder{color:#a9a9b0}.top .search button svg{width:25px;height:25px;color:#c6c6ce}
.top .search:hover{background:#ffffff1c;border-color:#ffffff35}
.header-actions{gap:24px}
.header-actions .download-entry{flex-direction:row;gap:8px;height:50px;padding:0 18px;border-radius:999px;border:1px solid #ffffff1c;background:#ffffff09;font-size:14px;opacity:1;backdrop-filter:blur(12px)}
.header-actions .download-entry:hover{background:#ffffff14;transform:none}
.header-actions .coin-entry{flex-direction:row;height:50px;padding:0 16px;gap:8px;background:#d6aa4610;border:1px solid #d6aa4630;border-radius:999px;opacity:1}
.header-actions .coin-caption,.header-actions .coin-value{font-size:14px;color:#e6bf68}.header-actions .coin-symbol{width:25px;height:25px}
.header-actions .history-entry{gap:4px;min-width:38px;font-size:12px}.header-actions .history-entry>svg{width:28px;height:28px;color:#bfc0c7}
.header-actions .account-entry{padding:0;min-width:50px;opacity:1}.header-actions .account-avatar{width:50px;height:50px;background:linear-gradient(145deg,#777780,#39393f);border:1px solid #ffffff28;box-shadow:inset 0 1px 0 #ffffff15}.header-actions .account-avatar svg{width:30px;height:30px;color:#ececf0}.header-actions .account-copy{display:none}.header-actions .account-entry.is-logged-in .account-avatar{background:linear-gradient(145deg,#35ad7e,#254a3c);border-color:#5ef2b880}
@media(max-width:1180px){.top{gap:18px}.header-actions{gap:14px}.header-actions .download-entry{padding:0 14px}.header-actions .coin-entry{padding:0 12px}.top .search{flex-basis:300px}}
@media(max-width:760px){.top{height:auto;min-height:0;gap:16px}.top .search{flex:1 0 100%;height:50px;padding-left:18px}.top .search input{font-size:14px}.header-actions{justify-content:flex-end;gap:16px}.header-actions .download-entry{margin-right:0;height:42px;font-size:12px;padding:0 12px}.header-actions .coin-entry{height:42px;margin-right:auto}.header-actions .account-entry{min-width:42px}.header-actions .account-avatar{width:42px;height:42px}}


.page-tools{position:fixed;right:24px;bottom:28px;z-index:8;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
.page-tools.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.page-tool{display:grid;place-items:center;width:48px;height:48px;padding:12px;border:1px solid #ffffff1c;border-radius:14px;background:#252529ed;box-shadow:0 5px 20px #0003;backdrop-filter:blur(12px)}
.page-tool:hover,.page-tool[aria-expanded="true"]{background:#5ef2b8;border-color:#5ef2b8}.page-tool svg{width:24px;height:24px}
.page-tool-download{position:relative}.download-qr-panel{position:absolute;right:100%;bottom:0;margin-right:14px;width:190px;padding:18px;border:1px solid #ffffff1c;border-radius:16px;background:#242429;box-shadow:0 12px 40px #0006;text-align:center;opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .18s,transform .18s,visibility .18s}
.download-qr-panel::after{content:'';position:absolute;left:100%;bottom:0;width:16px;height:100%}
.page-tool-download:hover .download-qr-panel,.page-tool-download:focus-within .download-qr-panel,.page-tool-download.is-open .download-qr-panel{opacity:1;visibility:visible;transform:none}
.download-qr-panel strong{display:block;font-size:14px;margin-bottom:12px}.download-qr-panel p{color:#a7a7ae;font-size:12px;margin:12px 0 0;line-height:1.6}
.download-qr-placeholder{display:grid;place-items:center;align-content:center;gap:10px;width:152px;height:152px;border-radius:9px;background:#f3f3f5;color:#777780;font-size:12px}.download-qr-placeholder svg{width:34px;height:34px;color:#b0b0b8}
@media(max-width:760px){.page-tools{right:14px;bottom:20px;gap:8px}.page-tool{width:44px;height:44px;padding:10px;border-radius:12px}.download-qr-panel{margin-right:10px}}

.download-qr-placeholder{background:#fff;padding:12px}.download-qr-placeholder img{display:block;width:128px;height:128px;image-rendering:pixelated}

.header-download-wrap{position:relative}
.header-download-qr{position:absolute;top:100%;right:0;margin-top:14px;z-index:12;width:190px;padding:18px;border:1px solid #ffffff1c;border-radius:16px;background:#242429;box-shadow:0 12px 40px #0006;text-align:center;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.header-download-qr::before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:16px}
.header-download-qr strong{display:block;font-size:14px;margin-bottom:12px}.header-download-qr p{color:#a7a7ae;font-size:12px;margin:12px 0 0;line-height:1.6}
.header-download-wrap:hover .header-download-qr,.header-download-wrap:focus-within .header-download-qr,.header-download-wrap.is-open .header-download-qr{opacity:1;visibility:visible;transform:none}


.header-download-qr,.download-qr-panel{width:320px;padding:32px 22px 28px;border:1px solid #ffffff0a;border-radius:20px;background:#303232;box-shadow:0 16px 44px #0005}
.download-panel-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 24px}
.download-panel-brand .brand-logo{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.download-panel-brand .brand-wordmark{display:block;width:126px;height:30px;object-fit:contain}
.header-download-qr .download-qr-placeholder,.download-qr-panel .download-qr-placeholder{width:180px;height:180px;margin:0 auto;padding:12px;background:#fff;border-radius:12px}
.header-download-qr .download-qr-placeholder img,.download-qr-panel .download-qr-placeholder img{width:156px;height:156px}
.download-panel-copy{margin-top:22px}
.header-download-qr .download-panel-copy p,.download-qr-panel .download-panel-copy p{margin:0;color:#a5a7a7;font-size:14px;line-height:1.9;white-space:nowrap}
@media(max-width:760px){.header-download-qr,.download-qr-panel{width:270px;padding:26px 14px 24px}.header-download-qr{right:-46px}.header-download-qr .download-panel-copy p,.download-qr-panel .download-panel-copy p{font-size:12px}.download-panel-brand{margin-bottom:20px}}


.top .search{position:relative}
.search-discovery{position:absolute;top:calc(100% + 14px);left:0;width:min(760px,calc(100vw - 48px));max-width:max(100%,320px);max-height:min(620px,75vh);overflow:auto;z-index:20;padding:28px;border:1px solid #ffffff12;border-radius:24px;background:#171719;box-shadow:0 16px 60px #0008;text-align:left;animation:search-panel-in .18s ease}
.search-discovery[hidden]{display:none}
.search-discovery-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.search-discovery-heading h2{font-size:16px;margin:0;color:#f2f2f4;font-weight:600}.search-history-actions{display:flex;gap:10px;align-items:center}
.top .search .search-discovery button{display:inline-flex;width:auto;height:auto;flex:initial;min-height:30px;padding:5px 8px;border-radius:6px;font-size:12px;transform:none;white-space:normal}
.top .search .search-discovery button:hover{background:#ffffff0a}
.search-history-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.top .search .search-history-tags button{padding:7px 12px;background:#ffffff08;border-radius:8px;max-width:100%;overflow-wrap:anywhere}
.search-discovery-status{font-size:14px;color:#82828c;margin:0 0 12px}.search-suggestion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.top .search .search-suggestion-list button{display:flex;align-items:center;gap:10px;padding:10px 6px;width:100%;text-align:left;font-size:14px;min-width:0}
.search-suggestion-list .suggestion-number{font-size:18px;font-weight:700;font-style:italic;color:#74747c;flex:0 0 20px}.search-suggestion-list button:nth-child(-n+3) .suggestion-number{color:var(--accent)}.suggestion-copy{min-width:0;display:grid;gap:4px}.suggestion-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.suggestion-copy small{font-size:12px;color:#85858f}.search-discovery mark{background:none;color:#8ff5cd}
@keyframes search-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.search-discovery{width:100%;max-width:none;padding:20px;border-radius:18px;max-height:65vh}.search-suggestion-list{grid-template-columns:1fr}}


.search-discovery{width:760px;max-width:none;padding:36px;border-radius:24px;background:#0d0d0d;border:1px solid #ffffff20;box-shadow:0 22px 65px #0009;scrollbar-width:thin;scrollbar-color:#414141 #0d0d0d;overscroll-behavior:contain}
.search-discovery-heading{margin-bottom:22px}.search-discovery-heading h2{font-size:18px;font-weight:650}
.search-history-section{padding-bottom:28px;border-bottom:1px solid #ffffff12}.search-history-tags{margin:0;min-height:28px}.search-discovery-status{font-size:14px;line-height:1.8;margin:0}
.search-ranking-section{padding:28px 0;border-bottom:1px solid #ffffff12}.search-picks-section{padding-top:28px}
.search-suggestion-list{display:flex;flex-direction:column;gap:4px}
.top .search .search-suggestion-list button{padding:10px 0;min-height:46px;gap:14px;border-radius:8px}
.search-suggestion-list .suggestion-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#282828;color:#969696;font-size:16px;font-weight:400;font-style:normal}
.search-suggestion-list button:nth-child(1) .suggestion-number{background:linear-gradient(135deg,#ffd095,#ed9b3b);color:#fff}
.search-suggestion-list button:nth-child(2) .suggestion-number{background:linear-gradient(135deg,#d3eaf7,#8aaebd);color:#fff}
.search-suggestion-list button:nth-child(3) .suggestion-number{background:linear-gradient(135deg,#ffd0b5,#df9277);color:#fff}
.suggestion-copy{flex:1}.suggestion-copy strong{font-size:16px;color:#c6c6c6}.suggestion-heat{margin-left:auto;white-space:nowrap;font-size:14px;color:#858585}
.top .search .search-discovery #search-clear,.top .search .search-discovery #search-picks-refresh{color:var(--accent)!important;font-size:14px;padding:4px 0}
.top .search .search-discovery #search-panel-close{padding:4px;margin-left:8px}.top .search #search-panel-close svg{width:22px;height:22px}
.search-picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.top .search .search-discovery .search-pick{display:block;min-width:0;width:100%;padding:0;border-radius:12px;overflow:hidden;background:#191919;text-align:left}
.search-pick-cover{display:block;position:relative;overflow:hidden}.search-pick-cover>img{display:block;width:100%;height:auto;transition:transform .3s}.search-pick:hover .search-pick-cover>img{transform:scale(1.05)}
.search-pick-body{display:grid;gap:8px;padding:12px 10px}.search-pick-body strong,.search-pick-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-pick-body strong{font-size:14px;color:#eee;font-weight:600}.search-pick-body small{font-size:12px;color:#777}
.search-pick .cover-corner-badge{top:6px;right:6px;font-size:10px;line-height:16px;min-height:22px;padding:3px 6px}.search-pick .drama-episodes{font-size:12px}
@media(max-width:760px){.search-discovery{padding:22px;border-radius:20px}.search-discovery-heading h2{font-size:16px}.suggestion-copy strong{font-size:14px}.suggestion-heat{font-size:12px}.search-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-history-section{padding-bottom:22px}.search-ranking-section{padding:22px 0}.search-picks-section{padding-top:22px}}


/* Lift the entire header context, not only the popup inside the blurred form. */
.top{position:relative;z-index:100;overflow:visible}
.top .search{position:relative;z-index:30;overflow:visible}
.top .header-actions{position:relative;z-index:20}
.top .search-discovery{z-index:1000}
.home-content{position:relative;z-index:0;isolation:isolate}


.search-discovery{padding:24px;border-radius:18px}
.search-discovery-heading{margin-bottom:16px}.search-discovery-heading h2{font-size:16px}
.search-history-section{padding-bottom:20px}.search-ranking-section{padding:20px 0}.search-picks-section{padding-top:20px}
.top .search .search-suggestion-list button{min-height:38px;padding:6px 0;gap:10px}
.search-suggestion-list .suggestion-number{width:24px;height:24px;flex-basis:24px;font-size:14px}
.suggestion-copy strong{font-size:14px}.suggestion-heat{font-size:12px}.search-discovery-status{font-size:12px}
.search-picks-grid{gap:10px}.search-pick-body{padding:9px 8px;gap:5px}.search-pick-body strong{font-size:12px}.search-pick-body small{font-size:12px}
@media(max-width:760px){.search-discovery{padding:18px}}


.search-discovery{max-height:none;overflow:visible;transform-origin:top left;transform:scale(var(--search-panel-scale,1));animation:none;padding:20px}
.search-history-section{padding-bottom:16px}.search-ranking-section{padding:16px 0}.search-picks-section{padding-top:16px}.search-discovery-heading{margin-bottom:12px}
.search-suggestion-list{gap:2px}.top .search .search-suggestion-list button{min-height:34px;padding:4px 0}
@media(max-width:760px){.search-discovery{padding:16px;max-height:none}.search-picks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.search-pick-body{padding:8px 5px}.search-pick-body small{display:none}.search-pick-body strong{font-size:10px}}

.search-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.top .search button .search-icon-solid{fill:currentColor;stroke:none;color:#fff}

.editorial-copy button{margin-top:36px;transition:color .2s,border-color .2s}
.editorial-copy button:hover,.editorial-copy button:focus-visible{color:var(--accent)!important;border-bottom-color:var(--accent)}


.hero .eyebrow b{color:#fff}
.hero .actions .primary{border-radius:999px;padding-left:26px;padding-right:26px}

.hero-rating span:first-child{font-size:12px;letter-spacing:0;color:#b5c2be}

@media(min-width:761px){.home-content .hero{--hero-content-bottom:76px}.home-content .hero-content,.home-content .hero-previews{bottom:var(--hero-content-bottom)}}


.home-content .hero-previews{right:72px;width:min(450px,calc(48% - 72px))}
.hero-preview-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#13141466;font-size:22px;line-height:1;transition:background .2s,border-color .2s,color .2s}
.hero-preview-arrow.prev{left:-44px}.hero-preview-arrow.next{right:-44px}
.hero-preview-arrow:hover,.hero-preview-arrow:focus-visible{background:var(--accent);border-color:var(--accent);color:#101214!important}
.home-content .hero-bottom{right:72px}
@media(max-width:760px){.home-content .hero-previews{left:58px;right:58px;width:auto;max-width:none;gap:6px}.hero-preview-arrow{width:30px;height:30px;font-size:20px}.hero-preview-arrow.prev{left:-38px}.hero-preview-arrow.next{right:-38px}.home-content .hero-bottom{right:24px}}


.hero-preview-arrow{width:34px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-preview-arrow svg{width:30px;height:38px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
.hero-preview-arrow:hover,.hero-preview-arrow:focus-visible{background:transparent;border:0;color:var(--accent)!important}
@media(max-width:760px){.hero-preview-arrow{width:30px;height:42px}.hero-preview-arrow svg{width:26px;height:32px}}


.home-content .section-head button{transition:color .2s}
.home-content .section-head button>span{display:inline-block;transition:transform .2s}
.home-content .section-head button:hover,.home-content .section-head button:focus-visible{color:var(--accent)!important}
.home-content .section-head button:hover>span,.home-content .section-head button:focus-visible>span{transform:translate(3px,-2px)}


.topic-recommendation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.topic-recommendation-card{position:relative;display:block;min-width:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;isolation:isolate;background:#242424}
.topic-recommendation-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;transition:transform .4s ease,filter .4s ease}
.topic-recommendation-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 28%,#0009 100%);z-index:1;pointer-events:none}
.topic-recommendation-card:hover>img{transform:scale(1.045);filter:brightness(1.08)}
.topic-recommendation-brand{position:absolute;z-index:2;left:12px;top:10px;display:flex;align-items:center;gap:5px;color:#fff;font-size:10px;font-weight:600;text-shadow:0 1px 4px #0009}.topic-recommendation-brand img{width:22px;height:22px;object-fit:contain}
.topic-recommendation-copy{position:absolute;z-index:2;left:18px;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#fff}
.topic-recommendation-copy small{padding:3px 7px;border-radius:5px;background:#0009;color:#f4d566;font-size:12px;line-height:1.4}
.topic-recommendation-copy strong{font-size:18px;line-height:1.3;font-weight:600;text-shadow:0 2px 8px #0008}
.home-content .section-head .topic-more{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid #ffffff08;background:#ffffff05;color:#b8b8b8;font-size:12px;transition:color .2s,background .2s}.topic-more span{font-size:20px;line-height:1;transition:transform .2s}.home-content .section-head .topic-more:hover,.home-content .section-head .topic-more:focus-visible{color:var(--accent);background:#5ef2b812}.topic-more:hover span{transform:translateX(3px)}
@media(max-width:1180px){.topic-recommendation-grid{gap:14px}.topic-recommendation-copy{left:12px;bottom:12px;gap:5px}.topic-recommendation-copy strong{font-size:16px}.topic-recommendation-brand{font-size:10px;top:8px;left:9px}.topic-recommendation-brand img{width:18px;height:18px}}
@media(max-width:760px){.topic-recommendation-grid{grid-template-columns:minmax(0,1fr);gap:12px}.topic-recommendation-card{border-radius:10px}.topic-recommendation-copy strong{font-size:14px}.topic-recommendation-copy small{font-size:10px}.topic-recommendation-brand{display:none}}


.home-content .section-head .topic-more{gap:12px;padding:6px 0;border:0;border-radius:0;background:none;color:#fff;font-size:12px;transition:color .2s}
.home-content .section-head .topic-more span{font-size:inherit;line-height:inherit;transition:transform .2s}
.home-content .section-head .topic-more:hover,.home-content .section-head .topic-more:focus-visible{color:var(--accent);background:none}
.home-content .section-head .topic-more:hover span,.home-content .section-head .topic-more:focus-visible span{transform:translate(3px,-2px)}


#twist-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;background:transparent;border:0;border-radius:0;padding:0}
#twist-cards .rank-caption>strong{color:#858c92}
#twist-cards .ranked-card:nth-child(-n+3) .rank-caption>strong{color:var(--accent)}
@media(max-width:1180px){#twist-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}
@media(max-width:760px){#twist-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
.side>nav>a[data-page="rank"]{--qq-icon-selected:url("/static/51/assets/2699fa102e73d8c8f182.svg")}
.side>nav>a[data-page="home-road"]{--qq-icon-selected:url("/static/51/assets/92fc7fda98f7db0495ce.svg")}
.side>nav>a[data-page="apps"]{--qq-icon-selected:url("/static/51/assets/3482d6856aee853de24f.svg")}
html .side>nav>a[data-page="rank"].active .qq-nav-icon{-webkit-mask-size:contain;mask-size:contain}


#martial-cards .drama-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.7;max-height:3.4em}


.home-content{--promotion-gap:24px}
.home-content>.home-promotions{margin-top:calc(24px - var(--module-gap));margin-bottom:calc(var(--promotion-gap) - var(--module-gap))}
.home-promotions{width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--promotion-gap)}
.announcement-bar{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;gap:18px;min-height:44px;padding:10px 16px;border-radius:10px;background:#5ef2b80b;border:1px solid #5ef2b81c}
.announcement-label{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--accent);font-size:14px;font-weight:600}.announcement-label svg{width:20px;height:20px;stroke-width:1.8}
.announcement-viewport{min-width:0;flex:1;overflow:hidden;color:#babac0;font-size:14px;line-height:22px}
.announcement-track{display:flex;width:max-content;animation:announcement-scroll var(--announcement-duration,70s) linear infinite;will-change:transform}.announcement-track>span{display:block;flex-shrink:0;white-space:nowrap}
.announcement-bar:hover .announcement-track,.announcement-bar:focus-within .announcement-track{animation-play-state:paused}
.promo-marquee{width:100%;min-width:0;overflow:hidden;border-radius:12px;position:relative}
.promo-track{display:flex;width:max-content;animation:promo-scroll 65s linear infinite;will-change:transform}
.promo-group{display:flex;flex-shrink:0;gap:18px;padding-right:18px}
.promo-tile{display:block;flex:0 0 132px;width:132px;text-align:center;color:#c7c7cc;padding:2px 0 4px}
.promo-tile-image{display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#252529}
.promo-tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s,filter .3s}
.promo-tile strong{display:block;margin-top:10px;font-size:14px;line-height:1.5;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-tile:hover{color:var(--accent)}.promo-tile:hover img{transform:scale(1.04);filter:brightness(1.08)}
.promo-marquee:hover .promo-track,.promo-marquee:focus-within .promo-track{animation-play-state:paused}
@keyframes promo-scroll{to{transform:translateX(-50%)}}@keyframes announcement-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.home-content>.home-promotions{margin-top:calc(18px - var(--module-gap))}.home-content{--promotion-gap:18px}.announcement-bar{padding:9px 12px;gap:12px}.announcement-label,.announcement-viewport{font-size:12px}.promo-tile{width:96px;flex-basis:96px}.promo-group{gap:12px;padding-right:12px}.promo-tile strong{font-size:12px}.promo-tile-image{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.promo-track,.announcement-track{animation:none}.promo-marquee,.announcement-viewport{overflow-x:auto}.promo-group[aria-hidden="true"],.announcement-track>span+span{display:none}}


#martial-cards .martial-description{display:block;white-space:normal;line-height:1.7;height:3.4em;max-height:none;min-width:0;width:100%}
#martial-cards .martial-description>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7}


.header-actions .account-entry:not(.is-logged-in) .account-avatar{background:transparent;border:0;box-shadow:none}
.account-avatar .guest-avatar-image{display:block;width:100%;height:100%;object-fit:contain}
.account-entry:not(.is-logged-in) .account-avatar>svg{display:none}
.account-entry.is-logged-in .guest-avatar-image{display:none}

.promo-tile-image{aspect-ratio:1/1}.promo-tile-image img{object-fit:contain;object-position:center}.promo-tile:hover img{transform:none}

.side>nav>a[data-page="rank"].active .qq-nav-icon,
.side>nav>a[data-page="home-road"].active .qq-nav-icon,
.side>nav>a[data-page="apps"].active .qq-nav-icon{-webkit-mask-image:var(--qq-icon);mask-image:var(--qq-icon)}
html .side>nav>a[data-page="rank"].active .qq-nav-icon{-webkit-mask-size:32px 32px;mask-size:32px 32px}
html:not(.sidebar-collapsed) .side>nav>a[data-page="rank"].active .qq-nav-icon{-webkit-mask-size:37px 37px;mask-size:37px 37px}


.promo-marquee{overflow:visible}.promo-track{display:block;width:100%;animation:none!important;transform:none;will-change:auto}
.promo-group{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:14px;padding:0;width:100%}
.promo-tile{width:auto;min-width:0;padding:0}.promo-tile-image{border-radius:22%;aspect-ratio:1}.promo-tile strong{margin-top:8px;font-size:12px}
.page-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0;border:0;font-size:16px;line-height:1.5;color:#8d8d95}
.page-breadcrumb a{color:#8d8d95}.page-breadcrumb a:hover{color:var(--accent)}.page-breadcrumb [aria-current="page"]{color:var(--accent)}.page-breadcrumb .breadcrumb-separator{color:#777780}
.channel-shell>.info-heading,.info-shell>.info-heading{padding:30px 0 28px}.channel-shell>.info-heading>small,.info-shell>.info-heading>small{display:none}.channel-shell>.info-heading h1,.info-shell>.info-heading h1{font-size:32px;line-height:1.3;margin:0;font-weight:650;letter-spacing:0}
#channel-page[data-channel="shorts"] #channel-subtitle{display:none}
#channel-page[data-channel="shorts"] #channel-content>.channel-tabs{display:flex;gap:44px;padding:0;margin:0 0 28px;border:0;overflow-x:auto}
#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button{position:relative;flex-shrink:0;padding:12px 0 20px;border:0;border-radius:0;background:none;color:#919198!important;font-size:20px}
#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"],#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button:hover{color:var(--accent)!important}
#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:5px;border-radius:99px;background:var(--accent);box-shadow:0 0 12px #5ef2b855}
@media(max-width:1180px){.promo-group{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 14px}}
@media(max-width:760px){.promo-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.page-breadcrumb{font-size:14px;gap:9px}.channel-shell>.info-heading,.info-shell>.info-heading{padding:24px 0}.channel-shell>.info-heading h1,.info-shell>.info-heading h1{font-size:26px}#channel-page[data-channel="shorts"] #channel-content>.channel-tabs{gap:22px}#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button{font-size:16px}}


.promo-tile-image img{transition:transform .3s ease,filter .3s ease}
.promo-tile:hover .promo-tile-image img,.promo-tile:focus-visible .promo-tile-image img{transform:scale(1.08);filter:brightness(1.06)}
@media(prefers-reduced-motion:reduce){.promo-tile:hover .promo-tile-image img,.promo-tile:focus-visible .promo-tile-image img{transform:none}}


html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{height:48px;min-height:48px;gap:9px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-logo{width:40px;height:40px;flex-basis:40px;border-radius:11px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{width:90px;max-width:100%;height:auto}
.side .sidebar-header .brand-copy{gap:5px}.side .sidebar-header .brand-tagline{font-size:10px;letter-spacing:1px}
.side>nav>#sidebar-toggle{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;margin:0 12px 10px;border-radius:7px;gap:0}
.side>nav>#sidebar-toggle svg{width:16px;height:16px;flex-basis:16px}
.sidebar-collapsed .side>nav>#sidebar-toggle{margin:0 auto 10px}
.announcement-label .announcement-solid-icon{width:20px;height:20px;fill:currentColor;stroke:none}


.side .sidebar-header{position:relative;gap:8px;min-height:44px}
html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{height:44px;min-height:44px;flex:1;overflow:hidden}
.sidebar-brand-window{display:block;width:125px;height:36px;overflow:hidden;flex-shrink:0}
.side .sidebar-header .sidebar-brand{display:block;width:125px;max-width:none;height:36px;object-fit:contain}
.side .sidebar-header>#sidebar-toggle{width:28px;height:32px;margin:0;padding:0;min-height:32px}
.side .sidebar-header>#sidebar-toggle svg{fill:none;stroke:currentColor;width:18px;height:18px}
.sidebar-collapsed .side .sidebar-header{justify-content:center;padding:0;height:44px}
.sidebar-collapsed .side .sidebar-header>.sidebar-logo-toggle{width:36px;height:36px;min-height:36px;margin:0;flex:none}
.sidebar-collapsed .sidebar-brand-window{width:36px}
.sidebar-collapsed .side .sidebar-header>#sidebar-toggle{position:absolute;width:44px;height:44px;inset:0;margin:auto;opacity:0;background:transparent;transition:opacity .16s}
.sidebar-collapsed .sidebar-header:not(.just-collapsed):hover>#sidebar-toggle,.sidebar-collapsed .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible)>#sidebar-toggle{opacity:1}
.sidebar-collapsed .sidebar-header:not(.just-collapsed):hover .sidebar-brand-window,.sidebar-collapsed .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible) .sidebar-brand-window{opacity:0}
.side .sidebar-social{display:flex;justify-content:center;gap:12px;flex-shrink:0;padding:18px 0 0;margin-top:auto}
.side .sidebar-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffff12;color:#fff;transition:background .18s,color .18s}
.side .sidebar-social a:hover{background:var(--accent)}
.side .sidebar-social svg,.side .sidebar-social img{width:20px;height:20px;object-fit:contain;fill:currentColor;stroke:none}
.sidebar-collapsed .side .sidebar-social{flex-direction:column;align-items:center;gap:10px}
.sidebar-collapsed .side .collapsed-help{display:none!important}
#martial-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#martial-cards .curated-card{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:18px;padding:16px}
#martial-cards .curated-copy{min-width:0;padding:0}
#martial-cards .curated-copy h3{font-size:22px;margin-bottom:10px}
#martial-cards .curated-copy .pick{margin-bottom:12px}
#martial-cards .curated-copy .watch-link{padding:10px 12px;gap:16px;margin-top:16px}
.wide-ad-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
.wide-ad{display:block;margin:0;aspect-ratio:840/97;overflow:hidden;border-radius:10px;background:#142655}
.wide-ad img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1180px){#martial-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-brand-window{width:112px;height:32.256px}.side .sidebar-header .sidebar-brand{width:112px;height:32.256px;object-fit:contain}.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:125px;height:36px;object-fit:contain}.sidebar-collapsed .sidebar-brand-window{height:36px}}
@media(max-width:760px){#martial-cards{grid-template-columns:1fr}.wide-ad-row{gap:10px}.wide-ad{border-radius:6px}}


.sidebar-collapsed .side .sidebar-header{width:44px;height:44px;min-height:44px;margin:0 auto;flex:none}
.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{width:36px;height:36px;border-radius:50%;overflow:hidden;opacity:1;transition:opacity .15s}
.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:125px;height:36px;max-width:none;object-fit:contain}
.sidebar-collapsed .side .sidebar-header>#sidebar-toggle{display:grid;width:44px;height:44px;min-height:44px;border-radius:12px;opacity:0;cursor:pointer;color:#fff;background:transparent;z-index:2}
.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):hover .sidebar-brand-window,.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible) .sidebar-brand-window{opacity:0}
.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):hover>#sidebar-toggle,.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible)>#sidebar-toggle{opacity:1;background:#ffffff0d}
.sidebar-collapsed .side .sidebar-header>#sidebar-toggle svg{width:22px;height:22px}
@media(prefers-reduced-motion:reduce){.sidebar-collapsed .side .sidebar-header .sidebar-brand-window,.sidebar-collapsed .side .sidebar-header>#sidebar-toggle{transition:none}}


/* Subtle individual tints matched to the original card background intensity. */
#martial-cards .curated-card[data-open="3"]{background:#20251f}
#martial-cards .curated-card[data-open="0"]{background:#25211f}
#martial-cards .curated-card[data-open="2"]{background:#251f20}
#martial-cards .curated-card[data-open="5"]{background:#211f24}
#martial-cards .curated-card[data-open="1"]{background:#1e2226}
#martial-cards .curated-card[data-open="4"]{background:#252124}


.download-panel-brand .download-brand-complete{display:block;width:184px;max-width:100%;height:auto;aspect-ratio:92/24;object-fit:contain}
.header-actions .account-avatar .member-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.bottom-app-prompt{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px 40px;border:1px solid #ffffff12;border-radius:24px;background:linear-gradient(110deg,#0c281d 0%,#0d1b16 48%,#141416 100%)}
.bottom-app-eyebrow{display:flex;align-items:center;gap:14px;color:#5ef2b8;font-size:16px;letter-spacing:2px;margin-bottom:14px}
.bottom-app-eyebrow::before{content:"";width:24px;height:2px;background:currentColor}
.bottom-app-copy h2{margin:0 0 14px;font-size:clamp(20px,2vw,28px);line-height:1.45;color:#f4f1f3}
.bottom-app-copy p{margin:0 0 12px;color:#a9a0a8;font-size:16px}
.bottom-app-copy small{color:#807782;font-size:14px}
.bottom-app-download{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-width:240px;padding:20px 36px;border:0;border-radius:999px;background:linear-gradient(110deg,#40ffb5,#5ef2b8 55%,#21a572);font-size:20px;font-weight:600;transition:filter .2s,transform .2s;cursor:pointer}
.bottom-app-download svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bottom-app-download:hover{filter:brightness(1.13);transform:translateY(-2px)}
@media(max-width:760px){.bottom-app-prompt{align-items:flex-start;flex-direction:column;padding:26px 24px;gap:24px;border-radius:18px}.bottom-app-download{min-width:0;width:100%;font-size:18px;padding:16px 24px}.bottom-app-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bottom-app-download{transition:none}.bottom-app-download:hover{transform:none}}


.history-dialog{width:min(440px,calc(100vw - 32px));max-height:80dvh;padding:28px;border:1px solid #ffffff18;border-radius:20px;background:#202124;color:#f4f2f4}
.history-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.history-dialog h2{font-size:22px;margin:0 36px 8px 0}.history-note{color:#96969f;font-size:14px;margin:0}.history-empty{color:#a5a5ae;font-size:14px;line-height:1.8;padding:24px 0}
.history-dialog .account-history-list{margin-top:20px;max-height:50dvh}.history-clear{display:block;margin:20px 0 0 auto;border:0;background:transparent;font-size:14px;color:#aaa;cursor:pointer}.history-clear:hover{color:var(--accent)!important}.history-clear[hidden]{display:none}


.app-download-dialog{width:min(460px,calc(100vw - 32px));padding:36px 30px 26px;max-height:90dvh;overflow:auto;background:#202124;color:#f5f3f5;border:1px solid #ffffff1c;border-radius:24px;text-align:center;box-shadow:0 24px 80px #0008}
.app-download-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.app-download-dialog h2{margin:0 22px 10px;font-size:24px}.app-download-intro{margin:0;color:#a6a3ad;font-size:14px}

.app-download-code{width:220px;height:220px;display:grid;place-items:center;margin:24px auto 0;background:white;padding:14px;border-radius:16px}.app-download-code img{width:192px;height:192px;image-rendering:pixelated}#app-platform-caption{color:#b3afb9;font-size:14px;margin:16px 0 22px}
.app-download-link{display:flex;flex-direction:column;align-items:center;gap:14px}.app-download-link input{width:100%;min-width:0;border:0;background:transparent;color:#9995a0;font-size:12px;padding:8px;text-align:center;outline-offset:2px}.app-download-link button{min-width:220px;border:0;background:linear-gradient(110deg,#40ffb5,#5ef2b8 55%,#21a572);color:#fff;padding:14px 32px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:filter .2s}.app-download-link button:hover{filter:brightness(1.12)}
.app-copy-status{min-height:20px;font-size:12px;color:#9af4d1;margin:10px 0 0}.app-download-demo{font-size:12px;color:#87838d;margin:6px 0 0}
@media(max-width:480px){.app-download-dialog{padding:32px 20px 24px}}


.channel-shell #channel-content .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 20px}
.channel-ranked-card{position:relative;min-width:0}.channel-ranked-card>.card{width:100%}
.channel-rank-number{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:8px;background:#17171bd9;color:#99999f;font-size:20px;font-weight:700;pointer-events:none}
.channel-rank-number.top-three{color:var(--accent)}
.channel-ranking-cards>.empty{grid-column:1/-1}
@media(max-width:1000px){.channel-shell #channel-content .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}}
@media(max-width:600px){.channel-shell #channel-content .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}


.channel-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin:44px 0 20px;color:#92929b;font-size:14px}.pagination-pages{display:flex;align-items:center;gap:10px}.channel-pagination button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #ffffff12;border-radius:9px;padding:0 12px;background:#ffffff04;color:#aaa!important;cursor:pointer}.channel-pagination .pagination-pages button:hover:not(:disabled):not([aria-current="page"]){border-color:var(--accent);color:var(--accent)!important}.channel-pagination button[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:#101214!important}.channel-pagination button:disabled{opacity:.3;cursor:default}.pagination-gap{padding:0 4px}.pagination-jump,.pagination-jump label{display:flex;align-items:center;gap:10px}.pagination-jump input{width:50px;height:38px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05;color:#eee;text-align:center;padding:4px}.pagination-jump input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff35}
#channel-page[data-channel="shorts"] #channel-content>.channel-tabs{padding-bottom:14px;margin-bottom:14px}
#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"]::after{width:24px;height:5px;background:#5ef2b8;box-shadow:0 0 7px #5ef2b8cc,0 0 16px #5ef2b880,0 0 26px #5ef2b845}
@media(max-width:600px){.channel-pagination{gap:16px;margin-top:30px}.pagination-pages{gap:6px}}


#channel-page[data-channel="rank"] #channel-subtitle{display:block;color:#909095;font-size:14px;line-height:1.8;margin-top:18px}
#channel-page[data-channel="rank"] #channel-content>.channel-tabs{gap:16px;margin-bottom:24px;padding:0;border:0}
#channel-page[data-channel="rank"] .channel-tabs button{min-width:106px;padding:13px 24px;font-size:16px;border:1px solid #ffffff0b;border-radius:9px;background:#1d1d20;color:#929299!important}
#channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#101214!important}
#channel-page[data-channel="rank"] .channel-tabs button:hover:not([aria-pressed="true"]){border-color:#5ef2b855;color:#5ef2b8!important}
#channel-page[data-channel="rank"] .channel-summary{display:none}
#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
.rank-poster-card{display:block;min-width:0;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#1d1e20;text-align:left;cursor:pointer;transition:background .2s,box-shadow .2s}
.rank-poster-cover{display:block;position:relative;overflow:hidden;isolation:isolate}
.rank-poster-cover>img{display:block;width:100%;height:auto;transition:transform .3s}
.rank-poster-card:hover{background:#242427;box-shadow:0 0 0 1px #5ef2b845}
.rank-poster-card:hover .rank-poster-cover>img{transform:scale(1.035)}
.rank-poster-cover .drama-episodes{right:10px;bottom:12px;background:#0008;padding:3px 6px;border-radius:5px;font-size:12px}
.rank-poster-number{position:absolute;bottom:0;left:0;display:grid;place-items:center;width:38px;height:34px;border-radius:0 9px 0 0;background:#626268;color:#eee;font-size:18px;font-weight:600;z-index:2}
.rank-poster-number.top-three{background:var(--accent);color:#101214}
.rank-poster-copy{display:flex;flex-direction:column;gap:9px;padding:12px}
.rank-poster-copy>strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.5;font-weight:600;color:#eee}
.rank-poster-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:#939398}
.rank-poster-tags{display:flex;flex-wrap:wrap;gap:6px}.rank-poster-tags>span{font-size:12px;line-height:1.5;border-radius:7px;padding:3px 7px;background:#5ef2b810;border:1px solid #5ef2b817;color:#54c69a}
@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#channel-page[data-channel="rank"] #channel-content>.channel-tabs{gap:10px}#channel-page[data-channel="rank"] .channel-tabs button{min-width:0;flex:1;padding:11px 12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.rank-poster-card,.rank-poster-cover>img{transition:none}.rank-poster-card:hover .rank-poster-cover>img{transform:none}}


#channel-page[data-channel="series"] #channel-content>.adult-tabs{display:flex;gap:44px;padding:0 0 14px;margin:0 0 14px;border:0;overflow-x:auto;flex-wrap:nowrap}
.adult-tabs a{position:relative;display:block;flex-shrink:0;padding:12px 0 20px;background:none;border:0;color:#919198;font-size:20px;text-decoration:none;white-space:nowrap}
.adult-tabs a:hover,.adult-tabs a[aria-current="page"]{color:var(--accent)}
.adult-tabs a[aria-current="page"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:5px;border-radius:99px;background:#5ef2b8;box-shadow:0 0 7px #5ef2b8cc,0 0 16px #5ef2b880,0 0 26px #5ef2b845}
@media(max-width:760px){#channel-page[data-channel="series"] #channel-content>.adult-tabs{gap:22px}.adult-tabs a{font-size:16px}}


#channel-page .info-heading>#channel-subtitle,#channel-page[data-channel] .info-heading>#channel-subtitle,#info-page .info-heading>#info-subtitle{display:none;margin:0;padding:0}


#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}
.rank-poster-card{background:transparent;border-radius:0;overflow:visible;box-shadow:none;align-self:start}
.rank-poster-card:hover{background:transparent;box-shadow:none}
.rank-poster-cover{border-radius:8px;overflow:hidden}
.rank-poster-copy{position:relative;display:flex;flex-direction:column;gap:7px;padding:24px 0 0}
.rank-poster-number{position:absolute;left:0;top:-24px;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:#8e8e97;font:800 46px/1 var(--font-ui);letter-spacing:-2px;text-shadow:-2px -2px 0 #121414,2px -2px 0 #121414,-2px 2px 0 #121414,2px 2px 0 #121414}
.rank-poster-number.top-three{background:none;color:var(--accent)}
.rank-poster-copy>strong{font-size:16px;line-height:1.5;font-weight:600;transition:color .2s}
.rank-poster-card:hover .rank-poster-copy>strong{color:var(--accent)}
.rank-compact-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:#909096;font-size:12px;line-height:1.5}
.rank-compact-heat{display:inline-flex;align-items:center;gap:4px;color:#5cc49b;white-space:nowrap}
.rank-compact-heat svg{width:13px;height:13px;fill:currentColor;stroke:none}
@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.rank-poster-number{font-size:40px;top:-21px}.rank-poster-copy{padding-top:22px}}


.channel-pagination{gap:24px;margin:48px 0 28px;font-size:16px}.pagination-pages{gap:14px}
.channel-pagination .pagination-pages button{width:50px;min-width:50px;height:50px;padding:0;border:0;border-radius:50%;background:#28282b;font-size:18px;color:#aaa!important}
.channel-pagination .pagination-pages button[aria-current="page"]{background:var(--accent);color:#101214!important}
.channel-pagination .pagination-pages button:hover:not(:disabled):not([aria-current="page"]){background:#343438}
.channel-pagination .pagination-pages button:disabled{opacity:.4}.pagination-gap{padding:0 8px;color:#94949b}
.pagination-jump,.pagination-jump label{gap:12px}.pagination-jump input{width:76px;height:50px;border:0;border-radius:999px;background:#28282b;font-size:16px;appearance:textfield;-moz-appearance:textfield}
.pagination-jump input::-webkit-inner-spin-button,.pagination-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.channel-pagination .pagination-jump button{height:50px;min-width:102px;border:0;border-radius:999px;background:var(--accent);color:#101214!important;font-size:16px;padding:0 26px}.channel-pagination .pagination-jump button:hover:not(:disabled),.channel-pagination .pagination-jump button:focus-visible{color:#101214!important;background:var(--accent);filter:brightness(1.1)}
@media(max-width:600px){.channel-pagination{gap:18px;font-size:14px}.pagination-pages{gap:8px}.channel-pagination .pagination-pages button{width:40px;min-width:40px;height:40px;font-size:16px}.pagination-jump input,.channel-pagination .pagination-jump button{height:42px}}


#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}
.channel-ranking-cards .cover{position:relative}
.rank-home-badge{position:absolute;left:0;bottom:0;z-index:3;display:grid;place-items:center;min-width:48px;height:40px;padding:0 10px;border-radius:10px 10px 10px 0;background:linear-gradient(120deg,#535454,#797a7b);color:#fff;font-size:24px;line-height:1;font-weight:600;pointer-events:none}
.rank-home-badge[data-rank="1"]{background:linear-gradient(120deg,#ee9641,#ffc17e)}
.rank-home-badge[data-rank="2"]{background:linear-gradient(120deg,#92b4c7,#c0ddec)}
.rank-home-badge[data-rank="3"]{background:linear-gradient(120deg,#da896c,#ffb59b)}
@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.rank-home-badge{min-width:38px;height:32px;font-size:20px;border-radius:8px 8px 8px 0}}


#channel-page[data-channel="apps"] .benefits-directory{max-width:none}
#channel-page[data-channel="apps"] .benefits-directory>.channel-tabs{position:static;gap:14px;padding:0;border:0;margin-bottom:34px;background:transparent}
#channel-page[data-channel="apps"] .channel-tabs button{border:1px solid #ffffff0c;border-radius:9px;background:#202022;padding:12px 22px;font-size:16px;color:#99999f!important}
#channel-page[data-channel="apps"] .channel-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#101214!important}
#channel-page[data-channel="apps"] .benefit-section{padding:0;margin:0 0 42px;border:0;scroll-margin-top:28px}
#channel-page[data-channel="apps"] .benefit-heading{margin-bottom:20px}
#channel-page[data-channel="apps"] .benefit-heading h2{font-size:22px;margin:0 0 9px}
#channel-page[data-channel="apps"] .benefit-heading p{font-size:14px;color:#85858e;margin:0}
#channel-page[data-channel="apps"] .benefit-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:22px;max-width:1440px}
#channel-page[data-channel="apps"] .benefit-grid>[hidden]{display:none}
#channel-page[data-channel="apps"] .benefit-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:auto;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
#channel-page[data-channel="apps"] .benefit-card:hover{background:transparent;transform:none}
#channel-page[data-channel="apps"] .benefit-icon{width:100%;height:auto;max-width:110px;aspect-ratio:1;flex:none;border-radius:22%;overflow:hidden;background:transparent;box-shadow:none}
.benefit-icon>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.benefit-card:hover .benefit-icon>img{transform:scale(1.08)}
#channel-page[data-channel="apps"] .benefit-copy{display:block;flex:none;min-width:0;width:100%}
#channel-page[data-channel="apps"] .benefit-copy strong{display:block;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}
#channel-page[data-channel="apps"] .benefit-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;margin-top:4px;color:#818188}
#channel-page[data-channel="apps"] .benefit-card:hover strong{color:var(--accent)}
#channel-page[data-channel="apps"] .benefit-expand{display:block;position:static;clear:both;margin:28px auto 0;padding:8px 18px;border:0;border-radius:999px;background:transparent;font-size:14px;color:#9898a0!important}
#channel-page[data-channel="apps"] .benefit-expand:hover{color:var(--accent)!important;background:#ffffff05}
@media(max-width:1100px){#channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}}
@media(max-width:600px){#channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}#channel-page[data-channel="apps"] .channel-tabs button{padding:10px 14px;font-size:14px}#channel-page[data-channel="apps"] .benefit-copy strong{font-size:12px}#channel-page[data-channel="apps"] .benefit-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.benefit-icon>img{transition:none}.benefit-card:hover .benefit-icon>img{transform:none}}


@media(max-width:1100px){#channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(var(--compact-app-columns),minmax(0,1fr))}}
@media(max-width:600px){#channel-page[data-channel="apps"] .benefit-grid{gap:20px 10px}}


.return-home-directory{display:flex;flex-direction:column;gap:36px;padding-bottom:36px}.return-hero{padding:38px 40px;border:1px solid #5ef2b825;border-radius:22px;background:radial-gradient(ellipse at top left,#5ef2b820,transparent 70%),#19191d}.return-eyebrow{font-size:14px;color:#76f2c2;letter-spacing:2px}.return-hero h2{font-size:30px;line-height:1.4;margin:15px 0 12px}.return-hero p{font-size:14px;color:#9b98a2;margin:0 0 24px}.return-actions,.return-card-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.return-actions a,.return-actions button{display:inline-flex;gap:18px;padding:13px 24px;border-radius:999px;border:1px solid #ffffff18;background:#ffffff05;font-size:14px;color:white}.return-actions a{background:var(--accent);border-color:var(--accent)}.return-actions a:hover{filter:brightness(1.1)}.return-actions button:hover{background:#ffffff10}
.return-section-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.return-section-head h2{font-size:20px;margin:0}.return-section-head>span{font-size:12px;color:#8e8995}.return-address-grid,.return-contact-grid,.return-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.return-address-card{border:1px solid #ffffff10;border-radius:16px;padding:24px;background:#1b1c20}.return-card-label{font-size:12px;color:#9a949f}.return-address-card>strong{display:block;font-size:24px;margin:16px 0 24px;overflow-wrap:anywhere}.return-card-actions a,.return-card-actions button{padding:9px 16px;border:1px solid #ffffff14;border-radius:999px;background:transparent;font-size:14px;color:#c0bac6}.return-card-actions a{color:#8af1c9;border-color:#5ef2b830;background:#5ef2b80e}
.return-permanent{border:1px solid #ffffff10;border-radius:16px;background:#1b1c20;padding:0 24px}.return-permanent-row{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #ffffff09}.return-permanent-row:last-child{border-bottom:0}.return-permanent-row>span{font-size:14px;color:#96909e}.return-permanent-row a{font-size:18px}.return-permanent-row button{padding:9px 17px;background:#ffffff06;border:1px solid #ffffff12;border-radius:999px;font-size:12px}.return-home-directory button{cursor:pointer}.return-card-actions button:hover,.return-permanent-row button:hover{background:#5ef2b828;border-color:#5ef2b855}
.return-contact-card{display:flex;align-items:center;gap:14px;padding:22px;border:1px solid #ffffff10;border-radius:16px;background:#1b1c20}.return-contact-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#5ef2b817;color:#78eec0;font-size:20px;font-weight:600}.return-contact-card strong{display:block;font-size:16px}.return-contact-card small{display:block;color:#918a99;font-size:12px;margin-top:6px}.return-contact-arrow{margin-left:auto;color:#999}.return-contact-card:hover{border-color:#5ef2b855}.return-help-grid article{padding:24px;border:1px solid #ffffff0e;border-radius:16px;background:#ffffff02}.return-help-grid article>span{font-size:26px;font-weight:700;color:#5ef2b8;opacity:.75}.return-help-grid h3{font-size:16px;margin:12px 0}.return-help-grid p{font-size:14px;line-height:1.8;color:#99929f;margin:0}.return-faq details{border-bottom:1px solid #ffffff10;padding:18px 0}.return-faq summary{font-size:16px;cursor:pointer}.return-faq details p{font-size:14px;line-height:1.8;color:#9a939f;margin-bottom:0}.return-source-note{margin:0;color:#74717b;font-size:12px}.return-copy-status{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:30;border-radius:999px;background:#333039;color:#fff;font-size:14px;max-width:90vw;overflow-wrap:anywhere}.return-copy-status:not(:empty){padding:12px 24px;box-shadow:0 8px 24px #0005}
@media(max-width:1000px){.return-address-grid,.return-contact-grid,.return-help-grid{gap:14px}.return-address-card,.return-contact-card,.return-help-grid article{padding:18px}.return-address-card>strong{font-size:20px}}
@media(max-width:760px){.return-address-grid,.return-contact-grid,.return-help-grid{grid-template-columns:1fr}.return-hero{padding:26px 24px}.return-hero h2{font-size:26px}.return-permanent{padding:0 18px}.return-permanent-row{grid-template-columns:1fr auto;gap:10px}.return-permanent-row>span{grid-column:1/-1}.return-permanent-row a{font-size:16px}.return-home-directory{gap:28px}}

.return-section-head>.return-section-icon{display:block;width:30px;height:30px;flex:0 0 30px;object-fit:contain}

.return-contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.return-contact-card{text-align:left;color:inherit;min-width:0}.return-contact-card>span:nth-child(2){min-width:0}
.return-contact-icon{background:transparent;border-radius:0;width:30px;height:30px;flex:0 0 30px}.return-contact-icon>img{display:block;width:28px;height:28px;object-fit:contain}
.return-device-heading{display:flex;align-items:center;gap:12px}.return-device-heading>img{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain}
@media(max-width:1180px){.return-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.return-contact-grid{grid-template-columns:1fr}}


#info-page[data-info="feedback"] .info-layout{display:block}
#info-page[data-info="feedback"] #info-content{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#info-page[data-info="feedback"] .info-nav{display:none}
#feedback-form.feedback-reference{display:flex;flex-direction:column;gap:30px;width:100%;max-width:none;padding:40px 48px;border:1px solid #ffffff0e;border-radius:20px;background:#ffffff04}
#feedback-form .feedback-part{display:block;min-width:0;margin:0;padding:0;border:0}#feedback-form legend{padding:0;margin-bottom:16px;font-size:18px;font-weight:600;color:#eee}#feedback-form legend em{font-style:normal;color:var(--accent)}
#feedback-form .feedback-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#feedback-form label.feedback-option{display:block;position:relative;margin:0;cursor:pointer}
#feedback-form .feedback-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0}
#feedback-form .feedback-option span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff03;color:#aaa;font-size:14px;transition:background .15s,color .15s,border-color .15s}
#feedback-form .feedback-option:hover span{border-color:var(--accent);color:var(--accent)}#feedback-form .feedback-option input:checked+span{background:var(--accent);border-color:var(--accent);color:#101214}#feedback-form .feedback-option input:focus-visible+span{outline:2px solid #eee;outline-offset:3px}
#feedback-form .feedback-panel{display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid #ffffff0b;border-radius:12px;background:#ffffff02}
#feedback-form label:not(.feedback-option):not(.feedback-upload-box){display:flex;flex-direction:column;gap:10px;font-size:14px;color:#aaaaaa}
#feedback-form .feedback-address{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#feedback-form .feedback-field-label{font-size:14px;color:#aaaaaa}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),#feedback-form select,#feedback-form textarea{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid #ffffff14;border-radius:10px;padding:14px 16px;color:#dddddd;background:#1c1c1c;font:inherit;font-size:14px;outline:none;color-scheme:dark}
#feedback-form input:focus,#feedback-form select:focus,#feedback-form textarea:focus{border-color:#ffffff50}
#feedback-form .feedback-description-wrap{position:relative}#feedback-form textarea{min-height:180px;resize:vertical;padding-bottom:40px;line-height:1.8}#feedback-count{position:absolute;bottom:14px;right:16px;font-size:12px;color:#888888}
#feedback-form .feedback-uploads{display:flex;flex-wrap:wrap;gap:16px}#feedback-form .feedback-upload-box{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;width:250px;border:1px dashed #ffffff30;border-radius:12px;background:#ffffff02;cursor:pointer;text-align:center;padding:18px}
#feedback-form .feedback-upload-box input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}#feedback-form .feedback-upload-box:focus-within{outline:2px solid #eee;outline-offset:3px}#feedback-form .feedback-upload-box svg{width:32px;height:32px;fill:none;stroke:#b5acbe;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#feedback-form .feedback-upload-box strong{font-size:14px;font-weight:500}#feedback-form .feedback-upload-box small,#feedback-form .feedback-file-note{font-size:12px;color:#8f8898;line-height:1.6}.feedback-file-note{margin:12px 0 0}
#feedback-file-list{display:flex;flex-wrap:wrap;gap:12px}.feedback-attachment{position:relative;width:140px;padding:10px;border-radius:12px;background:#ffffff05}.feedback-attachment img,.feedback-attachment video{display:block;width:120px;height:95px;object-fit:cover;border-radius:7px}.feedback-attachment span{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:8px}.feedback-attachment button{position:absolute;right:4px;top:4px;width:24px;height:24px;padding:0;background:#252329;border-radius:50%;border:1px solid #ffffff30}#feedback-file-error{font-size:12px;color:#7df4c6;margin:8px 0 0}
.feedback-submit-area{text-align:center}.feedback-submit-button{min-width:240px;padding:16px 36px;border:0;border-radius:999px;background:var(--accent);color:#101214;font-size:16px;cursor:pointer}.feedback-submit-button:hover{filter:brightness(1.1);color:white!important}.feedback-submit-area>p{font-size:12px;color:#888888;line-height:1.7;margin:16px 0 0}
@media(max-width:760px){#feedback-form.feedback-reference{padding:24px 20px;gap:26px}#feedback-form .feedback-options{grid-template-columns:repeat(2,minmax(0,1fr))}#feedback-form .feedback-address{grid-template-columns:1fr}#feedback-form .feedback-panel{padding:16px}#feedback-form .feedback-upload-box{width:100%}.feedback-submit-button{width:100%;min-width:0}}


/* Source: iconfont.cn/collections/detail?cid=52526, 草鱼设计 / 133-常用单色. */
.side>nav>a .nav-collection-icon{display:block;width:30px;height:30px;flex:0 0 30px;fill:currentColor;stroke:none;stroke-width:0;overflow:visible;transition:color .18s}
.side>nav>a .nav-collection-icon path{fill:currentColor;stroke:none}
.sidebar-collapsed .side>nav>a .nav-collection-icon{width:32px;height:32px;flex-basis:32px;margin:0}


#feedback-form .feedback-select{position:relative;min-width:0;width:100%}
#feedback-form .feedback-select select{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;pointer-events:none}
#feedback-form .feedback-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;width:100%;min-height:49px;padding:14px 20px 14px 16px;border:1px solid #ffffff14;border-radius:10px;background:#1c1c1c;color:#dddddd;font:inherit;font-size:14px;text-align:left;cursor:pointer;box-shadow:none}
#feedback-form .feedback-select-trigger[data-placeholder="true"]{color:#999999}
#feedback-form .feedback-select-trigger:hover{background:#242424;border-color:#ffffff30}
#feedback-form .feedback-select-trigger:focus-visible,#feedback-form .feedback-select-trigger[aria-expanded="true"]{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #5ef2b812}
#feedback-form .feedback-select-trigger svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#aaaaaa;stroke-width:2;transition:transform .15s}
#feedback-form .feedback-select-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
#feedback-form .feedback-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;margin:0;padding:6px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid #ffffff24;border-radius:12px;background:#242424;color:#dddddd;box-shadow:0 14px 32px #0006;scrollbar-width:thin;scrollbar-color:#5d5d5d #242424}
#feedback-form .feedback-select-menu[hidden]{display:none}
#feedback-form .feedback-select-menu [role="option"]{padding:12px 14px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.5}
#feedback-form .feedback-select-menu [role="option"]:hover,#feedback-form .feedback-select-menu .is-active{background:#333333;color:#fff}
#feedback-form .feedback-select-menu [aria-selected="true"]{color:#8af3ca;background:#5ef2b819}


#feedback-form .feedback-upload-box{box-sizing:border-box;width:360px;max-width:100%;aspect-ratio:1;min-height:0;padding:28px 16px;gap:10px;border:1px solid #ffffff12;border-radius:28px;background:#222;transition:background .18s,border-color .18s}
#feedback-form .feedback-upload-box:hover{background:#262626;border-color:#ffffff25}
#feedback-form .feedback-upload-box input{margin:0;padding:0;z-index:1}
#feedback-form .feedback-upload-plus{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:18px;background:#383838}
#feedback-form .feedback-upload-plus svg{width:25px;height:25px;stroke:#fff;stroke-width:4;fill:none;stroke-linecap:round}
#feedback-form .feedback-upload-box strong{color:#ccc;font-size:18px;font-weight:400;line-height:1.5}
#feedback-form .feedback-upload-box small{color:#828282;font-size:14px;line-height:1.6}
#feedback-form .feedback-file-note{margin:18px 0 0;color:#828282;font-size:14px;line-height:1.6}
@media(max-width:600px){#feedback-form .feedback-upload-box{width:100%;max-width:360px;border-radius:24px}}


#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),
#feedback-form textarea,
#feedback-form .feedback-select-trigger{box-sizing:border-box;margin:0;border:1px solid #ffffff14;border-radius:10px;background:#1c1c1c;color:#dddddd;font-size:14px;line-height:20px;transition:background .18s,border-color .18s,box-shadow .18s}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),
#feedback-form .feedback-select-trigger{height:50px;min-height:50px;padding:14px 16px}
#feedback-form .feedback-select-trigger{padding-right:20px}
#feedback-form textarea{padding:14px 16px 40px}
#feedback-form input::placeholder,#feedback-form textarea::placeholder,#feedback-form .feedback-select-trigger[data-placeholder="true"]{color:#999999;opacity:1}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
#feedback-form textarea:hover,
#feedback-form .feedback-select-trigger:hover{background:#242424;border-color:#ffffff30;color:#dddddd}
#feedback-form .feedback-select-trigger[data-placeholder="true"]:hover{color:#999999}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
#feedback-form textarea:focus,
#feedback-form .feedback-select-trigger:focus-visible,
#feedback-form .feedback-select-trigger[aria-expanded="true"]{outline:none;outline-offset:0;background:#1c1c1c;border-color:#ffffff50;box-shadow:0 0 0 2px #ffffff08}
#feedback-form .feedback-address{align-items:start}


#feedback-form .feedback-option span{background:#1c1c1c;border-color:#2d2d2d;color:#aaa}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),#feedback-form textarea,#feedback-form .feedback-select-trigger{background:#1c1c1c;border-color:#2d2d2d;color:#ddd}
#feedback-form input::placeholder,#feedback-form textarea::placeholder,#feedback-form .feedback-select-trigger[data-placeholder="true"]{color:#999}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,#feedback-form textarea:hover,#feedback-form .feedback-select-trigger:hover{background:#222;border-color:#444}
#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,#feedback-form textarea:focus,#feedback-form .feedback-select-trigger:focus-visible,#feedback-form .feedback-select-trigger[aria-expanded="true"]{background:#1c1c1c;border-color:#666;box-shadow:0 0 0 2px #ffffff08}
#feedback-form .feedback-option:hover span{border-color:var(--accent);color:var(--accent)}
#feedback-form .feedback-option input:checked+span{background:var(--accent);border-color:var(--accent);color:#101214}


#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) .info-layout{display:block}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) .info-nav{display:none}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content{box-sizing:border-box;width:100%;padding:36px;border:1px solid #ffffff1a;border-radius:20px;background:#ffffff0d;box-shadow:none}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) .about-section+.about-section{margin-top:30px}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content h2{margin:0 0 18px;font-size:20px;font-weight:600;line-height:1.5;color:#eee}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content p{margin:0 0 14px;color:#aaa;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content p:last-child{margin-bottom:0}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content a{color:inherit;text-decoration:none}
#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content a:hover{color:var(--accent)}
@media(max-width:600px){#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content{padding:24px 20px}}

#info-content .policy-reference-note{margin-top:32px!important;padding-top:20px;border-top:1px solid #ffffff12;font-size:12px!important;color:#888!important}


#info-page:is([data-info="help-center"],[data-info="2257"],[data-info="dmca"]) .info-nav{display:none}
#info-page:is([data-info="help-center"],[data-info="2257"],[data-info="dmca"]) .info-layout{display:block}
#info-page:is([data-info="help-center"],[data-info="2257"],[data-info="dmca"]) #info-content{box-sizing:border-box;width:100%}


#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content{padding:36px;border:1px solid #ffffff1a;border-radius:20px;background:#ffffff0d;box-shadow:none}
#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:28px 0;border-bottom:1px solid #ffffff12}
#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section:first-child{padding-top:0}
#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section:last-child{padding-bottom:0;border-bottom:0}
#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-number{font-size:26px;line-height:1.4;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content h2{margin:0 0 14px;color:#eee;font-size:20px;line-height:1.5}
#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content p{margin:0;color:#aaa;font-size:16px;line-height:1.9}
#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content a{color:var(--accent)}
@media(max-width:600px){#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content{padding:24px 20px}#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section{grid-template-columns:34px minmax(0,1fr);gap:12px}}

#info-page[data-info="dmca"] #info-content a{overflow-wrap:anywhere}


#detail .detail-play{border-radius:999px;padding:12px 26px;gap:9px;background:var(--accent);color:#101214}
#detail .detail-play:hover{background:#7af5c5;color:#fff}
#detail .detail-play svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;stroke:none}


#detail .dialog-grid{box-sizing:border-box;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;padding:24px;align-items:stretch}
#detail .dialog-art{box-sizing:border-box;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:var(--source-ratio,640/914);align-self:stretch;border-radius:14px;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat}
#detail .dialog-body{min-width:0;padding:12px 8px 12px 0;align-self:center}
@media(max-width:760px){#detail .dialog-grid{grid-template-columns:1fr;gap:20px;padding:20px}#detail .dialog-art{width:min(100%,280px);justify-self:center;aspect-ratio:var(--source-ratio,640/914);height:auto;min-height:0;max-height:none}#detail .dialog-body{padding:0}}


#detail:has(.series-preview){width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid #ffffff1a;border-radius:24px;background:radial-gradient(ellipse at 15% 0%,#23302b 0%,#1b1b1b 65%);overflow:auto}
#detail .series-preview{padding:40px}
#detail:has(.series-preview)>.close{position:absolute;top:16px;right:18px;width:32px;height:32px;line-height:1;font-size:28px;z-index:2}
#detail .series-overview{display:grid;grid-template-columns:176px minmax(0,1fr);gap:30px;align-items:start}
#detail .series-poster{display:block;width:100%;height:auto;aspect-ratio:640/914;object-fit:cover;border-radius:12px}
#detail .series-info{min-width:0;padding-top:4px}
#detail .series-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;padding-right:16px}
#detail .series-title-row h2{margin:0;color:#f5f5f5;font-family:inherit;font-size:26px;font-weight:600;line-height:1.4}
#detail .series-heat{font-size:14px;color:#999;white-space:nowrap}
#detail .series-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#detail .series-tags span{padding:5px 9px;border-radius:5px;background:#ffffff08;color:#aaa;font-size:12px}
#detail .series-tags .series-stat{color:#8beec7;background:#5ef2b812}
#detail .series-description{margin:18px 0 24px;font-size:14px;line-height:1.9;color:#aaa}
#detail .series-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#detail .series-actions button{min-height:46px;font-size:14px}
#detail .series-download{padding:12px 20px;border:1px solid #ffffff0d;border-radius:999px;background:#ffffff08;color:#eee}
#detail .series-download:hover{background:#ffffff14}
#detail .series-episodes{margin-top:28px}
#detail .series-episode-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#detail .series-episode-heading h3{font-size:16px;margin:0;color:#eee}
#detail .series-episode-heading span{font-size:12px;color:#888}
#detail .series-episodes .episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;margin:0}
#detail .series-episodes .episodes button{height:48px;min-width:0;padding:0;border:1px solid transparent;border-radius:10px;background:#292929;font-size:16px;color:#ddd}
#detail .series-episodes .episodes button:hover{border-color:var(--accent);background:#23332d}
#detail .series-episodes .episodes button.active{background:var(--accent);color:#101214}
#detail .series-episodes .preview-note{margin:16px 0 0;font-size:12px;color:#888;line-height:1.6}
@media(max-width:650px){#detail:has(.series-preview){width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}#detail .series-preview{padding:48px 20px 24px}#detail .series-overview{grid-template-columns:100px minmax(0,1fr);gap:16px}#detail .series-title-row h2{font-size:22px}#detail .series-tags{margin-top:12px}#detail .series-description{margin:12px 0 18px}#detail .series-actions{gap:8px}#detail .series-actions button{padding:10px 16px}#detail .series-episodes{margin-top:24px}}
@media(max-width:420px){#detail .series-overview{grid-template-columns:1fr}#detail .series-poster{width:120px}#detail .series-title-row{padding:0}}


#detail .series-episodes .episodes{grid-template-columns:repeat(auto-fill,48px);justify-content:start;gap:10px}
#detail .series-episodes .episodes button{box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1;padding:0;display:grid;place-items:center;line-height:1;border-radius:8px}
#detail .series-tags{gap:8px;margin-top:14px}
#detail .series-tags .series-stat{color:#d7a461;background:rgba(215,164,97,.1);font-size:12px;line-height:18px;font-weight:400;padding:3px 8px;border-radius:4px}
#detail .series-genres{margin:12px 0 0;color:#888;font-size:14px;line-height:20px}
#detail .series-title-row h2{font-size:24px;font-weight:500;color:#eee;line-height:1.5}
#detail .series-heat{color:#888;font-size:14px}
#detail .series-description{margin:10px 0 24px;color:#888;font-size:14px;font-weight:400;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(max-width:650px){#detail .series-title-row h2{font-size:22px}#detail .series-description{-webkit-line-clamp:4}}


#detail .series-episodes .episodes{max-width:744px;grid-template-columns:repeat(auto-fill,48px);gap:10px}
#detail .series-episodes .episodes button{background:#292929;border-color:transparent;color:#ddd}
#detail .series-episodes .episodes button:hover{background:#383838;border-color:#ffffff25}
#detail .series-episodes .episodes button:focus-visible{outline:2px solid #aaa;outline-offset:2px}
#detail .series-description{-webkit-line-clamp:2;line-clamp:2;min-height:calc(2 * 1.8em)}


#detail:has(.series-preview){box-sizing:border-box;width:min(826px,calc(100vw - 48px))}
#detail .series-description{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;line-height:1.8;min-height:3.6em;max-height:3.6em}
@media(max-width:650px){#detail:has(.series-preview){width:calc(100vw - 24px)}}


#detail .series-heat{display:inline-flex;align-items:center;gap:5px}
#detail .series-heat-icon{display:block;width:16px;height:16px;flex:0 0 16px;object-fit:contain}


#detail .series-tags .series-new{color:#00d6aa;background:rgba(0,214,170,.1);font-size:12px;line-height:18px;font-weight:400;padding:3px 8px;border-radius:4px}


#detail .series-tags .series-badge{font-size:12px;line-height:18px;font-weight:400;padding:3px 8px;border-radius:4px}
#detail .series-tags .series-badge--hot{color:#ff6878;background:#ff4d601a}
#detail .series-tags .series-badge--new{color:#a097ff;background:#7065ff1a}
#detail .series-tags .series-badge--free{color:#12d3bd;background:#0bbba91a}


#account-entry .account-copy small{display:none}#account-entry .account-copy strong{font-size:14px}#account-entry{gap:10px}
.account-chevron{width:14px;height:14px;fill:none;stroke:#888;stroke-width:2;transition:transform .15s}#account-entry[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
#profile-popover{position:fixed;z-index:1500;width:280px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:18px 8px 8px;border:1px solid #ffffff26;border-radius:18px;background:#141416;color:#eee;box-shadow:0 18px 50px #0007;max-height:calc(100dvh - 100px);overflow:auto}
#profile-popover[hidden]{display:none}.profile-popover-head{display:flex;align-items:center;gap:12px;padding:0 12px 16px}.profile-popover-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile-popover-head strong{display:block;font-size:16px}.profile-popover-head small{display:block;font-size:12px;color:#85858f;margin-top:4px}
#profile-popover button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left;font-size:14px}
#profile-popover button:hover{background:#ffffff09}#profile-popover button:focus-visible{outline:1px solid #888;outline-offset:-1px}
#profile-popover button svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#92929c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#profile-popover .profile-row-label{flex:1}#profile-popover .profile-count,#profile-popover .profile-next{color:#85858f;font-size:14px}#profile-popover .profile-next{font-size:20px}
#profile-popover .profile-switch{border-top:1px solid #ffffff12;border-radius:0;margin-top:6px;padding-top:14px;color:#aaa!important}

#profile-popover .profile-avatar-link{display:block;flex:0 0 44px;width:44px;height:44px;min-height:0;padding:0;border-radius:50%;cursor:pointer}
#profile-popover .profile-avatar-link:hover{box-shadow:0 0 0 2px var(--accent)}
#profile-popover .profile-avatar-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}


#info-page[data-info="user-center"] .info-layout{display:block}#info-page[data-info="user-center"] .info-nav{display:none}
#info-page[data-info="user-center"] #info-content{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.member-center{display:grid;gap:24px}.member-summary{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;border:1px solid #ffffff14;border-radius:20px;background:#ffffff04}
.member-identity{display:flex;align-items:center;gap:22px}.member-identity img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:2px solid #ffffff20}
#info-content .member-identity h2{margin:0 0 8px;font-size:26px;line-height:1.4;color:#eee}#info-content .member-identity p{margin:0;font-size:14px;color:#888}
.member-wallet{display:grid;grid-template-columns:1fr auto;gap:14px 40px;min-width:290px;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:22px 26px;color:#ddd}.member-wallet>span:first-child{font-size:14px}.member-wallet small{color:#888}.member-wallet strong{grid-row:2;font-size:32px;color:#e6c46d;display:flex;align-items:center;gap:8px}.member-wallet-link{grid-column:2;grid-row:2;align-self:center;font-size:14px;color:#d5b566}
.member-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.member-features>button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;text-align:left;background:#ffffff07;border:1px solid #ffffff10;border-radius:16px;transition:background .18s,border-color .18s}.member-features>button:hover,.member-wallet:hover{background:#ffffff0c;border-color:#ffffff25}.member-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#5ef2b813;color:var(--accent);margin-bottom:6px}.member-feature-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.member-features strong{font-size:18px;font-weight:500}.member-features small{font-size:14px;color:#888;line-height:1.6}
@media(max-width:1000px){.member-features{grid-template-columns:repeat(2,minmax(0,1fr))}.member-summary{padding:28px;gap:24px}.member-wallet{min-width:240px}}
@media(max-width:600px){.member-summary{align-items:stretch;flex-direction:column;padding:24px}.member-identity img{width:68px;height:68px}.member-wallet{min-width:0;width:100%}.member-features{gap:12px}.member-features>button{padding:20px 16px}.member-features strong{font-size:16px}}

.member-advertisements{position:relative;min-width:0;padding:0;border:0;background:transparent}
.member-ad-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.member-ad-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:14px;width:100%}
#info-content .member-ad-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:#c7c7cc;text-decoration:none;font-size:12px;line-height:1.5}
.member-ad-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%;transition:transform .2s}
.member-ad-tile span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#info-content .member-ad-tile:hover{color:var(--accent)}.member-ad-tile:hover img{transform:translateY(-3px)}
.member-ad-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
@media(max-width:1180px){.member-ad-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 14px}}
@media(max-width:760px){.member-ad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}}
@media(prefers-reduced-motion:reduce){.member-ad-tile img{transition:none}.member-ad-tile:hover img{transform:none}}


#profile-popover button .account-collection-icon{width:20px;height:20px;flex:0 0 20px;fill:currentColor;stroke:none;color:#92929c}
#profile-popover button .account-collection-icon path{fill:currentColor;stroke:none}


.member-library{min-width:0}.member-library-tabs{display:flex;gap:40px;border-bottom:1px solid #ffffff12;overflow-x:auto}
.member-library-tabs button{position:relative;flex-shrink:0;padding:16px 0 20px;background:none;border:0;color:#929299;font-size:16px;font-weight:500;white-space:nowrap;transition:color .18s ease}
.member-library-tabs button[aria-selected="true"]{color:var(--accent)}.member-library-tabs button[aria-selected="true"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:3px;background:var(--accent)}
.member-library-tabs button[aria-selected="false"]:hover{color:var(--accent)}.member-library-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.member-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;color:#999;font-size:14px}
.member-library-tools{display:flex;align-items:center;gap:12px}.member-library-tools button{padding:8px 18px;border:1px solid #ffffff20;border-radius:999px;background:#242424;color:#ddd;font-size:14px}.member-library-tools button[data-library-action="delete"]{background:var(--accent);border-color:var(--accent);color:#101214}.member-library-tools button:disabled{opacity:.35;cursor:not-allowed}
.member-library-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px}.member-library-item{position:relative;min-width:0}.member-library-item>.card{display:block;width:100%;text-align:left;background:transparent;padding:0;border:0;opacity:1;animation:none;transform:none}
#info-content .member-library-item h3{font-size:16px;line-height:1.5;color:#eee;margin:10px 0 6px}.member-library-item .cover{display:block;position:relative;aspect-ratio:640/914;overflow:hidden;border-radius:12px}.member-library-item .poster-source{width:100%;height:100%;object-fit:cover}
.member-library-item .drama-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#888;font-size:12px;line-height:1.6}.member-library-item .drama-meta{font-size:12px}
.member-library-item.is-selected .cover{outline:3px solid var(--accent);outline-offset:-3px}.member-library-select{position:absolute;z-index:4;top:10px;left:10px;display:grid;place-items:center;width:28px;height:28px;cursor:pointer}
.member-library-select input{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:50%;background:transparent url("/static/51/assets/d2182785de825f8509fc.svg") center/24px 24px no-repeat;cursor:pointer}
.member-library-select input:checked{background-image:url("/static/51/assets/69304455ce1e30ae4a13.svg")}
.member-library-select input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}


.member-library-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#888}.member-library-empty a{display:inline-block;margin-top:16px;color:var(--accent)}
#member-delete-dialog{width:400px;max-width:calc(100vw - 32px);padding:30px;border:1px solid #ffffff20;border-radius:20px;background:#1b1b1e;color:#eee}#member-delete-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}#member-delete-dialog h2{font-size:22px;margin:0 0 16px}#member-delete-dialog p{color:#aaa;font-size:14px;line-height:1.8;margin:0 0 26px}.member-delete-actions{display:flex;justify-content:flex-end;gap:12px}.member-delete-actions button{padding:10px 22px;border-radius:999px;background:#303033;color:white;border:0}.member-delete-actions button[value="confirm"]{background:var(--accent)}
@media(max-width:1180px){.member-library-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.member-library-tabs{gap:24px}.member-library-tabs button{font-size:14px}.member-library-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.member-library-toolbar{align-items:flex-start;padding:14px 0;flex-direction:column}.member-library-tools{flex-wrap:wrap}}


#info-content .member-watch-status{display:block;margin:10px 0 0;color:var(--accent);font-size:14px;line-height:1.5;font-weight:500}
#info-content .member-watch-status.is-complete{color:#9a9a9f}
#info-content .member-library-item h3{margin-top:5px}


.member-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}#info-content .member-name-row h2{margin:0;overflow-wrap:anywhere}
#info-content .member-settings-link{display:inline-flex;align-items:center;gap:10px;padding:6px 13px;border:1px solid #ffffff20;border-radius:999px;color:#aaa;text-decoration:none;font-size:12px;white-space:nowrap;transition:color .18s,border-color .18s}#info-content .member-settings-link:hover{color:var(--accent);border-color:var(--accent)}
#info-page[data-info="account-settings"] .info-layout{display:block}#info-page[data-info="account-settings"] .info-nav{display:none}#info-page[data-info="account-settings"] #info-content{padding:0;border:0;background:transparent;box-shadow:none}
.member-settings{max-width:900px;display:grid;gap:24px}.member-settings-back{font-size:14px;color:#999!important;text-decoration:none}.member-settings-card{padding:28px;border:1px solid #ffffff14;border-radius:18px;background:#191919}#info-content .member-settings-card h2{font-size:18px;color:#eee;margin:0 0 24px}.member-settings-card label{display:block;margin-bottom:12px;font-size:14px;color:#bbb}.member-nickname-editor{display:flex;gap:16px}.member-nickname-editor input{min-width:0;flex:1;padding:12px 16px;height:46px;border:1px solid #363636;border-radius:10px;background:#222;color:#eee;font:inherit}.member-nickname-editor input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.member-nickname-editor button{padding:0 22px;border-radius:999px;border:0;background:var(--accent);color:#101214;font-size:14px;white-space:nowrap}#info-content #member-nickname-hint{font-size:12px;color:#777;margin:10px 0 0}#info-content #member-nickname-status{font-size:14px;color:var(--accent);margin:8px 0 0;min-height:20px}
.member-settings-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border:0;background:transparent;color:#888;text-align:left}.member-settings-action+.member-settings-action{border-top:1px solid #ffffff12}.member-settings-action strong{display:block;color:#ddd;font-size:16px;font-weight:500}.member-settings-action small{display:block;margin-top:8px;color:#777;font-size:14px}.member-settings-action:hover strong{color:var(--accent)}.member-settings-trailing{display:flex;gap:16px;align-items:center;font-size:14px}.member-settings-action>span:last-child{flex-shrink:0}
@media(max-width:600px){.member-name-row{gap:8px}.member-settings-card{padding:20px}.member-nickname-editor{gap:10px}.member-nickname-editor button{padding:0 14px}}


#member-auth-dialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;padding:36px;border:1px solid #ffffff20;border-radius:24px;background:#19191c;color:#eee;box-shadow:0 24px 100px #0008}#member-auth-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}
#member-auth-dialog .auth-close{position:absolute;right:18px;top:14px;width:32px;height:32px;background:none;border:0;color:#888;font-size:28px}#member-auth-dialog h2{font-size:24px;margin:0 0 10px}.auth-subtitle{font-size:14px;line-height:1.7;color:#888;margin:0 0 24px}.auth-tabs{display:flex;gap:28px;border-bottom:1px solid #ffffff12;margin-bottom:24px}.auth-tabs button{position:relative;padding:0 0 13px;border:0;background:none;color:#888;font-size:16px}.auth-tabs button[aria-selected="true"]{color:var(--accent)}.auth-tabs button[aria-selected="true"]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
.auth-field{display:block;font-size:14px;color:#bbb;margin-bottom:10px}.auth-input-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-input-row input{box-sizing:border-box;min-width:0;width:100%;height:48px;padding:0 14px;border:1px solid #38383d;border-radius:10px;background:#222225;color:#eee;font-size:14px}.auth-input-row input:focus{outline:none;border-color:var(--accent)}.auth-input-row input[aria-invalid="true"]{border-color:#ff597b}.auth-code-button{flex-shrink:0;background:transparent;border:0;color:var(--accent);font-size:14px;padding:10px 0}.auth-code-button:disabled{color:#777;cursor:not-allowed}.auth-note{font-size:12px;color:#89898f;line-height:1.7;margin:-8px 0 20px}.auth-error{font-size:14px;color:#ff718b;min-height:20px;margin:0 0 12px}.auth-submit{width:100%;height:46px;border:0;border-radius:999px;background:var(--accent);color:#101214;font-size:16px;font-weight:500}.auth-agreement{display:flex;align-items:flex-start;gap:8px;margin:18px 0;font-size:12px;line-height:1.7;color:#888}.auth-agreement input{accent-color:var(--accent);margin:3px 0 0}.auth-agreement a{color:#bbb;text-decoration:none}.auth-footer{text-align:center;font-size:12px;color:#666;margin:18px 0 0}.auth-success{padding-top:16px;text-align:center}.auth-success-icon{display:grid;place-items:center;margin:0 auto 22px;width:64px;height:64px;background:#5ef2b81a;color:var(--accent);border-radius:50%;font-size:30px}.auth-success p{font-size:14px;color:#aaa;line-height:1.8;margin:18px 0 28px}
@media(max-width:520px){#member-auth-dialog{padding:30px 24px}}


.auth-password-row{position:relative}.auth-password-row input{padding-right:64px}.auth-password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:6px 0;background:none;border:0;color:#999;font-size:12px}.auth-password-toggle:hover{color:var(--accent)}


.auth-password-toggle{width:28px;height:32px;display:grid;place-items:center;padding:0}.auth-password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.auth-password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}
.auth-remember{display:flex;align-items:center;gap:9px;width:fit-content;margin:0 0 16px;color:#a0a0a8;font-size:14px;cursor:pointer}.auth-remember input{appearance:none;-webkit-appearance:none;position:relative;display:block;width:18px;height:18px;margin:0;border:1px solid #64646b;border-radius:4px;background:#252528;cursor:pointer}.auth-remember input:checked{border-color:var(--accent);background:var(--accent)}.auth-remember input:checked::after{content:'';position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-remember input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#member-auth-dialog .auth-footer{font-size:12px;line-height:1.8;color:#888;margin-top:20px}#member-auth-dialog .auth-footer a{color:#bbb;text-decoration:none}#member-auth-dialog .auth-footer a:hover{color:var(--accent)}


#member-auth-dialog.auth-bind-mode{width:440px;padding:32px;background:#141416;border-radius:24px}
#member-auth-dialog.auth-bind-mode h2{font-size:26px;margin-bottom:10px}.auth-bind-mode .auth-subtitle{margin-bottom:24px;font-size:14px;line-height:1.7;color:#9999a1}
#member-auth-dialog.auth-bind-mode .auth-close{top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;background:#202023;color:#96969e;font-size:24px}
.auth-bind-mode .auth-field{font-size:14px;color:#a3a3ac;margin-bottom:8px}.auth-bind-mode .auth-input-row{margin-bottom:18px;position:relative}.auth-bind-mode .auth-input-row input{height:48px;padding-left:44px;border:1px solid transparent;border-radius:12px;background:#232326;font-size:16px}.auth-bind-mode .auth-input-row input:focus{border-color:var(--accent)}.auth-bind-mode .auth-input-row input[aria-invalid="true"]{border-color:#ff597b}.auth-bind-mode .auth-input-row input::placeholder{color:#7d7d87}.auth-bind-mode .auth-password-row input{padding-right:46px}
.auth-icon-row>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#7d7d87;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.auth-bind-agreement{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;color:#a0a0aa;margin:0 0 14px}.auth-bind-agreement input{appearance:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border:1px solid #555;border-radius:4px;position:relative;background:transparent;cursor:pointer}.auth-bind-agreement input:checked{background:var(--accent);border-color:var(--accent)}.auth-bind-agreement input:checked::after{content:'';position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-bind-agreement input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.auth-bind-agreement a{color:inherit;text-decoration:underline;text-underline-offset:3px}.auth-bind-agreement a:hover{color:var(--accent)}
.auth-bind-mode .auth-error:empty{display:none}.auth-bind-mode .auth-submit{height:52px;font-size:16px;background:linear-gradient(110deg,#40ffb5 0%,#5ef2b8 56%,#209567 100%)}.auth-bind-login{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;color:#9b9ba5;font-size:14px}.auth-bind-login button{background:none;border:0;padding:0;color:#40ffb5;font-size:14px}.auth-bind-login button:hover{color:#79ffcb}
@media(max-width:480px){#member-auth-dialog.auth-bind-mode{padding:28px 22px}.auth-bind-agreement{font-size:12px}}

#member-auth-dialog .auth-password-toggle{color:#a3a3ad;background:transparent}#member-auth-dialog .auth-password-toggle .auth-eye-image{display:block;width:22px;height:22px;max-width:none;object-fit:contain;pointer-events:none}#member-auth-dialog .auth-password-toggle:hover .auth-eye-image{opacity:.8}

.member-avatar-editor{display:flex;align-items:center;gap:22px;margin-bottom:28px}.member-avatar-preview{position:relative;width:88px;height:88px;flex:0 0 88px;padding:0;border:1px solid #ffffff20;border-radius:50%;overflow:hidden;background:#252528;cursor:pointer}.member-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.member-avatar-preview span{position:absolute;bottom:0;left:0;right:0;padding:5px 0 7px;background:#0009;color:white;font-size:12px}.member-avatar-controls button{padding:7px 14px;border:1px solid #ffffff25;border-radius:999px;color:#ccc;background:transparent;font-size:14px}.member-avatar-controls button:hover{color:var(--accent);border-color:var(--accent)}#info-content .member-avatar-controls p{margin:8px 0 0;font-size:12px;color:#888}.member-avatar-controls [data-avatar-action="save"]{background:var(--accent);color:#101214;border-color:var(--accent)}#member-avatar-confirm{margin-top:10px}#member-avatar-confirm button+button{margin-left:8px}#info-content #member-avatar-status{color:var(--accent)}
@media(max-width:600px){.member-avatar-editor{gap:16px}.member-avatar-preview{width:76px;height:76px;flex-basis:76px}}


#info-page[data-info="deposit"] .info-layout{display:block}#info-page[data-info="deposit"] .info-nav{display:none}#info-page[data-info="deposit"] #info-content{padding:0;background:transparent;border:0;box-shadow:none}.wallet-page{min-width:0}.wallet-balance{color:#999;font-size:14px;margin:-10px 0 28px}.wallet-balance strong{color:#efca75;font-size:22px;margin:0 5px}
.wallet-hero{padding:30px 32px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff08;margin-bottom:30px}.wallet-hero>span{display:inline-block;color:var(--accent);font-size:12px;background:#5ef2b813;border-radius:999px;padding:5px 12px}#info-content .wallet-hero h2{margin:14px 0 10px;font-size:26px;color:#f1f1f1}#info-content .wallet-hero p{font-size:14px;color:#999;margin:0}.wallet-section-title,#info-content .wallet-section-title{font-size:20px;color:#eee;margin:0 0 18px}.wallet-pack-panel{padding:26px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff06}.wallet-pack-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.wallet-pack-heading strong{color:#eee;font-size:18px}.wallet-pack-heading>span{color:#888;font-size:14px}.wallet-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wallet-package{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff06;text-align:left;transition:border-color .15s,background .15s}.wallet-package:hover{border-color:#5ef2b880;background:#5ef2b809}.wallet-package[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#5ef2b80d}.wallet-package-price{font-size:30px;font-weight:650;color:#eee}.wallet-package-name{font-size:18px;color:#ddd}.wallet-package-hint{font-size:12px;color:#888}.wallet-package-hint em{font-style:normal;color:#e7b96d}.wallet-package-check{position:absolute;right:14px;top:14px;width:21px;height:21px;display:none;place-items:center;border-radius:50%;background:var(--accent);color:#101214;font-size:14px}.wallet-package[aria-pressed="true"] .wallet-package-check{display:grid}.wallet-pay-area{text-align:center;margin:28px 0 38px}.wallet-submit{min-width:250px;padding:14px 30px;border:0;border-radius:999px;background:var(--accent);color:#101214;font-size:16px;font-weight:600}#info-content #wallet-selection{font-size:14px;color:#888;margin:12px 0 0}.wallet-empty{text-align:center;padding:38px 20px;border:1px solid #ffffff12;background:#ffffff03;border-radius:16px;color:#666}.wallet-empty svg{width:32px;height:32px;stroke:currentColor}#info-content .wallet-empty p{font-size:14px;color:#777;margin:10px 0 0}#info-content .wallet-support{text-align:center;font-size:14px;color:#777;margin:22px 0 0}.wallet-support a{color:var(--accent)}
#wallet-payment-dialog{width:440px;max-width:calc(100vw - 32px);box-sizing:border-box;background:#19191c;border:1px solid #ffffff20;border-radius:22px;padding:32px;color:#eee}#wallet-payment-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.wallet-dialog-close{position:absolute;right:16px;top:14px;background:none;border:0;color:#999;font-size:26px}.wallet-payment-title{font-size:24px;margin:0 0 25px}.wallet-order{padding:20px;border-radius:14px;background:#ffffff05;display:grid;gap:10px}.wallet-order>span{font-size:14px;color:#999}.wallet-order strong{font-size:24px}.wallet-order small{color:#dfb769;font-size:12px}.wallet-order b{font-size:30px;color:var(--accent);margin-top:4px}.wallet-method-title{font-size:16px;margin:24px 0 14px}.wallet-methods{display:flex;gap:12px}.wallet-methods button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 8px;border:1px solid #ffffff24;border-radius:12px;background:#242427;color:#bbb}.wallet-methods button[aria-pressed="true"]{border-color:var(--accent);color:#eee;background:#5ef2b80c}.wallet-method-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#1677ff;color:white;font-size:16px}.wallet-method-symbol.wechat{background:#19ad60}.wallet-payment-go{width:100%;margin-top:26px}.wallet-payment-note{font-size:12px;color:#777;line-height:1.8;text-align:center;margin:14px 0 0}.wallet-payment-status{font-size:14px;color:#a5dcc7;line-height:1.7}.wallet-payment-status:empty{display:none}
@media(max-width:900px){.wallet-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wallet-hero{padding:24px}.wallet-pack-panel{padding:18px}.wallet-pack-grid{gap:12px}.wallet-package{padding:20px 14px}.wallet-package-price{font-size:26px}.wallet-package-name{font-size:16px}.wallet-package-hint{font-size:12px}.wallet-pack-heading{align-items:flex-start;flex-direction:column;gap:8px}.wallet-submit{width:100%;min-width:0}#wallet-payment-dialog{padding:28px 24px}}


#wallet-payment-dialog{width:440px;max-height:calc(100dvh - 32px);overflow:auto;padding:34px 32px;border:1px solid #ffffff28;border-radius:36px;background:#0e0e0f;box-shadow:0 24px 100px #0005}
#wallet-payment-dialog::backdrop{background:#0008;backdrop-filter:blur(9px)}#wallet-payment-dialog .wallet-dialog-close{font-size:20px;right:16px;top:12px;width:24px;height:24px;padding:0;color:#888}
.wallet-payment-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wallet-payment-heading .wallet-payment-title{font-size:24px;line-height:1.4;margin:0}.wallet-payment-heading>span{font-size:16px;color:#929292}
#wallet-payment-dialog .wallet-order{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 16px;border:1px solid #ffffff0c;border-radius:20px;background:#1a1a1b}.wallet-order-copy{display:grid;gap:12px}.wallet-order-copy strong{font-size:20px;font-weight:400;line-height:1.4}.wallet-order-copy>span{font-size:14px;color:#909090}.wallet-order-copy small{font-size:12px;line-height:1.6;color:#bda578}#wallet-payment-dialog .wallet-order>b{flex-shrink:0;display:grid;place-items:center;min-width:78px;padding:10px 16px;margin:0;background:#5ef2b810;border-radius:999px;color:var(--accent);font-size:22px;font-weight:600}
#wallet-payment-dialog .wallet-method-title{font-size:18px;margin:20px 0 18px}#wallet-payment-dialog .wallet-methods{display:flex;flex-direction:column;gap:12px}#wallet-payment-dialog .wallet-methods button{display:flex;align-items:center;justify-content:flex-start;flex:none;gap:12px;width:100%;padding:14px 16px;min-height:66px;border:1px solid #ffffff0d;border-radius:20px;background:#1a1a1b;color:#f5f5f5;text-align:left}#wallet-payment-dialog .wallet-methods button:hover{border-color:#5ef2b880}#wallet-payment-dialog .wallet-methods button[aria-pressed="true"]{border-color:var(--accent)}.wallet-method-name{flex:1;font-size:16px;font-weight:500}.wallet-method-check{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#333;color:white;font-size:14px}.wallet-methods [aria-pressed="true"] .wallet-method-check{background:var(--accent)}
.wallet-pay-logo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;color:white}.wallet-pay-logo.alipay{background:#3459ed;font-size:28px;font-family:var(--font-ui)}.wallet-pay-logo.wechat{background:#11bb0d}.wallet-pay-logo.usdt{background:#269f80}.wallet-pay-logo svg{width:29px;height:29px;stroke:none}
#wallet-payment-dialog .wallet-payment-go{min-width:0;width:100%;height:50px;margin-top:18px;padding:0;border-radius:12px;font-size:18px;font-weight:500}#wallet-payment-dialog .wallet-payment-note{font-size:12px;line-height:1.7;margin:18px 0 0;color:#858585}
@media(max-width:480px){#wallet-payment-dialog{padding:30px 24px;border-radius:28px}.wallet-payment-heading .wallet-payment-title{font-size:22px}.wallet-payment-heading>span{font-size:14px}}

.wallet-pay-area>.wallet-submit{width:420px;max-width:100%;min-width:0}@media(max-width:600px){.wallet-pay-area>.wallet-submit{width:100%}}

.wallet-balance-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:center;gap:40px;padding:36px 38px;margin-bottom:30px;border:1px solid #ffffff16;border-radius:24px;background:linear-gradient(110deg,#102c21 0%,#0f1b16 48%,#141416 100%)}.wallet-balance-summary{display:flex;align-items:center;gap:26px;min-width:0}.wallet-large-coin{display:block;flex:0 0 130px;width:130px;height:140px;object-fit:contain}.wallet-balance-copy>span{font-size:14px;color:#8b8391}.wallet-balance-amount{display:flex;align-items:baseline;gap:16px;margin:8px 0}.wallet-balance-amount strong{font-size:48px;line-height:1.2;font-weight:600;color:#ecd079}.wallet-balance-amount b{font-size:18px;color:#eee;font-weight:500}#info-content .wallet-balance-copy p{font-size:14px;color:#8b8391;line-height:1.7;margin:0}#info-content .wallet-usage h2{font-size:14px;font-weight:400;color:#8a8490;margin:0 0 14px}.wallet-usage{min-width:0}.wallet-usage-item{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.wallet-usage-item svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#dec269;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wallet-usage-item strong{font-size:14px;font-weight:600;line-height:1.5;color:#ddd}#info-content .wallet-usage-item p{font-size:14px;line-height:1.6;color:#847f8b;margin:3px 0 0}
@media(max-width:1000px){.wallet-balance-card{grid-template-columns:1fr;gap:28px;padding:28px}.wallet-usage{padding-top:22px;border-top:1px solid #ffffff0e}.wallet-large-coin{width:105px;height:115px;flex-basis:105px}}
@media(max-width:600px){.wallet-balance-card{padding:24px 20px;border-radius:20px}.wallet-balance-summary{gap:16px}.wallet-large-coin{width:80px;height:90px;flex-basis:80px}.wallet-balance-amount strong{font-size:38px}.wallet-balance-amount b{font-size:16px}#info-content .wallet-balance-copy p{font-size:12px}}


.wallet-balance-coin{flex:0 0 110px;width:110px;height:110px;box-sizing:border-box;border-width:5px;font-size:68px;box-shadow:inset 0 0 0 7px #ffd563}
@media(max-width:1000px){.wallet-balance-coin{flex-basis:96px;width:96px;height:96px;font-size:58px}}
@media(max-width:600px){.wallet-balance-coin{flex-basis:76px;width:76px;height:76px;border-width:4px;font-size:46px;box-shadow:inset 0 0 0 5px #ffd563}}


.wallet-package-coins{display:flex;align-items:center;gap:12px;max-width:100%;padding-right:12px}
.wallet-package .wallet-package-coin{flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;font-size:20px}
.wallet-package .wallet-package-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:30px;line-height:1.3;font-weight:650;color:#f0d281}
.wallet-package-name small{font-size:18px;font-weight:500}
.wallet-package .wallet-package-price{font-size:18px;line-height:1.4;font-weight:500;color:#c5c5ca}
@media(max-width:1180px){.wallet-package-coins{gap:8px}.wallet-package .wallet-package-name{font-size:26px}.wallet-package-name small{font-size:16px}}
@media(max-width:600px){.wallet-package .wallet-package-coin{flex-basis:26px;width:26px;height:26px;font-size:16px}.wallet-package .wallet-package-name{font-size:24px}.wallet-package-name small{font-size:14px}.wallet-package .wallet-package-price{font-size:16px}.wallet-package-coins{gap:7px;padding-right:0}}

.coin-symbol .coin-soft-star{display:block;width:76%;height:76%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 #fff5b0)}

.wallet-package{overflow:hidden;padding-bottom:32px}.wallet-package .wallet-package-hint{line-height:1.6}.wallet-package:has(.wallet-package-recommend) .wallet-package-hint{padding-right:62px}.wallet-package .wallet-package-recommend{position:absolute;right:-12px;bottom:-22px;width:96px;height:96px;object-fit:contain;pointer-events:none}
@media(max-width:600px){.wallet-package{padding-bottom:30px}.wallet-package .wallet-package-recommend{width:76px;height:76px;right:-9px;bottom:-18px}.wallet-package:has(.wallet-package-recommend) .wallet-package-hint{padding-right:45px}}


.wallet-transaction-list{padding:0 22px;border:1px solid #ffffff10;border-radius:16px;background:#1a1a1b}.wallet-transaction-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.wallet-transaction-row+.wallet-transaction-row{border-top:1px solid #ffffff0b}.wallet-transaction-row strong{display:block;color:#e5e5e5;font-size:16px;font-weight:400;line-height:1.5}.wallet-transaction-row time{display:block;margin-top:12px;color:#85858b;font-size:14px}.wallet-transaction-amount{font-size:18px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.wallet-transaction-amount.income{color:#00c780}.wallet-transaction-amount.expense{color:#ff3d43}#info-content .wallet-demo-records{font-size:12px;color:#707076;margin:12px 0 0}
@media(max-width:600px){.wallet-transaction-list{padding:0 16px}.wallet-transaction-row{padding:18px 0}}


#drama-play-page[hidden]{display:none}#drama-play-page{padding-top:30px}.play-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;margin-top:26px}.play-detail-main{min-width:0}.play-screen{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#050505}.play-screen video{display:block;width:100%;height:100%;object-fit:contain}.play-screen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#0008;padding:20px;text-align:center}.play-screen-overlay button{width:66px;height:66px;border:1px solid #ffffff60;border-radius:50%;background:#5ef2b8dd;color:white;font-size:28px}.play-screen-overlay p{font-size:14px;color:#ccc;margin:0}.play-screen-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(transparent,#000d);color:#aaa;font-size:12px}.play-screen-controls button{background:none;border:0;color:#ddd;font-size:14px}.play-screen-controls span{flex:1}.play-advertisements{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:22px 0}.play-advertisements a{display:block;text-align:center;color:#999;font-size:12px;min-width:0;text-decoration:none}.play-advertisements img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22%;display:block;margin-bottom:7px}.play-advertisements span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.play-detail-info{padding:4px 0 26px;border-bottom:1px solid #ffffff12}.play-detail-info h1{font-size:26px;line-height:1.5;margin:8px 0 14px;color:#eee}.play-episode-caption{color:var(--accent);font-size:14px}.play-detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:#8d8d96;font-size:14px;margin:12px 0}.play-detail-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#888;font-size:14px}.play-detail-tags a{color:#9bc4b4;background:#5ef2b810;border-radius:6px;padding:4px 9px;text-decoration:none}.play-detail-description{font-size:14px;color:#999;line-height:1.9;margin:14px 0 20px}.play-detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.play-detail-actions button,.play-detail-actions a{display:inline-flex;align-items:center;gap:7px;background:#ffffff06;border:1px solid #ffffff15;border-radius:999px;padding:9px 17px;color:#bbb;font-size:14px;text-decoration:none}.play-detail-actions [aria-pressed="true"]{color:var(--accent);border-color:#5ef2b850}.play-detail-actions .play-download{margin-left:auto;background:var(--accent);color:#101214;border-color:var(--accent)}.play-episodes-section{padding:26px 0}.play-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.play-section-heading h2,.play-related h2{font-size:20px;color:#eee;margin:0}.play-section-heading span{font-size:14px;color:#888}.play-episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px;max-height:254px;overflow:auto;padding:2px 4px 4px 2px}.play-episode-grid a{display:grid;place-items:center;aspect-ratio:1;min-height:44px;border-radius:9px;background:#252527;color:#bbb;text-decoration:none;font-size:14px;border:1px solid transparent}.play-episode-grid a:hover{color:var(--accent);border-color:#5ef2b870}.play-episode-grid a[aria-current="true"]{background:var(--accent);color:#101214}.play-official{padding:20px 22px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff04;color:#999;font-size:14px;line-height:2}.play-official strong{color:#ddd;display:block;margin-bottom:6px}.play-official a{color:var(--accent);margin-right:18px}.play-comments{margin-top:28px}.play-comment-form textarea{box-sizing:border-box;display:block;width:100%;height:100px;resize:vertical;padding:15px;border:1px solid #ffffff20;border-radius:12px;background:#202023;color:#eee;font:inherit;font-size:14px}.play-comment-form textarea:focus{outline:1px solid var(--accent)}.play-comment-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#777;font-size:12px}.play-comment-footer button{border:0;border-radius:999px;background:var(--accent);color:#101214;padding:10px 23px}.play-comment-list{margin-top:20px}.play-comment-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff0c}.play-comment-item img{width:36px;height:36px;object-fit:cover;border-radius:50%}.play-comment-item strong{font-size:14px;color:#ccc}.play-comment-item time{font-size:12px;color:#777;margin-left:10px}.play-comment-item p{font-size:14px;color:#aaa;line-height:1.7;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.play-comments-empty{color:#777;text-align:center;font-size:14px;padding:28px}.play-related{border-left:1px solid #ffffff10;padding-left:24px;min-width:0}.play-related h2{margin-bottom:18px}.play-related .card{display:block;width:100%;margin-bottom:24px;opacity:1;animation:none;text-align:left}.play-related .card h3{font-size:16px}.play-related .cover{aspect-ratio:640/914;display:block;overflow:hidden;border-radius:12px}.play-related .poster-source{width:100%;height:100%;object-fit:cover}.play-related .drama-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#888;line-height:1.6}.play-related .drama-meta{font-size:12px}.play-sort button{background:none;border:0;color:#777;padding:4px 8px}.play-sort button[aria-pressed="true"]{color:var(--accent)}
@media(max-width:1100px){.play-detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.play-related{padding-left:18px}.play-detail-info h1{font-size:22px}}
@media(max-width:800px){.play-detail-layout{grid-template-columns:minmax(0,1fr)}.play-related{border:0;padding:0}.play-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.play-advertisements{grid-template-columns:repeat(4,minmax(0,1fr))}.play-detail-actions .play-download{margin-left:0}.play-detail-info h1{font-size:20px}.play-screen{border-radius:10px}.play-screen-overlay button{width:48px;height:48px;font-size:22px}}


.play-advertisements{grid-template-columns:repeat(14,minmax(0,1fr));gap:14px}.play-episode-grid{max-height:none;overflow:visible;padding:0;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px}.play-episode-toggle{display:grid;place-items:center;aspect-ratio:1;min-height:44px;padding:0;border:1px solid transparent;border-radius:9px;background:#252527;color:#ddd}.play-episode-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.play-episode-toggle:hover{color:var(--accent);border-color:#5ef2b870}.play-episode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1180px){.play-advertisements{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 14px}}
@media(max-width:760px){.play-advertisements{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}}


.play-official{padding:28px 30px;background:#1a1a1b;border:0;border-radius:20px;font-size:14px;line-height:1.7}.play-official-line{margin-bottom:20px}.play-official-line:last-child{margin-bottom:0}.play-official-line>span{display:block;color:#c1c1c6}.play-official-line a{display:inline-block;color:var(--accent);text-decoration:none;margin:0;overflow-wrap:anywhere}.play-official-line a:hover{text-decoration:underline}.play-official-inline{display:flex;gap:6px;flex-wrap:wrap}
.play-comments{margin-top:28px;padding:26px;background:#1a1a1b;border-radius:20px}.play-comments .play-section-heading{margin-bottom:18px}.play-comments .play-section-heading h2{font-size:16px;font-weight:500}.play-sort{padding:5px;background:#252527;border-radius:9px}.play-sort button{font-size:14px;padding:5px 8px}.play-sort button[aria-pressed="true"]{color:#eee}.play-sort button:hover{color:var(--accent)}
.play-comment-form{display:flex;gap:14px;padding:14px;background:#252527;border-radius:13px}.play-compose-avatar{width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:50%}.play-compose-body{flex:1;min-width:0}.play-comment-form textarea{height:66px;min-height:66px;border:0;border-radius:9px;background:#090909;padding:12px 14px;font-size:14px}.play-comment-footer{margin-top:12px}.play-comment-footer>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.play-comment-footer em{font-style:normal;color:var(--accent)}.play-comment-footer button{padding:8px 20px;font-size:14px;white-space:nowrap}.play-comment-list{margin-top:12px}.play-comment-item{padding:20px 0;border:0;gap:12px}.play-comment-item>img,.play-comment-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%}.sample-avatar{display:grid;place-items:center;color:#eedbe5;font-size:16px}.sample-avatar-0{background:linear-gradient(135deg,#566660,#263730)}.sample-avatar-1{background:linear-gradient(135deg,#6d6655,#37322c)}.sample-avatar-2{background:linear-gradient(135deg,#506570,#27343a)}.play-comment-body{min-width:0;flex:1}.play-comment-body>strong{font-size:14px;color:#929299;font-weight:400}.play-comment-body>p{margin:8px 0 6px;font-size:14px;line-height:1.7;color:#ccc}.play-comment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#85858d}.play-comment-meta time{margin:0;font-size:12px}.play-comment-meta button{padding:0;border:0;background:none;color:#888;font-size:12px}.play-comment-meta button:hover,.play-comment-meta button[aria-pressed="true"]{color:var(--accent)}
@media(max-width:600px){.play-official{padding:22px}.play-comments{padding:20px 16px}.play-comment-form{gap:10px;padding:12px}.play-compose-avatar{width:30px;height:30px;flex-basis:30px}.play-comment-footer{align-items:flex-start;gap:10px;flex-wrap:wrap}.play-comment-footer button{margin-left:auto}}


/* Shared soft radial backdrop, matching the reference detail page. */
html{background:#131414}
body{min-height:100vh;background-color:#131414;background-image:radial-gradient(79.79% 63.64% at 51.35% -3.04%,rgba(94,242,184,.10) 0%,rgba(94,242,184,0) 100%),radial-gradient(37.71% 88.68% at 111.22% -1.29%,rgba(94,242,184,.07) 0%,rgba(94,242,184,0) 100%);background-size:100% 920px;background-position:center top;background-repeat:no-repeat}
#channel-page .return-hero{display:flex;align-items:center;justify-content:space-between;gap:32px}
#channel-page .return-hero-copy{flex:1;min-width:0}
#channel-page .return-hero-copy p{margin-bottom:0}
#channel-page .return-hero .return-actions{flex:0 0 auto;justify-content:flex-end;margin-left:auto}
@media(max-width:900px){#channel-page .return-hero{gap:24px}#channel-page .return-hero .return-actions{flex-direction:column;align-items:stretch}#channel-page .return-hero .return-actions>a,#channel-page .return-hero .return-actions>button{justify-content:center}}
@media(max-width:600px){body{background-size:100% 700px}#channel-page .return-hero{flex-wrap:wrap;gap:22px}#channel-page .return-hero .return-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;width:100%}#channel-page .return-hero .return-actions>a,#channel-page .return-hero .return-actions>button{padding:11px 16px}}


#drama-play-page .series-overview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start;padding:30px;border:1px solid #ffffff0d;border-radius:20px;background:linear-gradient(125deg,#23352e88,#1b1b1bd9 65%)}
#drama-play-page .series-poster{display:block;width:100%;height:auto;aspect-ratio:640/914;object-fit:cover;border-radius:12px}
#drama-play-page .series-info{min-width:0;padding-top:4px}
#drama-play-page .series-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 18px}
#drama-play-page .series-title-row h1{margin:0;color:#f5f5f5;font-size:28px;font-weight:600;line-height:1.5}
#drama-play-page .series-heat{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#999;white-space:nowrap}
#drama-play-page .series-heat-icon{width:16px;height:16px}
#drama-play-page .series-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#drama-play-page .series-tags span{padding:5px 9px;border-radius:5px;background:#ffffff08;color:#aaa;font-size:14px}
#drama-play-page .series-tags .series-stat{color:#d4a158;background:#d4a15812}
#drama-play-page .series-tags .series-badge--new{color:#a097ff;background:#7065ff1a}
#drama-play-page .series-tags .series-badge--hot{color:#ff6878;background:#ff4d601a}
#drama-play-page .series-tags .series-badge--free{color:#12d3bd;background:#0bbba91a}
#drama-play-page .series-genres{margin:18px 0 0;font-size:14px;color:#999}
#drama-play-page .series-description{margin:18px 0 26px;font-size:14px;line-height:1.9;color:#aaa}
#drama-play-page .series-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#drama-play-page .series-actions>a,#drama-play-page .series-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;box-sizing:border-box;padding:12px 22px;border-radius:999px;font-size:14px;text-decoration:none;color:#fff}
#drama-play-page .series-actions .detail-play{background:var(--accent)}
#drama-play-page .series-actions .detail-play:hover{filter:brightness(1.1)}
#drama-play-page .series-actions svg{width:18px;height:18px;fill:currentColor}
#drama-play-page .series-download{border:1px solid #ffffff15;background:#ffffff05}
#drama-play-page .series-download:hover{background:#ffffff10}
#drama-play-page.is-overview .play-advertisements{padding-bottom:0}
#drama-play-page.is-overview .series-action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 24px}
#drama-play-page.is-overview .series-action-bar .play-detail-actions{margin-left:auto;gap:10px}
@media(max-width:760px){#drama-play-page.is-overview .series-action-bar .play-detail-actions{margin-left:0}}

@media(max-width:1180px){#drama-play-page .series-overview{grid-template-columns:180px minmax(0,1fr);padding:24px;gap:24px}#drama-play-page .series-title-row h1{font-size:24px}}
@media(max-width:600px){#drama-play-page .series-overview{grid-template-columns:112px minmax(0,1fr);padding:18px;gap:16px}#drama-play-page .series-title-row h1{font-size:20px}#drama-play-page .series-description{font-size:14px}#drama-play-page .series-actions>a,#drama-play-page .series-actions>button{padding:10px 14px;font-size:14px}#drama-play-page .series-tags{margin-top:12px}}

html.entry-navigation-pending body{visibility:hidden}html.entry-navigation-pending #entry-navigation{visibility:visible}

.side .sidebar-header .sidebar-brand-window{width:98.1px;height:36px}
.side .sidebar-header .sidebar-brand{width:98.1px;height:36px;object-fit:contain}
.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{width:36px;height:36px;border-radius:0}
.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:36px;height:36px;object-fit:contain}
.download-panel-brand .download-brand-complete,.entry-brand-logo{aspect-ratio:327/120;height:auto;object-fit:contain}
.jg-masthead-brand img{width:147.15px;height:54px;object-fit:contain}


.member-library-item[hidden]{display:none!important}
.member-history-pagination{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:32px 0 8px}
.member-history-pagination button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;min-width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#262628;color:#aaa!important;font:inherit;font-size:16px;cursor:pointer;transition:background .16s,color .16s}
.member-history-pagination button:hover:not(:disabled){color:#fff!important;background:#363638}
.member-history-pagination button[aria-current=page]{background:var(--accent);color:#101214!important}
.member-history-pagination button:disabled{opacity:.4;cursor:default}
.member-history-pagination .pagination-ellipsis{color:#909096;padding:0 5px}
.member-history-pagination .history-page-jump{display:flex;align-items:center;gap:12px;margin-left:8px;color:#929298;font-size:16px}
.member-history-pagination input{box-sizing:border-box;width:70px;height:46px;border:1px solid transparent;border-radius:999px;background:#262628;color:#fff;text-align:center;font:inherit;outline:none;appearance:textfield}
.member-history-pagination input::-webkit-inner-spin-button,.member-history-pagination input::-webkit-outer-spin-button{appearance:none;margin:0}
.member-history-pagination input:focus{border-color:var(--accent)}
.member-history-pagination .history-page-confirm{width:94px;border-radius:999px;background:var(--accent);color:#101214!important}
.member-history-pagination .history-page-confirm:hover{background:var(--accent);filter:brightness(1.1)}
.member-history-pagination button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.member-history-pagination{gap:9px}.member-history-pagination button{width:38px;min-width:38px;height:38px}.member-history-pagination .history-page-jump{justify-content:center;flex-basis:100%;margin:6px 0 0}.member-history-pagination input{height:38px}.member-history-pagination .history-page-confirm{width:80px}}


#drama-play-page .play-screen-controls{display:block;padding:30px 20px 12px;background:linear-gradient(transparent,rgba(0,0,0,.88));z-index:4;color:#eee}
#drama-play-page .player-control-row{display:flex;align-items:center;gap:14px;min-height:38px}
#drama-play-page .player-control-row button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:34px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#eee;font-size:14px;cursor:pointer}
#drama-play-page .player-control-row button:hover{color:var(--accent,#5ef2b8);background:#ffffff12}
#drama-play-page .player-control-row button:disabled{opacity:.35;cursor:default}
#drama-play-page .player-control-row button:focus-visible,#drama-play-page .player-range:focus-visible{outline:2px solid #5ef2b8;outline-offset:3px}
#drama-play-page .player-control-row svg,#drama-play-page .play-screen-overlay button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#drama-play-page .player-control-row .player-time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ddd}
#drama-play-page .player-control-spacer{flex:1}
#drama-play-page .player-range{display:block;appearance:none;border:0;border-radius:8px;height:4px;padding:0;min-height:0;background:linear-gradient(to right,#5ef2b8 var(--fill,0%),#ffffff45 var(--fill,0%));cursor:pointer;accent-color:#5ef2b8}
#drama-play-page .player-range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:#fff}
#drama-play-page .player-range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}
#drama-play-page .player-seek{width:100%;margin:0 0 10px}
#drama-play-page .player-seek:disabled{cursor:default;opacity:.55}
#drama-play-page .player-volume{display:flex;align-items:center;gap:6px}
#drama-play-page .player-volume input{width:65px;margin:0}
#drama-play-page .player-menu-wrap{position:relative}
#drama-play-page .player-options{position:absolute;bottom:46px;right:0;width:128px;padding:7px;background:#202023f5;box-shadow:0 4px 20px #0006;border:1px solid #ffffff15;border-radius:10px}
#drama-play-page .player-options[hidden]{display:none}
#drama-play-page .player-options button{display:flex;width:100%;height:34px;font-size:14px}
#drama-play-page .player-options button[aria-checked=true]{color:#5ef2b8;background:#5ef2b814}
#drama-play-page .player-options small{display:block;color:#999;font-size:12px;text-align:center;padding:5px 0}
#drama-play-page .play-screen-overlay[hidden]{display:none}
#drama-play-page .play-screen-overlay{pointer-events:none}
#drama-play-page .play-screen-overlay button{pointer-events:auto;display:grid;place-items:center}
#drama-play-page .play-screen-overlay button svg{width:30px;height:30px}
#drama-play-page .play-screen:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto;background:#000}
@media(max-width:600px){#drama-play-page .play-screen-controls{padding:24px 10px 8px}#drama-play-page .player-control-row{gap:5px}#drama-play-page .player-volume input{width:38px}#drama-play-page .player-time{font-size:10px}#drama-play-page .player-control-row button{font-size:12px}}

#drama-play-page .play-screen-overlay button[data-media="toggle"]{background:transparent;box-shadow:none;width:76px;height:76px;padding:0;color:#eee;border:0}
#drama-play-page .play-screen-overlay button[data-media="toggle"] svg{width:72px;height:72px}
#drama-play-page .play-screen-overlay button[data-media="toggle"]:hover{color:#5ef2b8}


#drama-play-page .play-episode-pages{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
#drama-play-page .play-episode-pages button{border:1px solid transparent;background:#252527;color:#aaa;border-radius:8px;padding:10px 18px;font-size:14px;cursor:pointer;transition:color .15s,background .15s}
#drama-play-page .play-episode-pages button:hover{color:#fff;background:#343436}
#drama-play-page .play-episode-pages button[aria-pressed=true]{color:#5ef2b8;background:#5ef2b818;border-color:#5ef2b840}
#drama-play-page .play-episode-locked{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:44px;padding:0;border:1px solid transparent;border-radius:9px;background:#252527;color:#888;font:inherit;font-size:16px;cursor:pointer}
#drama-play-page .play-episode-locked:hover{border-color:#5ef2b870;background:#303032;color:#ddd}
#drama-play-page .episode-lock-icon{position:absolute;bottom:4px;right:4px;width:12px;height:12px;fill:none;stroke:#a9a9ae;stroke-width:1.4}
#drama-play-page .play-episode-locked:focus-visible,#drama-play-page .play-episode-pages button:focus-visible{outline:2px solid #5ef2b8;outline-offset:3px}
#play-episode-lock{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:36px;border:1px solid #3b3b3b;border-radius:40px;background:#0d0d0d;color:#fff;text-align:center;box-shadow:0 24px 90px #0005}
#play-episode-lock::backdrop{background:#0009;backdrop-filter:blur(10px)}
#play-episode-lock .unlock-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;padding:6px;border:0;border-radius:50%;background:transparent;color:#999;cursor:pointer}
#play-episode-lock .unlock-close:hover{background:#ffffff0d;color:#fff}
#play-episode-lock .unlock-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#play-episode-lock .unlock-coin{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border:0;background:none}
#play-episode-lock .unlock-coin .coin-symbol{width:60px;height:60px;box-sizing:border-box;border:2px solid #ffe88c;box-shadow:inset 0 0 0 3px #ffd563}
#play-episode-lock h2{margin:0 0 20px;font-size:26px;line-height:1.4;font-weight:600;color:#fff}
#play-episode-lock .episode-lock-copy{margin:0 0 20px;font-size:16px;line-height:1.6;color:#929292}
#play-episode-lock .unlock-cost-summary{display:flex;justify-content:space-between;gap:20px;padding:20px 18px;border:1px solid #303030;border-radius:14px;background:#1a1a1a;text-align:left}
#play-episode-lock .unlock-cost-summary>div:last-child{text-align:right}
#play-episode-lock .unlock-cost-summary span{display:block;margin-bottom:8px;color:#919191;font-size:14px}
#play-episode-lock .unlock-cost-summary strong{font-size:18px;font-weight:500;color:#fff}
#play-episode-lock .unlock-cost-summary .unlock-cost{color:var(--accent)}
#play-episode-lock .unlock-confirm-note{margin:20px 0;font-size:14px;line-height:1.6;color:#929292}
#play-episode-lock .unlock-pay{display:block;width:100%;padding:18px 12px;border:0;border-radius:20px;background:var(--accent);color:#101214!important;font-size:18px;font-weight:500;cursor:pointer;transition:filter .15s}
#play-episode-lock .unlock-pay:hover{filter:brightness(1.07)}
#play-episode-lock .unlock-recharge{display:inline-block;margin-top:20px;padding:0;border:0;background:none;color:var(--accent)!important;font-size:18px;font-weight:500;text-decoration:none}
#play-episode-lock .unlock-recharge:hover{color:var(--accent)!important;filter:brightness(1.15)}
#play-episode-lock :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:480px){#play-episode-lock{padding:28px 24px;border-radius:30px}#play-episode-lock h2{font-size:22px}}


#drama-play-page .play-episodes-section{max-width:none}
#drama-play-page .play-episode-pages{display:block;position:relative;margin-bottom:22px;padding-right:0}
#drama-play-page .episode-page-track{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:0}
#drama-play-page .episode-page-track::-webkit-scrollbar{display:none}
#drama-play-page .play-episode-pages .episode-page-track button{flex:none;padding:0 12px;border:0;line-height:1.4;border-radius:8px;background:transparent;color:#999;font-size:18px;white-space:nowrap}
#drama-play-page .play-episode-pages .episode-page-track button:hover{color:#fff!important;background:transparent;border-color:transparent}
#drama-play-page .play-episode-pages .episode-page-track button[aria-pressed=true]{color:#fff!important;background:transparent;border-color:transparent}
#drama-play-page .play-episode-grid{grid-template-columns:repeat(15,minmax(0,1fr));grid-auto-rows:auto;gap:12px;min-height:0;align-content:start;overflow:visible;width:100%;max-width:100%;padding-bottom:4px}
#drama-play-page .play-episode-grid>a,#drama-play-page .play-episode-locked{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:12px;background:#252527;color:#eee;font-size:20px;width:100%;height:auto;min-width:0;min-height:0;box-sizing:border-box}
#drama-play-page .play-episode-grid>a:hover,#drama-play-page .play-episode-locked:hover{background:#373739;color:#fff}
#drama-play-page .play-episode-grid>a[aria-current=true]{background:#5ef2b817;color:#5ef2b8}
#drama-play-page .episode-lock-corner{position:absolute;top:0;left:0;width:19px;height:16px;display:grid;place-items:center;border-radius:0 0 8px 0;background:#ffffff0d}
#drama-play-page .episode-lock-icon{position:static;width:10px;height:10px;stroke:#888;fill:#888}
#drama-play-page .episode-lock-icon path{fill:none;stroke-width:2}
#drama-play-page .episode-playing{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:2px;height:9px}
#drama-play-page .episode-playing i{display:block;width:2px;height:9px;background:currentColor;border-radius:2px}
#drama-play-page .episode-playing i:nth-child(2){height:5px}
#drama-play-page .episode-playing i:nth-child(3){height:7px}
@media(max-width:600px){#drama-play-page .play-episode-grid{gap:12px}#drama-play-page .play-episode-grid>a,#drama-play-page .play-episode-locked{font-size:20px;border-radius:12px}#drama-play-page .episode-playing{top:5px;right:5px}#drama-play-page .episode-page-track{gap:22px}#drama-play-page .play-episode-pages .episode-page-track button{font-size:16px}}

#drama-play-page .episode-lock-corner{width:21px;height:18px;background:#dba44312}
#drama-play-page .episode-lock-corner .coin-symbol{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;box-sizing:border-box;width:13px;height:13px;min-width:13px;margin:0;padding:0;border:1px solid #ffe595;border-radius:50%;background:linear-gradient(135deg,#fff1a1,#ffc735);box-shadow:inset 0 0 0 1px #ffdc69;line-height:1}
#drama-play-page .episode-lock-corner .coin-soft-star{display:block;width:76%;height:76%;margin:0;filter:none}

#drama-play-page .play-episode-pages .episode-page-track button[aria-pressed="false"]{color:#888!important}
#drama-play-page .play-episode-pages .episode-page-track button[aria-pressed="false"]:hover{color:#fff!important;background:transparent;border-color:transparent}


#drama-play-page .play-comment-item>img{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:50%}
#drama-play-page .play-comment-replies{margin-top:18px;padding:16px 18px;background:#ffffff04;border-radius:12px}
#drama-play-page .play-comment-replies .play-comment-child{padding:0;margin:0 0 20px;gap:12px}
#drama-play-page .play-comment-replies .play-comment-child:last-child{margin-bottom:0}
#drama-play-page .play-comment-child>img{width:30px;height:30px;flex-basis:30px}
#drama-play-page .play-comment-child .play-comment-body p{margin:7px 0 10px;font-size:14px;line-height:1.8}
#drama-play-page .play-reply-target{color:#bba5b0}
#drama-play-page .play-reply-context{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;font-size:14px;color:#bbb}
#drama-play-page .play-reply-context button{padding:3px 6px;background:none;color:#999!important;font-size:12px}
#drama-play-page .play-reply-context button:hover{color:#fff!important}
#drama-play-page .play-comment-meta button{color:#888!important}
#drama-play-page .play-comment-meta button:hover,#drama-play-page .play-comment-meta button[aria-pressed=true]{color:#5ef2b8!important}
@media(max-width:600px){#drama-play-page .play-comment-replies{padding:12px 10px}#drama-play-page .play-comment-child>img{width:26px;height:26px;flex-basis:26px}}


#drama-play-page .play-banner-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0;width:100%;align-items:start}
#drama-play-page .play-banner-ad{display:block;min-width:0;margin:0;padding:0;overflow:hidden;border-radius:12px;background:transparent}
#drama-play-page .play-banner-ad>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:600px){#drama-play-page .play-banner-ads{gap:10px}#drama-play-page .play-banner-ad{border-radius:8px}}

#drama-play-page .play-episodes-section{padding-bottom:0}

#drama-play-page .play-episode-grid{padding-bottom:0}


#drama-play-page .play-detail-actions .play-action-icon{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;stroke:none;color:#aaa}
#drama-play-page .play-detail-actions .play-action-icon path{fill:currentColor;stroke:none}
#drama-play-page .play-detail-actions button[aria-pressed=true] .play-action-icon,#drama-play-page .play-detail-actions button:hover .play-action-icon,#drama-play-page .play-detail-actions a:hover .play-action-icon{color:#5ef2b8}
#drama-play-page .play-detail-actions .play-download .play-action-icon{color:#fff;width:18px;height:18px}
#drama-play-page .play-detail-actions button,#drama-play-page .play-detail-actions a{gap:8px}

#drama-play-page .play-detail-actions button:not(.play-download):hover,
#drama-play-page .play-detail-actions button:not(.play-download):hover>span,
#drama-play-page .play-detail-actions a:hover,
#drama-play-page .play-detail-actions a:hover>span{color:#5ef2b8!important}
#drama-play-page .play-detail-actions .play-download .play-action-icon,
#drama-play-page .play-detail-actions .play-download:hover .play-action-icon,
#drama-play-page .play-detail-actions .play-download:focus-visible .play-action-icon,
#drama-play-page .play-detail-actions .play-download:active .play-action-icon{color:#fff!important;fill:currentColor}

#drama-play-page .play-detail-actions button[data-play-action="like"][aria-pressed="true"],
#drama-play-page .play-detail-actions button[data-play-action="save"][aria-pressed="true"]{background:var(--accent,#5ef2b8);border-color:var(--accent,#5ef2b8);color:#101214!important}
#drama-play-page .play-detail-actions button[data-play-action="like"][aria-pressed="true"]>span,
#drama-play-page .play-detail-actions button[data-play-action="save"][aria-pressed="true"]>span,
#drama-play-page .play-detail-actions button[data-play-action="like"][aria-pressed="true"] .play-action-icon,
#drama-play-page .play-detail-actions button[data-play-action="save"][aria-pressed="true"] .play-action-icon{color:#fff!important}
#drama-play-page .play-detail-actions button[data-play-action="like"][aria-pressed="true"]:hover>span,
#drama-play-page .play-detail-actions button[data-play-action="save"][aria-pressed="true"]:hover>span{color:#fff!important}

#drama-play-page .play-detail-actions button[data-play-action="like"],
#drama-play-page .play-detail-actions button[data-play-action="save"]{box-sizing:border-box;flex:0 0 88px;width:88px;min-width:88px;max-width:88px;justify-content:center;padding:9px 10px;white-space:nowrap}


#drama-play-page .play-sort{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffff08;border-radius:11px;background:#252527}
#drama-play-page .play-sort button{min-width:56px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:#929299!important;font-size:14px;font-weight:400;line-height:1.5;transition:color .16s,background .16s,box-shadow .16s;cursor:pointer}
#drama-play-page .play-sort button[aria-pressed="false"]:hover{color:#eee!important;background:#ffffff0d}
#drama-play-page .play-sort button[aria-pressed="true"]{color:#101214!important;background:#5ef2b8;box-shadow:0 2px 8px #0002;font-weight:400}
#drama-play-page .play-sort button[aria-pressed="true"]:hover{background:#78f5c5}
#drama-play-page .play-sort button:active{box-shadow:inset 0 1px 4px #0003}
#drama-play-page .play-sort button:focus-visible{outline:2px solid #73ffc8;outline-offset:2px}
@media(prefers-reduced-motion:reduce){#drama-play-page .play-sort button{transition:none}}


#search-results-page{padding-top:32px;padding-bottom:48px;min-height:80vh}
#search-results-page .search-results-heading{margin:26px 0 28px}
#search-results-page h1{font-size:28px;line-height:1.5;margin:0 0 12px;color:#eee;font-weight:600;overflow-wrap:anywhere}
#search-results-page h1 em{color:var(--accent);font-style:normal}
#search-results-page .cards h3 .search-keyword{color:var(--accent)!important;background:transparent;padding:0;font:inherit}
#search-results-page .search-results-intro{color:#888;font-size:14px;line-height:1.8;margin:0 0 10px}
#search-results-page .search-results-count{color:#aaa;font-size:14px;margin:0}
#search-results-page .search-results-count strong{color:#eee;font-weight:400}
.search-results-form{display:flex;gap:10px;max-width:560px;margin:22px 0 0}
.search-results-form input{flex:1;min-width:0;padding:12px 16px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06;color:#eee;font:inherit;outline:none}
.search-results-form input:focus{border-color:var(--accent)}
.search-results-form button{padding:0 24px;border-radius:10px;background:var(--accent);color:#101214}
#search-results-page .cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}
@media(max-width:1180px){#search-results-page .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#search-results-page{padding-top:22px}#search-results-page h1{font-size:24px}#search-results-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}


#library #cards{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:28px}
@media(max-width:1180px){#library #cards{grid-template-columns:repeat(3,minmax(0,1fr))}#library #cards>.card:nth-child(n+7){display:none}}
@media(max-width:760px){#library #cards{grid-template-columns:repeat(2,minmax(0,1fr))}#library #cards>.card:nth-child(n+5){display:none}}


:root{--global-header-height:96px}
body{padding-top:var(--global-header-height)}
html{scroll-padding-top:calc(var(--global-header-height) + 20px)}
#global-site-header{position:fixed;top:0;left:0;right:0;z-index:60;box-sizing:border-box;isolation:isolate}
#global-site-header{background:transparent;border:0;box-shadow:none}
#global-site-header::before{content:none}
#global-site-header>.top{position:relative;margin:0}
@media(max-width:760px){:root{--global-header-height:152px}}
@media(prefers-reduced-motion:reduce){#global-site-header::before{transition:none}}


#global-site-header .top .search,#global-site-header .header-actions .coin-entry,#global-site-header .header-actions .download-entry{background:#ffffff09;border-color:#ffffff1c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;opacity:1}
#global-site-header .top .search:hover,#global-site-header .top .search:focus-within,#global-site-header .header-actions .coin-entry:hover,#global-site-header .header-actions .download-entry:hover{background:#ffffff14;border-color:#ffffff35;opacity:1}
#global-site-header .top .search input{color:#fff;caret-color:var(--accent);text-shadow:0 1px 3px #0008}
#global-site-header .top .search input::placeholder{color:#eeeef2;opacity:1}
#global-site-header .header-actions .coin-entry{color:#f3cf75;text-shadow:0 1px 3px #0008}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#global-site-header .top .search,#global-site-header .header-actions .coin-entry,#global-site-header .header-actions .download-entry{background:#29292de8}}


.drama-data-card .drama-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}
.drama-data-card .drama-tags{flex:1 1 auto;min-width:0}
.drama-data-card .drama-tags>span{flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drama-data-card .drama-tags>span+span{padding-left:8px;margin-left:8px}
.drama-data-card .drama-heat{display:inline-block;flex:0 0 auto;margin-left:auto;color:#8b9189;font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:760px){.drama-data-card .drama-meta{gap:6px}.drama-data-card .drama-heat{font-size:12px}.drama-data-card .drama-tags>span+span{padding-left:5px;margin-left:5px}}


.channel-pagination,.member-history-pagination{gap:12px;margin:30px 0 20px;font-size:14px}
.channel-pagination .pagination-pages{gap:10px}
.channel-pagination .pagination-pages button,.member-history-pagination>button{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;font-size:14px}
.channel-pagination .pagination-gap,.member-history-pagination .pagination-ellipsis{padding:0 3px;font-size:14px}
.channel-pagination .pagination-jump,.channel-pagination .pagination-jump label,.member-history-pagination .history-page-jump{gap:9px;font-size:14px}
.member-history-pagination .history-page-jump{margin-left:0}
.channel-pagination .pagination-jump input,.member-history-pagination .history-page-jump input{box-sizing:border-box;width:56px;height:36px;border-radius:999px;font-size:14px;padding:0 6px}
.channel-pagination .pagination-jump button,.member-history-pagination .history-page-confirm{width:76px;min-width:76px;height:36px;padding:0 16px;font-size:14px;border-radius:999px}
.member-history-pagination>button[aria-current="page"]:hover{background:var(--accent)}
@media(max-width:600px){.channel-pagination,.member-history-pagination{gap:9px}.channel-pagination .pagination-pages{gap:8px}}


.side .sidebar-header .sidebar-brand-window{width:121.5px;height:36px}
.side .sidebar-header .sidebar-brand{width:121.5px;height:36px;object-fit:contain}
@media(max-width:760px){.side .sidebar-header .sidebar-brand-window{width:112px;height:33.185px}.side .sidebar-header .sidebar-brand{width:112px;height:33.185px}}
@media(min-width:761px){.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{width:36px;height:36px}.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:121.5px;height:36px}}

.download-panel-brand .download-brand-complete{display:block;width:180px;height:auto;aspect-ratio:135/40;object-fit:contain}
.side-info>strong{display:flex;align-items:baseline;gap:4px}.side-info .side-info-wordmark{display:block;width:70px;max-width:100%;height:auto;object-fit:contain}.side-info .side-info-brand-dot{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateY(-1px)}.side-info .side-info-slogan{white-space:nowrap;font-size:12px;letter-spacing:0;line-height:1.8}

@media(max-width:760px){
 :root{--global-header-height:68px;--mobile-bottom-height:calc(64px + env(safe-area-inset-bottom,0px))}
 body{padding-bottom:var(--mobile-bottom-height)}
 .shell{margin-left:0;padding-left:16px;padding-right:16px;max-width:100%;min-width:0}
 .side{display:none}
 #global-site-header{padding-left:16px;padding-right:16px;padding-top:env(safe-area-inset-top,0px)}
 #global-site-header .top{height:68px;min-height:68px;padding:12px 0;gap:10px;flex-wrap:nowrap;box-sizing:border-box}
 #global-site-header .top .search{order:0;flex:1 1 0;width:0;min-width:0;height:42px;padding:3px 5px 3px 13px;gap:3px}
 #global-site-header .top .search input{font-size:14px}
 #global-site-header .top .search button[type=submit]{width:30px;height:32px;min-width:30px;flex:0 0 30px;padding:5px}
 #global-site-header .top .search button[type=submit] svg{width:18px;height:18px}
 #global-site-header .header-actions{width:auto;flex:0 0 auto;gap:8px;justify-content:flex-end}
 #global-site-header .header-actions .coin-entry{height:36px;padding:0 8px;gap:4px;margin:0}
 #global-site-header .coin-entry .coin-symbol{width:20px;height:20px;flex:0 0 20px}
 #global-site-header .coin-caption{font-size:0}
 #global-site-header .coin-value{font-size:12px;white-space:nowrap}
 #global-site-header .header-download-wrap{display:none}
 #global-site-header .header-actions .download-entry{width:34px;height:36px;padding:0;min-width:0;margin:0;justify-content:center}
 #global-site-header .download-entry>span{display:none}
 #global-site-header .download-entry>svg{width:18px;height:18px}
 #global-site-header .header-download-qr{position:fixed;top:var(--global-header-height);left:auto;right:16px;max-width:calc(100vw - 32px);box-sizing:border-box}
 #global-site-header .account-entry{width:34px;height:34px;padding:0;gap:0}
 #global-site-header .account-avatar,#global-site-header .account-avatar img{width:34px;height:34px}
 #global-site-header .account-copy{display:none}
 #global-site-header .search-discovery{position:fixed;top:calc(var(--global-header-height) - 4px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--global-header-height) - var(--mobile-bottom-height) - 20px);padding:20px;border-radius:18px}
 #profile-popover{position:fixed;top:var(--global-header-height);right:16px;max-width:calc(100vw - 32px)}
 .mobile-pages{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:var(--mobile-bottom-height);box-sizing:border-box;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid #ffffff10;background:#171719ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}
 .mobile-pages>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 0;min-width:0;min-height:44px;border-radius:10px;font-size:10px;line-height:1.2;color:#96969e;text-decoration:none}
 .mobile-pages>a[data-page=series],.mobile-pages>a[data-page=home-road],.mobile-pages>a[data-page=apps]{display:none}
 .mobile-pages>a svg{width:21px;height:21px;fill:currentColor}
 .mobile-pages>a svg.mobile-account-icon{fill:none;stroke:currentColor;stroke-width:1.7}
 .mobile-pages>a[aria-current=page]{color:var(--accent);background:none}
 .home-content{--module-gap:30px;--promotion-gap:18px;--module-inset:0px}
 .home-content .hero{height:440px;border-radius:18px;touch-action:pan-y}
 .home-content .hero-art{height:100%;width:100%;object-fit:cover;object-position:64% center;opacity:.8}
 .home-content .hero:after{background:linear-gradient(0deg,#0c1114 0%,#0c1114d9 20%,#0c111435 80%)}
 .home-content .hero-content{inset:auto 0 100px;width:100%;padding:20px;max-width:none}
 .home-content .hero-content .eyebrow{font-size:10px;letter-spacing:1px}
 .home-content .hero-content h1{font-size:26px;line-height:1.35;letter-spacing:0;margin:12px 0 8px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .home-content .hero-content .english{display:none}
 .home-content .hero-content>p{font-size:12px;line-height:1.65;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .home-content .hero-rating{margin-top:10px;gap:12px;font-size:12px;flex-wrap:wrap}
 .home-content .hero-content .actions{margin-top:14px}
 .home-content .hero-content .primary{padding:10px 18px;font-size:14px;min-height:40px}
 .home-content .hero-previews{left:42px;right:42px;bottom:24px;max-width:none;width:auto;gap:6px}
 .home-content .hero-preview{height:58px;min-height:0;max-height:58px;border-radius:6px}
 .home-content .hero-preview img{height:100%;width:100%;object-fit:cover}
 .home-content .hero-preview-arrow.prev{left:-30px}.home-content .hero-preview-arrow.next{right:-30px}
 .home-content .hero-bottom{display:none}
 .section-head{gap:12px}.section-head h2{font-size:20px!important;line-height:1.4}.section-head button{font-size:12px;white-space:nowrap}
 .home-content .topic-section>.section-head,.home-content #library>.section-head{margin-bottom:16px}
 #library #cards,.cards,#search-results-page .cards{gap:22px 12px}
 .drama-data-card>h3,#info-content .member-library-item h3{font-size:14px;line-height:1.5;margin-top:9px}
 .drama-description{font-size:12px;line-height:1.6}
 .drama-data-card .drama-tags>span,.drama-data-card .drama-heat{font-size:10px}
 .drama-data-card .drama-tags>span+span{margin-left:4px;padding-left:4px}
 .drama-data-card .cover-corner-badge{font-size:12px;padding:3px 7px;top:8px;right:8px}
 .topic-recommendation-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .editorial-row,.editorial-row.reverse{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 0 24px}
 .editorial-row.reverse .editorial-posters,.editorial-row.reverse .editorial-copy{order:initial}
 .editorial-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .editorial-copy{padding:4px 0}.editorial-copy h3{font-size:24px}
 .page-breadcrumb{font-size:12px;gap:8px;flex-wrap:wrap;line-height:1.6}
 #drama-play-page{padding-top:16px}.play-detail-layout{margin-top:16px;gap:28px}
 #drama-play-page .series-overview{display:block;padding:18px;border-radius:16px}
 #drama-play-page .series-poster{width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 0 18px}
 #drama-play-page .series-title-row h1{font-size:22px;line-height:1.45}
 #drama-play-page .series-title-row{gap:8px}
 #drama-play-page .series-heat{font-size:12px}
 #drama-play-page .series-description{font-size:14px;margin:14px 0 18px}
 #drama-play-page .series-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}
 #drama-play-page .series-actions>a,#drama-play-page .series-actions>button{padding:10px 8px;min-height:42px;font-size:12px;white-space:nowrap}
 #drama-play-page.is-overview .series-action-bar{gap:16px}
 #drama-play-page.is-overview .series-action-bar .play-detail-actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 #drama-play-page .play-detail-actions [data-play-action=like],#drama-play-page .play-detail-actions [data-play-action=save]{width:auto;min-width:0;max-width:none;flex-basis:auto}
 #drama-play-page .play-detail-actions button,#drama-play-page .play-detail-actions a{padding:9px 10px;font-size:12px;justify-content:center;gap:5px}
 #drama-play-page .play-advertisements{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:18px 0 0}
 #drama-play-page .play-advertisements>a{flex:0 0 52px;min-width:0}
 #drama-play-page .play-advertisements img{width:52px;height:52px;border-radius:12px}
 #drama-play-page .play-advertisements span{font-size:10px}
 #drama-play-page .play-episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
 #drama-play-page .play-episode-grid a,#drama-play-page .play-episode-grid button{font-size:18px;border-radius:10px}
 #drama-play-page .play-episode-pages .episode-page-track{gap:16px}
 #drama-play-page .play-episode-pages .episode-page-track button{font-size:14px;padding:0;min-height:36px}
 #drama-play-page .play-section-heading h2{font-size:18px}
 #drama-play-page .play-banner-ads{gap:10px;margin:22px 0}
 #drama-play-page .play-official,#drama-play-page .play-comments{padding:20px 16px;border-radius:16px}
 #drama-play-page .play-official-line{font-size:14px;line-height:1.7}
 #drama-play-page .play-official-inline{flex-wrap:wrap;gap:0 8px}
 #drama-play-page .play-comment-form{padding:12px;gap:10px}
 #drama-play-page .play-compose-avatar{width:30px;height:30px}
 #drama-play-page .play-compose-body{min-width:0}
 #drama-play-page .play-comment-form textarea{font-size:14px;min-height:84px}
 #drama-play-page .play-comment-footer{gap:8px;flex-wrap:wrap;font-size:12px}
 #drama-play-page .play-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 #drama-play-page .player-control-row{gap:6px;flex-wrap:wrap}
 #drama-play-page .play-screen-controls{padding:24px 10px 6px}
 #drama-play-page .player-time{font-size:10px}
 #drama-play-page .player-control-row button{min-width:26px;font-size:12px}
 .member-summary{padding:20px;gap:20px;border-radius:16px}.member-identity{gap:14px}
 #info-content .member-identity h2{font-size:22px}
 .member-library-tabs{gap:0;justify-content:space-between}.member-library-tabs button{font-size:14px}
 .member-library-toolbar{flex-direction:row;align-items:center;gap:8px;font-size:12px}
 .member-library-cards{gap:22px 12px}
 .channel-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}.channel-tabs button{flex-shrink:0;font-size:14px;padding:9px 14px}
 #search-results-page h1{font-size:22px}#search-results-page .search-results-heading{margin:20px 0 24px}
 .ui-empty-state{min-height:260px;padding:24px 12px}.ui-empty-state>img{width:164px;height:164px}
 .page-tools{bottom:calc(var(--mobile-bottom-height) + 14px)!important;right:12px!important}.page-tools .page-tool-download{display:block}.page-tools #floating-history{display:grid}
 .page-tools .page-tool{width:38px;height:38px;min-width:38px;border-radius:12px}
 .footer{font-size:12px;line-height:1.8;gap:14px;padding-bottom:24px}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
}
@media(max-width:360px){#global-site-header{padding-left:12px;padding-right:12px}#global-site-header .top{gap:7px}#global-site-header .header-actions{gap:6px}#global-site-header .coin-value{font-size:12px}.home-content .hero{height:420px}}


.mobile-menu-trigger{display:none}
#mobile-navigation-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(80vw,360px);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:56px 26px 32px;border:0;border-radius:0;background:#262626;color:#eee;overflow-y:auto;overscroll-behavior:contain;box-shadow:12px 0 40px #0003}
#mobile-navigation-drawer[open]{animation:mobile-drawer-in .22s ease-out}
#mobile-navigation-drawer.is-closing{animation:mobile-drawer-out .18s ease-in forwards}
#mobile-navigation-drawer::backdrop{background:#000a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mobile-drawer-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;padding:6px;border:0;border-radius:8px;background:transparent;color:#fff}
.mobile-drawer-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}
.mobile-drawer-brand{display:flex;justify-content:center;margin:0 0 28px}
.mobile-drawer-brand img{display:block;width:170px;max-width:100%;height:auto}
.mobile-drawer-links{display:grid;gap:11px}
.mobile-drawer-links>a{display:flex;align-items:center;min-height:50px;box-sizing:border-box;padding:12px 18px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06;color:#eee;text-decoration:none;font-size:16px;line-height:1.5}
.mobile-drawer-links>a[aria-current=page]{color:var(--accent);border-color:#5ef2b83d;background:#5ef2b80a}
.mobile-drawer-links>a:hover{background:#ffffff0c}
.mobile-drawer-contact{margin:26px 0 20px;text-align:center;font-size:14px;line-height:2.4;color:#aaa}
.mobile-drawer-contact p{margin:0}.mobile-drawer-contact a{color:inherit;text-decoration:none}.mobile-drawer-contact a:hover{color:var(--accent)}
.mobile-drawer-social{display:flex;align-items:center;justify-content:center;gap:22px}
.mobile-drawer-social a{display:grid;place-items:center;width:36px;height:36px;color:#aaa}
.mobile-drawer-social svg{width:23px;height:23px;fill:currentColor}
.mobile-drawer-social a+a{position:relative}.mobile-drawer-social a+a:before{content:"";position:absolute;left:-12px;width:1px;height:16px;background:#ffffff25}
#mobile-navigation-drawer :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@keyframes mobile-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes mobile-drawer-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:760px){
 :root{--mobile-bottom-height:0px}
 body{padding-bottom:env(safe-area-inset-bottom,0px)}
 .mobile-pages{display:none!important}
 body.mobile-drawer-open{overflow:hidden}
 #global-site-header .top{gap:8px}
 #global-site-header .mobile-menu-trigger{display:grid;place-items:center;flex:0 0 30px;width:30px;height:40px;padding:4px;border:0;background:transparent;color:#eee}
 .mobile-menu-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 #mobile-navigation-drawer{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .mobile-drawer-close{top:calc(12px + env(safe-area-inset-top,0px))}
}
@media(max-width:390px){#global-site-header .header-actions{gap:5px}#global-site-header .header-actions .coin-entry{padding:0 6px}#global-site-header .top .search{padding-left:9px}#mobile-navigation-drawer{padding-left:22px;padding-right:22px}.mobile-drawer-brand img{width:150px}}
@media(prefers-reduced-motion:reduce){#mobile-navigation-drawer[open],#mobile-navigation-drawer.is-closing{animation:none}}


.hero-mobile-pagination{display:none}
@media(max-width:760px){
 .home-content .hero-previews,.home-content .hero-bottom{display:none}
 .home-content .hero-content{bottom:24px}
 .home-content .hero-mobile-pagination{position:absolute;z-index:3;left:auto;right:16px;bottom:4px;display:flex;align-items:center;justify-content:flex-end;gap:0}
 .hero-mobile-pagination button{display:grid;place-items:center;width:10px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
 .hero-mobile-pagination button>span{display:block;width:5px;height:5px;border-radius:999px;background:#ffffff70;transition:background .18s,width .18s}
 .hero-mobile-pagination button[aria-pressed="true"]{width:28px}
 .hero-mobile-pagination button[aria-pressed="true"]>span{width:23px;background:var(--accent)}
 .hero-mobile-count{margin-left:10px;color:#fff;font-size:12px;font-weight:500;line-height:32px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 4px #0008}
 .hero-mobile-pagination button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
}


#mobile-navigation-drawer{width:min(72vw,280px);padding-left:18px;padding-right:18px;background:#1d1d1f}
#mobile-navigation-drawer .mobile-drawer-brand{justify-content:flex-start;margin-bottom:22px}
#mobile-navigation-drawer .mobile-drawer-brand img{width:140px;height:auto}
#mobile-navigation-drawer .mobile-drawer-links{gap:5px}
#mobile-navigation-drawer .mobile-drawer-links>a{position:relative;gap:13px;min-height:46px;padding:12px 14px;border:0;border-radius:9px;background:transparent;font-size:14px;color:#a8a8ae}
#mobile-navigation-drawer .mobile-drawer-links>a svg{display:block;width:21px;height:21px;flex:0 0 21px;fill:currentColor}
#mobile-navigation-drawer .mobile-drawer-links>a:hover{background:#ffffff06;color:#eee}
#mobile-navigation-drawer .mobile-drawer-links>a[aria-current=page]{background:#5ef2b810;color:var(--accent)}
#mobile-navigation-drawer .mobile-drawer-links>a[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;width:3px;height:22px;border-radius:3px;background:var(--accent);transform:translateY(-50%)}
#mobile-navigation-drawer .mobile-drawer-info{margin-top:26px;padding:24px 14px 0;border-top:1px solid #ffffff10}
#mobile-navigation-drawer .mobile-drawer-info>strong{display:flex;align-items:baseline;gap:4px}
#mobile-navigation-drawer .side-info-wordmark{display:block;width:70px;height:auto}
#mobile-navigation-drawer .side-info-brand-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--accent)}
#mobile-navigation-drawer .side-info-slogan{margin:12px 0 20px;color:#929298;font-size:12px;line-height:1.8;white-space:nowrap}
#mobile-navigation-drawer .policy-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
#mobile-navigation-drawer .policy-links a{display:flex;align-items:center;min-height:36px;color:#96969e;font-size:12px;text-decoration:none}
#mobile-navigation-drawer .policy-links a:hover,#mobile-navigation-drawer .policy-links a[aria-current=page]{color:var(--accent)}
#mobile-navigation-drawer .mobile-drawer-info>small{display:block;margin-top:18px;font-size:10px;line-height:1.9;color:#68686f}
#mobile-navigation-drawer .mobile-drawer-social{justify-content:flex-start;gap:14px;margin-top:20px;padding-left:10px}
#mobile-navigation-drawer .mobile-drawer-social a{width:36px;height:36px}
#mobile-navigation-drawer .mobile-drawer-social img{display:block;width:22px;height:22px;object-fit:contain}
#mobile-navigation-drawer .mobile-drawer-social a+a:before{content:none}


@media(max-width:760px){
.home-promotions .promo-marquee{overflow-x:auto;overflow-y:hidden;border-radius:0;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.home-promotions .promo-marquee::-webkit-scrollbar{display:none}
.home-promotions .promo-track{display:block;width:100%;animation:none!important;transform:none}
.home-promotions .promo-group{display:flex;flex-wrap:nowrap;gap:10px;width:100%;padding:0}
/* Five complete tiles plus 30% of the sixth, including five gaps. */
.home-promotions .promo-tile{flex:0 0 calc((100% - 50px) / 5.3);width:calc((100% - 50px) / 5.3);min-width:0;padding:0;scroll-snap-align:start}
.home-promotions .promo-tile-image{width:100%;aspect-ratio:1;border-radius:22%}
.home-promotions .promo-tile strong{display:block;margin-top:7px;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


.mobile-cover-rank{display:none}
@media(max-width:760px){
 #twist-cards .media{position:relative}
 #twist-cards .mobile-cover-rank{display:block;position:absolute;left:10px;top:auto;bottom:10px;z-index:3;font:italic 700 30px/1 Georgia,serif;letter-spacing:-1px;color:#eee;text-shadow:0 2px 5px #000c;pointer-events:none}
 #twist-cards .ranked-card:nth-child(-n+3) .mobile-cover-rank{color:var(--accent)}
 #twist-cards .rank-caption>strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #twist-cards .rank-caption{gap:0;min-height:0;margin:9px 0 9px}
 #twist-cards .rank-caption h3{margin:0;font-size:14px;font-weight:500;line-height:1.5}
 #twist-cards .drama-description{margin:0 0 7px}
 #twist-cards .drama-meta{margin:0}
 #twist-cards .rank-caption>span{min-width:0;width:100%}
}


@media(max-width:760px){
 .wide-ad-row,#drama-play-page .play-banner-ads{grid-template-columns:minmax(0,1fr);gap:10px}
}


@media(max-width:760px){
 #martial-cards .curated-card{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:12px;padding:12px;align-items:center}
 #martial-cards .curated-copy{display:flex;gap:0;padding:0;align-self:center;min-width:0}
 #martial-cards .curated-copy .pick{font-size:10px;line-height:1.4;letter-spacing:1px;padding:0;border:0;margin:0 0 6px}
 #martial-cards .curated-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;font-size:16px;line-height:1.3;letter-spacing:0;margin:0 0 6px}
 #martial-cards .martial-description{font-size:12px;line-height:1.4;height:2.8em;min-height:0;margin:0 0 6px}
 #martial-cards .martial-description>span{line-height:1.4}
 #martial-cards .curated-copy .drama-meta{width:100%;margin:0;gap:4px;line-height:1.5;flex-direction:column;align-items:flex-start}
 #martial-cards .curated-copy .drama-heat{margin-left:0}
 #martial-cards .curated-copy .drama-tags>span,#martial-cards .curated-copy .drama-heat{font-size:10px}
 #martial-cards .curated-copy .watch-link{min-height:26px;padding:4px 8px;margin-top:8px;gap:8px;font-size:12px;line-height:18px;box-sizing:border-box;align-self:flex-start}
}


@media(max-width:760px){
 .page-tools #back-to-top{display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;line-height:0}
 .page-tools #back-to-top>svg{display:block;flex:0 0 24px;width:24px;height:24px;margin:0}
}


@media(max-width:760px){
 .romance-editorial .editorial-copy{display:flex;justify-content:flex-end;align-items:center;padding:0;min-height:0;height:auto}
 .romance-editorial .editorial-copy> :not(button){display:none}
 .romance-editorial .editorial-copy>button{margin:0;padding:8px 0;min-height:36px}
 .home-content .romance-editorial .editorial-row{gap:8px;padding:0 0 12px}
 .home-content .romance-editorial .editorial-row+.editorial-row{padding-top:12px}
 .home-content #romance-rows{gap:0}
}


@media(max-width:760px){
 #drama-play-page.is-overview .series-action-bar .play-detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;min-width:0;margin:0}
 #drama-play-page.is-overview .play-detail-actions>button,#drama-play-page.is-overview .play-detail-actions>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:38px;min-height:38px;flex:initial;padding:0 1px;gap:2px;font-size:12px;line-height:1;white-space:nowrap}
 #drama-play-page.is-overview .play-detail-actions>button>span,#drama-play-page.is-overview .play-detail-actions>a>span{white-space:nowrap;font-weight:400;line-height:1}
 #drama-play-page.is-overview .play-detail-actions .play-action-icon{width:12px;height:12px;flex:0 0 12px;margin:0}
}


#drama-play-page .series-description-wrap{margin:18px 0 26px}
#drama-play-page .series-description-wrap .series-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;min-height:0;max-height:none}
#drama-play-page .series-description-wrap .series-description.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}
#drama-play-page .series-description-toggle{display:block;border:0;background:transparent;padding:6px 0;margin-top:3px;color:var(--accent);font-size:12px;line-height:1.5;cursor:pointer}
#drama-play-page .series-description-toggle[hidden]{display:none}
@media(max-width:760px){#drama-play-page .series-description-wrap{margin:14px 0 18px}}


#drama-play-page .series-actions .series-download-phone{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


#drama-play-page .play-comments{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
#drama-play-page .play-sort{gap:2px;padding:3px;border-radius:999px;flex-shrink:0}
#drama-play-page .play-sort button{min-width:42px;min-height:28px;padding:4px 8px;border-radius:999px;font-size:12px;line-height:20px;font-weight:400;box-sizing:border-box}
#drama-play-page .play-sort button[aria-pressed="true"],#drama-play-page .play-sort button[aria-pressed="true"]:hover{background:#55555b;color:#f2f2f4!important;font-weight:400;box-shadow:none}


@media(max-width:760px){
 #drama-play-page .play-related-list{gap:22px 12px}
 #drama-play-page .play-related .card{margin-bottom:0}
 #drama-play-page .play-related .card h3{font-size:14px;font-weight:500;line-height:1.5;margin:9px 0 9px}
 #drama-play-page .play-related .drama-description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;min-height:0;font-size:12px;line-height:1.8;margin:0 0 7px}
 #drama-play-page .play-related .drama-meta{margin:0}
}


@media(max-width:760px){
 #channel-page[data-channel="apps"] .benefits-directory{width:100%;min-width:0}
 #channel-page[data-channel="apps"] .benefits-directory>.channel-tabs{display:flex;flex-wrap:nowrap;width:100%;min-width:0;box-sizing:border-box;margin:0 0 24px;padding:8px 0;gap:8px;overflow-x:auto;scrollbar-width:none;top:var(--global-header-height);background:transparent;backdrop-filter:none}
 #channel-page[data-channel="apps"] .benefits-directory>.channel-tabs::-webkit-scrollbar{display:none}
 #channel-page[data-channel="apps"] .benefits-directory>.channel-tabs button{flex:0 0 auto;min-height:36px;padding:8px 12px;font-size:12px;line-height:18px;white-space:nowrap;border-radius:999px}
 #channel-page[data-channel="apps"] .benefit-heading{margin-bottom:16px}
 #channel-page[data-channel="apps"] .benefit-heading h2{font-size:18px;margin-bottom:6px}
 #channel-page[data-channel="apps"] .benefit-heading p{font-size:12px;line-height:1.7}
 #channel-page[data-channel="apps"] .benefit-section{margin-bottom:28px;scroll-margin-top:calc(var(--global-header-height) + 64px)}
 #channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 10px}
 #channel-page[data-channel="apps"] .benefit-card{box-sizing:border-box;height:100%;padding:0;gap:8px;border:0;border-radius:0;background:transparent;justify-content:flex-start}
 #channel-page[data-channel="apps"] .benefit-card:hover{background:transparent}
 #channel-page[data-channel="apps"] .benefit-icon{width:100%;height:auto;max-width:72px;aspect-ratio:1;flex:none}
 #channel-page[data-channel="apps"] .benefit-copy strong{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
 #channel-page[data-channel="apps"] .benefit-copy small{display:block;font-size:12px;line-height:1.6;margin-top:5px;white-space:normal;overflow:visible;-webkit-line-clamp:unset}
}


@media(max-width:760px){
 #info-content .member-advertisements{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
 #info-content .member-advertisements::-webkit-scrollbar{display:none}
 #info-content .member-ad-grid{display:flex;flex-wrap:nowrap;gap:10px;width:100%;padding:0}
 #info-content .member-ad-tile{flex:0 0 calc((100% - 50px) / 5.3);width:calc((100% - 50px) / 5.3);min-width:0;gap:7px;font-size:12px;line-height:1.4;scroll-snap-align:start}
 #info-content .member-ad-tile img{width:100%;height:auto;aspect-ratio:1;transform:none}
}


@media(max-width:760px){
 #info-page[data-info="account-settings"] .info-layout,#info-page[data-info="account-settings"] #info-content{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
 #info-content .member-settings{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:20px}
 #info-content .member-settings-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:20px}
 #info-content .member-avatar-editor{min-width:0;gap:14px}
 #info-content .member-avatar-controls{flex:1 1 0;min-width:0}
 #info-content .member-avatar-controls p{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
 #info-content .member-nickname-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0}
 #info-content .member-nickname-editor input{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px}
 #info-content .member-nickname-editor button{padding:0 12px;font-size:14px}
 #info-content .member-settings-action{box-sizing:border-box;gap:12px;min-width:0}
 #info-content .member-settings-action>span:first-child{min-width:0;flex:1}
 #info-content .member-settings-action small{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
 #info-content .member-settings-trailing{gap:8px;white-space:nowrap}
 #info-content #member-avatar-confirm{display:flex;flex-wrap:wrap;gap:8px}
 #info-content #member-avatar-confirm[hidden]{display:none}
 #info-content #member-avatar-confirm button+button{margin-left:0}
}


@media(max-width:760px){
 /* Keep every centered modal inside the same mobile safe gutter. */
 body dialog:not(#mobile-navigation-drawer){box-sizing:border-box;min-width:0!important;max-width:calc(100vw - 48px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:auto;overflow-y:auto;overscroll-behavior:contain}
 body dialog:not(#mobile-navigation-drawer) form{min-width:0;max-width:100%}
 #member-auth-dialog,#member-auth-dialog.auth-bind-mode,#wallet-payment-dialog,#member-delete-dialog,#play-episode-lock,.app-download-dialog{padding-left:20px;padding-right:20px}
 #member-auth-dialog .auth-input-row{min-width:0}
 #member-auth-dialog .auth-input-row input{min-width:0;font-size:14px}
 #member-auth-dialog .auth-bind-agreement,#member-auth-dialog .auth-agreement{white-space:normal;overflow-wrap:anywhere}
 .app-download-dialog .app-download-code{box-sizing:border-box;max-width:100%;height:auto;aspect-ratio:1}
 .app-download-dialog .app-download-code img{max-width:100%;height:auto}
 .app-download-dialog .app-download-link button{min-width:0;max-width:100%;width:100%}
}


body dialog button.close,body dialog button.auth-close,body dialog button.wallet-dialog-close{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;padding:0;line-height:0}
body dialog button .dialog-close-icon{display:block;width:20px;height:20px;flex:0 0 20px;margin:0;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;transform:none;pointer-events:none}


 #info-content .wallet-pack-panel{box-sizing:border-box;width:100%;min-width:0;padding:20px 12px;border:1px solid #ffd39933;border-radius:24px;background:linear-gradient(150.751deg,#3228201a 0%,#16100b1a 50.05%,#3228201a 100%)}
 #info-content .wallet-pack-heading{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 18px}
 #info-content .wallet-pack-heading strong{font-size:16px;font-weight:500;line-height:22px;color:#ffddc4;white-space:nowrap}
 #info-content .wallet-pack-heading>span{display:flex;align-items:center;gap:12px;font-size:12px;line-height:18px;color:#ffddc44d;white-space:nowrap}
 #info-content .wallet-pack-heading>span:before{content:'';height:10px;width:1px;background:#ffffff1a}
 #info-content .wallet-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
 #info-content .wallet-mobile-package{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;height:152px;padding:20px 4px;border:1px solid #ffd39933;border-radius:18px;overflow:visible;background:#ffffff0d;box-shadow:none;color:#fff;text-align:center}
 #info-content .wallet-mobile-package:hover{border-color:#febf8b99;background:#ffffff12}
 #info-content .wallet-mobile-package[aria-pressed="true"]{border-color:#febf8b;background:linear-gradient(180deg,#febe8b4d,#febe8b1a);box-shadow:inset 0 0 0 1px #febf8b}
 #info-content .wallet-mobile-package:focus-visible{outline:2px solid #febf8b;outline-offset:3px}
 #info-content .wallet-figma-coin{display:block;width:24px;height:24px;max-width:none;flex:0 0 24px}
 #info-content .wallet-mobile-coins{font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;color:#fff}
 #info-content .wallet-mobile-bonus{font-size:12px;line-height:18px;white-space:nowrap;color:#999}
 #info-content .wallet-mobile-price{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
 #info-content .wallet-mobile-price small{font-size:12px;line-height:18px;font-weight:400}
 #info-content .wallet-mobile-price strong{font-size:18px;line-height:24px;font-weight:600}
 #info-content .wallet-mobile-selected{display:none;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:24px;height:24px;max-width:none}
 #info-content .wallet-mobile-package[aria-pressed="true"] .wallet-mobile-selected{display:block}
 #info-content .wallet-double-badge{position:absolute;right:-5px;bottom:-6px;width:40px;height:40px;display:grid;place-items:center;pointer-events:none}
 #info-content .wallet-double-badge>img{width:37.0911px;height:37.0911px;max-width:none}
 #info-content .wallet-double-badge>span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;line-height:16px;color:white}
 #info-content .wallet-mobile-package:first-child{overflow:visible}
 #info-content .wallet-mobile-package .wallet-package-coin{width:24px;height:24px;flex:0 0 24px;border-width:2px;box-sizing:border-box;box-shadow:inset 0 0 0 2px #ffd563}
 #info-content .wallet-mobile-package .wallet-double-badge{right:-4px;top:-10px;bottom:auto;width:32px;height:32px;transform:rotate(-8deg)}
 #info-content .wallet-mobile-package .wallet-double-badge>img{position:absolute;width:37.0911px;height:37.0911px;transform:scale(.86)}
 #info-content .wallet-mobile-package .wallet-double-badge>span{font-size:10px}
 #info-content .wallet-mobile-package .wallet-mobile-selected{z-index:2;bottom:-10px}
 #info-content .wallet-mobile-package .wallet-mobile-price{position:relative;z-index:1}
@media(min-width:761px){
 #info-content .wallet-pack-panel{padding:26px 24px}
 #info-content .wallet-pack-heading{margin-bottom:24px}
 #info-content .wallet-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
 #info-content .wallet-mobile-package{height:180px;padding:24px 12px;gap:10px}
 #info-content .wallet-mobile-package .wallet-package-coin{width:32px;height:32px;flex-basis:32px}
 #info-content .wallet-mobile-coins{font-size:16px;line-height:22px}
 #info-content .wallet-mobile-bonus{font-size:14px;line-height:20px}
 #info-content .wallet-mobile-price strong{font-size:22px;line-height:28px}
 #info-content .wallet-mobile-price small{font-size:14px}
 #info-content .wallet-mobile-package .wallet-double-badge{width:46px;height:46px;right:-6px;top:-14px}
 #info-content .wallet-mobile-package .wallet-double-badge>img{transform:scale(1.24)}
 #info-content .wallet-mobile-package .wallet-double-badge>span{font-size:12px;line-height:18px}
}
@media(max-width:350px){
 #info-content .wallet-pack-panel{padding-left:10px;padding-right:10px}
 #info-content .wallet-pack-grid{column-gap:6px}
 #info-content .wallet-mobile-coins{font-size:12px}
 #info-content .wallet-mobile-bonus{font-size:10px}
}


@media(max-width:760px){
 .page-tools .page-tool{display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;line-height:0}
 .page-tools .page-tool>svg{display:block;flex:0 0 22px;width:22px;height:22px;margin:0}
 .page-tools .download-qr-panel{display:none!important}
}


.drama-data-card .drama-heat{display:inline-flex;align-items:center;gap:3px}
.drama-data-card .drama-heat-icon{display:block;width:12px;height:12px;flex:0 0 12px;object-fit:contain;margin:0}
@media(max-width:760px){.drama-data-card .drama-heat-icon{width:10px;height:10px;flex-basis:10px}}


body,button,input,textarea,select{font-family:var(--font-ui)}


html:has(.startup-popup[open]){overflow:hidden}
dialog.startup-popup{box-sizing:border-box;margin:auto;padding:0;border:0;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);color:#fff;font-family:var(--font-ui);box-shadow:none}
dialog.startup-popup::backdrop{background:#000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#startup-age{width:800px;background:#0d0d0d;border-radius:20px;overflow:auto}
.startup-age-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:360px}
.startup-age-mark{display:grid;place-items:center;background:#1a1a1a;padding:32px}
.startup-age-mark img{display:block}
.startup-age-copy{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0}
.startup-age-copy h2{font-size:24px;line-height:32px;font-weight:600;margin:0 0 16px}
.startup-age-copy p{font-size:16px;line-height:24px;color:#999;margin:0}
.startup-age-copy p+p{margin-top:24px}
.startup-age-actions{display:flex;align-items:center;gap:24px}
.startup-age-actions button{border:0;font-size:16px;line-height:24px;min-height:48px;border-radius:8px;cursor:pointer}
.startup-age-confirm{width:240px;background:var(--accent);color:#101214;font-weight:600}
.startup-age-leave{background:transparent;color:#999;padding:12px 16px;white-space:nowrap}
#startup-ad,#startup-grid{width:400px;background:transparent;border-radius:0;overflow:auto;scrollbar-width:none}
.startup-ad-image{display:block;width:100%;height:auto;aspect-ratio:400/602;object-fit:cover;border-radius:40px}
.startup-popup .startup-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:none;margin:24px auto 0;cursor:pointer}
.startup-close img{display:block}
.startup-promotions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:26px;row-gap:20px;padding:1px;min-width:0}
.startup-promotion{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#fff;min-width:0}
.startup-promotion img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border:0;border-radius:22%;box-sizing:border-box}
.startup-promotion span{font-size:14px;line-height:20px;white-space:nowrap}
.startup-popup button:focus-visible,.startup-popup a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.startup-popup .startup-close{border-radius:50%}
.startup-popup .startup-close:focus{outline:none}
#startup-grid .startup-promotion:focus{outline:none}
#startup-grid.startup-keyboard-focus .startup-promotion:focus-visible{outline:2px solid #ffffffb3;outline-offset:-2px;border-radius:12px}
#startup-age .startup-age-actions button:focus{outline:none;box-shadow:none}
#startup-age.startup-keyboard-focus .startup-age-actions button:focus-visible{outline:2px solid #ffffffb3;outline-offset:-4px}
.startup-popup.startup-keyboard-focus .startup-close:focus-visible{outline:2px solid #ffffffb3;outline-offset:-1px}
@media(max-width:760px){
 #startup-age .startup-age-layout{grid-template-columns:minmax(0,1fr)}
 .startup-age-mark{padding:24px}
 .startup-age-copy{padding:24px;gap:24px}
 .startup-age-copy h2{font-size:20px;line-height:28px}
 .startup-age-copy p{font-size:14px;line-height:22px}
 .startup-age-copy p+p{margin-top:16px}
 .startup-age-actions{gap:12px;flex-wrap:wrap}
 .startup-age-confirm{width:100%}
 .startup-age-leave{width:100%}
 .startup-promotions{column-gap:12px;row-gap:16px}
 .startup-promotion span{font-size:12px;line-height:18px}
 .startup-ad-image{border-radius:28px}
}
@media(max-height:740px) and (min-width:761px){#startup-ad{width:min(400px,calc((100dvh - 108px)*400/602))}}


html.entry-navigation-pending{overflow:hidden}
html.entry-navigation-pending body{visibility:hidden}
html.entry-navigation-pending #entry-navigation{visibility:visible}
#entry-navigation{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none!important;max-height:none!important;margin:0;padding:0;border:0;border-radius:0;background:#0f0f0f;color:#fff;overflow:auto;font-family:var(--font-ui);box-shadow:none}
#entry-navigation::backdrop{background:#0f0f0f}
.entry-background{position:fixed;inset:0 auto 0 -10vw;width:110vw;max-width:none;height:100%;object-fit:cover;object-position:center;opacity:.1;pointer-events:none}
@media(max-width:760px){.entry-background{left:0;width:100%;object-position:75% center}}
.entry-stage{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 0;box-sizing:border-box}
.entry-content{width:375px;max-width:100%;padding:12px 28px;display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box}
.entry-content p{margin:0}
.entry-brand{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.entry-brand-logo{display:block;width:180px;height:auto;aspect-ratio:135/40;object-fit:contain}
.entry-brand p{font-size:14px;line-height:20px;color:#ffffff99;text-align:center}
.entry-brand strong{font-size:18px;line-height:24px;color:var(--accent);font-weight:600;text-align:center}
.entry-routes{display:flex;flex-direction:column;gap:12px;width:100%}
.entry-route{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 16px;border-radius:12px;background:#ffffff0d;color:#f6f2f9;overflow:hidden;text-align:left;transition:background .18s ease}
.entry-route-copy{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:20px;min-width:0}
.entry-route-copy b{font-weight:500}
.entry-route-copy small{font-size:14px;color:var(--accent)}
.entry-route-cta{display:flex;align-items:center;justify-content:center;gap:2px;flex:none;border:1px solid var(--accent);border-radius:999px;padding:3px 7px;font-size:10px;line-height:16px;color:var(--accent);background:#5ef2b814}
.entry-route-cta img{display:block}
.entry-route-glow{position:absolute;left:56px;top:-56.5px;z-index:-1;pointer-events:none}
.entry-permanent{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 16px;border-radius:12px;background:#5ef2b814;font-size:14px;line-height:20px;width:100%}
.entry-permanent span:last-child{color:var(--accent)}
.entry-download{position:relative;isolation:isolate;overflow:hidden;width:100%;height:64px;flex:none;border-radius:12px;display:grid;place-items:center;color:#f6f2f9;font-size:14px;line-height:20px}
.entry-download img{position:absolute;width:100%;height:280.28%;left:0;top:-62.36%;object-fit:cover;z-index:-2}
.entry-download::before{content:"";position:absolute;inset:0;background:#0009;z-index:-1}
.entry-contact{font-size:12px;line-height:18px;color:var(--accent);text-align:center;overflow-wrap:anywhere}
.entry-channels{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.entry-channel{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0;font-size:12px;line-height:18px;color:#fff;white-space:nowrap}
.entry-channel-icon{display:grid;place-items:center;background:#ffffff1a;border-radius:999px;width:30px;height:30px}
.entry-channel-icon img{display:block}
.entry-footer{display:flex;flex-direction:column;gap:12px;font-size:12px;line-height:18px;text-align:center;color:#ffffff99;width:100%}
#entry-navigation :focus{outline:none}
#entry-navigation.entry-keyboard-focus :focus-visible{outline:2px solid #fff9;outline-offset:-2px}
@media(hover:hover){.entry-route:hover{background:#ffffff17}.entry-channel:hover,.entry-download:hover{color:var(--accent)}}
@media(max-width:760px){.entry-stage{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}}


.startup-age-mark .startup-age-mobile-icon,.startup-age-mobile-copy,#startup-age>.startup-close{display:none}
@media(max-width:760px){
 #startup-age{width:300px;background:transparent;border-radius:0}
 #startup-age .startup-age-layout{display:flex;flex-direction:column;gap:18px;padding:24px 20px;background:#0d0d0d;border:1px solid #ffffff33;border-radius:20px;min-height:0}
 #startup-age .startup-age-mark{padding:0;background:none}
 .startup-age-desktop-icon{display:none!important}
 .startup-age-mark .startup-age-mobile-icon{display:block}
 #startup-age .startup-age-copy{padding:0;gap:18px}
 .startup-age-desktop-copy{display:none}
 .startup-age-mobile-copy{display:block}
 #startup-age .startup-age-mobile-copy h2{font-size:18px;line-height:24px;margin:0 0 24px;text-align:center}
 #startup-age .startup-age-mobile-copy p{font-size:14px;line-height:20px;text-align:justify;color:#b5b5b5}
 #startup-age .startup-age-actions{display:flex;flex-direction:column;gap:12px}
 #startup-age .startup-age-actions button{width:100%;height:50px;min-height:50px;border-radius:12px;padding:13px 0;font-size:18px;line-height:24px;font-weight:400}
 #startup-age .startup-age-leave{background:#ffffff1a;color:#fff}
 #startup-age>.startup-close{display:flex;margin-top:36px}
 #startup-ad{width:300px}
 #startup-ad .startup-ad-image{aspect-ratio:300/468;border-radius:24px}
 #startup-ad .startup-close{margin-top:36px}
 #startup-grid{width:304px}
 #startup-grid .startup-promotions{padding:0;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
 #startup-grid .startup-promotion{gap:3.5px}
 #startup-grid .startup-promotion img{height:auto;aspect-ratio:1 / 1;border-radius:22%}
 #startup-grid .startup-promotion span{font-size:12px;line-height:18px}
 #startup-grid .startup-close{margin-top:24px}
}


#startup-age .startup-age-actions button{transition:background-color .18s ease,color .18s ease,transform .18s ease}
@media(hover:hover) and (pointer:fine){
 #startup-age .startup-age-confirm:hover{background:#7af5c5;color:#fff;transform:translateY(-1px)}
 #startup-age .startup-age-leave:hover{background:#ffffff20;color:#fff;transform:translateY(-1px)}
}
#startup-age .startup-age-actions button:active{transform:scale(.98)}
#startup-age .startup-age-confirm:active{background:#38d99b;color:#fff}
#startup-age .startup-age-leave:active{background:#ffffff2b;color:#fff}
@media(prefers-reduced-motion:reduce){#startup-age .startup-age-actions button{transition:none;transform:none}}


.entry-channel{transition:color .18s ease}
.entry-channel-icon{transition:background-color .18s ease}
#entry-navigation .entry-channel-icon .entry-channel-svg{display:block;flex-shrink:0;width:16px;height:16px;fill:none;stroke:none;stroke-width:0}
#entry-navigation .entry-channel-icon .entry-channel-svg[width="18"]{width:18px;height:18px}
#entry-navigation .entry-channel:has(.entry-channel-svg[width="18"]) .entry-channel-icon{width:32px;height:32px}
@media(hover:hover){#entry-navigation .entry-channel:hover{color:var(--accent)}#entry-navigation .entry-channel:hover .entry-channel-icon{background:#5ef2b81f}}
#entry-navigation.entry-keyboard-focus .entry-channel:focus-visible{color:var(--accent)}
@media(prefers-reduced-motion:reduce){.entry-channel,.entry-channel-icon{transition:none}}


#entry-navigation svg.entry-brand-logo{display:block;width:180px;height:auto;aspect-ratio:135/40;fill:none;stroke:none;stroke-width:0;flex-shrink:0}


.sidebar-collapsed .side .sidebar-header>.sidebar-logo-toggle{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;margin:0;gap:0}
.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{margin:0;justify-self:center;align-self:center}


/* Channel header: brand masthead, centered discovery, two-row directory. */
.jg-primary-nav,.jg-masthead,.jg-channel-directory{display:none}
@media(min-width:761px){
 :root{--global-header-height:72px}
 html .side{display:none!important}
 html .shell,html.sidebar-collapsed .shell{box-sizing:border-box;width:100%;max-width:1720px;margin-left:auto;margin-right:auto;padding-left:48px;padding-right:48px}
 html #global-site-header{max-width:none;margin:0;padding:0 48px;background:#15161a;border-bottom:1px solid #ffffff12;box-shadow:0 8px 30px #0002}
 #global-site-header:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(10,11,14,.12),rgba(10,11,14,.12)),url("/static/51/assets/9ccddd39c1fec40ccf28.svg") center/cover no-repeat;opacity:1;pointer-events:none}
 html #global-site-header>.top{box-sizing:border-box;max-width:1624px;margin:0 auto;height:72px;min-height:72px;padding:12px 0;gap:24px;flex-wrap:nowrap;border:0}
 .jg-primary-nav{display:flex;align-items:center;gap:28px;flex:0 0 auto}
 .jg-primary-nav a{color:#fff;font-size:16px;white-space:nowrap;text-decoration:none;opacity:.85;transition:opacity .15s}
 .jg-primary-nav a:hover,.jg-primary-nav a[aria-current=page]{opacity:1;color:var(--accent)}
 .jg-primary-nav .jg-mini-brand{display:flex;align-items:center;gap:7px;font-weight:400;font-size:16px;opacity:.85;color:#fff}
 .jg-mini-brand svg{width:20px;height:20px;fill:currentColor;stroke:none}
 html #global-site-header .top .search{box-sizing:border-box;flex:1 1 340px;max-width:520px;min-width:160px;width:auto;height:42px;margin:0 auto;padding:3px 6px 3px 16px;border-radius:9px;background:rgba(255,255,255,.16);border:1px solid #ffffff35;backdrop-filter:blur(18px);box-shadow:0 3px 14px #0001}
 html #global-site-header .top .search:hover,html #global-site-header .top .search:focus-within{background:rgba(255,255,255,.24);border-color:var(--accent);box-shadow:0 0 0 3px #5ef2b820}
 html #global-site-header .top .search input{color:#fff;text-shadow:none;font-size:15px}
 html #global-site-header .top .search input::placeholder{color:#c5c2cb}
 html #global-site-header .top .search>button{width:32px;height:32px;flex:0 0 32px;padding:6px;border-radius:6px;background:transparent}
 html #global-site-header .top .search>button svg{width:20px;height:20px;color:#fff}
 html #global-site-header .top .search>button svg path{fill:currentColor}
 html #global-site-header .header-actions{width:auto;margin:0;gap:20px;flex:0 0 auto}
 html #global-site-header .header-actions .header-action{min-width:38px;flex-direction:column;height:44px;padding:0;gap:4px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-size:13px;opacity:1;backdrop-filter:none;transform:none}
 html #global-site-header .header-actions .coin-entry{flex-direction:row;gap:6px}
 html #global-site-header .coin-caption,html #global-site-header .coin-value{font-size:15px}
 html #global-site-header .header-actions .download-entry{flex-direction:row;align-items:center;gap:8px;font-size:13px}
 html #global-site-header .header-actions .download-entry>svg{width:22px;height:22px}
 html #global-site-header .header-actions .account-entry{min-width:36px}
 html #global-site-header .header-actions .account-avatar{width:36px;height:36px;border:2px solid #ffffff80}
 html #global-site-header .header-actions .account-avatar img{width:100%;height:100%}
 .jg-masthead{display:flex;max-width:1624px;height:96px;box-sizing:border-box;align-items:center;justify-content:space-between;margin:auto;padding:8px 0 22px;overflow:hidden}
 .jg-masthead-brand{display:flex;align-items:center;gap:24px;text-decoration:none;color:white}
 .jg-masthead-brand img{width:182px;height:54px;object-fit:contain}
 .jg-masthead-copy{border-left:1px solid #ffffff35;padding-left:24px}
 .jg-masthead-copy strong{display:block;font-size:20px;font-weight:600;letter-spacing:3px;line-height:1.5}
 .jg-masthead-copy span{display:block;margin-top:3px;font-size:14px;letter-spacing:2px;color:#e6dce4}
 .jg-masthead-note{font-size:14px;letter-spacing:2px;color:#e4d5e2;padding:8px 14px;border:1px solid #ffffff25;border-radius:20px;background:#ffffff08}
 .jg-channel-directory{display:flex;align-items:center;gap:28px;max-width:1624px;min-height:88px;box-sizing:border-box;margin:auto;padding:16px 0;background:#15161a}
 .jg-quick-links{display:flex;align-items:center;gap:20px;flex-shrink:0}
 .jg-quick-links a{display:grid;justify-items:center;gap:5px;font-size:11px;color:#d9d9de;text-decoration:none}
 .jg-quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffad43,#ff752e);color:#fff}
 .jg-quick-links a:nth-child(2) .jg-quick-icon{background:linear-gradient(135deg,#ff7896,#41eca9)}
 .jg-quick-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .jg-genre-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px 8px;flex:1;min-width:0}
 .jg-genre-grid a{display:block;padding:4px 6px;text-align:center;border:1px solid #ffffff04;border-radius:5px;background:#ffffff07;color:#bcbcc6;font-size:12px;line-height:18px;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}
 .jg-genre-grid a:hover,.jg-genre-grid a[aria-current=page]{background:#5ef2b822;color:#77ffca;border-color:#5ef2b840}
 .jg-directory-tools{display:grid;grid-template-columns:repeat(2,auto);gap:12px 20px;border-left:1px solid #ffffff14;padding-left:26px;flex-shrink:0}
 .jg-directory-tools a{font-size:12px;color:#b8b8c2;text-decoration:none;white-space:nowrap}
 .jg-directory-tools a:hover{color:#77ffca}
 html #global-site-header.is-scrolled .jg-masthead{display:none}
 html #global-site-header.is-scrolled:before{inset:0;opacity:1}
 .jg-primary-nav a:focus-visible,.jg-channel-directory a:focus-visible,.jg-masthead a:focus-visible{outline:2px solid #77ffca;outline-offset:4px}
}
@media(min-width:761px) and (max-width:1180px){
 html .shell,html.sidebar-collapsed .shell{padding-left:28px;padding-right:28px}
 html #global-site-header{padding-left:28px;padding-right:28px}
 #global-site-header .top{gap:16px!important}.jg-primary-nav{gap:20px}.jg-primary-nav a{font-size:14px}
 html #global-site-header .header-actions{gap:12px}
 .jg-channel-directory{gap:18px}.jg-directory-tools{gap:12px;padding-left:18px}.jg-genre-grid{gap:7px 5px}.jg-genre-grid a{padding:4px 2px;font-size:11px}
 .jg-quick-links{gap:12px}.jg-masthead-note{display:none}
}
@media(max-width:760px){
 .jg-primary-nav,.jg-masthead,.jg-channel-directory{display:none!important}
}


.home-content #romance-rows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}
.home-content #romance-rows>.editorial-row,.home-content #romance-rows .editorial-posters{display:contents}
.home-content #romance-rows .editorial-card{width:100%;min-width:0;margin:0}
.home-content .romance-editorial>.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-content .romance-editorial>.section-head .topic-more{flex-shrink:0;white-space:nowrap}
@media(max-width:760px){.home-content #romance-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}


@media(min-width:761px){
 #global-site-header .jg-primary-nav a{display:inline-flex;align-items:center;gap:7px}
 #global-site-header .jg-primary-nav a>svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;stroke:none}
 #global-site-header .jg-primary-nav a>svg path{fill:currentColor;stroke:none}
}
@media(min-width:761px) and (max-width:1180px){
 #global-site-header .jg-primary-nav{gap:14px}
 #global-site-header .jg-primary-nav a{gap:5px}
 #global-site-header .jg-primary-nav a>svg{width:16px;height:16px;flex-basis:16px}
}


html #global-site-header .header-actions .header-action:hover,
html #global-site-header .header-actions .header-action:focus-visible{background:transparent;border-color:transparent;box-shadow:none;transform:none}
html #global-site-header .header-actions .jg-history-entry{flex-direction:row;align-items:center;gap:7px;font-size:13px;background:transparent}
#global-site-header .jg-history-entry>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){#global-site-header .header-actions .jg-history-entry{display:none}}


.jg-history-wrap{position:relative;flex:0 0 auto}
.jg-history-panel[hidden]{display:none!important}
.jg-history-panel{position:absolute;top:calc(100% + 16px);right:-68px;width:420px;max-width:calc(100vw - 40px);padding:20px;box-sizing:border-box;border:1px solid #ffffff20;border-radius:18px;background:#0d0d0d;color:#f1f1f3;box-shadow:0 22px 65px #0009;z-index:2000;transform-origin:top right;transform:scale(var(--history-panel-scale,1))}
.jg-history-panel::before{display:none}
.jg-history-panel::after{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}
.jg-history-panel h2{margin:0 0 20px;font-size:17px;line-height:1.5;font-weight:600}
.jg-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:none;overflow:visible}
.jg-history-item{display:block;min-width:0;overflow:hidden;text-decoration:none;color:#ececf0;border-radius:12px;background:#191919;text-align:left}
.jg-history-thumb{position:relative;display:block;width:100%;height:auto;aspect-ratio:640/914;overflow:hidden;background:#151518}
.jg-history-thumb>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s ease}
.jg-history-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff30}
.jg-history-progress>i{display:block;height:100%;background:var(--accent);width:var(--jg-history-progress,0%)}
.jg-history-item-copy{display:grid;gap:5px;min-width:0;padding:9px 8px}
.jg-history-item-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;font-weight:600;color:#eee}
.jg-history-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#777;line-height:1.5}
.jg-history-item:hover strong{color:var(--accent)}
.jg-history-item:hover .jg-history-thumb>img{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){.jg-history-thumb>img{transition:none}}
.jg-history-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.jg-history-empty{grid-column:1/-1;display:grid;place-items:center;min-height:150px;text-align:center;gap:8px;align-content:center;color:#92929b;font-size:13px;line-height:1.8}
.jg-history-empty strong{font-size:15px;color:#d7d7dd;font-weight:400}
#global-site-header .jg-history-panel .jg-history-all{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;padding:0;margin:20px 0 0;border:0;border-radius:7px;background:#ffffff05;color:#b7b7c0;font:inherit;font-size:14px}
#global-site-header .jg-history-panel .jg-history-all:hover{background:#ffffff09;color:#fff}
#global-site-header .header-actions:has(.jg-history-wrap.is-open){z-index:40}
@media(max-width:760px){.jg-history-wrap{display:none}}


.home-content .hero-previews .hero-preview{border:0;box-shadow:none;transform:scale(1);transform-origin:center;transition:opacity .2s ease,transform .2s ease;position:relative}
.home-content .hero-previews .hero-preview.active{border:0;box-shadow:none;opacity:1;transform:scale(1.08);z-index:1}
.home-content .hero-previews .hero-preview.active:hover{transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.home-content .hero-previews .hero-preview{transition:none}}


.coin-symbol .coin-soft-star{width:56%;height:56%;object-fit:contain;filter:none}


.home-content .hero-grid{display:block;min-width:0}
.home-content #hero.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;height:auto;min-height:0;width:100%;border-radius:0;background:none;overflow:visible;padding:0}
.home-content #hero.hero::before,.home-content #hero.hero::after{display:none}
.hero-feature-carousel{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:#222126;isolation:isolate}
.hero-feature-art{display:block;position:absolute;inset:0;text-decoration:none}
.hero-feature-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-feature-carousel::after{content:'';position:absolute;inset:40% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#17161c80 45%,#17161cf2 82%)}
.hero-feature-bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 22px 16px}
.hero-feature-title-row{display:flex;align-items:center;gap:16px}
.hero-feature-title{display:block;flex:1;min-width:0;color:#fff;font-size:20px;font-weight:500;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}
.hero-feature-controls{display:flex;gap:8px;flex-shrink:0}
.hero-feature-controls button{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:8px;background:#ffffff12;color:#fff}
.hero-feature-controls button:hover{background:#ffffff24}
.hero-feature-controls svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-feature-dots{display:flex;align-items:center;gap:2px;margin-top:8px}
.hero-feature-dots button{display:grid;place-items:center;width:18px;height:22px;padding:0;border:0;background:transparent}
.hero-feature-dots span{display:block;width:7px;height:7px;border-radius:50%;background:#ffffff55;transition:transform .2s,background .2s}
.hero-feature-dots button[aria-pressed=true] span{background:var(--accent);transform:scale(1.3)}
.hero-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;min-width:0}
.hero-feed-card{display:block;min-width:0;color:#eee;text-decoration:none}
.hero-feed-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#202025}
.hero-feed-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hero-feed-card:hover img{transform:scale(1.04)}
.hero-feed-card>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;overflow:hidden;font-size:14px;font-weight:500;line-height:21px;margin:9px 0 5px}
.hero-feed-card:hover>strong{color:var(--accent)}
.hero-feed-card>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#888890;font-size:12px;line-height:18px}
@media(min-width:761px) and (max-width:1180px){
 .home-content #hero.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:18px}
 .hero-feed-grid{gap:18px 12px}.hero-feature-bottom{padding:16px}.hero-feature-title{font-size:17px}.hero-feature-title-row{gap:8px}
}
@media(max-width:760px){
 .home-content #hero.hero{display:flex;flex-direction:column;gap:20px;height:auto;min-height:0;touch-action:pan-y}
 .hero-feature-carousel{width:100%;aspect-ratio:1.45;border-radius:12px}
 .hero-feature-title{font-size:17px}.hero-feature-bottom{padding:16px}
 .hero-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .hero-feed-card>strong{font-size:13px;line-height:20px;height:40px}.hero-feed-card>small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-feed-cover img,.hero-feature-dots span{transition:none}}


.home-content{padding-top:24px}
@media(max-width:760px){.home-content{padding-top:16px}}


.hero-feed-card>strong{display:block;height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:16px;line-height:1.5;font-weight:500;margin:10px 0 7px}
.hero-feed-card.drama-data-card .drama-description{font-size:12px;line-height:1.8;margin:0 0 7px}
.hero-feed-card .drama-meta{margin-top:0}
@media(max-width:760px){.hero-feed-card>strong{height:auto;font-size:14px;line-height:1.5;margin-top:9px}}


.home-content #hero.hero{align-items:stretch;height:auto;min-height:0}
.hero-feed-grid{align-content:start;grid-auto-rows:auto;gap:24px 18px}
.hero-feature-carousel{align-self:stretch;height:auto;min-height:0;aspect-ratio:auto}
.hero-feed-card>strong{margin:9px 0 6px;line-height:1.5}
.hero-feed-card .drama-meta{margin:0;min-height:18px}
@media(max-width:760px){
 .hero-feature-carousel{aspect-ratio:1.45}
 .hero-feed-grid{gap:20px 12px}
}


.home-content #hero .hero-feature-carousel{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}
.hero-feature-carousel .hero-feature-art{position:relative;inset:auto;flex:0 0 auto;width:100%;aspect-ratio:16/9;overflow:hidden}
.hero-feature-carousel .hero-feature-art img{width:100%;height:100%;object-fit:cover}
.hero-feature-carousel::after{display:none}
.hero-feature-carousel .hero-feature-bottom{position:relative;inset:auto;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:16px 22px;background:linear-gradient(135deg,#24222a,#18171e)}
@media(max-width:760px){.hero-feature-carousel .hero-feature-bottom{min-height:82px;padding:14px 16px}}


.rank-search-trends{display:flex;align-items:center;gap:18px;margin:0 0 26px;min-width:0}
.rank-search-label{flex:0 0 auto;font-size:14px;color:#c7c7ce;line-height:1.5}
.rank-search-tags{display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none}
.rank-search-tags::-webkit-scrollbar{display:none}
.rank-search-tags a{display:block;flex:0 0 auto;min-width:62px;padding:9px 15px;box-sizing:border-box;border:1px solid #ffffff08;border-radius:8px;background:#ffffff07;text-align:center;color:#b8b8c0;font-size:13px;line-height:20px;white-space:nowrap;text-decoration:none;transition:color .15s,background .15s}
.rank-search-tags a:hover,.rank-search-tags a:focus-visible{color:var(--accent);background:#5ef2b812}
.channel-ranking-cards .rank-home-badge{position:absolute;left:10px;top:0;bottom:auto;min-width:34px;width:34px;height:40px;padding:0 0 6px;border-radius:6px 6px 0 0;clip-path:polygon(0 0,100% 0,100% 79%,50% 100%,0 79%);background:linear-gradient(145deg,#91a9e1,#597ac2);color:#fff;font-size:19px;line-height:1;font-weight:700;text-shadow:0 1px 2px #0002;box-shadow:inset 0 0 0 1px #ffffff45}
.channel-ranking-cards .rank-home-badge[data-rank="1"]{background:linear-gradient(145deg,#63ffc2,#2aeda1)}
.channel-ranking-cards .rank-home-badge[data-rank="2"]{background:linear-gradient(145deg,#ff9b54,#ff6a28)}
.channel-ranking-cards .rank-home-badge[data-rank="3"]{background:linear-gradient(145deg,#ffd27a,#eda72e)}
@media(max-width:760px){
 .rank-search-trends{gap:12px;margin-bottom:20px}.rank-search-label{font-size:12px}.rank-search-tags{gap:8px}.rank-search-tags a{font-size:12px;min-width:54px;padding:7px 12px}
 .channel-ranking-cards .rank-home-badge{left:8px;min-width:29px;width:29px;height:35px;font-size:17px}
}


.home-hot-tag-recommendations{margin:24px 0 0;gap:24px}
.home-hot-tag-recommendations .rank-search-tags{flex:1;gap:14px}
.home-hot-tag-recommendations .rank-search-tags a{flex:1 0 auto;min-width:96px;padding:10px 18px;border:1px solid #ffffff0c;border-radius:8px;background:#242426;color:#d2d2d8;font-size:14px;line-height:20px}
.home-hot-tag-recommendations .rank-search-tags a:hover,.home-hot-tag-recommendations .rank-search-tags a:focus-visible{background:#5ef2b818;color:var(--accent);border-color:#5ef2b840}
@media(max-width:760px){.home-hot-tag-recommendations{gap:14px;margin-top:20px}.home-hot-tag-recommendations .rank-search-tags{gap:10px}.home-hot-tag-recommendations .rank-search-tags a{font-size:12px;min-width:84px;padding:8px 12px}}


.home-trending-topic .home-hot-tag-recommendations{margin:0;display:block}
.home-trending-topic .rank-search-tags{width:100%;display:flex}
#topic-recommendation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1000px) and (min-width:761px){#library #cards>:nth-child(n+4){display:none}}
@media(max-width:760px){
 #library #cards>:nth-child(n+3){display:none}
 #topic-recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}


.ui-chevron-right{display:block;width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ui-chevron-right path{fill:none;stroke:currentColor}
.home-content .section-head .topic-more>span,.home-content .section-head button>span{display:inline-flex;align-items:center;justify-content:center}
.home-content .section-head .topic-more:hover>span,.home-content .section-head .topic-more:focus-visible>span,.home-content .section-head button:hover>span,.home-content .section-head button:focus-visible>span{transform:translateX(3px)}
.home-content .section-head{align-items:flex-start}
.home-content .section-heading-copy{min-width:0}
.home-content .section-subtitle{margin:7px 0 0;padding-left:18px;font-size:13px;font-weight:400;line-height:1.6;color:#8b8b94}
.home-content .section-head>.topic-more,.home-content .section-head>button{align-self:flex-start;margin-top:3px}
@media(max-width:760px){.home-content .section-subtitle{font-size:12px;margin-top:6px}}


.home-trending-topic .rank-search-tags a{flex:0 0 auto;min-width:0;width:auto;padding:10px 18px}
@media(max-width:760px){.home-trending-topic .rank-search-tags a{min-width:0;padding:8px 12px}}
.home-content .section-head .topic-more,.home-content .section-head>button{gap:4px}
.home-content .section-head .topic-more>span,.home-content .section-head button>span{transform:none;transition:none}
.home-content .section-head .topic-more:hover>span,.home-content .section-head .topic-more:focus-visible>span,.home-content .section-head button:hover>span,.home-content .section-head button:focus-visible>span{transform:none;transition:none}
.ui-chevron-right{transform:none;transition:none}
.topic-recommendation-copy small{color:var(--accent)}


.home-friend-links .home-hot-tag-recommendations{margin:0;display:block}
.home-friend-links .rank-search-tags{display:flex;width:100%;gap:14px}
.home-friend-links .rank-search-tags a{flex:0 0 auto;min-width:0;width:auto;padding:10px 18px}
@media(max-width:760px){.home-friend-links .rank-search-tags{gap:10px}.home-friend-links .rank-search-tags a{padding:8px 12px}}


.home-friend-links .rank-search-tags{flex-wrap:wrap;overflow:visible;gap:12px 14px}


#channel-page .return-home-directory .return-actions>a,
#channel-page .return-home-directory .return-card-actions>a,
#channel-page .return-home-directory .return-permanent-row>a{display:inline-flex;flex-direction:row;align-items:center;gap:4px;white-space:nowrap;line-height:1.5}
#channel-page .return-home-directory .return-actions>a,
#channel-page .return-home-directory .return-card-actions>a{justify-content:center}
#channel-page .return-home-directory .return-permanent-row>a{justify-content:flex-start;justify-self:start}
.return-home-directory .return-actions>a>span,
.return-home-directory .return-card-actions>a>span,
.return-home-directory .return-permanent-row>a>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transform:none;transition:none}
.return-home-directory a .ui-chevron-right{display:block;width:14px;height:14px;flex:0 0 14px;margin:0;transform:none;transition:none}
html #global-site-header #account-entry .account-avatar{border:0;box-shadow:none}


.home-content .section-head{align-items:center}
.home-content .section-heading-copy{display:flex;align-items:center;min-width:0}
.home-content .section-heading-copy>h2{flex:0 0 auto;white-space:nowrap}
.home-content .section-heading-copy>.section-subtitle{flex:0 1 auto;min-width:0;margin:0 0 0 14px;padding:0 0 0 14px;border-left:1px solid #ffffff24;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-feed-card .hero-feed-cover .drama-episodes{position:absolute;right:8px;bottom:7px;z-index:2;color:#fff;font-size:12px;line-height:1.4;white-space:nowrap;text-shadow:0 1px 4px #000c}
@media(max-width:760px){.home-content .section-heading-copy>.section-subtitle{margin-left:10px;padding-left:10px}.hero-feed-card .hero-feed-cover .drama-episodes{right:6px;bottom:5px;font-size:11px}}


.hg-footer{margin-top:64px;padding:44px max(32px,calc((100% - 1520px)/2)) 24px;min-height:0;background:linear-gradient(180deg,#1c1d1f,#18191b);border-top:1px solid #ffffff08;color:#939497}
.hg-footer-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:64px;padding-bottom:34px}
.hg-footer-main>div{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:48px}
.hg-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:0}
.hg-footer-brand .hg-logo-slot{display:block;width:150px;height:43.2px}
.hg-footer-brand img{width:150px;height:43.2px;transform:none}
.hg-footer-brand>span{font-size:13px;line-height:22px;color:#898b90;letter-spacing:1px}
.hg-footer-addresses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:3px;font-size:14px;line-height:22px}
.hg-footer-addresses>a{display:flex;flex-direction:column;gap:12px;min-width:0}
.hg-address-label{font-size:12px;color:#777a80}
.hg-address-value{font-size:14px;color:#d0d1d4;white-space:nowrap;transition:color .2s}
.hg-address-value>span{display:inline-block;margin-left:4px;font-size:13px;color:#64676e;transition:color .2s}
.hg-footer-addresses>a:hover .hg-address-value,.hg-footer-addresses>a:hover .hg-address-value>span{color:var(--accent)}
.hg-footer-links{display:grid;grid-template-columns:repeat(3,max-content);gap:14px 22px;margin:0;padding:0;font-size:13px;line-height:20px;color:#b6b8bd}
.hg-footer-links::before{content:'关于与帮助';grid-column:1/-1;margin-bottom:1px;font-size:12px;color:#777a80}
.hg-footer-links a+a{border:0;padding:0}
.hg-footer-bottom{margin:0;padding-top:22px;border-top:1px solid #ffffff08;font-size:12px;line-height:20px;color:#696c73}
.hg-footer-social{gap:10px}
.hg-footer-social a{width:32px;height:32px;border:1px solid #ffffff0b;background:#ffffff04;transition:background .2s,border-color .2s}
.hg-footer-social a:hover{background:#5ef2b818;border-color:#5ef2b840}
.hg-footer-social img{opacity:.65}.hg-footer-social a:hover img{opacity:1}
.hg-footer-social a:first-child img{width:19px;height:19px}.hg-footer-social a:not(:first-child) img{width:16px;height:16px}
@media(max-width:1180px){.hg-footer-main{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.hg-footer-main>div{grid-template-columns:1fr;gap:28px}.hg-footer-addresses{gap:20px}.hg-footer-links{gap:14px 16px}}
@media(max-width:760px){.hg-footer{margin-top:40px;padding:32px 20px 24px}.hg-footer-main{grid-template-columns:1fr;gap:30px;padding-bottom:26px}.hg-footer-main>div{gap:24px}.hg-footer-brand{gap:10px}.hg-footer-brand>span{font-size:12px}.hg-footer-addresses{gap:12px}.hg-footer-addresses>a{gap:7px}.hg-address-label{font-size:11px}.hg-address-value{font-size:12px}.hg-address-value>span{display:none}.hg-footer-links{grid-template-columns:repeat(3,max-content);gap:12px 24px;font-size:12px}.hg-footer-bottom{flex-direction:row;align-items:center;gap:14px;padding-top:20px;font-size:10px}.hg-footer-social{gap:7px}.hg-footer-social a{width:28px;height:28px}}


.hg-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;font-size:14px;line-height:22px;color:#a4a6a2}
.hg-footer-links::before{content:none}
@media(max-width:760px){.hg-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;font-size:14px}}


.hg-footer-original{padding:32px max(32px,calc((100% - 1520px)/2)) 28px;background:#1e1f20}
.hg-footer-original-info{width:220px;max-width:100%}
.hg-footer-original-title{display:block;color:#f2f2f2;font-size:22px;line-height:1.3;font-weight:750;letter-spacing:.5px}
.hg-footer-original-title>span{color:var(--accent);margin-left:3px}
.hg-footer-original-slogan{margin:14px 0 28px;font-size:14px;line-height:22px;color:#93968f}
.hg-footer-original .hg-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;color:#a4a7a1;font-size:14px;line-height:22px}
.hg-footer-original .hg-footer-links::before{content:none}
.hg-footer-original-copyright{display:block;margin-top:24px;color:#777c74;font-size:12px;line-height:24px}
.hg-footer-original .hg-footer-social{display:flex;gap:12px;margin-top:28px}
.hg-footer-original .hg-footer-social a{width:36px;height:36px;background:#ffffff09;border:0}
@media(max-width:760px){.hg-footer-original{padding:28px 20px}.hg-footer-original-info{width:220px}}

.hg-footer-original-title>img{display:block;width:124px;height:30px}

.hg-footer-original-info{width:100%;max-width:100%;min-width:0}
.hg-footer-original-title{display:flex;align-items:flex-end;gap:6px}
.hg-footer-brand-red-dot{display:block;width:6px;height:6px;margin-bottom:3px;border-radius:50%;background:#ff3b45}
.hg-footer-original .hg-footer-links{display:flex;align-items:center;flex-wrap:nowrap;gap:0;overflow-x:auto;padding-bottom:2px}
.hg-footer-original .hg-footer-links>a{flex:0 0 auto;white-space:nowrap}
.hg-footer-original .hg-footer-links>a+a{border-left:1px solid #ffffff24;margin-left:16px;padding-left:16px}
.hg-footer-original-copyright{white-space:nowrap;margin-top:22px}
.hg-footer-original .hg-footer-social a{display:grid;place-items:center;color:#e4e6e9}
.hg-footer-original .hg-footer-social img,.hg-footer-original .hg-footer-social svg{width:19px;height:19px;opacity:1;fill:currentColor;max-width:100%}
@media(max-width:760px){.hg-footer-original .hg-footer-links{font-size:12px}.hg-footer-original .hg-footer-links>a+a{margin-left:12px;padding-left:12px}.hg-footer-original-copyright{font-size:11px}}


.hg-footer-original-info{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;column-gap:22px;row-gap:22px}
.hg-footer-original-title{grid-column:1;grid-row:1;margin:0}
.hg-footer-original-slogan{grid-column:2;grid-row:1;margin:0}
.hg-footer-original .hg-footer-links{grid-column:1/3;grid-row:2;padding-bottom:0}
.hg-footer-original-copyright{grid-column:1/3;grid-row:3;margin:0}
.hg-footer-original .hg-footer-social{grid-column:3;grid-row:2/4;align-self:center;display:flex;gap:12px;margin:0;padding-right:58px}
.hg-footer-original .hg-footer-social a{transition:background .2s,box-shadow .2s,transform .2s;outline-offset:4px}
.hg-footer-original .hg-footer-social a:hover,.hg-footer-original .hg-footer-social a:focus-visible{background:#5ef2b826;box-shadow:inset 0 0 0 1px #5ef2b870;transform:translateY(-3px)}
.hg-footer-original .hg-footer-social img,.hg-footer-original .hg-footer-social svg{transition:filter .2s}
.hg-footer-original .hg-footer-social a:hover img,.hg-footer-original .hg-footer-social a:hover svg{filter:brightness(1.2)}
@media(max-width:760px){.hg-footer-original-info{grid-template-columns:max-content minmax(0,1fr);column-gap:14px;row-gap:20px}.hg-footer-original-slogan{font-size:12px;letter-spacing:0}.hg-footer-original .hg-footer-links{grid-column:1/-1}.hg-footer-original-copyright{grid-column:1/-1}.hg-footer-original .hg-footer-social{grid-column:1/-1;grid-row:4;justify-self:end;padding-right:44px}}
@media(prefers-reduced-motion:reduce){.hg-footer-original .hg-footer-social a,.hg-footer-original .hg-footer-social img,.hg-footer-original .hg-footer-social svg{transition:none}.hg-footer-original .hg-footer-social a:hover,.hg-footer-original .hg-footer-social a:focus-visible{transform:none}}


.hg-footer-original .hg-footer-original-title>img{display:block;width:180px;height:auto;aspect-ratio:327/120;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.hg-footer-original .hg-footer-original-title>img{width:150px}}

.hg-footer-brand-red-dot{background:var(--accent)}.hg-footer-social a{border-radius:50%;text-decoration:none}@media(max-width:760px){.hg-footer-original{display:none}}

.hg-footer-original .hg-footer-original-title{font-size:18px;line-height:26px;font-weight:600;letter-spacing:0;align-items:center}
.hg-footer-original-title>.footer-brand-text{margin-left:0;color:#f2f2f2;font-size:18px;line-height:26px}
.hg-footer-original .hg-footer-brand-red-dot{width:4px;height:4px;margin-bottom:0}


html body :is(
 .primary,.cinema-play,.auth-submit,.bottom-app-download,.app-download-link button,
 #startup-age .startup-age-confirm,.search-results-form button,
 .channel-pagination .pagination-jump button,.channel-pagination button[aria-current="page"],
 .member-history-pagination .history-page-confirm,.member-history-pagination button[aria-current="page"],
 #channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"],
 #channel-page[data-channel="apps"] .channel-tabs button[aria-pressed="true"],
 .return-actions a,.series-actions .detail-play,.play-detail-actions .play-download,
 .play-comment-footer button,#play-episode-lock .unlock-pay,
 #drama-play-page .play-sort button[aria-pressed="true"],
 #drama-play-page .play-detail-actions button[data-play-action="like"][aria-pressed="true"],
 #drama-play-page .play-detail-actions button[data-play-action="save"][aria-pressed="true"]
){color:#101214!important}
html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"] :is(span,svg){color:#101214!important}
html body .page-tool:is(:hover,[aria-expanded="true"]){color:#101214!important}


.jg-top-brand{display:none}
@media(min-width:761px){
 html #global-site-header .jg-masthead{display:none!important}
 html #global-site-header>.top{gap:24px}
 #global-site-header .jg-top-brand{display:flex;align-items:center;flex:0 0 auto}
 #global-site-header .jg-top-brand img{display:block;width:114.45px;height:42px;object-fit:contain}
 #global-site-header .jg-primary-nav{flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;gap:24px}
 #global-site-header .jg-primary-nav::-webkit-scrollbar{display:none}
 #global-site-header .jg-primary-nav a{flex:0 0 auto}
 #global-site-header .jg-primary-nav a>svg{display:none}
}
@media(min-width:761px) and (max-width:1180px){
 #global-site-header .jg-top-brand img{width:92.65px;height:34px}
 #global-site-header .jg-primary-nav{gap:16px}
}


html body .coin-symbol{border:0!important;background:none!important;box-shadow:none!important;color:var(--accent);text-shadow:none;padding:0}
html body .coin-symbol .coin-soft-star{display:block;width:100%;height:100%;max-width:none;filter:none;fill:currentColor}
@media(min-width:761px){
 html #global-site-header{transition:background-color .2s,box-shadow .2s,backdrop-filter .2s}
 html #global-site-header.is-scrolled{background:rgba(19,20,20,.66);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border-bottom:1px solid #ffffff12;box-shadow:0 4px 20px #0002}
 html #global-site-header.is-scrolled:before{opacity:0}
 html #global-site-header .top .search{border-radius:999px}
 html #global-site-header .top .search>button{border-radius:50%}
 #global-site-header .jg-primary-nav a{position:relative;box-sizing:border-box;min-height:44px;padding:10px 0 13px}
 #global-site-header .jg-primary-nav a[aria-current="page"]::after{content:'';position:absolute;left:50%;bottom:1px;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent)}
}
@media(prefers-reduced-motion:reduce){html #global-site-header{transition:none}}


html #global-site-header .coin-caption,html #global-site-header .coin-value,
html #info-content .wallet-balance-amount strong,html #info-content .wallet-usage-item>svg{color:var(--accent)!important}
html #info-content .wallet-mobile-package[aria-pressed="true"]{border-color:var(--accent);background:linear-gradient(180deg,#5ef2b82e,#5ef2b80d);box-shadow:inset 0 0 0 1px var(--accent)}
html #info-content .wallet-mobile-package:hover{border-color:#5ef2b899}
html #info-content .wallet-mobile-package:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
html #info-content .wallet-double-badge>span{color:#101214}
html body #info-content .wallet-submit,html body #info-content .wallet-submit:is(:hover,:active,:focus-visible){color:#101214!important}
#entry-navigation .entry-background{inset:0;width:100vw;max-width:none;height:100%;object-fit:contain;object-position:right center}


html #info-content .wallet-usage-item>svg{color:var(--accent)!important;stroke:var(--accent)!important}
html #info-content .member-wallet strong,html #info-content .member-wallet-link{color:var(--accent)!important}
html #info-content .member-wallet:hover{border-color:#5ef2b840;background:#5ef2b80d}
html #info-content .wallet-pack-panel{border-color:#5ef2b833;background:linear-gradient(150.751deg,#16382b1a 0%,#0b16101a 50%,#16382b1a 100%)}
html #info-content .wallet-mobile-package:not([aria-pressed="true"]){border-color:#5ef2b826}
html #info-content .wallet-pack-heading strong{color:#c8f5e3}
html #info-content .wallet-pack-heading>span{color:#c8f5e34d}


html .home-content #hero.hero{display:block;height:auto;min-height:0;background:none;overflow:visible}
.hero-cinema-stage{position:relative;isolation:isolate;width:100%;height:clamp(560px,42vw,720px);overflow:hidden;border-radius:16px;background:#101715}
.hero-cinema-art{position:absolute;inset:0;display:block}
.hero-cinema-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b1413f5 0%,#0b1413c4 27%,#0b14133b 59%,transparent 82%),linear-gradient(0deg,#131414 0%,#131414b3 21%,transparent 57%)}
.hero-cinema-copy{position:absolute;z-index:2;left:44px;top:clamp(40px,6vw,105px);width:min(520px,47%);display:flex;flex-direction:column;align-items:flex-start}
.hero-cinema-kicker{font-size:13px;letter-spacing:3px;color:var(--accent);margin-bottom:16px}
.hero-cinema-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(32px,3.5vw,60px);font-weight:800;line-height:1.22;letter-spacing:1px;color:#fff;text-shadow:0 3px 18px #0006;text-decoration:none}
.hero-cinema-tags{display:flex;gap:12px;margin-top:20px;font-size:13px;color:#d2ded8}
.hero-cinema-tags span+span{padding-left:12px;border-left:1px solid #ffffff38}
.hero-cinema-copy>p{font-size:14px;line-height:1.8;color:#adbab4;margin:12px 0 22px;max-width:400px}
.hero-cinema-copy .hero-cinema-play{border-radius:999px;padding:11px 24px;color:#101214;gap:9px;font-size:14px}
.hero-cinema-play svg{display:block;width:19px;height:19px;fill:currentColor;stroke:none}
.hero-cinema-controls{position:absolute;z-index:3;right:28px;bottom:176px;display:flex;gap:8px}
.hero-cinema-controls button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff35;border-radius:50%;background:#13141466;color:#fff;font-size:27px;line-height:1}
.hero-cinema-controls button:hover{background:#5ef2b8;color:#101214;border-color:#5ef2b8}
.hero-cinema-thumbs{position:absolute;z-index:3;left:44px;right:44px;bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero-cinema-thumbs button{display:block;min-width:0;text-align:left;padding:0;background:none;color:#a8b1ad}
.hero-cinema-thumb-image{display:block;aspect-ratio:16/9;overflow:hidden;border:2px solid transparent;border-radius:8px;opacity:.55;transition:opacity .2s,border-color .2s}
.hero-cinema-thumb-image img{display:block;width:100%;height:100%;object-fit:cover}
.hero-cinema-thumbs button:hover .hero-cinema-thumb-image{opacity:1}
.hero-cinema-thumbs button[aria-pressed="true"]{color:#fff}
.hero-cinema-thumbs button[aria-pressed="true"] .hero-cinema-thumb-image{opacity:1;border-color:var(--accent)}
.hero-cinema-thumb-title{display:block;margin-top:8px;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hero .hero-feed-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:24px}
@media(min-width:761px) and (max-width:1180px){.hero-cinema-stage{height:560px}.hero-cinema-copy{left:28px;top:60px;width:52%}.hero-cinema-thumbs{left:28px;right:28px;gap:10px}.hero-cinema-thumb-title{font-size:12px}#hero .hero-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .hero-cinema-stage{height:570px;border-radius:12px}
 .hero-cinema-art img{object-position:65% center}
 .hero-cinema-shade{background:linear-gradient(0deg,#131414 0%,#131414d9 40%,#13141424 100%)}
 .hero-cinema-copy{top:auto;left:20px;right:20px;bottom:148px;width:auto}
 .hero-cinema-title{font-size:30px;-webkit-line-clamp:2}.hero-cinema-kicker{margin-bottom:10px;font-size:11px}.hero-cinema-tags{margin-top:14px}.hero-cinema-copy>p{font-size:12px;margin:8px 0 14px}
 .hero-cinema-thumbs{display:flex;overflow-x:auto;scrollbar-width:none;left:20px;right:20px;bottom:16px;gap:10px}.hero-cinema-thumbs button{flex:0 0 118px}.hero-cinema-thumb-title{font-size:11px}
 .hero-cinema-controls{right:20px;top:20px;bottom:auto}
 #hero .hero-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.hero-cinema-thumb-image{transition:none}}


#entry-navigation .entry-background{inset:0;width:100vw;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1);transform-origin:center;pointer-events:none}
@media(max-width:760px){#entry-navigation .entry-background{left:0;transform:scaleX(-1);object-fit:cover;object-position:70% center}}


.hero-cinema-title-logo{display:block;width:340px;max-width:100%;height:170px;object-fit:contain;object-position:left center}
.hero-cinema-highlight{display:block;margin-top:10px;color:#bcebd6;font-size:14px;line-height:1.6}
.hero-cinema-copy .hero-cinema-tags{margin-top:12px}
.hero-cinema-thumbs{max-width:760px}
@media(max-width:760px){.hero-cinema-title-logo{width:240px;height:125px}.hero-cinema-highlight{font-size:12px}.hero-cinema-thumbs{max-width:none}}


.hero-cinema-thumbs{max-width:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.hero-cinema-thumb-title{font-size:13px;font-weight:400}
.hero-cinema-controls{display:none}
@media(min-width:761px){
 #entry-navigation .entry-background{inset:0 auto 0 0;width:120vw;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1)}
}
@media(min-width:761px) and (max-width:1180px){.hero-cinema-thumbs{gap:10px}.hero-cinema-thumb-title{font-size:11px}}
@media(max-width:760px){.hero-cinema-thumbs{gap:10px}.hero-cinema-thumbs button{flex:0 0 118px}}


.entry-background-fill{display:none}
@media(min-width:761px){
 #entry-navigation .entry-background-fill{display:block;position:fixed;inset:0 auto 0 0;width:120vw;max-width:none;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1);opacity:.1;pointer-events:none;mask-image:linear-gradient(270deg,#000 0%,#000 5%,transparent 16%);-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 5%,transparent 16%)}
 #entry-navigation .entry-background{left:6vw;right:auto;width:120vw;mask-image:linear-gradient(270deg,transparent 0%,#000 8%);-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 8%)}
}


.hero-cinema-copy{top:auto;bottom:clamp(165px,12vw,210px);left:44px;width:min(520px,48%)}
.hero-cinema-kicker{display:inline-flex;align-items:center;margin:0 0 13px;padding:4px 10px;border:1px solid #5ef2b84d;border-radius:5px;background:#5ef2b81a;color:var(--accent);font-size:12px;line-height:18px;letter-spacing:1px}
.hero-cinema-title{font-size:clamp(30px,3vw,48px);line-height:1.25;letter-spacing:0}
.hero-cinema-copy>.hero-cinema-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:470px;margin:14px 0 0;font-size:14px;line-height:1.8;color:#c1cac6}
.hero-cinema-copy .hero-cinema-tags{margin:14px 0 20px;gap:8px}
.hero-cinema-tags span{padding:3px 9px;border:1px solid #ffffff26;border-radius:4px;background:#ffffff0a;font-size:12px;line-height:18px;color:#d4dcd8}
.hero-cinema-tags span+span{padding-left:9px;border-left:1px solid #ffffff26}
@media(min-width:761px) and (max-width:1180px){.hero-cinema-copy{left:28px;top:auto;bottom:155px;width:52%}}
@media(max-width:760px){.hero-cinema-copy{left:20px;right:20px;top:auto;bottom:145px;width:auto}.hero-cinema-title{font-size:28px}.hero-cinema-copy>.hero-cinema-description{font-size:12px;margin-top:10px}.hero-cinema-copy .hero-cinema-tags{margin:10px 0 16px}.hero-cinema-kicker{margin-bottom:10px}}


.hero-cinema-title{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-weight:700;letter-spacing:1px}


#entry-navigation{background:#06101d}
#entry-navigation .entry-background-picture{position:fixed;inset:0;display:block;pointer-events:none;z-index:0}
#entry-navigation .entry-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;opacity:1;mask-image:none;-webkit-mask-image:none}
#entry-navigation .entry-stage{position:relative;z-index:1}
.hero-cinema-copy>.hero-cinema-description{height:3.6em;min-height:3.6em}
.hero-cinema-description>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .rank-home-badge,html body .channel-ranking-cards .rank-home-badge{position:absolute;left:10px;top:10px;bottom:auto;width:36px;min-width:36px;height:42.55px;padding:0;border:0;border-radius:0;clip-path:none;background:none!important;box-shadow:none;text-shadow:none;display:block;z-index:3;font-size:0;line-height:0}
.rank-home-badge .supplied-rank-image{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
#twist-cards .rank-caption>strong{display:none}
html #global-site-header{background:#001328}
html #global-site-header::before{display:none!important}
.header-aurora-layer{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#001328;opacity:.85;transition:opacity .25s}
.header-aurora-ring{position:absolute;left:50%;top:50%;width:180vw;height:180vw;background:radial-gradient(closest-side,transparent 16%,#02c6c400 24%,#02c6c40a 32%,#02c6c445 40%,#02c6c48e 48%,#02c6c4d3 56%,#02c6c4eb 64%,#02c6c4c4 72%,#02c6c47a 80%,#02c6c436 88%,#02c6c40b 96%,transparent 100%);animation:header-aurora-flow 20s linear infinite;will-change:transform}
html #global-site-header.is-scrolled{background:#00132899;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
#global-site-header.is-scrolled .header-aurora-layer{opacity:.42}
@keyframes header-aurora-flow{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1.1,.68)}50%{transform:translate(-43%,-46%) rotate(180deg) scale(.85,1.1)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(1.1,.68)}}
@media(max-width:760px){html body .rank-home-badge,html body .channel-ranking-cards .rank-home-badge{left:8px;top:8px;width:30px;min-width:30px;height:35.45px}.hero-cinema-copy>.hero-cinema-description{height:3.6em}.header-aurora-ring{width:260vw;height:260vw}}
@media(prefers-reduced-motion:reduce){.header-aurora-ring{animation:none;transform:translate(-50%,-50%) scale(1.1,.68)}.header-aurora-layer{transition:none}}


#entry-navigation .entry-background-picture{overflow:hidden}
#entry-navigation .entry-background{filter:blur(8px);transform:scale(1.035)}
#entry-navigation .entry-background-picture::after{content:'';position:absolute;inset:0;background:rgba(2,7,14,.52);pointer-events:none}
html #global-site-header{background:#040e17}
#global-site-header .header-aurora-layer{background:#040e17;opacity:.38}
#global-site-header .header-aurora-layer::after{content:'';position:absolute;inset:0;background:rgba(0,7,14,.3)}
html #global-site-header.is-scrolled{background:rgba(3,12,20,.84)}
#global-site-header.is-scrolled .header-aurora-layer{opacity:.24}


html #global-site-header.is-scrolled{background:rgba(9,17,21,.55);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 4px 18px rgba(0,0,0,.12)}
html #global-site-header.is-scrolled .header-aurora-layer{opacity:0;visibility:hidden}
html #global-site-header.is-scrolled::before{display:none!important}


.home-recommend-filters{display:flex;align-items:center;gap:24px;flex-shrink:0;margin-left:22px}
.home-recommend-filters button{position:relative;border:0;background:none;padding:7px 0 10px;color:#929b97;font-size:14px;line-height:20px;white-space:nowrap;cursor:pointer}
.home-recommend-filters button[aria-pressed="true"]{color:var(--accent);font-weight:500}
.home-recommend-filters button[aria-pressed="true"]::after{content:'';position:absolute;left:50%;bottom:1px;width:16px;height:3px;transform:translateX(-50%);border-radius:99px;background:var(--accent)}
.home-recommend-filters button:hover{color:var(--accent)}
@media(max-width:760px){.home-recommend-filters{gap:18px;margin-left:16px}.home-recommend-filters button{font-size:13px}.romance-editorial>.section-head .section-heading-copy{flex-wrap:wrap;row-gap:6px}.romance-editorial>.section-head .section-subtitle{display:none}}


#entry-navigation{background:#030e09}
#entry-navigation .entry-background-picture::after{background:rgba(2,10,6,.52)}

body.swipe-mode{overflow:hidden;padding-bottom:0!important}
body.swipe-mode .hg-footer,body.swipe-mode .page-tools{display:none!important}
#swipe-drama-page[hidden]{display:none!important}
#swipe-drama-page{position:fixed;inset:var(--global-header-height,72px) 0 0;z-index:2;margin:0;padding:20px 48px 24px;background:#101413;color:#fff;box-sizing:border-box}
.swipe-player{position:relative;width:100%;height:100%;max-width:1528px;margin:auto;border:1px solid #ffffff0c;border-radius:18px;overflow:hidden;background:#090b0b;isolation:isolate}
.swipe-backdrop{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(30px) brightness(.2);opacity:.75;pointer-events:none}
.swipe-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.swipe-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#070b0cf2 0%,#070b0c80 22%,transparent 55%,#070b0c40 100%)}
.swipe-topline{position:absolute;z-index:2;top:22px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#d6e2dc;pointer-events:none}
.swipe-topline span:first-child{padding:7px 12px;border:1px solid #ffffff20;border-radius:99px;background:#09110d66;backdrop-filter:blur(10px)}
.swipe-index{font-variant-numeric:tabular-nums;color:#b3c1ba}
.swipe-center-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:10px;color:#fff;background:none;border:0;padding:16px;cursor:pointer}
.swipe-center-play svg{width:66px;height:66px;filter:drop-shadow(0 4px 18px #0007);opacity:.85}
.swipe-center-play span{font-size:12px;color:#d5dfd9;text-shadow:0 1px 5px #000}
.swipe-center-play[hidden]{display:none}
.swipe-copy{position:absolute;z-index:2;left:30px;bottom:98px;max-width:min(600px,calc(100% - 150px));text-shadow:0 1px 5px #0007}
.swipe-publisher{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:14px;font-weight:600}
.swipe-publisher i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#101214;font-size:12px;font-style:normal}
.swipe-copy h1{font-size:clamp(20px,2vw,28px);line-height:1.45;font-weight:650;margin:0 0 10px}
.swipe-description{font-size:13px;line-height:1.8;color:#c2ccc6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px}
.swipe-description.is-expanded{-webkit-line-clamp:unset;max-height:150px;overflow-y:auto;scrollbar-width:thin}
.swipe-description-toggle{padding:0 4px;color:#c2ccc6;font-size:12px;text-decoration:underline}
.swipe-tags{display:flex;gap:10px;font-size:12px;color:#b4cfc0;margin-bottom:14px}
.swipe-series-button{display:flex;align-items:center;gap:12px;max-width:100%;padding:10px 14px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff12;color:#fff;text-align:left;backdrop-filter:blur(12px)}
.swipe-series-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.swipe-series-button small{color:#b7c8be;font-size:12px;white-space:nowrap}
.swipe-side-actions{position:absolute;z-index:3;right:26px;bottom:122px;display:flex;flex-direction:column;gap:20px;align-items:center}
.swipe-side-actions button,.swipe-side-actions a{display:grid;justify-items:center;gap:5px;min-width:48px;color:#edf2ef;padding:0;font-size:12px;text-shadow:0 1px 3px #0006}
.swipe-side-actions svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.swipe-side-actions [aria-pressed=true]{color:var(--accent)}
.swipe-side-actions [aria-pressed=true] svg{fill:currentColor;stroke:currentColor}
.swipe-side-actions button:hover,.swipe-side-actions a:hover{color:var(--accent)}
.swipe-switch{position:absolute;z-index:3;right:24px;top:50%;transform:translateY(-100%);display:grid;gap:10px}
.swipe-switch button{display:grid;place-items:center;width:36px;height:36px;padding:7px;background:#ffffff10;border:1px solid #ffffff15;border-radius:50%;color:#dfe9e3}
.swipe-switch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.swipe-switch button:hover{background:#5ef2b826;color:var(--accent)}
.swipe-controls{position:absolute;z-index:4;left:24px;right:24px;bottom:0;height:72px;display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff0a}
.swipe-progress{position:absolute;top:-7px;left:0;right:0;width:100%;height:12px;margin:0;accent-color:var(--accent);cursor:pointer}
.swipe-controls button{display:grid;place-items:center;color:#eee;background:none;padding:5px;border:0}
.swipe-controls button:disabled{opacity:.45;cursor:default}
.swipe-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.swipe-time{font-size:12px;color:#c0c8c3;font-variant-numeric:tabular-nums;white-space:nowrap}
.swipe-controls .swipe-controls-spacer{flex:1}
.swipe-controls select{border:0;background:#14211bb3;border-radius:6px;padding:5px 9px;color:#ddd;font-size:12px;cursor:pointer}
.swipe-controls .swipe-local-video{display:flex;gap:5px;font-size:12px;color:#8eaaa0}
.swipe-keyboard-tip{font-size:11px;color:#748d80;white-space:nowrap}
.swipe-panel{position:absolute;z-index:6;right:0;top:0;bottom:0;width:350px;max-width:90%;background:#131a17f5;border-left:1px solid #ffffff14;display:flex;flex-direction:column;backdrop-filter:blur(22px)}
.swipe-panel[hidden]{display:none}
.swipe-panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 20px;border-bottom:1px solid #ffffff0d}
.swipe-panel-head h2{font-size:18px;margin:0;font-weight:600}
.swipe-panel-close{padding:4px 8px;font-size:25px;color:#a6b8ad}
.swipe-panel-content{padding:20px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.swipe-episode-heading{font-size:13px;color:#99aea1;margin:0 0 16px}
.swipe-episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.swipe-episode-grid button{height:43px;border:1px solid #ffffff0d;border-radius:8px;background:#ffffff06;color:#bdccc3;font-size:13px}
.swipe-episode-grid button[aria-pressed=true]{border-color:#5ef2b84d;background:#5ef2b81a;color:var(--accent)}
.swipe-panel-content .swipe-empty{color:#8ea296;text-align:center;margin:60px 0;font-size:13px}
.swipe-comment{padding:15px 0;border-bottom:1px solid #ffffff0b;font-size:13px;line-height:1.8;color:#c2cfc6}
.swipe-comment strong{display:block;color:#8fa99a;font-size:12px;margin-bottom:5px}
.swipe-comment p{margin:0;overflow-wrap:anywhere}
.swipe-comment-form{display:flex;gap:8px;padding:15px;border-top:1px solid #ffffff0c}
.swipe-comment-form input{width:0;flex:1;min-width:0;border:1px solid #ffffff14;border-radius:8px;padding:10px;background:#ffffff05;color:#fff;font-size:13px}
.swipe-comment-form button{border:0;border-radius:8px;background:var(--accent);color:#101214;padding:0 13px;font-size:13px}
.swipe-comment-note{font-size:11px;color:#789382;padding:0 15px 12px;margin:0}
.swipe-status{position:absolute;z-index:8;top:75px;left:50%;transform:translateX(-50%);max-width:80%;border-radius:8px;background:#0a1711ed;padding:10px 16px;font-size:13px;color:#bce8cf;pointer-events:none;border:1px solid #5ef2b826;text-align:center}
.swipe-status:empty{display:none}
.swipe-share-input{width:100%;box-sizing:border-box;background:#0e1612;border:1px solid #ffffff1a;border-radius:8px;padding:12px;color:#d5e9dd;font-size:12px}
#swipe-drama-page :is(button,a,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){#swipe-drama-page{padding:14px 24px 18px}.swipe-keyboard-tip{display:none}.swipe-copy{max-width:calc(100% - 135px)}}
@media(max-width:760px){#swipe-drama-page{padding:0}.swipe-player{border:0;border-radius:0}.swipe-topline{left:16px;right:16px;top:16px}.swipe-copy{left:18px;bottom:90px;max-width:calc(100% - 95px)}.swipe-copy h1{font-size:19px;margin-bottom:6px}.swipe-publisher{margin-bottom:8px}.swipe-description{font-size:12px;line-height:1.7}.swipe-tags{margin-bottom:10px}.swipe-series-button{padding:8px 10px;gap:7px}.swipe-series-button span{font-size:12px}.swipe-series-button small{font-size:10px}.swipe-side-actions{right:14px;bottom:140px;gap:18px}.swipe-side-actions svg{width:26px;height:26px}.swipe-switch{right:15px;top:100px;transform:none}.swipe-switch button{width:30px;height:30px}.swipe-controls{left:16px;right:16px;height:65px;bottom:env(safe-area-inset-bottom,0px);gap:9px}.swipe-controls .swipe-local-video{font-size:0;gap:0}.swipe-controls .swipe-local-video svg{width:20px}.swipe-panel{width:340px}.swipe-controls select{font-size:11px;padding:5px}.swipe-time{font-size:11px}.swipe-center-play svg{width:58px;height:58px}}

.swipe-series-button>svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}


html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"] .play-action-icon,
html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"] .play-action-icon path{color:#101214!important;fill:#101214!important;stroke:none!important}


@media(hover:hover){
 html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"]:hover{background:#7af5c5!important;border-color:#7af5c5!important;color:#101214!important}
}
html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"]{transition:background-color .18s,border-color .18s}
html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"]:hover>span{color:#101214!important}
html body #drama-play-page .play-comments .play-section-heading .play-sort button[aria-pressed="true"]{color:#fff!important}
.swipe-topline{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){html body #drama-play-page .play-detail-actions button:is([data-play-action="like"],[data-play-action="save"])[aria-pressed="true"]{transition:none}}


html body #info-content #member-nickname-form .member-nickname-editor>button{color:#101214!important}


.hero-cinema-play,.bottom-app-download{position:relative;overflow:hidden;isolation:isolate}
.hero-cinema-play::after,.bottom-app-download::after{content:'';position:absolute;inset:-35% auto -35% -65%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 20%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.12) 80%,transparent);transform:translateX(0) skewX(-22deg);pointer-events:none;animation:primary-button-sheen 4.6s ease-in-out infinite}
.bottom-app-download::after{animation-delay:.8s}
@keyframes primary-button-sheen{0%,60%{left:-65%;opacity:0}64%{opacity:1}86%{left:125%;opacity:1}87%,100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-cinema-play::after,.bottom-app-download::after{animation:none;display:none}}


html body #member-nickname-input:focus,html body #member-nickname-input:focus-visible{outline:none;outline-offset:0;box-shadow:none;border-color:var(--accent)}