*,: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;line-height:1.5;font-family:var(--font-body);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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}.relative{position:relative}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.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}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.min-h-\[360px\]{min-height:360px}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[240px\]{max-width:240px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-none{flex:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.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-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-primary-500\/35{border-color:oklch(var(--primary-500) / .35)}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.bg-primary-500\/15{background-color:oklch(var(--primary-500) / .15)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pb-10{padding-bottom:2.5rem}.pb-8{padding-bottom:2rem}.pt-0{padding-top:0}.pt-10{padding-top:2.5rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.text-foreground-200{--tw-text-opacity:1;color:oklch(var(--foreground-200) / var(--tw-text-opacity,1))}.text-foreground-300{--tw-text-opacity:1;color:oklch(var(--foreground-300) / var(--tw-text-opacity,1))}.text-foreground-400{--tw-text-opacity:1;color:oklch(var(--foreground-400) / var(--tw-text-opacity,1))}.text-foreground-50{--tw-text-opacity:1;color:oklch(var(--foreground-50) / var(--tw-text-opacity,1))}.text-foreground-500{--tw-text-opacity:1;color:oklch(var(--foreground-500) / var(--tw-text-opacity,1))}.text-primary-200{--tw-text-opacity:1;color:oklch(var(--primary-200) / var(--tw-text-opacity,1))}.text-primary-300{--tw-text-opacity:1;color:oklch(var(--primary-300) / var(--tw-text-opacity,1))}.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)}:root{--font-body:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-heading:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-label:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--background-50:.97 .006 292;--background-100:.93 .008 292;--background-200:.85 .01 292;--background-300:.7 .012 292;--background-400:.5 .013 292;--background-500:.36 .014 292;--background-600:.27 .017 292;--background-700:.225 .018 292;--background-800:.195 .016 292;--background-900:.155 .014 292;--background-950:.115 .012 292;--foreground-50:.965 .006 292;--foreground-100:.93 .008 292;--foreground-200:.87 .01 292;--foreground-300:.78 .012 292;--foreground-400:.7 .014 292;--foreground-500:.6 .016 292;--foreground-600:.5 .018 292;--foreground-700:.42 .02 292;--foreground-800:.33 .02 292;--foreground-900:.24 .018 292;--foreground-950:.16 .015 292;--primary-50:.97 .02 285;--primary-100:.93 .045 285;--primary-200:.88 .07 285;--primary-300:.81 .1 285;--primary-400:.76 .12 285;--primary-500:.71 .135 285;--primary-600:.62 .145 285;--primary-700:.52 .14 285;--primary-800:.42 .12 285;--primary-900:.32 .09 285;--primary-950:.24 .07 285;--accent-50:.97 .025 82;--accent-100:.94 .05 82;--accent-200:.9 .08 82;--accent-300:.86 .1 82;--accent-400:.83 .11 82;--accent-500:.79 .115 80;--accent-600:.7 .12 78;--accent-700:.58 .11 76;--accent-800:.46 .09 74;--accent-900:.34 .07 72;--accent-950:.24 .05 70;--secondary-50:.96 .008 292;--secondary-100:.92 .012 292;--secondary-200:.85 .016 292;--secondary-300:.75 .02 292;--secondary-400:.64 .024 292;--secondary-500:.53 .028 292;--secondary-600:.44 .03 292;--secondary-700:.36 .03 292;--secondary-800:.29 .028 292;--secondary-900:.23 .024 292;--secondary-950:.17 .02 292;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{background-color:oklch(var(--background-900));min-height:100vh;color:oklch(var(--foreground-50));font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.2}:focus-visible{outline:2px solid oklch(var(--primary-300));outline-offset:3px;border-radius:8px}::selection{background:oklch(var(--primary-500) / .4)}.page-glow{z-index:0;position:relative}.page-glow:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(680px 420px at 12% 6%, oklch(var(--primary-500) / .16), transparent 70%), radial-gradient(760px 520px at 88% 24%, oklch(var(--primary-600) / .13), transparent 72%), radial-gradient(900px 620px at 50% 104%, oklch(var(--primary-800) / .24), transparent 76%);position:fixed;inset:0}.page-glow>*{z-index:1;position:relative}.shell{width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}@media (width>=768px){.shell{padding-inline:32px}}.section{padding-block:56px}@media (width>=768px){.section{padding-block:96px}}.section-tight{padding-block:40px}@media (width>=768px){.section-tight{padding-block:64px}}.hairline{background:linear-gradient(90deg,#ffffff1a,#ffffff05 70%,#0000);border:0;height:1px}.site-header{z-index:60;-webkit-backdrop-filter:blur(20px)saturate(160%);background-color:#07060dd1;border-bottom:1px solid #ffffff12;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{letter-spacing:.01em;color:oklch(var(--foreground-50));white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(150deg, oklch(var(--primary-400)), oklch(var(--primary-700)));width:30px;height:30px;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px -8px oklch(var(--primary-600));color:oklch(var(--foreground-950));border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.nav-rail{scrollbar-width:none;border-top:1px solid #ffffff0d;align-items:center;gap:4px;padding-block:6px;display:flex;overflow-x:auto}.nav-rail::-webkit-scrollbar{display:none}.nav-link{min-height:44px;color:oklch(var(--foreground-200));white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;transition:color .2s ease-out,background-color .2s ease-out;display:inline-flex}.nav-link:hover{color:oklch(var(--foreground-50));background-color:#ffffff0f}.nav-link.is-active{color:oklch(var(--primary-200));background-color:oklch(var(--primary-500) / .14);box-shadow:inset 0 0 0 1px oklch(var(--primary-500) / .35);font-weight:700}.nav-desktop{display:none}@media (width>=1024px){.nav-desktop{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-rail{display:none}}.search-box{flex:none;position:relative}.search-box>summary{min-height:44px;color:oklch(var(--foreground-100));cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;list-style:none;transition:background-color .2s ease-out,border-color .2s ease-out;display:inline-flex}.search-box>summary::-webkit-details-marker{display:none}.search-box>summary:hover{background:#ffffff17}.search-box[open]>summary{border-color:oklch(var(--primary-500) / .6);color:oklch(var(--primary-100))}.search-panel{background:#07060df7;border:1px solid #ffffff1a;border-radius:18px;width:min(92vw,780px);max-height:68vh;padding:20px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 30px 70px -20px #000000e6}.search-group+.search-group{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:14px}.search-group-title{letter-spacing:.16em;color:oklch(var(--primary-300));margin-bottom:8px;font-size:12px}.search-links{flex-wrap:wrap;gap:6px 14px;display:flex}.search-link{color:oklch(var(--foreground-200));padding:4px 0;font-size:13px;transition:color .2s ease-out}.search-link:hover{color:oklch(var(--primary-200))}.btn{white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .22s ease-out,background-color .22s ease-out,box-shadow .22s ease-out;display:inline-flex}.btn-primary{background-color:oklch(var(--primary-500));color:oklch(var(--foreground-950));box-shadow:0 12px 30px -14px oklch(var(--primary-500) / .9)}.btn-primary:hover{background-color:oklch(var(--primary-400));transform:translateY(-1px)}.btn-ghost{color:oklch(var(--foreground-50));background:#ffffff0d;border:1px solid #ffffff29}.btn-ghost:hover{background:#ffffff1a;transform:translateY(-1px)}.chip{color:oklch(var(--foreground-200));white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;line-height:1.6;display:inline-flex}.chip-primary{background:oklch(var(--primary-500) / .14);border-color:oklch(var(--primary-500) / .35);color:oklch(var(--primary-200))}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-eyebrow{letter-spacing:.24em;color:oklch(var(--primary-300));margin-bottom:6px;font-size:11px}.section-title{font-size:24px;line-height:1.2}@media (width>=768px){.section-title{font-size:30px}}.section-desc{max-width:640px;color:oklch(var(--foreground-300));margin-top:8px;font-size:14px}.section-more{min-height:44px;color:oklch(var(--foreground-200));border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;transition:color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out;display:inline-flex}.section-more:hover{color:oklch(var(--primary-100));border-color:oklch(var(--primary-500) / .5);background:oklch(var(--primary-500) / .1)}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:10px;scroll-padding-left:0;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:none}.rail-card{width:calc(40% - 7.2px)}@media (width>=640px){.rail-card{width:calc(28.5714% - 13.7143px)}}@media (width>=1024px){.rail{gap:16px}.rail-card{width:calc(15.3846% - 13.5385px)}}.drama-card{min-width:0;display:block}.dc-media{aspect-ratio:3/4;background:oklch(var(--background-700));border-radius:18px;transition:transform .26s ease-out,box-shadow .26s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 8px 18px -12px #000c,0 26px 50px -28px #000000e6}.drama-card:hover .dc-media{box-shadow:inset 0 1px 0 #ffffff1f, 0 12px 22px -12px #000000d9, 0 32px 60px -26px #000000f2, 0 0 0 1px oklch(var(--primary-500) / .3);transform:translateY(-4px)}.dc-img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;transition:transform .3s ease-out}.drama-card:hover .dc-img{transform:scale(1.04)}.dc-badge{color:oklch(var(--foreground-50));-webkit-backdrop-filter:blur(8px);background:#07060d9e;border:1px solid #ffffff38;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.7;position:absolute;top:8px;left:8px}.dc-badge-hot{background:oklch(var(--primary-500) / .92);color:oklch(var(--foreground-950));border-color:#0000}.dc-rating{font-variant-numeric:tabular-nums;color:oklch(var(--accent-300));-webkit-backdrop-filter:blur(6px);background:#07060db3;border:1px solid #ffffff24;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;position:absolute;bottom:8px;right:8px}.dc-overlay{opacity:0;background:linear-gradient(#0000,#07060d8c 45%,#07060df0);padding:40px 12px 12px;transition:opacity .24s ease-out;position:absolute;inset:auto 0 0}.drama-card:hover .dc-overlay,.drama-card:focus-visible .dc-overlay{opacity:1}.dc-overlay-title{color:oklch(var(--foreground-50));font-size:13px;font-weight:700;line-height:1.4}.dc-overlay-cta{color:oklch(var(--primary-200));align-items:center;gap:4px;margin-top:4px;font-size:12px;display:inline-flex}.dc-title{color:oklch(var(--foreground-50));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.dc-sub{color:oklch(var(--foreground-400));-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;display:-webkit-box;overflow:hidden}.mj-media{aspect-ratio:3/4;border:1px solid oklch(var(--primary-500) / .55);background:oklch(var(--background-700));border-radius:4px;transition:transform .26s ease-out,box-shadow .26s ease-out,border-color .26s ease-out;position:relative;overflow:hidden;box-shadow:0 20px 42px -26px #000000f2}.manju-card{min-width:0;display:block}.manju-card:hover .mj-media{border-color:oklch(var(--primary-300) / .9);box-shadow:0 26px 52px -24px #000000f2, 0 0 0 1px oklch(var(--primary-400) / .4);transform:translateY(-4px)}.manju-card:hover .dc-img{transform:scale(1.04)}.mj-hook{color:oklch(var(--foreground-300));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.rank-list{flex-direction:column;display:flex}.rank-row{border-bottom:1px solid #ffffff0f;grid-template-columns:44px 48px minmax(0,1fr);align-items:center;gap:12px;padding-block:14px;display:grid}@media (width>=768px){.rank-row{grid-template-columns:76px 60px minmax(0,1fr) auto;gap:20px;padding-block:18px}}.rank-num{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1px #ffffff57;text-align:center;font-size:26px;font-weight:800;line-height:1}@media (width>=768px){.rank-num{font-size:44px}}.rank-num.is-top{-webkit-text-stroke:0;background:linear-gradient(180deg, oklch(var(--primary-200)), oklch(var(--primary-600)));color:#0000;-webkit-background-clip:text;background-clip:text}.rank-thumb{aspect-ratio:3/4;background:oklch(var(--background-700));border-radius:8px;width:48px;overflow:hidden}@media (width>=768px){.rank-thumb{border-radius:10px;width:60px}}.rank-title{color:oklch(var(--foreground-50));font-size:15px;font-weight:700;line-height:1.4}.rank-title:hover{color:oklch(var(--primary-200))}.rank-meta{color:oklch(var(--foreground-400));flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.rank-flat7{font-variant-numeric:tabular-nums;color:oklch(var(--accent-300));font-weight:700}.rank-reason{color:oklch(var(--foreground-300));-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:780px;margin-top:6px;font-size:13px;display:-webkit-box;overflow:hidden}.rank-score{display:none}@media (width>=768px){.rank-score{text-align:right;font-variant-numeric:tabular-nums;color:oklch(var(--accent-400));font-size:22px;font-weight:800;display:block}}.n-new,.n-manju{display:none}.rank-shell:has(#r-new:checked) .n-new{display:inline}:is(.rank-shell:has(#r-new:checked) .n-all,.rank-shell:has(#r-new:checked) .n-manju){display:none}.rank-shell:has(#r-manju:checked) .n-manju{display:inline}:is(.rank-shell:has(#r-manju:checked) .n-all,.rank-shell:has(#r-manju:checked) .n-new){display:none}.rank-shell:has(#r-new:checked) .rank-row{order:var(--order-new,0)}.rank-shell:has(#r-manju:checked) .rank-row:not(.is-manju){display:none}.rank-shell:has(#r-manju:checked) .rank-row{order:var(--order-manju,0)}.seg{flex-wrap:wrap;gap:8px;padding:4px;display:flex}.seg-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.seg-label{min-height:44px;color:oklch(var(--foreground-200));cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;display:inline-flex}.seg-label:hover{color:oklch(var(--foreground-50));background:#ffffff14}.seg-input:checked+.seg-label{background:oklch(var(--primary-500));color:oklch(var(--foreground-950));border-color:#0000;font-weight:700}.seg-input:focus-visible+.seg-label{outline:2px solid oklch(var(--primary-300));outline-offset:2px}.f-item{display:block}.filter-shell:has(#f-sweet:checked) .f-item:not(.g-sweet){display:none}.filter-shell:has(#f-counter:checked) .f-item:not(.g-counter){display:none}.filter-shell:has(#f-urban:checked) .f-item:not(.g-urban){display:none}.filter-shell:has(#f-reborn:checked) .f-item:not(.g-reborn){display:none}.filter-shell:has(#f-warrior:checked) .f-item:not(.g-warrior){display:none}.filter-shell:has(#f-manju:checked) .f-item:not(.g-manju){display:none}.filter-shell:has(#f-brain:checked) .f-item:not(.g-brain){display:none}.filter-shell:has(#m-gu:checked) .f-item:not(.g-gu){display:none}.filter-shell:has(#m-urban:checked) .f-item:not(.g-urban){display:none}.filter-shell:has(#m-xuan:checked) .f-item:not(.g-xuan){display:none}.genre-list{flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none;display:flex}.genre-link{min-height:40px;color:oklch(var(--foreground-200));background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;transition:color .2s ease-out,border-color .2s ease-out;display:inline-flex}.genre-link:hover{color:oklch(var(--primary-200));border-color:oklch(var(--primary-500) / .5)}.hero{isolation:isolate;min-height:560px;position:relative;overflow:hidden}@media (width>=1024px){.hero{min-height:640px}}.hero-bg{z-index:-2;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-veil{z-index:-1;background:linear-gradient(to top, oklch(var(--background-900)) 1%, #0d0c15d1 34%, #0d0c154d 72%, #0d0c156b 100%), linear-gradient(to right, #07060deb 0%, #07060d99 46%, transparent 82%);position:absolute;inset:0}.hero-ghost{z-index:0;font-family:var(--font-heading);letter-spacing:-.05em;color:#ffffff0b;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(120px,20vw,300px);font-weight:800;line-height:.8;position:absolute;bottom:-2%;right:2%}.hero-inner{flex-direction:column;justify-content:flex-end;gap:24px;min-height:560px;padding-top:40px;padding-bottom:28px;display:flex}@media (width>=1024px){.hero-inner{min-height:640px;padding-bottom:32px}}.hero-lead{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.hero-brand{letter-spacing:.3em;color:oklch(var(--primary-200));margin-bottom:12px;font-size:13px;font-weight:800;display:block}.hero-title{max-width:100%;font-size:32px;line-height:1.1}@media (width>=768px){.hero-title{font-size:46px}}@media (width>=1024px){.hero-title{font-size:58px}}.hero-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.hero-rating{font-variant-numeric:tabular-nums;color:oklch(var(--accent-300));align-items:baseline;gap:4px;font-size:14px;font-weight:800;display:inline-flex}.hero-hook{max-width:520px;color:oklch(var(--foreground-200));margin-top:12px;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero-poster{display:none}@media (width>=1024px){.hero-poster{flex:none;width:208px;display:block}}.hero-rail{border-top:1px solid #ffffff14;padding-top:14px}.hero-mini{width:84px}@media (width>=640px){.hero-mini{width:104px}}@media (width>=1024px){.hero-mini{width:116px}}.mini-frame{aspect-ratio:3/4;background:oklch(var(--background-700));border:1px solid #ffffff1f;border-radius:12px;transition:transform .24s ease-out,border-color .24s ease-out;overflow:hidden}.mini-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.mini-frame.is-active{border-color:oklch(var(--primary-400));box-shadow:0 0 0 1px oklch(var(--primary-400)), 0 10px 26px -12px oklch(var(--primary-600) / .9)}.hero-mini:hover .mini-frame{border-color:oklch(var(--primary-300) / .7);transform:translateY(-3px)}.mini-name{color:oklch(var(--foreground-300));-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.breadcrumb{color:oklch(var(--foreground-400));flex-wrap:wrap;align-items:center;gap:6px;padding-top:24px;font-size:12px;display:flex}.breadcrumb a{color:oklch(var(--foreground-300));transition:color .2s ease-out}.breadcrumb a:hover{color:oklch(var(--primary-200))}.prose-body{color:oklch(var(--foreground-200));font-size:15px;line-height:1.8}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px}.panel{background:oklch(var(--background-800));border:1px solid #ffffff0f;border-radius:18px}.highlight-card{background:oklch(var(--background-800));border:1px solid #ffffff12;border-radius:18px;padding:18px;box-shadow:inset 0 1px #ffffff0d}.ep-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=640px){.ep-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.ep-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.ep-item{font-variant-numeric:tabular-nums;min-height:40px;color:oklch(var(--foreground-300));background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:flex}.ep-block{background:oklch(var(--background-800));border:1px solid #ffffff0f;border-radius:14px;padding:16px}.ep-block-title{color:oklch(var(--primary-200));font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.site-footer{background-color:#07060df5;border-top:1px solid #ffffff12;margin-top:40px}.footer-title{color:oklch(var(--foreground-50));font-size:18px;font-weight:800}.footer-sub{color:oklch(var(--foreground-400));font-size:12px}.footer-head{letter-spacing:.16em;color:oklch(var(--primary-300));margin-bottom:10px;font-size:12px}.footer-link,.footer-line{color:oklch(var(--foreground-300));font-size:13px;line-height:2;display:block}.footer-link:hover{color:oklch(var(--primary-200))}.grid-2{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.num{font-variant-numeric:tabular-nums}.hero-arrow{width:44px;height:44px;color:oklch(var(--foreground-100));background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s ease-out,border-color .2s ease-out;display:inline-flex}.hero-arrow:hover{border-color:oklch(var(--primary-500) / .5);background:#ffffff1f}.rank-num span.is-top{-webkit-text-stroke:0;background:linear-gradient(180deg, oklch(var(--primary-200)), oklch(var(--primary-600)));color:#0000;-webkit-background-clip:text;background-clip:text}.champion{display:block;position:relative}.champion-frame{aspect-ratio:3/4;border:1px solid oklch(var(--primary-500) / .45);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000f2}.champion-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;transition:transform .3s ease-out}.champion:hover .champion-frame img{transform:scale(1.04)}.champion-num{font-family:var(--font-heading);letter-spacing:-.04em;color:#0000;background:linear-gradient(180deg, oklch(var(--primary-200)), oklch(var(--primary-700)));-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:76px;font-weight:800;line-height:.8;position:absolute;bottom:4px;left:6px}.rail-frame{aspect-ratio:3/4;background:oklch(var(--background-700));border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 48px -28px #000000e6}.rail-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;transition:transform .3s ease-out}.top-poster:hover .rail-frame img{transform:scale(1.04)}.top-num{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:1.5px #ffffff9e;-webkit-user-select:none;user-select:none;font-size:72px;font-weight:800;line-height:.8;position:absolute;bottom:-6px;left:6px}.top-num.is-top{-webkit-text-stroke:0;background:linear-gradient(180deg, oklch(var(--primary-200)), oklch(var(--primary-600)));-webkit-background-clip:text;background-clip:text}.meter{background:#ffffff14;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.meter>span{background:linear-gradient(90deg, oklch(var(--primary-600)), oklch(var(--primary-300)));border-radius:999px;height:100%;display:block}.detail-hero{border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.detail-hero-bg{z-index:-2;position:absolute;inset:0}.detail-hero-bg img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;filter:blur(26px)saturate(130%);opacity:.55;width:100%;height:100%;transform:scale(1.15)}.detail-hero-veil{z-index:-1;background:linear-gradient(to top, oklch(var(--background-900)) 0%, #0d0c15db 42%, #0d0c15a8 100%), linear-gradient(to right, #07060de6, transparent 75%);position:absolute;inset:0}.detail-cover{aspect-ratio:3/4;border:1px solid #ffffff1f;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 30px 60px -30px #000000f2,inset 0 1px #ffffff14}.detail-cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.link-inline{color:oklch(var(--primary-200));border-bottom:1px solid oklch(var(--primary-500) / .4)}.link-inline:hover{color:oklch(var(--primary-100))}.device-card{background:oklch(var(--background-800));border:1px solid #ffffff12;border-radius:18px;padding:24px}.faq-item{border-bottom:1px solid #ffffff12;padding-block:18px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (width>=768px){.md\:mt-8{margin-top:2rem}.md\:min-h-\[440px\]{min-height:440px}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.md\:items-center{align-items:center}.md\:gap-5{gap:1.25rem}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:pb-12{padding-bottom:3rem}.md\:pb-14{padding-bottom:3.5rem}.md\:pt-14{padding-top:3.5rem}.md\:pt-20{padding-top:5rem}.md\:text-\[15px\]{font-size:15px}.md\:text-\[38px\]{font-size:38px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[42px\]{font-size:42px}}@media (width>=1024px){.lg\:max-w-none{max-width:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.lg\:gap-12{gap:3rem}.lg\:gap-14{gap:3.5rem}}@media (width>=1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}