*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background-50:#140a0f;--background-100:#1c0f16;--background-200:#25151d;--background-300:#311d27;--background-400:#3c2330;--background-500:#47293a;--background-600:#2a1721;--background-700:#221219;--background-800:#1a0e14;--background-900:#120a0e;--background-950:#0c0508;--foreground-50:#5a4650;--foreground-100:#6e5963;--foreground-200:#85707a;--foreground-300:#9c8790;--foreground-400:#beabb4;--foreground-500:#cbb9c1;--foreground-600:#d8c8cf;--foreground-700:#e5d9de;--foreground-800:#f0e8eb;--foreground-900:#f6f0f3;--foreground-950:#fff;--primary-50:#2e1420;--primary-100:#431d2e;--primary-200:#5c283e;--primary-300:#85375a;--primary-400:#c05a8d;--primary-500:#e77ab5;--primary-600:#ee93c5;--primary-700:#f4afd4;--primary-800:#f9cbe1;--primary-900:#fde7f1;--primary-950:#fef4f9;--accent-50:#22301b;--accent-100:#2f4526;--accent-200:#436132;--accent-300:#5f8a46;--accent-400:#7cb868;--accent-500:#97d083;--accent-600:#aeda9e;--accent-700:#c5e3b8;--accent-800:#daedd2;--accent-900:#edf6e9;--accent-950:#f7fbf5;--secondary-50:#241820;--secondary-100:#33222d;--secondary-200:#46303d;--secondary-300:#5f4453;--secondary-400:#8c7280;--secondary-500:#beabb4;--secondary-600:#cbbac1;--secondary-700:#dacdd2;--secondary-800:#e8dfe3;--secondary-900:#f3edf0;--secondary-950:#faf7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#f6f0f3;-webkit-font-smoothing:antialiased;background-color:#140a0f;min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(70vw 55vw at 6% -10%,#e77ab524,#0000 62%),radial-gradient(48vw 40vw at 98% 2%,#e77ab51a,#0000 64%),radial-gradient(64vw 50vw at 46% 106%,#e77ab512,#0000 66%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}img{display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;color:#f6f0f3;margin:0;font-weight:800;line-height:1.28}p{margin:0}summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{display:none}:focus-visible{outline-offset:2px;outline:2px solid #e77ab5}::selection{color:#fff;background:#e77ab559}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (width>=768px){.wrap{padding-left:2rem;padding-right:2rem}}.site-header{z-index:60;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#0c0508d1;border-bottom:1px solid #ffffff12;position:sticky;top:0}.header-bar{align-items:center;gap:12px;height:60px;display:flex}@media (width>=768px){.header-bar{gap:20px;height:72px}}.brand{letter-spacing:.22em;white-space:nowrap;color:#f6f0f3;font-size:15px;font-weight:800;transition:color .2s ease-out}@media (width>=768px){.brand{font-size:17px}}.brand:hover{color:#e77ab5}.desktop-nav{display:none}@media (width>=1080px){.desktop-nav{align-items:center;display:flex}}.nav-link{color:#beabb4;white-space:nowrap;border-radius:8px;align-items:center;height:40px;padding:0 11px;font-size:14px;transition:color .2s ease-out;display:inline-flex;position:relative}.nav-link:hover,.nav-link[aria-current=page]{color:#f6f0f3}.nav-link[aria-current=page]:after{content:"";background:linear-gradient(90deg,#e77ab5,#e77a93);border-radius:2px;height:2px;position:absolute;bottom:3px;left:11px;right:11px}.nav-strip{border-top:1px solid #ffffff0d}@media (width>=1080px){.nav-strip{display:none}}.nav-scroller{scrollbar-width:none;align-items:center;gap:2px;padding:4px 0 6px;display:flex;overflow-x:auto}.nav-scroller::-webkit-scrollbar{display:none}.nav-scroller .nav-link{height:36px;padding:0 10px;font-size:13.5px}.search-wrap{margin-left:auto;position:relative}.search-btn{color:#e5d9de;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;min-width:44px;height:40px;padding:0 13px;font-family:inherit;font-size:13.5px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;display:inline-flex}.search-btn:hover{color:#fff;background:#ffffff17}.search-wrap[open] .search-btn{color:#fff;border-color:#e77ab58c}.search-panel{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#140a0ffa;border:1px solid #ffffff1a;border-radius:14px;width:min(92vw,560px);max-height:68vh;padding:16px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 30px 60px -22px #000000eb}.search-group{margin-bottom:14px}.search-group:last-child{margin-bottom:0}.search-group-title{letter-spacing:.12em;color:#97d083;margin-bottom:8px;font-size:12px;font-weight:700}.search-links{flex-wrap:wrap;gap:6px;display:flex}.search-link{color:#d8c8cf;background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;padding:5px 10px;font-size:12.5px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.search-link:hover{color:#fff;background:#e77ab52e;border-color:#e77ab566}.btn-primary{white-space:nowrap;color:#230e19;background:linear-gradient(135deg,#e77ab5 0%,#e77a9c 100%);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:15px;font-weight:700;transition:transform .2s ease-out,filter .2s ease-out;display:inline-flex;box-shadow:0 12px 26px -14px #e77ab5e6}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn-ghost{white-space:nowrap;color:#f6f0f3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14.5px;font-weight:600;transition:background-color .2s ease-out,border-color .2s ease-out;display:inline-flex}.btn-ghost:hover{background:#ffffff1c;border-color:#ffffff2e}.hero{border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.hero-scrim{background:linear-gradient(#140a0fb3 0%,#140a0fd6 48%,#140a0f 100%),linear-gradient(90deg,#140a0feb 0%,#140a0f6b 56%,#140a0fc7 100%);position:absolute;inset:0}.hero-inner{gap:34px;padding:44px 0 52px;display:grid;position:relative}@media (width>=1024px){.hero-inner{grid-template-columns:1.06fr .94fr;align-items:center;gap:44px;min-height:640px;padding:64px 0 78px}}.hero-eyebrow{letter-spacing:.3em;color:#f6f0f3;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;font-weight:800;display:inline-flex}.hero-eyebrow:before{content:"";background:linear-gradient(90deg,#e77ab5,#e77a93);border-radius:2px;width:26px;height:2px}.hero-slogan{letter-spacing:-.03em;color:#fff;margin:0 0 16px;font-size:33px;font-weight:800;line-height:1.16}@media (width>=768px){.hero-slogan{font-size:50px}}@media (width>=1024px){.hero-slogan{font-size:60px}}.hero-slogan em{background:linear-gradient(118deg,#e77ab5 8%,#f3a9cd 56%,#e77a93 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lead{color:#beabb4;max-width:460px;font-size:14.5px;line-height:1.8}.hero-feature{border-left:2px solid #e77ab599;margin-top:26px;padding-left:14px}.hero-kicker{letter-spacing:.18em;color:#97d083;margin-bottom:6px;font-size:11.5px;font-weight:700}.hero-title{color:#fff;margin:0 0 8px;font-size:21px;line-height:1.35}@media (width>=768px){.hero-title{font-size:25px}}.hero-meta{color:#beabb4;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.hero-tagline{color:#d8c8cf;margin-top:10px;font-size:14.5px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-collage{justify-content:center;align-items:center;gap:8px;height:288px;display:flex;position:relative}@media (width>=768px){.hero-collage{gap:14px;height:380px}}@media (width>=1024px){.hero-collage{height:430px}}.poster-float{border:1px solid #ffffff24;border-radius:12px;width:30%;max-width:176px;height:86%;transition:transform .3s ease-out;position:relative;overflow:hidden;transform:rotate(-6deg)translateY(14px);box-shadow:0 24px 50px -22px #000000f2}.poster-float img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.poster-float:nth-child(2){z-index:2;max-width:200px;height:100%;transform:rotate(0)}.poster-float:nth-child(3){transform:rotate(6deg)translateY(14px)}.hero-collage:hover .poster-float{transform:rotate(0)translateY(0)}.sec{padding:56px 0;position:relative}@media (width>=1024px){.sec{padding:96px 0}}.sec-alt{background:#1c0f16ad;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.sec-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}@media (width>=1024px){.sec-head{margin-bottom:36px}}.sec-kicker{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sec-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#e77ab5,#8e4068);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}@media (width>=1024px){.sec-num{font-size:34px}}.sec-rule{background:linear-gradient(90deg,#e77ab5a6,#e77ab500);flex:1;max-width:90px;height:1px}.sec-title{margin:0;font-size:24px}@media (width>=1024px){.sec-title{font-size:30px}}.sec-sub{color:#beabb4;max-width:620px;margin-top:10px;font-size:14px;line-height:1.8}.sec-more{color:#beabb4;white-space:nowrap;align-items:center;gap:6px;padding:6px 0;font-size:13.5px;transition:color .2s ease-out;display:inline-flex}.sec-more:hover{color:#e77ab5}.site-footer{background:#0c0508;border-top:1px solid #ffffff12;margin-top:auto;padding:46px 0 22px}@media (width>=1024px){.site-footer{padding:64px 0 26px}}.footer-grid{gap:30px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:36px}}.footer-brand{letter-spacing:.2em;color:#f6f0f3;font-size:16px;font-weight:800}.footer-title{color:#9c8790;margin-top:10px;font-size:13px}.footer-sub{color:#beabb4;max-width:340px;margin-top:12px;font-size:13px;line-height:1.85}.footer-label{letter-spacing:.16em;color:#97d083;margin-bottom:10px;font-size:12px;font-weight:700}.footer-item{color:#beabb4;font-size:13px;line-height:2}.footer-item a:hover{color:#e77ab5}.footer-links{flex-wrap:wrap;gap:6px 16px;display:flex}.footer-links a{color:#beabb4;font-size:13px;transition:color .2s ease-out}.footer-links a:hover{color:#e77ab5}.footer-bottom{color:#85707a;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:30px;padding-top:16px;font-size:12px;display:flex}.card-row{gap:12px;display:grid}@media (width<=767px){.card-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:64%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.card-row::-webkit-scrollbar{display:none}.card-row>*{scroll-snap-align:start}}@media (width>=768px){.card-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1024px){.card-row{gap:20px}.card-row>.feat{grid-area:span 2/span 2}}.drama-card{background:#25151d;border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:8px;transition:transform .25s ease-out,background-color .25s ease-out,box-shadow .25s ease-out;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 6px 14px -8px #000000bf,0 22px 44px -28px #000000e6}@media (width>=768px){.drama-card{padding:10px}}.drama-card:hover{background:#311d27;transform:translateY(-6px);box-shadow:inset 0 1px #ffffff1a,0 10px 22px -10px #000c,0 30px 56px -26px #000000e6,0 0 0 1px #e77ab538,0 0 32px -6px #e77ab533}.card-cover{aspect-ratio:3/4;background:#311d27;border-radius:10px;width:100%;position:relative;overflow:hidden}.cover-img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;transition:transform .3s ease-out}.drama-card:hover .cover-img{transform:scale(1.04)}.card-overlay{opacity:0;background:linear-gradient(#0c050800 26%,#0c05088c 60%,#0c0508f0 100%);flex-direction:column;justify-content:flex-end;gap:4px;padding:10px;transition:opacity .25s ease-out;display:flex;position:absolute;inset:0}.drama-card:hover .card-overlay,.drama-card:focus-visible .card-overlay{opacity:1}.card-overlay-more{color:#e77ab5;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.card-overlay-score{color:#97d083;font-variant-numeric:tabular-nums;font-size:11.5px}.card-title{-webkit-line-clamp:2;color:#f6f0f3;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.card-meta{color:#8e7884;align-items:center;gap:6px;font-size:12px;display:flex}.card-tagline{-webkit-line-clamp:1;color:#beabb4;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.feat-intro{display:none}@media (width>=1024px){.feat-intro{-webkit-line-clamp:4;color:#beabb4;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.8;display:-webkit-box;overflow:hidden}}.badge{z-index:2;color:#fde7f1;-webkit-backdrop-filter:blur(6px);background:#140a0fb8;border:1px solid #e77ab573;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.score-pill{z-index:2;font-variant-numeric:tabular-nums;color:#97d083;-webkit-backdrop-filter:blur(6px);background:#0c0508bd;border:1px solid #97d0834d;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;right:8px}.manju-row{gap:12px;display:grid}@media (width<=767px){.manju-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:62%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.manju-row::-webkit-scrollbar{display:none}.manju-row>*{scroll-snap-align:start}}@media (width>=768px){.manju-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1024px){.manju-row{grid-template-columns:repeat(6,minmax(0,1fr))}}.manju-card .card-cover{border:1px solid #e77ab573;box-shadow:inset 0 0 34px #e77ab524}.manju-card .badge{color:#230e19;background:#e77ab5eb;border-color:#0000}.manju-card .score-pill{top:8px;bottom:auto}.manju-tagline{z-index:1;-webkit-line-clamp:2;color:#f6f0f3;background:linear-gradient(#0c050800,#0c0508f0);-webkit-box-orient:vertical;padding:26px 10px 10px;font-size:12px;line-height:1.55;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.manju-cell{display:none}.manju-panel:has(input[value=all]:checked) .manju-cell{display:flex}.manju-panel:has(input[value=古风]:checked) .manju-cell[data-style=古风]{display:flex}.manju-panel:has(input[value=都市]:checked) .manju-cell[data-style=都市]{display:flex}.manju-panel:has(input[value=玄幻]:checked) .manju-cell[data-style=玄幻]{display:flex}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{color:#d8c8cf;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13.5px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;display:inline-flex;position:relative}.chip:hover{color:#fff;background:#ffffff1a}.chip input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.chip:has(input:checked){color:#230e19;background:linear-gradient(135deg,#e77ab5,#e77a9c);border-color:#0000;font-weight:700}.chip:has(input:focus-visible){outline-offset:2px;outline:2px solid #e77ab5}.genre-list{flex-wrap:wrap;gap:8px;display:flex}.genre-item{color:#d8c8cf;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;min-height:40px;padding:0 15px;font-size:13.5px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;display:none}.genre-item:hover{color:#fff;background:#e77ab524;border-color:#e77ab573}.genre-panel:has(input[value=all]:checked) .genre-item{display:inline-flex}.genre-panel:has(input[value=tianchong]:checked) .genre-item[data-g=tianchong]{display:inline-flex}.genre-panel:has(input[value=nixi]:checked) .genre-item[data-g=nixi]{display:inline-flex}.genre-panel:has(input[value=dushi]:checked) .genre-item[data-g=dushi]{display:inline-flex}.genre-panel:has(input[value=chongsheng]:checked) .genre-item[data-g=chongsheng]{display:inline-flex}.genre-panel:has(input[value=zhanshen]:checked) .genre-item[data-g=zhanshen]{display:inline-flex}.genre-panel:has(input[value=manju]:checked) .genre-item[data-g=manju]{display:inline-flex}.genre-panel:has(input[value=naodong]:checked) .genre-item[data-g=naodong]{display:inline-flex}.rank-wrap{gap:8px;display:grid}@media (width>=1024px){.rank-wrap.two{grid-template-columns:1fr 1fr;align-content:start;gap:10px 26px}}.rank-row{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px;transition:background-color .2s ease-out,border-color .2s ease-out,transform .2s ease-out;display:flex}.rank-row:hover{background:#ffffff0f;border-color:#e77ab552;transform:translate(2px)}.rank-row.is-top{background:#97d0830d;border-color:#97d08338}.rank-num{text-align:center;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1px #e77ab580;flex:none;min-width:46px;font-size:30px;font-weight:800;line-height:1}.rank-row.is-top .rank-num{-webkit-text-stroke:0;background:linear-gradient(140deg,#e77ab5,#e77a9c);color:#0000;-webkit-background-clip:text;background-clip:text}.rank-cover{background:#311d27;border-radius:6px;flex:none;width:40px;height:54px;overflow:hidden}.rank-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.rank-main{flex:1;min-width:0}.rank-title{color:#e5d9de;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.rank-reason{-webkit-line-clamp:2;color:#9c8790;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.rank-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.rank-score{font-variant-numeric:tabular-nums;color:#97d083;font-size:15px;font-weight:800}.rank-genre{color:#85707a;white-space:nowrap;font-size:11.5px}.tab-bar{scrollbar-width:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-bar .chip{background:0 0;border:none;padding:0 18px}.tab-bar .chip:hover{background:#ffffff14}.rank-pane{display:none}:is(.rank-switch:has(input[value=all]:checked) .rank-pane-all,.rank-switch:has(input[value=new]:checked) .rank-pane-new,.rank-switch:has(input[value=manju]:checked) .rank-pane-manju){display:grid}@media (width>=1024px){.rank-pane{grid-template-columns:1fr 1fr;align-content:start;gap:10px 26px}}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:linear-gradient(#e77ab58c,#ffffff0f);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.tl-item{gap:14px;padding-bottom:24px;display:flex;position:relative}.tl-item:before{content:"";background:#140a0f;border:2px solid #e77ab5;border-radius:999px;width:9px;height:9px;position:absolute;top:9px;left:-21px}.tl-date{font-variant-numeric:tabular-nums;color:#97d083;flex:none;width:72px;font-size:12px}.crumb{color:#8e7884;flex-wrap:wrap;align-items:center;gap:6px;padding:16px 0;font-size:12.5px;display:flex}.crumb a{color:#beabb4;transition:color .2s ease-out}.crumb a:hover{color:#e77ab5}.crumb [aria-current]{color:#e5d9de}.detail-banner{border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.detail-banner-bg{filter:blur(34px)saturate(150%);opacity:.5;background-position:50%;background-size:cover;position:absolute;inset:-10%;transform:scale(1.1)}.detail-banner-scrim{background:linear-gradient(#140a0f80 0%,#140a0fe0 62%,#140a0f 100%);position:absolute;inset:0}.detail-grid{gap:22px;padding:10px 0 40px;display:grid;position:relative}@media (width>=768px){.detail-grid{grid-template-columns:210px 1fr;align-items:start;gap:30px;padding:18px 0 56px}}@media (width>=1024px){.detail-grid{grid-template-columns:268px 1fr;gap:40px}}.detail-cover{border:1px solid #ffffff1f;border-radius:12px;width:168px;max-width:100%;overflow:hidden;box-shadow:0 26px 50px -24px #000000f2}@media (width>=768px){.detail-cover{width:100%}}.detail-cover img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;width:100%}.detail-meta-line{color:#beabb4;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.tag{color:#f4afd4;background:#e77ab524;border:1px solid #e77ab559;border-radius:999px;align-items:center;min-height:28px;padding:0 11px;font-size:12px;display:inline-flex}.detail-score{font-variant-numeric:tabular-nums;color:#97d083;align-items:baseline;gap:4px;font-size:26px;font-weight:800;line-height:1;display:inline-flex}.detail-score small{color:#7cb868;font-size:12px;font-weight:600}.detail-actions{flex-wrap:wrap;gap:10px;margin:20px 0 4px;display:flex}.section-block{border-top:1px solid #ffffff0f;padding:34px 0;scroll-margin-top:104px}.block-title{align-items:center;gap:10px;margin-bottom:16px;font-size:19px;display:flex}.block-title:before{content:"";background:linear-gradient(#e77ab5,#85375a);border-radius:2px;width:4px;height:16px}.prose-body p{color:#d8c8cf;margin-bottom:14px;font-size:15px;line-height:1.85}.prose-body p:last-child{margin-bottom:0}.hl-item{color:#d8c8cf;border-bottom:1px solid #ffffff0d;gap:12px;padding:12px 0;font-size:14.5px;line-height:1.8;display:flex}.hl-item:last-child{border-bottom:none}.hl-index{font-variant-numeric:tabular-nums;color:#97d083;flex:none;padding-top:3px;font-size:12px;font-weight:800}.ep-grid{gap:10px;display:grid}@media (width>=768px){.ep-grid{grid-template-columns:1fr 1fr;gap:12px 20px}}.ep-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:12px 14px}.ep-no{color:#e77ab5;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:12px;font-weight:700}.ep-text{color:#beabb4;font-size:13.5px;line-height:1.7}.ep-all{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.ep-chip{font-variant-numeric:tabular-nums;color:#beabb4;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:5px 10px;font-size:12px}.char-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:14px}.char-name{color:#e77ab5;margin-bottom:6px;font-size:14px;font-weight:700}.char-desc{color:#beabb4;font-size:13.5px;line-height:1.75}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;padding:20px}@media (width>=768px){.glass-panel{padding:26px}}.guide-grid{gap:14px;display:grid}@media (width>=768px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-icon{color:#e77ab5;background:#e77ab51f;border:1px solid #e77ab547;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:inline-flex}.page-top{padding:8px 0 4px}.page-title{letter-spacing:-.02em;font-size:27px}@media (width>=768px){.page-title{font-size:34px}}.page-lead{color:#beabb4;max-width:720px;margin-top:10px;font-size:14.5px;line-height:1.85}.stat-strip{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:10px 28px;margin-top:18px;padding-top:16px;display:flex}.stat-item{color:#9c8790;font-size:12.5px}.stat-item b{font-variant-numeric:tabular-nums;color:#f6f0f3;letter-spacing:-.02em;font-size:19px;display:block}.hot-banner{border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden}.hot-banner-bg{position:absolute;inset:0}.hot-banner-bg img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 26%;object-position:center 26%;filter:saturate(110%);width:100%;height:100%}.hot-banner-scrim{background:linear-gradient(90deg,#0c0508f2 0%,#0c0508ad 54%,#0c05084d 100%),linear-gradient(#0c050833,#0c0508d1);position:absolute;inset:0}.hot-banner-inner{flex-direction:column;justify-content:flex-end;gap:10px;min-height:330px;padding:22px;display:flex;position:relative}@media (width>=768px){.hot-banner-inner{max-width:640px;min-height:400px;padding:34px}}.bar-track{background:#ffffff14;border-radius:999px;width:100%;height:4px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#7cb868,#97d083);border-radius:999px;height:100%}.faq-item{border-bottom:1px solid #ffffff0f;padding:14px 0}.faq-q{color:#e5d9de;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14.5px;font-weight:700;display:flex}.faq-a{color:#beabb4;margin-top:8px;font-size:13.5px;line-height:1.8}.empty-note{text-align:center;color:#9c8790;padding:40px 0;font-size:14px}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.z-0{z-index:0}.z-10{z-index:10}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[7px\]{margin-top:7px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-1{height:.25rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[46px\]{height:46px}.h-screen{height:100vh}.w-1{width:.25rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-\[34px\]{width:34px}.min-w-0{min-width:0}.max-w-\[520px\]{max-width:520px}.max-w-\[620px\]{max-width:620px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.select-none{-webkit-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-\[10px\]{border-radius:10px}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\/5{border-color:#ffffff0d}.bg-primary-500{background-color:var(--primary-500)}.bg-white\/\[0\.02\]{background-color:#ffffff05}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-0{padding-top:0}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-9xl{font-size:8rem;line-height:1}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.75\]{line-height:1.75}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.85\]{line-height:1.85}.leading-\[1\.8\]{line-height:1.8}.tracking-\[0\.16em\]{letter-spacing:.16em}.text-accent-500{color:var(--accent-500)}.text-foreground-300{color:var(--foreground-300)}.text-foreground-400{color:var(--foreground-400)}.text-foreground-700{color:var(--foreground-700)}.text-foreground-800{color:var(--foreground-800)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-primary-500{color:var(--primary-500)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}.hover\:text-primary-500:hover{color:var(--primary-500)}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-10{gap:2.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[12rem\]{font-size:12rem}.md\:text-\[24px\]{font-size:24px}.md\:text-\[30px\]{font-size:30px}.md\:text-\[32px\]{font-size:32px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (width>=1024px){.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:gap-14{gap:3.5rem}}
