*,: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}.shell-wide{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (width>=768px){.shell-wide{padding-left:2rem;padding-right:2rem}}.shell-wide{max-width:1360px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.display{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:800;line-height:1.08}.panel{background:oklch(var(--background-100) / .78);border:1px solid var(--hairline-strong);border-radius:12px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -34px #060208f2}.panel-pad{padding:1rem}@media (width>=768px){.panel-pad{padding:1.5rem}}.panel-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding:16px 16px 12px;display:flex}@media (width>=768px){.panel-head{padding:20px 24px 14px}}.panel-title{font-family:var(--font-heading);letter-spacing:-.02em;color:oklch(var(--foreground-950));font-size:21px;font-weight:800;line-height:1.25}@media (width>=768px){.panel-title{font-size:25px}}@media (width>=1024px){.panel-title{font-size:28px}}.panel-link{color:oklch(var(--primary-300));white-space:nowrap;align-items:center;gap:4px;font-size:13px;transition:color .2s ease-out;display:inline-flex}.panel-link:hover{color:oklch(var(--primary-200))}.btn-primary{white-space:nowrap;min-height:44px;color:oklch(var(--background-950));background:linear-gradient(135deg, oklch(var(--primary-400)), oklch(var(--primary-600)));border:1px solid oklch(var(--primary-300) / .5);box-shadow:0 12px 28px -16px oklch(var(--primary-500) / .9);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding-left:1.25rem;padding-right:1.25rem;font-size:14px;font-weight:600;transition:transform .22s ease-out,box-shadow .22s ease-out,filter .22s ease-out;display:inline-flex}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 18px 34px -16px oklch(var(--primary-500) / .95);transform:translateY(-1px)}.btn-ghost{white-space:nowrap;min-height:44px;color:oklch(var(--foreground-900));border:1px solid var(--hairline-strong);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding-left:1.25rem;padding-right:1.25rem;font-size:14px;font-weight:600;transition:background .22s ease-out,border-color .22s ease-out,transform .22s ease-out;display:inline-flex}.btn-ghost:hover{border-color:oklch(var(--primary-400) / .5);background:#ffffff17;transform:translateY(-1px)}.drama-card{background:oklch(var(--background-200));border:1px solid oklch(var(--background-300) / .8);border-radius:12px;transition:transform .25s ease-out,box-shadow .25s ease-out,border-color .25s ease-out,background-color .25s ease-out;display:block;box-shadow:inset 0 1px #ffffff0f,0 2px 5px #0803098c,0 18px 34px -22px #080309f2}.drama-card:hover{background:oklch(var(--background-300));border-color:oklch(var(--primary-500) / .55);box-shadow:inset 0 1px 0 #ffffff14, 0 4px 10px #08030999, 0 26px 46px -22px oklch(var(--primary-700) / .55);transform:translateY(-4px)}.poster{aspect-ratio:3/4;background:oklch(var(--background-300));border-radius:11px 11px 0 0;position:relative;overflow:hidden}.poster 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 .poster img{transform:scale(1.04)}.poster:after{content:"查看详情";z-index:2;font-family:var(--font-label);letter-spacing:.06em;color:oklch(var(--primary-200));opacity:0;background:linear-gradient(#0000 0%,#09040a59 45%,#09040ae6 88%);align-items:flex-end;padding:46px 12px 11px;font-size:12px;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;position:absolute;inset:auto 0 0;transform:translateY(6px)}.drama-card:hover .poster:after{opacity:1;transform:none}.poster-tag{z-index:3;font-family:var(--font-label);letter-spacing:.02em;color:oklch(var(--primary-950));background:oklch(var(--primary-400) / .92);border:1px solid oklch(var(--primary-200) / .6);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.7;position:absolute;top:8px;left:8px}.poster-index{z-index:3;font-family:var(--font-label);color:oklch(var(--accent-300));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09040aa8;border:1px solid #ffffff1a;border-radius:6px;align-items:baseline;gap:3px;padding:1px 7px;font-size:11px;display:inline-flex;position:absolute;bottom:8px;right:8px}.poster-index b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.ep{min-width:58px;height:32px;color:oklch(var(--foreground-700));border:1px solid var(--hairline);background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.card-body{padding:10px 11px 12px}.card-name{font-family:var(--font-heading);color:oklch(var(--foreground-950));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.card-line{color:oklch(var(--foreground-600));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.meta{color:oklch(var(--foreground-500));font-size:12px}.chip{cursor:pointer;white-space:nowrap;min-height:44px;font-family:var(--font-label);color:oklch(var(--foreground-700));border:1px solid var(--hairline-strong);background:#ffffff0a;border-radius:9999px;align-items:center;padding:0 14px;font-size:13px;transition:color .2s ease-out,background .2s ease-out,border-color .2s ease-out;display:inline-flex}.chip:hover{color:oklch(var(--foreground-950));border-color:oklch(var(--primary-400) / .5)}.chip-active,.chip.is-active{color:oklch(var(--background-950));background:linear-gradient(135deg, oklch(var(--primary-400)), oklch(var(--primary-600)));border-color:oklch(var(--primary-300) / .6)}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.line-list{-moz-column-gap:.5rem;flex-wrap:wrap;gap:.5rem;display:flex}.line{white-space:nowrap;min-height:44px;color:oklch(var(--foreground-800));border:1px solid var(--hairline);background:#ffffff09;border-radius:9999px;align-items:center;padding:0 12px;font-size:13px;transition:color .2s ease-out,border-color .2s ease-out,background .2s ease-out;display:inline-flex}.line:hover{color:oklch(var(--primary-200));border-color:oklch(var(--primary-400) / .55);background:oklch(var(--primary-500) / .1)}.rank-item{border-radius:12px;align-items:center;gap:.75rem;padding:8px;transition:background-color .22s ease-out;display:flex}.rank-item:hover{background:#ffffff0b}.rank-no{font-family:var(--font-heading);text-align:center;font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1px oklch(var(--secondary-500) / .85);flex:0 0 42px;width:42px;font-size:30px;font-weight:800;line-height:1}.rank-no.top{background:linear-gradient(160deg, oklch(var(--primary-200)), oklch(var(--primary-600)));color:#0000;-webkit-text-stroke:0;-webkit-background-clip:text;background-clip:text}.rank-item.is-top{background:oklch(var(--accent-500) / .06);border:1px solid oklch(var(--accent-500) / .18)}.rank-cover{aspect-ratio:3/4;background:oklch(var(--background-300));border-radius:8px;flex:0 0 44px;width:44px;overflow:hidden}.rank-cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.rank-name{font-family:var(--font-heading);color:oklch(var(--foreground-950));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.index-val{font-family:var(--font-label);color:oklch(var(--accent-400));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.info-card{background:oklch(var(--background-200));border:1px solid oklch(var(--background-300) / .8);border-radius:12px;gap:.75rem;padding:10px;transition:transform .25s ease-out,border-color .25s ease-out,background .25s ease-out;display:flex;box-shadow:inset 0 1px #ffffff0f,0 14px 30px -24px #080309f2}.info-card:hover{background:oklch(var(--background-300));border-color:oklch(var(--primary-500) / .5);transform:translateY(-3px)}.info-cover{aspect-ratio:3/4;background:oklch(var(--background-300));border-radius:8px;flex:0 0 82px;width:82px;overflow:hidden}.info-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}.info-card:hover .info-cover img{transform:scale(1.04)}.badge{white-space:nowrap;font-family:var(--font-label);color:oklch(var(--primary-200));background:oklch(var(--primary-500) / .12);border:1px solid oklch(var(--primary-400) / .32);border-radius:9999px;align-items:center;padding:1px 9px;font-size:11px;line-height:1.8;display:inline-flex}.badge-muted{color:oklch(var(--secondary-300));border-color:var(--hairline-strong);background:#ffffff0d}.badge-accent{color:oklch(var(--accent-300));background:oklch(var(--accent-500) / .1);border-color:oklch(var(--accent-500) / .3)}.crumb{color:oklch(var(--foreground-500));flex-wrap:wrap;align-items:center;gap:.5rem;font-size:12px;display:flex}.crumb a:hover{color:oklch(var(--primary-200))}.shrink-row{white-space:nowrap;scrollbar-width:none;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.shrink-row::-webkit-scrollbar{display:none}.nav-link{height:40px;font-family:var(--font-label);color:oklch(var(--foreground-800));border-radius:8px;align-items:center;padding:0 10px;font-size:14px;transition:color .2s ease-out,background .2s ease-out;display:inline-flex;position:relative}.nav-link:hover{color:oklch(var(--foreground-950));background:#ffffff0f}.nav-link.is-active{color:oklch(var(--primary-200));background:oklch(var(--primary-500) / .12)}.nav-link.is-active:after{content:"";background:oklch(var(--primary-400));border-radius:2px;height:2px;position:absolute;bottom:3px;left:10px;right:10px}.rail-item{width:100%;height:68px;color:oklch(var(--foreground-600));border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;transition:color .2s ease-out,background .2s ease-out,border-color .2s ease-out;display:flex}.rail-item:hover{color:oklch(var(--foreground-950));background:#ffffff0d}.rail-item.is-active{color:oklch(var(--primary-200));background:oklch(var(--primary-500) / .12);border-color:oklch(var(--primary-400) / .35)}.rail-label{font-family:var(--font-label);font-size:11px;line-height:1.2}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-14{bottom:3.5rem}.right-\[210px\]{right:210px}.top-0{top:0}.top-\[84px\]{top:84px}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.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}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-16{height:4rem}.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-\[200px\]{min-height:200px}.min-h-\[380px\]{min-height:380px}.min-h-\[420px\]{min-height:420px}.min-h-\[60vh\]{min-height:60vh}.w-11{width:2.75rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[168px\]{width:168px}.w-\[84px\]{width:84px}.w-\[92px\]{width:92px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[1100px\]{max-width:1100px}.max-w-\[520px\]{max-width:520px}.max-w-\[540px\]{max-width:540px}.max-w-\[560px\]{max-width:560px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.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-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.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}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-white\/\[0\.06\]>:not([hidden])~:not([hidden]){border-color:#ffffff0f}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-background-300\/40{border-color:oklch(var(--background-300) / .4)}.border-background-300\/50{border-color:oklch(var(--background-300) / .5)}.border-background-300\/70{border-color:oklch(var(--background-300) / .7)}.border-primary-400\/30{border-color:oklch(var(--primary-400) / .3)}.border-primary-400\/40{border-color:oklch(var(--primary-400) / .4)}.border-primary-500\/60{border-color:oklch(var(--primary-500) / .6)}.border-white\/10{border-color:#ffffff1a}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.bg-background-100\/60{background-color:oklch(var(--background-100) / .6)}.bg-background-950{--tw-bg-opacity:1;background-color:oklch(var(--background-950) / var(--tw-bg-opacity,1))}.bg-background-950\/85{background-color:oklch(var(--background-950) / .85)}.bg-primary-400{--tw-bg-opacity:1;background-color:oklch(var(--primary-400) / var(--tw-bg-opacity,1))}.bg-primary-500\/10{background-color:oklch(var(--primary-500) / .1)}.bg-primary-500\/15{background-color:oklch(var(--primary-500) / .15)}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.07\]{background-color:#ffffff12}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-background-950\/70{--tw-gradient-from:oklch(var(--background-950) / .7) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-background-950\/80{--tw-gradient-from:oklch(var(--background-950) / .8) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-400{--tw-gradient-from:oklch(var(--primary-400) / 1) var(--tw-gradient-from-position);--tw-gradient-to:oklch(var(--primary-400) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-background-50\/85{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), oklch(var(--background-50) / .85) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-background-950\/20{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), oklch(var(--background-950) / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-background-50{--tw-gradient-to:oklch(var(--background-50) / 1) var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to:oklch(var(--primary-600) / 1) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[132px\]{font-size:132px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.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}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.text-accent-400{--tw-text-opacity:1;color:oklch(var(--accent-400) / var(--tw-text-opacity,1))}.text-foreground-400{--tw-text-opacity:1;color:oklch(var(--foreground-400) / var(--tw-text-opacity,1))}.text-foreground-500{--tw-text-opacity:1;color:oklch(var(--foreground-500) / var(--tw-text-opacity,1))}.text-foreground-600{--tw-text-opacity:1;color:oklch(var(--foreground-600) / var(--tw-text-opacity,1))}.text-foreground-700{--tw-text-opacity:1;color:oklch(var(--foreground-700) / var(--tw-text-opacity,1))}.text-foreground-800{--tw-text-opacity:1;color:oklch(var(--foreground-800) / var(--tw-text-opacity,1))}.text-foreground-950{--tw-text-opacity:1;color:oklch(var(--foreground-950) / 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))}.text-secondary-400{--tw-text-opacity:1;color:oklch(var(--secondary-400) / var(--tw-text-opacity,1))}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.blur-2xl{--tw-blur:blur(40px);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)}.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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{--background-50:.176 .016 325;--background-100:.216 .02 325;--background-200:.252 .026 325;--background-300:.302 .03 325;--background-400:.37 .03 325;--background-500:.46 .028 325;--background-600:.56 .024 325;--background-700:.66 .02 325;--background-800:.76 .016 325;--background-900:.86 .012 325;--background-950:.146 .012 325;--foreground-50:.2 .02 325;--foreground-100:.26 .02 325;--foreground-200:.36 .02 325;--foreground-300:.46 .02 325;--foreground-400:.56 .02 325;--foreground-500:.64 .018 325;--foreground-600:.71 .018 325;--foreground-700:.79 .016 325;--foreground-800:.88 .01 325;--foreground-900:.93 .008 325;--foreground-950:.968 .006 325;--primary-50:.975 .012 322;--primary-100:.95 .026 322;--primary-200:.9 .05 322;--primary-300:.845 .082 322;--primary-400:.78 .108 322;--primary-500:.702 .13 322;--primary-600:.64 .135 322;--primary-700:.56 .125 322;--primary-800:.46 .105 322;--primary-900:.36 .085 322;--primary-950:.28 .065 322;--accent-50:.975 .02 145;--accent-100:.955 .04 145;--accent-200:.92 .07 145;--accent-300:.87 .095 145;--accent-400:.83 .11 145;--accent-500:.79 .12 145;--accent-600:.72 .125 145;--accent-700:.62 .115 145;--accent-800:.52 .1 145;--accent-900:.42 .08 145;--accent-950:.32 .06 145;--secondary-50:.96 .01 325;--secondary-100:.92 .014 325;--secondary-200:.86 .018 325;--secondary-300:.79 .02 325;--secondary-400:.7 .024 325;--secondary-500:.62 .028 325;--secondary-600:.54 .026 325;--secondary-700:.45 .024 325;--secondary-800:.36 .022 325;--secondary-900:.28 .02 325;--secondary-950:.22 .018 325;--font-heading:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body:-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;--hairline:#ffffff0f;--hairline-strong:#ffffff1a}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:oklch(var(--foreground-900));background-color:oklch(var(--background-50));background-image:radial-gradient(680px 520px at 8% -6%, oklch(var(--primary-500) / .14), transparent 72%), radial-gradient(760px 640px at 92% 4%, oklch(var(--primary-600) / .1), transparent 74%), radial-gradient(1000px 700px at 52% 108%, oklch(var(--accent-500) / .07), transparent 76%);background-attachment:fixed;margin:0;font-size:15px;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid oklch(var(--primary-400));outline-offset:3px;border-radius:4px}::selection{background:oklch(var(--primary-500) / .35);color:oklch(var(--foreground-950))}.chip{position:relative}.chip input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chip:has(input:checked){color:oklch(var(--background-950));background:linear-gradient(135deg, oklch(var(--primary-400)), oklch(var(--primary-600)));border-color:oklch(var(--primary-300) / .6)}.chip:has(input:focus-visible){outline:2px solid oklch(var(--primary-400));outline-offset:3px}.genre-switch:has(input[value=all]:checked) .line{display:inline-flex}:is(.genre-switch:has(input[value=tianchong]:checked) .line:not(.g-tianchong),.genre-switch:has(input[value=nixi]:checked) .line:not(.g-nixi),.genre-switch:has(input[value=dushi]:checked) .line:not(.g-dushi),.genre-switch:has(input[value=zhongcheng]:checked) .line:not(.g-zhongcheng),.genre-switch:has(input[value=zhanshen]:checked) .line:not(.g-zhanshen),.genre-switch:has(input[value=manju]:checked) .line:not(.g-manju),.genre-switch:has(input[value=naodong]:checked) .line:not(.g-naodong)),:is(.rank-switch:has(input[value=comp]:checked) .rank-plate:not(.rank-comp),.rank-switch:has(input[value=new]:checked) .rank-plate:not(.rank-new),.rank-switch:has(input[value=manju]:checked) .rank-plate:not(.rank-manju)),:is(.manju-switch:has(input[value=gufeng]:checked) .info-grid>:not(.m-gufeng),.manju-switch:has(input[value=dushi]:checked) .info-grid>:not(.m-dushi),.manju-switch:has(input[value=xuanhuan]:checked) .info-grid>:not(.m-xuanhuan)){display:none}.section{padding-top:56px}@media (width>=768px){.section{padding-top:72px}}@media (width>=1024px){.section{padding-top:96px}}.card-row{scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none;gap:14px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.card-row::-webkit-scrollbar{display:none}.card-row>*{scroll-snap-align:start;flex:none;width:43%}@media (width>=768px){.card-row>*{width:31%}}@media (width>=1024px){.card-row{gap:20px;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.card-row>*{width:auto}.card-row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card-row.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.card-row.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=768px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (width>=1280px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.info-grid{scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none;gap:12px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.info-grid::-webkit-scrollbar{display:none}.info-grid>*{scroll-snap-align:start;flex:none;width:84%}@media (width>=768px){.info-grid{padding-inline:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-inline:0;padding-bottom:0;display:grid;overflow:visible}.info-grid>*{width:auto}}.hero-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.hero-scroll::-webkit-scrollbar{display:none}.hero-slide{scroll-snap-align:center;border-radius:12px;flex:0 0 100%;min-width:100%;scroll-margin-top:96px;position:relative;overflow:hidden}.hero-veil{background:linear-gradient(#09040a33 0%,#09040a8c 54%,#09040af0 96%),linear-gradient(90deg,#09040ae6 6%,#09040a40 62%,#0000 100%);position:absolute;inset:0}.dot{justify-content:center;align-items:center;width:34px;height:44px;display:inline-flex}.dot:before{content:"";background:#ffffff38;border-radius:999px;width:22px;height:4px;transition:background .2s ease-out,width .2s ease-out;display:block}.dot:hover:before{background:oklch(var(--primary-400) / .85)}@media (width>=768px){.chip,.line{min-height:36px}}@media (width<=1023px){.shrink-row .nav-link{height:44px}}.search-panel{z-index:60;background:oklch(var(--background-950) / .97);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-radius:12px;width:min(680px,100vw - 32px);max-height:68vh;padding:16px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 34px 70px -28px #000000f2}details[open]>summary .search-caret{transform:rotate(180deg)}.search-caret{transition:transform .2s ease-out}.featured-ring{position:relative}.featured-ring:before{content:"";background:linear-gradient(150deg, oklch(var(--primary-400) / .55), transparent 55%, oklch(var(--accent-500) / .3));-webkit-mask-composite:xor;pointer-events:none;border-radius:13px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ghost-number{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #ffffff24;-webkit-user-select:none;user-select:none;font-weight:800;line-height:.8}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hover\:border-primary-400\/50:hover{border-color:oklch(var(--primary-400) / .5)}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:text-primary-200:hover{--tw-text-opacity:1;color:oklch(var(--primary-200) / var(--tw-text-opacity,1))}@media (width>=640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,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\:order-1{order:1}.md\:order-2{order:2}.md\:mt-24{margin-top:6rem}.md\:aspect-auto{aspect-ratio:auto}.md\:min-h-\[440px\]{min-height:440px}.md\:min-h-\[520px\]{min-height:520px}.md\:w-\[148px\]{width:148px}.md\:w-\[160px\]{width:160px}.md\:w-full{width:100%}.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-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_260px\]{grid-template-columns:minmax(0,1fr) 260px}.md\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.md\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:gap-8{gap:2rem}.md\:bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.md\:from-background-100\/90{--tw-gradient-from:oklch(var(--background-100) / .9) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.md\:via-background-100\/10{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), oklch(var(--background-100) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.md\:to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-7{padding-top:1.75rem}.md\:text-\[15px\]{font-size:15px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[34px\]{font-size:34px}.md\:text-\[38px\]{font-size:38px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[56px\]{font-size:56px}}@media (width>=1024px){.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-\[170px\]{width:170px}.lg\:w-\[88px\]{width:88px}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:items-start{align-items:flex-start}.lg\:items-stretch{align-items:stretch}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:pr-6{padding-right:1.5rem}}@media (width>=1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}