*,: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:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;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}.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:16px;padding-right:16px}@media (width>=768px){.wrap{padding-left:32px;padding-right:32px}}.section{padding-top:56px;padding-bottom:56px;position:relative}@media (width>=768px){.section{padding-top:96px;padding-bottom:96px}}.section-alt{background:linear-gradient(180deg, var(--ink) 0%, var(--alt) 8%, var(--alt) 92%, var(--ink) 100%)}.sec-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.sec-title{letter-spacing:-.03em;color:#fff;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}@media (width>=768px){.sec-title{font-size:30px}}.sec-title:before{content:"";background:linear-gradient(180deg, var(--brand), #8a9bff26);border-radius:3px;width:3px;height:20px}@media (width>=768px){.sec-title:before{height:26px}}.sec-desc{color:var(--mist);max-width:720px;margin-top:10px;font-size:14px}.more-link{color:#dfe3f0;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:13px;transition:all .24s ease-out;display:inline-flex}.more-link:hover{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.btn-primary{min-height:46px;color:var(--brand-ink);white-space:nowrap;background:linear-gradient(135deg,#9aa7ff 0%,#8a9bff 55%,#7a8dfb 100%);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:700;transition:transform .24s ease-out,box-shadow .24s ease-out;display:inline-flex;box-shadow:0 10px 26px -10px #8a9bffbf,inset 0 1px #fff6}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px #8a9bffd9,inset 0 1px #ffffff80}.btn-ghost{min-height:46px;color:var(--paper);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:all .24s ease-out;display:inline-flex}.btn-ghost:hover{color:#fff;background:#8a9bff1f;border-color:#8a9bff80}.chip{color:#c8d1ff;white-space:nowrap;background:#8a9bff1a;border:1px solid #8a9bff42;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px}.dcard{will-change:transform;flex-direction:column;gap:10px;transition:transform .26s ease-out;display:flex}.dcard:hover{transform:translateY(-4px)}.dcard-media{aspect-ratio:3/4;background:var(--card);border-radius:14px;width:100%;transition:box-shadow .26s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 6px 14px #00000073,0 26px 48px -24px #000000d9}.dcard:hover .dcard-media{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #8a9bff66,0 10px 22px #00000080,0 30px 60px -20px #8a9bff52}.dcard-media 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}.dcard:hover .dcard-media img{transform:scale(1.04)}.dcard-badge{z-index:2;letter-spacing:.02em;height:22px;color:var(--brand-ink);background:var(--brand);border-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #0006}.dcard-score{z-index:2;font-variant-numeric:tabular-nums;height:22px;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06070eb8;border:1px solid #d6bd5c52;border-radius:6px;align-items:center;gap:3px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:10px}.dcard-overlay{z-index:1;opacity:0;background:linear-gradient(#06070e00 42%,#06070ec7 100%);justify-content:center;align-items:flex-end;padding-bottom:44px;transition:opacity .26s ease-out;display:flex;position:absolute;inset:0}.dcard:hover .dcard-overlay{opacity:1}.dcard-overlay span{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8a9bff38;border:1px solid #8a9bff80;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.dcard-title{color:#f4f5fa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.45;transition:color .2s ease-out;display:-webkit-box;overflow:hidden}@media (width>=768px){.dcard-title{font-size:15px}}.dcard:hover .dcard-title{color:var(--brand)}.dcard-tagline{color:var(--mist);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8a9bff59 transparent;gap:12px;margin:0 -4px;padding:4px 4px 16px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{height:6px}.rail::-webkit-scrollbar-thumb{background:#8a9bff4d;border-radius:99px}.rail>*{scroll-snap-align:start;flex:0 0 calc(40% - 9.6px)}@media (width>=640px){.rail{gap:16px}.rail>*{flex:0 0 calc(28.5714% - 13.7143px)}}@media (width>=1024px){.rail{gap:20px}.rail>*{flex:0 0 calc(16.6667% - 16.6667px)}}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width>=640px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (width>=1024px){.grid-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}}.fradio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.fbar{scrollbar-width:none;align-items:center;gap:10px;margin-bottom:22px;padding:2px 2px 8px;display:flex;overflow-x:auto}.fbar::-webkit-scrollbar{display:none}.fbar label{white-space:nowrap;min-height:44px;color:var(--mist);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:500;transition:all .22s ease-out;display:inline-flex}.fbar label:hover{color:#fff;background:#8a9bff1a;border-color:#8a9bff66}.fradio:checked+label{color:var(--brand-ink);background:var(--brand);border-color:var(--brand);font-weight:700;box-shadow:0 8px 20px -10px #8a9bffe6}.rank-item{align-items:center;gap:14px;padding:14px 0;display:flex;position:relative}.rank-num{text-align:center;color:#f0f1f759;font-variant-numeric:tabular-nums;z-index:1;background:var(--ink);flex:0 0 52px;width:52px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;font-weight:800;line-height:1;position:relative}.section-alt .rank-num{background:var(--alt)}.rank-item.is-top .rank-num{color:var(--gold)}.rank-cover{background:var(--card);border-radius:10px;flex:0 0 62px;width:62px;height:83px;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 6px 16px #00000080}.rank-cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.rank-body{flex:1;min-width:0}.rank-title{color:#f2f3f9;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.rank-reason{color:var(--mist);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.relative{position:relative}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.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-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[7px\]{margin-top:7px}.mt-\[9px\]{margin-top:9px}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[62px\]{height:62px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-11{width:2.75rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[168px\]{width:168px}.min-w-0{min-width:0}.max-w-\[320px\]{max-width:320px}.max-w-\[420px\]{max-width:420px}.max-w-\[620px\]{max-width:620px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scroll-mt-28{scroll-margin-top:7rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.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}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * 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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * 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-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-start{align-self:flex-start}.whitespace-nowrap{white-space:nowrap}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-brand\/30{border-color:#8a9bff4d}.border-brand\/40{border-color:#8a9bff66}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.bg-brand{--tw-bg-opacity:1;background-color:rgb(138 155 255/var(--tw-bg-opacity,1))}.bg-brand\/12{background-color:#8a9bff1f}.bg-brand\/15{background-color:#8a9bff26}.bg-chrome{--tw-bg-opacity:1;background-color:rgb(6 7 14/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(11 13 22/var(--tw-bg-opacity,1))}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.pb-16{padding-bottom:4rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-6{padding-top:1.5rem}.text-\[11\.5px\]{font-size:11.5px}.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-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.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}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.leading-\[1\.2\]{line-height:1.2}.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-\[1\.9\]{line-height:1.9}.leading-relaxed{line-height:1.625}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-brand{--tw-text-opacity:1;color:rgb(138 155 255/var(--tw-text-opacity,1))}.text-brandink{--tw-text-opacity:1;color:rgb(17 20 40/var(--tw-text-opacity,1))}.text-gold{--tw-text-opacity:1;color:rgb(214 189 92/var(--tw-text-opacity,1))}.text-mist{--tw-text-opacity:1;color:rgb(172 176 193/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/25{color:#ffffff40}.text-white\/35{color:#ffffff59}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.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{--ink:#0b0d16;--alt:#11131f;--card:#161929;--card-h:#1f2335;--chrome:#06070e;--brand:#8a9bff;--brand-deep:#6e82f2;--brand-ink:#111428;--gold:#d6bd5c;--paper:#f0f1f7;--mist:#acb0c1;--hair:#ffffff0f}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;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:radial-gradient(58% 46% at 12% 0,#8a9bff26,#0000 70%),radial-gradient(46% 40% at 88% 6%,#8a9bff17,#0000 72%),radial-gradient(52% 42% at 50% 104%,#6e82f217,#0000 70%);position:fixed;inset:0}#root{z-index:1;position:relative}*{box-sizing:border-box}h1,h2,h3,h4,h5{letter-spacing:-.02em;color:#fff;margin:0;font-weight:800;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}img{display:block}[id]{scroll-margin-top:96px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}::selection{color:#fff;background:#8a9bff59}.top-list{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -4px;padding:4px 4px 14px;display:flex;overflow-x:auto}.top-list::-webkit-scrollbar{display:none}.top-card{scroll-snap-align:start;flex-direction:column;flex:0 0 calc(41.6667% - 10px);gap:10px;transition:transform .26s ease-out;display:flex;position:relative}.top-card:hover{transform:translateY(-5px)}.top-media{aspect-ratio:3/4;background:var(--card);border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 8px 18px #00000080,0 30px 54px -24px #000000e6}.top-media 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-card:hover .top-media img{transform:scale(1.04)}.top-media:after{content:"";background:linear-gradient(#06070e00 55%,#06070e9e 100%);position:absolute;inset:0}.top-num{z-index:2;color:#0000;-webkit-text-stroke:2px #d6bd5ceb;text-shadow:0 6px 18px #0009;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:58px;font-weight:800;line-height:1;position:absolute;bottom:2px;left:10px}@media (width>=768px){.top-num{font-size:76px}}@media (width>=1024px){.top-list{gap:16px}.top-card{flex:0 0 calc(20% - 12.8px)}}.timeline{position:relative}.timeline:before{content:"";background:linear-gradient(#8a9bff73,#ffffff0f);width:1px;position:absolute;top:12px;bottom:12px;left:26px}.timeline .rank-item{z-index:1;position:relative}@media (width<=479px){.rank-num{flex:0 0 40px;width:40px;font-size:20px}.timeline:before{left:20px}.rank-cover{flex:0 0 52px;width:52px;height:69px}.rank-item{gap:10px}}.rank-score{color:var(--gold);font-variant-numeric:tabular-nums;flex:none;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:800}.manju-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (width>=768px){.manju-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}@media (width>=1024px){.manju-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}}.mini-poster{aspect-ratio:3/4;border:1px solid #ffffff1f;border-radius:10px;width:100%;transition:transform .24s ease-out,border-color .24s ease-out;display:block;overflow:hidden;box-shadow:0 10px 22px -8px #000c}.mini-poster img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.mini-poster:hover{border-color:#8a9bffb3;transform:translateY(-4px)}.mj-wide{grid-column:span 2}.page-hero{background:var(--chrome);padding:32px 0 36px;position:relative;overflow:hidden}@media (width>=768px){.page-hero{padding:52px 0 56px}}.page-hero-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.page-hero-glow{pointer-events:none;background:linear-gradient(#06070eb8 0%,#0b0d16db 62%,#0b0d16 100%),radial-gradient(48% 120% at 12% 0,#8a9bff52,#0000 70%),radial-gradient(40% 100% at 88% 10%,#8a9bff2e,#0000 72%);position:absolute;inset:0}.page-hero .wrap{z-index:2}.page-hero:after{content:"";background:linear-gradient(90deg,#8a9bff00,#8a9bff80,#8a9bff00);height:1px;position:absolute;bottom:0;left:0;right:0}.name-links{flex-wrap:wrap;gap:10px 12px;display:flex}.name-link{color:#dfe3ef;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-size:13.5px;transition:all .22s ease-out;display:inline-flex}.name-link:hover{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.faq-item{border-bottom:1px solid var(--hair);padding:18px 0}.faq-item:last-child{border-bottom:none}.fwrap .fitem.hidden-by-filter{display:none}.fwrap:has(#hf-sweet:checked) .fitem:not(.fg-sweet){display:none}.fwrap:has(#hf-counter:checked) .fitem:not(.fg-counter){display:none}.fwrap:has(#hf-city:checked) .fitem:not(.fg-city){display:none}.fwrap:has(#hf-reborn:checked) .fitem:not(.fg-reborn){display:none}.fwrap:has(#hf-war:checked) .fitem:not(.fg-war){display:none}.fwrap:has(#hf-manju:checked) .fitem:not(.fg-manju){display:none}.fwrap:has(#hf-brain:checked) .fitem:not(.fg-brain){display:none}.fwrap:has(#mf-guofeng:checked) .fitem:not(.mg-guofeng){display:none}.fwrap:has(#mf-city:checked) .fitem:not(.mg-city){display:none}.fwrap:has(#mf-xuanhuan:checked) .fitem:not(.mg-xuanhuan){display:none}.rk-list{display:block}:is(.rwrap:has(#rk-new:checked) .rk-list[data-k=all],.rwrap:has(#rk-new:checked) .rk-list[data-k=manju],.rwrap:has(#rk-manju:checked) .rk-list[data-k=all],.rwrap:has(#rk-manju:checked) .rk-list[data-k=new]){display:none}.hero{background:var(--chrome);width:100%;height:560px;position:relative;overflow:hidden}@media (width>=1024px){.hero{height:640px}}.hero-bg{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-mask{background:linear-gradient(#0b0d168c 0%,#0b0d162e 26%,#0b0d168c 62%,#0b0d16 99%),linear-gradient(90deg,#06070ef0 0%,#06070eb3 38%,#06070e1a 78%,#06070e59 100%);position:absolute;inset:0}.hero-inner{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding-top:36px;padding-bottom:18px;display:flex;position:relative}.hero-brand{letter-spacing:.28em;color:#cdd4ff;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.hero-brand:before{content:"";background:linear-gradient(90deg, var(--brand), transparent);width:26px;height:1px}.hero-title{letter-spacing:-.035em;color:#fff;text-shadow:0 6px 30px #06070e99;margin-top:10px;font-size:34px;font-weight:800;line-height:1.12}@media (width>=768px){.hero-title{font-size:46px}}@media (width>=1024px){.hero-title{font-size:60px}}.hero-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.hero-score{color:var(--mist);align-items:baseline;gap:5px;font-size:13px;display:inline-flex}.hero-score b{color:var(--gold);font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:800}.hero-tagline{color:#d3d7e4;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:560px;margin-top:14px;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-posters{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:8px 2px 4px;display:flex;overflow-x:auto}.hero-posters::-webkit-scrollbar{display:none}.hero-poster{aspect-ratio:3/4;scroll-snap-align:start;border:1px solid #ffffff24;border-radius:10px;flex:0 0 84px;width:84px;transition:transform .24s ease-out,border-color .24s ease-out;position:relative;overflow:hidden;box-shadow:0 8px 18px #0000008c}@media (width>=768px){.hero-poster{flex:0 0 104px;width:104px}}.hero-poster:hover{border-color:#8a9bffb3;transform:translateY(-4px)}.hero-poster img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.hero-poster.is-active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), 0 12px 26px -8px #8a9bff8c}@media (width>=1024px){.hero-posters{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid;overflow:visible}.hero-poster{flex:none;width:auto}}.dcard-meta{align-items:center;min-height:22px;display:flex}.site-head{z-index:60;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#06070ed6;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.site-head:after{content:"";pointer-events:none;background:linear-gradient(90deg,#8a9bff00 0%,#8a9bffd9 38%,#9a96ff80 72%,#8a9bff00 100%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.nav-link{color:#dfe3ef;white-space:nowrap;align-items:center;height:44px;padding:0 4px;font-size:14px;font-weight:500;transition:color .2s ease-out;display:inline-flex;position:relative}.nav-link:hover{color:#fff}.nav-link.is-active{color:var(--brand);font-weight:700}.nav-link.is-active:after{content:"";background:var(--brand);border-radius:99px;width:16px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #8a9bffd9}.subnav{scrollbar-width:none;border-top:1px solid #ffffff0d;align-items:center;gap:6px;padding:6px 0 8px;display:flex;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav a{color:#d3d7e6;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;align-items:center;height:44px;padding:0 14px;font-size:13px;display:inline-flex}.subnav a.is-active{color:var(--brand-ink);background:var(--brand);border-color:var(--brand);font-weight:700}.search-panel{position:relative}.search-panel>summary{color:#e6e9f4;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:13px;list-style:none;transition:all .22s ease-out;display:inline-flex}.search-panel>summary::-webkit-details-marker{display:none}.search-panel>summary:hover{background:#8a9bff1f;border-color:#8a9bff8c}.search-panel[open]>summary{color:#fff;background:#8a9bff24;border-color:#8a9bff99}.search-body{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80;background:#0b0d16f7;border:1px solid #ffffff1a;border-radius:14px;width:min(92vw,720px);max-height:70vh;padding:20px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 30px 70px -20px #000000e6}.search-group+.search-group{border-top:1px solid var(--hair);margin-top:16px;padding-top:14px}.search-group h4{letter-spacing:.12em;color:var(--brand);margin-bottom:8px;font-size:12px;font-weight:700}.search-links{flex-wrap:wrap;gap:6px 14px;display:flex}.search-links a{color:#d7dbe8;border-bottom:1px solid #0000;padding:3px 0;font-size:13px;transition:color .18s ease-out}.search-links a:hover{color:var(--brand);border-bottom-color:#8a9bff80}.detail-hero{background:var(--chrome);position:relative;overflow:hidden}.detail-hero-bg{-o-object-fit:cover;object-fit:cover;filter:blur(26px)saturate(130%)brightness(.55);width:116%;height:116%;position:absolute;inset:-8%;transform:scale(1.04)}.detail-hero-mask{background:linear-gradient(#06070e8c 0%,#0b0d16db 60%,#0b0d16 100%),linear-gradient(90deg,#06070ee6,#06070e59 70%,#06070ecc);position:absolute;inset:0}.detail-cover{aspect-ratio:3/4;border:1px solid #ffffff1f;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 24px 60px -18px #000000e6,0 0 0 1px #8a9bff26}.detail-cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.detail-intro p{color:#c9cddb;margin-bottom:12px;font-size:15px;line-height:1.85}.detail-intro p:last-child{margin-bottom:0}.ep-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}@media (width>=640px){.ep-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.ep-list{grid-template-columns:repeat(6,minmax(0,1fr))}}.ep-item{color:#d5d9e6;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;height:38px;padding:0 10px;font-size:13px;display:flex}.num{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Menlo,Consolas,monospace}.eyebrow{letter-spacing:.24em;color:var(--brand);font-size:12px;font-weight:700}.text-soft{color:var(--mist)}.link-inline{color:var(--brand);border-bottom:1px solid #8a9bff66;padding-bottom:1px;transition:border-color .2s ease-out}.link-inline:hover{border-bottom-color:var(--brand);color:#b3bfff}.manju-feature{background:var(--card);border:1px solid #ffffff12;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.manju-feature-media{aspect-ratio:16/11;width:100%;position:relative;overflow:hidden}.manju-feature-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%;width:100%;height:100%;transition:transform .3s ease-out}.manju-feature:hover .manju-feature-media img{transform:scale(1.04)}.manju-feature-body{padding:16px 18px 18px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important}}.hover\:border-brand\/50:hover{border-color:#8a9bff80}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(138 155 255/var(--tw-text-opacity,1))}@media (width>=640px){.sm\:w-\[220px\]{width:220px}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (width>=768px){.md\:mb-8{margin-bottom:2rem}.md\:mt-7{margin-top:1.75rem}.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\:gap-5{gap:1.25rem}.md\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-24{padding-bottom:6rem}.md\:pt-14{padding-top:3.5rem}.md\:pt-16{padding-top:4rem}.md\:text-\[15px\]{font-size:15px}.md\:text-\[16px\]{font-size:16px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[22px\]{font-size:22px}.md\:text-\[26px\]{font-size:26px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[30px\]{font-size:30px}.md\:text-\[34px\]{font-size:34px}.md\:text-\[40px\]{font-size:40px}}@media (width>=1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-full{width:100%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}}
