:root{--bg:#131414;--panel:#1d1e1e;--line:#ffffff13;--text:#f3f0e9;--muted:#92958f;--accent:#ec2083}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}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:23px;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:11px}.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:11px;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:13px}.search svg{width:18px;height:18px}.saved{white-space:nowrap;color:#c0c2b9;font-size:13px}.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:11px;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/jgdj/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:11px;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:11px}.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#b5c2be;margin:19px 0 12px}.meta span:first-child{color:#f58fbe}.hero p{max-width:290px;line-height:1.9;font-size:13px;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:#f34c9d;color:#171713}.circle{background:#ffffff16;border:1px solid #ffffff26;width:44px;height:44px;border-radius:4px;font-size:25px}.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:11px;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:25px;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:11px;color:var(--muted);margin:4px 0 0}.rank .rise{margin-left:auto;color:var(--accent);font-size:11px}.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:11px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:31px 0 19px}.section-head h2{font-size:23px;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:#f58fbe;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:11px;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:11px}.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:25px}.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:11px!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:23px}.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:51px;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:21px}.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:11px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;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:11px} .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:11px} .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:17px;margin:0 0 4px;font-weight:600} .rank-caption small{font-size:11px;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:#262022;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(21px,2vw,29px)/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:#f9c5de} .romance-choice[aria-pressed="true"] .choice-dot{background:#f58fbe;border-color:#f58fbe;box-shadow:0 0 0 5px #f58fbe11} .romance-choice:hover{color:#f9c5de} .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:#f9c5de;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:21px}.romance-choice[aria-pressed="true"]{border-bottom:2px solid #f58fbe}.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:11px;letter-spacing:2px;color:#b5bfa4;border-bottom:1px solid #b5bfa44a;padding-bottom:10px;margin-bottom:27px} .curated-copy h3{font:500 29px/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:#f58fbe;margin:20px 0 5px} .curated-copy .episode-count{font-size:11px;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:25px} .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:21px}.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:13px}.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:25px}.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:17px;text-align:right} .curated-copy .episode-count{grid-area:episodes;text-align:right;align-self:center;font-size:13px} .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:25px}.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:23px;margin-bottom:12px}.curated-copy .heat{font-size:12px;margin-top:14px}.curated-copy .episode-count{align-self:auto;text-align:left;font-size:11px;margin-top:3px}.curated-copy .watch-link{align-self:auto;margin-top:17px;padding:0;border:0;font-size:11px;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:13px;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:11px;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:35px}.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:31px}.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:#f58fbe}.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:#f58fbe;font-size:18px}.cinema-rating small{font-size:11px;color:#d3d4ce;letter-spacing:1px}.cinematic-copy>p{max-width:390px;margin:22px 0 0;color:#b8bdb6;font-size:13px;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:#f34c9d;color:#111}.cinema-save{width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;color:#fff;font-size:23px}.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:17px;letter-spacing:2px;color:#f58fbe}.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:#ec208310;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:11px;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:11px;color:#a8aaa4;line-height:1.6;border-radius:4px} /* Match the demo sidebar links without changing other footer links. */ .side .policy-links a{font-size:12px} .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:13px;color:#b4b7b0}.info-topbar a:hover{color:var(--accent)} .info-topbar span{font-size:11px;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:13px}.info-nav a[aria-current="page"]{background:#ec208310;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:#ec208308;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:15px;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:13px} .feedback-form{display:grid;gap:22px}.feedback-form label,.feedback-form legend{display:block;font-size:13px;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:11px;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:13px}.channel-tabs button[aria-pressed=true]{background:#ec208318;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:#f58fbe;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 #ec208330;border-radius:16px;background:linear-gradient(120deg,#351f2a,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:11px monospace}.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:#ec208314;display:grid;place-items:center;color:var(--accent);font-size:28px}.app-empty h2{font-size:21px;margin:22px 0 10px}.app-empty p{font-size:13px;line-height:1.9;color:var(--muted)}.app-empty a{display:inline-block;color:var(--accent);font-size:13px;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:13px} @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:#ec208314}.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:15px}.channel-rank p.rank-desc{display:none}.channel-rank>.number{font-size:24px}.road-banner{padding:24px}.road-banner h2{font-size:23px}} .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:#ec20832c}.benefits-notice{font-size:11px;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:23px;letter-spacing:.3px;margin:0 0 8px}.benefit-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.benefit-heading>span{flex-shrink:0;font-size:11px;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:#ec20834a;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 29px "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:11px;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:#ec208366}.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:11px;color:var(--accent);letter-spacing:2px}.benefit-detail h2{font-size:27px;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:25px}.benefit-copy{gap:4px}.benefit-copy strong{font-size:13px}.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/jgdj/assets/19ed41602046c136ff97.svg");--qq-icon-selected:url("/static/jgdj/assets/813abcae48078ac75a5f.svg")}.side>nav>a[data-page="shorts"]{--qq-icon:url("/static/jgdj/assets/f3d55d5dd5a321d34e3f.png");--qq-icon-selected:url("/static/jgdj/assets/7d05c412943babefeaf1.png")}.side>nav>a[data-page="series"]{--qq-icon:url("/static/jgdj/assets/8c1c285ac6bd3b66b9c9.svg");--qq-icon-selected:url("/static/jgdj/assets/49cffe02110af4469106.svg")}.side>nav>a[data-page="topics"]{--qq-icon:url("/static/jgdj/assets/9903882b2da0df62e0a6.svg");--qq-icon-selected:url("/static/jgdj/assets/bf82634dbd0f49070259.svg")}.side>nav>a[data-page="rank"]{--qq-icon:url("/static/jgdj/assets/c80f072eec53a3ca0c4f.svg");--qq-icon-selected:url("/static/jgdj/assets/c80f072eec53a3ca0c4f.svg")}.side>nav>a[data-page="home-road"]{--qq-icon:url("/static/jgdj/assets/350ab2f3118693a88c62.svg");--qq-icon-selected:url("/static/jgdj/assets/350ab2f3118693a88c62.svg")}.side>nav>a[data-page="apps"]{--qq-icon:url("/static/jgdj/assets/16bd37861fd6246cc91c.svg");--qq-icon-selected:url("/static/jgdj/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:15px;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:11px;color:#f58fbe;white-space:nowrap}.drama-heat svg{width:13px;height:13px;stroke-width:1.5}.drama-heat b{font-size:11px;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:9px;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 27px/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:23px}} @media(max-width:760px){.drama-data-card h3,.editorial-card>.drama-title{font-size:13px}.drama-description{font-size:11px}.drama-label,.drama-likes,.drama-episodes{font-size:9px}.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:13px;font-weight:500;line-height:1;text-shadow:0 1px 4px #0009} .drama-data-card>h3,.editorial-card>.drama-title{font-size:17px;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:17px;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:11px}.drama-data-card .drama-episodes{font-size:11px;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:11px;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:21px;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:13px;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:13px;text-decoration:none;cursor:pointer} .ui-empty-state .ui-empty-action:hover{border-color:#ec2083;color:#fff!important;background:#ec208316} .ui-empty-state .ui-empty-action:focus-visible{outline:2px solid #ec2083;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:13px} @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:13px;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:#ec2083} 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:#ec208380;box-shadow:0 0 0 3px #ec208312,0 0 34px 6px #ec208318} .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(25px,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:19px;text-shadow:0 1px #fff5b0}.coin-value{font-size:17px;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:#ec208325}.account-entry.is-logged-in .account-avatar svg{color:#f58fbe}.account-copy{text-align:left;display:grid;gap:2px}.account-copy strong{font-size:14px;font-weight:500}.account-copy small{font-size:11px;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:13px} @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:#ec208380;box-shadow:0 0 0 3px #ec208310} .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:11px;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:11px}.coin-value{font-size:11px} .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:11px;font-weight:400}.account-copy small{display:none} .account-entry.is-logged-in .account-avatar{border-color:#ec208355} .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:11px;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,#ad3570,#4a2538);border-color:#ec208380} @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:#ec2083;border-color:#ec2083}.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:11px;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:11px;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:13px;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:13px;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:17px;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:11px;color:#85858f}.search-discovery mark{background:none;color:#f58fbe} @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:15px;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:13px;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:11px} @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:13px} .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:11px} @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:#fff!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:11px;line-height:1.4} .topic-recommendation-copy strong{font-size:17px;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:#ec208312}.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:15px}.topic-recommendation-brand{font-size:9px;top:8px;left:9px}.topic-recommendation-brand img{width:18px;height:18px}} @media(max-width:760px){.topic-recommendation-grid{grid-template-columns:repeat(2,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} #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/jgdj/assets/2699fa102e73d8c8f182.svg")} .side>nav>a[data-page="home-road"]{--qq-icon-selected:url("/static/jgdj/assets/92fc7fda98f7db0495ce.svg")} .side>nav>a[data-page="apps"]{--qq-icon-selected:url("/static/jgdj/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:#ec20830b;border:1px solid #ec20831c} .announcement-label{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--accent);font-size:13px;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:13px;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:13px;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:11px} .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 #ec208355} @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:25px}#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;padding: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,#280c22 0%,#1b0d1a 48%,#141416 100%)} .bottom-app-eyebrow{display:flex;align-items:center;gap:14px;color:#f5358c;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,#ff4087,#ec2083 55%,#a52179);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:17px;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:13px;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:13px;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:23px}.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,#ff4087,#ec2083 55%,#a52179);color:#fff;padding:14px 32px;border-radius:999px;font-size:15px;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:#f49ac5;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:#fff!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:#ff2584;box-shadow:0 0 7px #ff2584cc,0 0 16px #ff258480,0 0 26px #ff258445} @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:#fff!important} #channel-page[data-channel="rank"] .channel-tabs button:hover:not([aria-pressed="true"]){border-color:#ec208355;color:#ec2083!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 #ec208345} .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:white} .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:15px;line-height:1.5;font-weight:600;color:#eee} .rank-poster-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;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:#ec208310;border:1px solid #ec208317;color:#c6548c} @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:#ff2584;box-shadow:0 0 7px #ff2584cc,0 0 16px #ff258480,0 0 26px #ff258445} @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 Arial,sans-serif;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:15px;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:#c45c91;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:#fff!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:#fff!important;font-size:16px;padding:0 26px}.channel-pagination .pagination-jump button:hover:not(:disabled),.channel-pagination .pagination-jump button:focus-visible{color:#fff!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:23px;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:19px;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:15px;color:#99999f!important} #channel-page[data-channel="apps"] .channel-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:white!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:21px;margin:0 0 9px} #channel-page[data-channel="apps"] .benefit-heading p{font-size:13px;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:11px;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:13px;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:13px}#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 #ec208325;border-radius:22px;background:radial-gradient(ellipse at top left,#ec208320,transparent 70%),#19191d}.return-eyebrow{font-size:13px;color:#f276b0;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:13px;color:#c0bac6}.return-card-actions a{color:#f18ab9;border-color:#ec208330;background:#ec20830e} .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:13px;color:#96909e}.return-permanent-row a{font-size:17px}.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:#ec208328;border-color:#ec208355} .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:#ec208317;color:#ee78ae;font-size:20px;font-weight:600}.return-contact-card strong{display:block;font-size:15px}.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:#ec208355}.return-help-grid article{padding:24px;border:1px solid #ffffff0e;border-radius:16px;background:#ffffff02}.return-help-grid article>span{font-size:25px;font-weight:700;color:#ec2083;opacity:.75}.return-help-grid h3{font-size:16px;margin:12px 0}.return-help-grid p{font-size:13px;line-height:1.8;color:#99929f;margin:0}.return-faq details{border-bottom:1px solid #ffffff10;padding:18px 0}.return-faq summary{font-size:15px;cursor:pointer}.return-faq details p{font-size:13px;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:13px;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:25px}.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:15px}.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:#fff}#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:11px;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:#f47daa;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:white;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 #ec208312} #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:#f38ab9;background:#ec208319} #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:17px;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:#fff} #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:15px;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:15px;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:#fff} #detail .detail-play:hover{background:#f34c9d;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%,#30232a 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:#ee8bb8;background:#ec208312} #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:#33232b} #detail .series-episodes .episodes button.active{background:var(--accent);color:#fff} #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:21px}#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:13px;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:13px} #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:21px}#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:13px}#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:13px;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:#ec208313;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:13px;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:11px;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:13px} .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:13px}.member-library-tools button[data-library-action="delete"]{background:var(--accent);border-color:var(--accent);color:white}.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/jgdj/assets/d2182785de825f8509fc.svg") center/24px 24px no-repeat;cursor:pointer} .member-library-select input:checked{background-image:url("/static/jgdj/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:21px;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:13px;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:white;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:13px;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:13px}.member-settings-action:hover strong{color:var(--accent)}.member-settings-trailing{display:flex;gap:16px;align-items:center;font-size:13px}.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:27px}#member-auth-dialog h2{font-size:24px;margin:0 0 10px}.auth-subtitle{font-size:13px;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:15px}.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:13px;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:13px;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:13px;color:#ff718b;min-height:20px;margin:0 0 12px}.auth-submit{width:100%;height:46px;border:0;border-radius:999px;background:var(--accent);color:white;font-size:15px;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:#ec20831a;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:13px;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:13px;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:15px}.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:13px;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,#ff4085 0%,#ec2083 56%,#952075 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:#ff4085;font-size:14px}.auth-bind-login button:hover{color:#ff79ad} @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:11px}.member-avatar-controls button{padding:7px 14px;border:1px solid #ffffff25;border-radius:999px;color:#ccc;background:transparent;font-size:13px}.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:white;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:21px;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:#ec208313;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:17px}.wallet-pack-heading>span{color:#888;font-size:13px}.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:#ec208380;background:#ec208309}.wallet-package[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#ec20830d}.wallet-package-price{font-size:30px;font-weight:650;color:#eee}.wallet-package-name{font-size:17px;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:white;font-size:13px}.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:white;font-size:16px;font-weight:600}#info-content #wallet-selection{font-size:13px;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:13px;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:25px}.wallet-payment-title{font-size:23px;margin:0 0 25px}.wallet-order{padding:20px;border-radius:14px;background:#ffffff05;display:grid;gap:10px}.wallet-order>span{font-size:13px;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:#ec20830c}.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:13px;color:#dca5bf;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:25px}.wallet-package-name{font-size:15px}.wallet-package-hint{font-size:11px}.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:15px;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:13px;color:#909090}.wallet-order-copy small{font-size:11px;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:#ec208310;border-radius:999px;color:var(--accent);font-size:21px;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:#ec208380}#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:13px}.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:Arial,sans-serif}.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,#2c1027 0%,#190f1b 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:13px;color:#8b8391;line-height:1.7;margin:0}#info-content .wallet-usage h2{font-size:13px;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:13px;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:25px}.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:23px}.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:15px;font-weight:400;line-height:1.5}.wallet-transaction-row time{display:block;margin-top:12px;color:#85858b;font-size:13px}.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:#ec2083dd;color:white;font-size:28px}.play-screen-overlay p{font-size:13px;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:13px}.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:11px;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:25px;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:13px;margin:12px 0}.play-detail-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#888;font-size:13px}.play-detail-tags a{color:#c49bad;background:#ec208310;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:13px;text-decoration:none}.play-detail-actions [aria-pressed="true"]{color:var(--accent);border-color:#ec208350}.play-detail-actions .play-download{margin-left:auto;background:var(--accent);color:#fff;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:13px;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:#ec208370}.play-episode-grid a[aria-current="true"]{background:var(--accent);color:white}.play-official{padding:20px 22px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff04;color:#999;font-size:13px;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:white;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:13px;color:#ccc}.play-comment-item time{font-size:11px;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:13px;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:15px}.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:11px}.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:#ec208370}.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:13px;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:13px}.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:13px;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:15px}.sample-avatar-0{background:linear-gradient(135deg,#665665,#352637)}.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:13px;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(250,119,5,.1) 0%,rgba(250,119,5,0) 100%),radial-gradient(37.71% 88.68% at 111.22% -1.29%,rgba(58,227,221,.1) 0%,rgba(58,227,221,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,#35232c88,#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:13px} #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:23px}} @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:19px}#drama-play-page .series-description{font-size:13px}#drama-play-page .series-actions>a,#drama-play-page .series-actions>button{padding:10px 14px;font-size:13px}#drama-play-page .series-tags{margin-top:12px}} .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:#fff!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:15px} .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:#fff!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,#f01886);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 #f01886;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,#f01886 var(--fill,0%),#ffffff45 var(--fill,0%));cursor:pointer;accent-color:#f01886} #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:13px} #drama-play-page .player-options button[aria-checked=true]{color:#f01886;background:#f0188614} #drama-play-page .player-options small{display:block;color:#999;font-size:11px;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:#f01886} #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:#f01886;background:#f0188618;border-color:#f0188640} #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:15px;cursor:pointer} #drama-play-page .play-episode-locked:hover{border-color:#ec208370;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 #f01886;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-coin{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border:2px solid #736858;border-radius:50%;background:linear-gradient(140deg,#29251f,#151515)} #play-episode-lock .unlock-coin svg{width:42px;height:42px} #play-episode-lock h2{margin:0 0 20px;font-size:25px;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:13px} #play-episode-lock .unlock-cost-summary strong{font-size:18px;font-weight:500;color:#fff} #play-episode-lock .unlock-cost-summary .unlock-cost{color:#ff5000} #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:linear-gradient(180deg,#ffc69c,#fce2bf);color:#941e17!important;font-size:17px;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:#ff5000!important;font-size:17px;font-weight:500;text-decoration:none} #play-episode-lock .unlock-recharge:hover{color:#ff793b!important} #play-episode-lock :is(button,a):focus-visible{outline:2px solid #ffc69c;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:#f0188617;color:#f01886} #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:13px;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:13px;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:#f01886!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:#f01886} #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:#f01886!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,#ec2083);border-color:var(--accent,#ec2083);color:#fff!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:13px;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:#fff!important;background:#ec2083;box-shadow:0 2px 8px #0002;font-weight:400} #drama-play-page .play-sort button[aria-pressed="true"]:hover{background:#f33493} #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 #ff73b5;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:13px;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:#fff} #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:23px}#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:11px}.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:13px} .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:13px} .channel-pagination .pagination-jump,.channel-pagination .pagination-jump label,.member-history-pagination .history-page-jump{gap:9px;font-size:13px} .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:13px;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:13px;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}