*,: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}: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;--ink:#0e0c15;--ink-alt:#14121e;--card:#1b1827;--card-hover:#252133;--chrome:#08060d;--primary:#ab90f9;--primary-light:#c9b8ff;--primary-deep:#8e6fe8;--accent:#bdc668;--text:#f2f1f7;--text-dim:#b1aec0;--hair:#ffffff0f;--hair-strong:#ffffff1f;--radius:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;margin:0;font-weight:800;line-height:1.25}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}::selection{background:var(--primary);color:#171226}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.flex{display:flex}.h-4{height:1rem}.w-4{width:1rem}.items-center{align-items:center}.gap-1\.5{gap:.375rem}.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)}.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}}.glow-layer{z-index:0;pointer-events:none;background:radial-gradient(760px 520px at 12% -6%,#ab90f926,#0000 70%),radial-gradient(680px 480px at 88% 12%,#8e6fe81c,#0000 72%);position:fixed;inset:0}.page-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.page-main{flex:auto}.site-header{z-index:40;border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(20px)saturate(160%);background:#08060de0;position:sticky;top:0}.head-row{align-items:center;gap:14px;height:60px;display:flex}.brand{min-height:44px;font-family:var(--font-heading);letter-spacing:-.01em;color:#fff;white-space:nowrap;align-items:center;font-size:19px;font-weight:800;display:inline-flex}.brand-dot{background:linear-gradient(135deg, var(--primary-light), var(--primary-deep));border-radius:50%;flex:none;width:8px;height:8px;margin-right:8px;box-shadow:0 0 12px #ab90f9b3}.nav-desk{flex:auto;align-items:center;gap:2px;margin-left:10px;display:none}@media (width>=1024px){.head-row{height:68px}.nav-desk{display:flex}}.nav-a{height:38px;color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:14px;transition:color .2s ease-out,background-color .2s ease-out;display:inline-flex}.nav-a:hover{color:#fff;background:#ffffff12}.nav-a.is-active{color:#171226;background:linear-gradient(135deg, var(--primary-light), var(--primary));font-weight:700}.head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.mnav{border-top:1px solid var(--hair);scrollbar-width:none;gap:6px;padding:8px 16px 10px;display:flex;overflow-x:auto}.mnav::-webkit-scrollbar{display:none}@media (width>=1024px){.mnav{display:none}}.mnav-link{border:1px solid var(--hair);min-height:36px;color:var(--text-dim);white-space:nowrap;background:#ffffff0a;border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.mnav-link.is-active{color:#171226;background:linear-gradient(135deg, var(--primary-light), var(--primary));border-color:#0000;font-weight:700}.search{position:relative}.search-btn{border:1px solid var(--hair-strong);min-height:40px;color:var(--text);background:#ffffff0d;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;transition:background-color .2s ease-out;display:inline-flex}.search-btn:hover{background:#ffffff1a}.search-btn svg{flex:none;width:16px;height:16px}.search[open] .search-btn{background:#ab90f924;border-color:#ab90f98c}.search-panel{border-radius:var(--radius);border:1px solid var(--hair-strong);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#14121ef7;width:min(680px,100vw - 32px);max-height:72vh;padding:18px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 24px 60px -30px #000000f2,inset 0 1px #ffffff0f}.search-head{letter-spacing:.12em;color:var(--primary-light);margin-bottom:12px;font-size:12px}.search-group{margin-bottom:14px}.search-group:last-child{margin-bottom:0}.search-gname{color:var(--text-dim);margin-bottom:8px;padding-left:2px;font-size:12px}.search-links{flex-wrap:wrap;gap:6px;display:flex}.search-link{border:1px solid var(--hair);min-height:34px;color:var(--text);background:#ffffff0d;border-radius:999px;align-items:center;padding:0 11px;font-size:13px;transition:background-color .2s ease-out,border-color .2s ease-out;display:inline-flex}.search-link:hover{background:#ab90f92e;border-color:#ab90f980}.btn{white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 24px;font-size:14px;font-weight:700;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn-primary{color:#171226;background:linear-gradient(135deg, var(--primary-light), var(--primary));box-shadow:0 10px 28px -14px #ab90f9e6}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px -16px #ab90f9}.btn-ghost{color:var(--text);border:1px solid var(--hair-strong);background:#ffffff0d}.btn-ghost:hover{background:#ffffff1c}.btn-sm{border-radius:12px;min-height:40px;padding:0 16px;font-size:13px}.sec{padding-top:56px;padding-bottom:56px;position:relative}@media (width>=768px){.sec{padding-top:96px;padding-bottom:96px}}.sec-alt{background:linear-gradient(#14121e00,#14121ee6 18% 82%,#14121e00)}.sec-head{margin-bottom:24px}@media (width>=768px){.sec-head{margin-bottom:32px}}.sec-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sec-num{font-family:var(--font-heading);letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px #ab90f9a6;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}@media (width>=768px){.sec-num{font-size:38px}}.sec-rule{background:linear-gradient(90deg,#ab90f973,#ffffff05);flex:auto;height:1px}.sec-mark{background:linear-gradient(135deg, var(--primary-light), var(--primary-deep));border-radius:3px;flex:none;width:10px;height:10px;box-shadow:0 0 14px #ab90f98c}.sec-name{letter-spacing:-.02em;align-items:center;gap:10px;font-size:25px;font-weight:800;display:flex}@media (width>=768px){.sec-name{font-size:30px}}.sec-sub{max-width:720px;color:var(--text-dim);margin-top:8px;font-size:14px;line-height:1.75}.sec-foot{margin-top:24px;display:flex}.drama-card{display:block}.poster{border-radius:var(--radius);background:var(--card);aspect-ratio:3/4;transition:box-shadow .25s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 10px 22px -14px #000000e6,0 30px 60px -40px #000}.poster img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;transition:transform .3s ease-out}.drama-card:hover .poster img{transform:scale(1.04)}.drama-card:hover .poster{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ab90f959,0 18px 34px -18px #000000f2,0 34px 70px -40px #ab90f980}.badge{z-index:3;letter-spacing:.04em;height:22px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08060db8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.badge-accent{color:#171226;background:var(--accent);border-color:#0000}.poster-veil{opacity:0;background:linear-gradient(#08060d00,#08060d73 52%,#08060df0 92%);flex-direction:column;justify-content:flex-end;padding:14px;transition:opacity .28s ease-out;display:flex;position:absolute;inset:0}.drama-card:hover .poster-veil{opacity:1}.veil-genre{letter-spacing:.08em;color:var(--primary-light);margin-bottom:4px;font-size:11px}.veil-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.veil-more{color:var(--text-dim);margin-top:8px;font-size:12px}.card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:15px;font-weight:700;line-height:1.45;transition:color .2s ease-out;display:-webkit-box;overflow:hidden}.drama-card:hover .card-title{color:var(--primary-light)}.card-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.card-meta .dot{background:#ffffff4d;border-radius:50%;width:3px;height:3px}.card-line{color:var(--text-dim);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.manju-frame{aspect-ratio:3/4;background:#ab90f912;border:1px solid #ab90f98c;border-radius:6px;padding:4px;transition:border-color .25s ease-out,background-color .25s ease-out;position:relative;overflow:hidden}.manju-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border-radius:3px;width:100%;height:100%;transition:transform .3s ease-out}.drama-card:hover .manju-frame{border-color:var(--primary);background:#ab90f929}.drama-card:hover .manju-frame img{transform:scale(1.03)}.manju-card-title{text-align:center}.sbento{flex-direction:column;gap:16px;display:flex}.poster-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;margin:0 -16px;padding:2px 16px 8px;display:flex;overflow-x:auto}.poster-scroll::-webkit-scrollbar{display:none}.poster-scroll>*{scroll-snap-align:start;flex:0 0 60%}@media (width>=640px){.poster-scroll>*{flex:0 0 40%}}@media (width>=1024px){.sbento{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.poster-scroll{display:contents}.sbento>.bento-main{aspect-ratio:auto;grid-area:1/1/3/3;height:100%}.sbento>.sbento-list{grid-area:2/4/3/7}.sbento-list .panel-desc{font-size:12px}.sec .sbento{align-items:stretch}}.bento-main{border-radius:var(--radius);background:var(--card);aspect-ratio:4/5;min-height:320px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 20px 44px -26px #000000f2,0 40px 80px -50px #0a0810}.bento-main img.bg{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;transition:transform .35s ease-out;position:absolute;inset:0}.bento-main:hover img.bg{transform:scale(1.03)}.bento-main .shade{background:linear-gradient(#08060d1a 0%,#08060db8 58%,#08060df5 94%);position:absolute;inset:0}.bento-main .inner{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;min-height:320px;padding:20px;display:flex;position:relative}@media (width>=768px){.bento-main .inner{padding:28px}}.bento-kicker{letter-spacing:.16em;color:var(--primary-light);margin-bottom:10px;font-size:12px;display:block}.home-hero{padding:18px 0 4px;position:relative;overflow:hidden}@media (width>=768px){.home-hero{padding:28px 0 8px}}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 40%;object-position:center 40%;opacity:.38;filter:saturate(1.05);width:100%;height:100%}.hero-bg:after{content:"";background:linear-gradient(to bottom, #0e0c15b8 0%, #0e0c1580 42%, var(--ink) 96%), radial-gradient(680px 420px at 18% 8%, #ab90f92e, transparent 70%);position:absolute;inset:0}.home-hero .wrap{z-index:2;position:relative}.h1-brand{letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.1}@media (width>=768px){.h1-brand{font-size:56px}}@media (width>=1280px){.h1-brand{font-size:64px}}.hero-drama-name{color:var(--text);margin-bottom:6px;font-size:17px;font-weight:700;display:block}.hero-copy{color:var(--text-dim);max-width:34em;margin-bottom:16px;font-size:14px;line-height:1.7;display:block}.hero-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-side{border-radius:var(--radius);background:var(--card);aspect-ratio:3/4;display:block;position:relative;overflow:hidden}@media (width>=1024px){.hero-side{aspect-ratio:auto}}.hero-side img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;transition:transform .3s ease-out;position:absolute;inset:0}.hero-side:hover img{transform:scale(1.05)}.hero-side .shade{background:linear-gradient(#08060d0d,#08060d33 38%,#08060deb);position:absolute;inset:0}.hero-side .t{z-index:2;color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:12px;font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-side .g{z-index:2;letter-spacing:.08em;color:var(--text-dim);background:#08060d99;border-radius:999px;padding:2px 7px;font-size:10px;position:absolute;top:10px;right:10px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hero-grid .bento-main{grid-column:1/-1}@media (width>=1024px){.hero-grid{grid-template-rows:repeat(2,248px);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hero-grid .bento-main{aspect-ratio:auto;grid-area:1/1/3/3;height:100%}.hero-side{aspect-ratio:auto;height:100%}}.gf-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chipbar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}@media (width<=767px){.chipbar{scrollbar-width:none;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;padding-bottom:6px;padding-left:16px;padding-right:16px;overflow-x:auto}.chipbar::-webkit-scrollbar{display:none}}.chip{border:1px solid var(--hair-strong);min-height:44px;color:var(--text);white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:999px;flex:none;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}.chip:hover{background:#ffffff1a}.fset{position:relative}:is(.fset:has(#hg-all:checked) label[for=hg-all],.fset:has(#hg-sweet:checked) label[for=hg-sweet],.fset:has(#hg-counter:checked) label[for=hg-counter],.fset:has(#hg-rebirth:checked) label[for=hg-rebirth],.fset:has(#hg-warrior:checked) label[for=hg-warrior],.fset:has(#hg-urban:checked) label[for=hg-urban],.fset:has(#hg-manju:checked) label[for=hg-manju],.fset:has(#hg-brain:checked) label[for=hg-brain],.fset:has(#sg-all:checked) label[for=sg-all],.fset:has(#sg-sweet:checked) label[for=sg-sweet],.fset:has(#sg-counter:checked) label[for=sg-counter],.fset:has(#sg-rebirth:checked) label[for=sg-rebirth],.fset:has(#sg-warrior:checked) label[for=sg-warrior],.fset:has(#sg-urban:checked) label[for=sg-urban],.fset:has(#sg-manju:checked) label[for=sg-manju],.fset:has(#sg-brain:checked) label[for=sg-brain],.fset:has(#mg-all:checked) label[for=mg-all],.fset:has(#mg-guofeng:checked) label[for=mg-guofeng],.fset:has(#mg-xuanhuan:checked) label[for=mg-xuanhuan],.fset:has(#mg-dushi:checked) label[for=mg-dushi]){color:#171226;background:linear-gradient(135deg, var(--primary-light), var(--primary));border-color:#0000;font-weight:700}:is(.fset:has(#hg-sweet:checked) .fi:not(.g-sweet),.fset:has(#hg-counter:checked) .fi:not(.g-counter),.fset:has(#hg-rebirth:checked) .fi:not(.g-rebirth),.fset:has(#hg-warrior:checked) .fi:not(.g-warrior),.fset:has(#hg-urban:checked) .fi:not(.g-urban),.fset:has(#hg-manju:checked) .fi:not(.g-manju),.fset:has(#hg-brain:checked) .fi:not(.g-brain),.fset:has(#sg-sweet:checked) .fi:not(.g-sweet),.fset:has(#sg-counter:checked) .fi:not(.g-counter),.fset:has(#sg-rebirth:checked) .fi:not(.g-rebirth),.fset:has(#sg-warrior:checked) .fi:not(.g-warrior),.fset:has(#sg-urban:checked) .fi:not(.g-urban),.fset:has(#sg-manju:checked) .fi:not(.g-manju),.fset:has(#sg-brain:checked) .fi:not(.g-brain),.fset:has(#mg-guofeng:checked) .fi:not(.g-guofeng),.fset:has(#mg-xuanhuan:checked) .fi:not(.g-xuanhuan),.fset:has(#mg-dushi:checked) .fi:not(.g-dushi)){display:none}.glink-list{flex-wrap:wrap;gap:10px;display:flex}.glink{border:1px solid var(--hair);min-height:40px;color:var(--text);background:#ffffff08;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out;display:inline-flex}.glink:hover{color:#171226;background:linear-gradient(135deg, var(--primary-light), var(--primary));border-color:#0000}.rank-list{flex-direction:column;display:flex}.rank-item{border-bottom:1px solid var(--hair);align-items:baseline;gap:10px;padding:9px 0;display:flex}.rank-item:last-child{border-bottom:none}.rank-no{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--accent);min-width:22px;font-size:15px;font-weight:800}.rank-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;transition:color .2s ease-out;display:-webkit-box;overflow:hidden}.rank-item:hover .rank-name{color:var(--primary-light)}.rank-geo{color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:12px}.panel{border-radius:var(--radius);border:1px solid var(--hair);background:#ffffff0a;padding:18px;box-shadow:inset 0 1px #ffffff0d}.panel-title{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.panel-desc{color:var(--text-dim);font-size:13px;line-height:1.75}.bento-list{border-radius:var(--radius);border:1px solid var(--hair);background:#ffffff09;flex-direction:column;gap:12px;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffff0d}.crumb{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;padding-top:20px;font-size:12px;display:flex}.crumb a{color:var(--text-dim)}.crumb a:hover{color:var(--primary-light)}.crumb .sep{opacity:.5}.page-hero{padding-top:40px;padding-bottom:32px;position:relative}@media (width>=768px){.page-hero{padding-top:56px;padding-bottom:44px}}.page-kicker{letter-spacing:.14em;color:var(--primary-light);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:inline-flex}.page-h1{letter-spacing:-.03em;font-size:27px;font-weight:800;line-height:1.2}@media (width>=768px){.page-h1{font-size:40px}}.page-lead{max-width:780px;color:var(--text-dim);margin-top:12px;font-size:14px;line-height:1.8}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=640px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1024px){.grid-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}@media (width>=1280px){.grid-cards{grid-template-columns:repeat(6,minmax(0,1fr))}}.timeline{padding-left:88px;position:relative}.tl-row{padding-bottom:26px;position:relative}.tl-row:before{content:"";background:linear-gradient(#ab90f966,#ffffff0a);width:1px;position:absolute;top:22px;bottom:-4px;left:66px}.tl-row:last-child:before{display:none}.tl-date{font-variant-numeric:tabular-nums;width:78px;color:var(--text-dim);text-align:right;padding-top:2px;font-size:12px;position:absolute;top:0;left:0}.tl-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:60px;box-shadow:0 0 0 4px #ab90f929}.tl-card{border-radius:var(--radius);border:1px solid var(--hair);background:#ffffff09;gap:14px;padding:12px;transition:background-color .2s ease-out,border-color .2s ease-out;display:flex}.tl-card:hover{background:#ffffff12;border-color:#ab90f952}.tl-thumb{aspect-ratio:3/4;background:var(--card);border-radius:12px;flex:none;width:76px;overflow:hidden}.tl-thumb img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.tl-body{min-width:0;padding:2px 0}.tl-name{color:var(--text);font-size:15px;font-weight:700;line-height:1.45}.tl-name:hover{color:var(--primary-light)}.tl-line{color:var(--text-dim);margin-top:6px;font-size:12px;line-height:1.7}.tl-tag{height:22px;color:var(--primary-light);background:#ab90f924;border:1px solid #ab90f947;border-radius:999px;align-items:center;margin-top:8px;padding:0 8px;font-size:11px;display:inline-flex}@media (width<=639px){.timeline{padding-left:0}.tl-date{text-align:left;width:auto;margin-bottom:6px;position:static}.tl-row:before,.tl-dot{display:none}}.banner{border-radius:var(--radius);border:1px solid var(--hair);align-items:flex-end;min-height:300px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.banner{min-height:400px}}.banner img.bgimg{-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;filter:saturate(1.05);width:100%;height:100%;position:absolute;inset:0}.banner .bshade{background:linear-gradient(#08060d33 0%,#08060db8 54%,#08060df7 96%),linear-gradient(90deg,#08060dd9,#08060d1a 70%);position:absolute;inset:0}.banner .binner{z-index:2;width:100%;padding:22px;position:relative}@media (width>=768px){.banner .binner{padding:36px}}.tag{height:28px;color:var(--primary-light);background:#ab90f921;border:1px solid #ab90f94d;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;display:inline-flex}.tag-muted{color:var(--text-dim);border-color:var(--hair-strong);background:#ffffff0d}.tag-accent{color:#171226;background:var(--accent);border-color:#0000}.detail-hero{border-bottom:1px solid var(--hair);position:relative;overflow:hidden}.detail-bg{filter:blur(26px)saturate(1.15)brightness(.55);opacity:.85;background-position:top;background-size:cover;position:absolute;inset:-40px;transform:scale(1.08)}.detail-shade{background:linear-gradient(to top, var(--ink) 2%, #0e0c15db 48%, #0e0c1599 100%);position:absolute;inset:0}.detail-inner{z-index:2;grid-template-columns:1fr;gap:20px;padding:22px 0 28px;display:grid;position:relative}@media (width>=768px){.detail-inner{grid-template-columns:240px minmax(0,1fr);gap:32px;padding:36px 0 40px}}.detail-cover{border-radius:var(--radius);aspect-ratio:3/4;width:152px;overflow:hidden;box-shadow:0 20px 44px -26px #000000f2,inset 0 1px #ffffff14}@media (width>=768px){.detail-cover{width:100%}}.detail-cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.detail-h1{margin-bottom:12px;font-size:24px;line-height:1.3}@media (width>=768px){.detail-h1{font-size:36px}}.anchor-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.two-col{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:56px;display:grid}@media (width>=1024px){.two-col{grid-template-columns:minmax(0,1fr) 360px;gap:40px}}.prose p{color:var(--text-dim);margin-bottom:14px;font-size:15px;line-height:1.8}.prose p:last-child{margin-bottom:0}.hl-item{border-bottom:1px solid var(--hair);color:var(--text-dim);gap:10px;padding:12px 0;font-size:14px;line-height:1.75;display:flex}.hl-item:last-child{border-bottom:none}.hl-idx{font-variant-numeric:tabular-nums;color:var(--primary-light);flex:none;padding-top:2px;font-size:12px;font-weight:800}.ep-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.ep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ep-card{border:1px solid var(--hair);background:#ffffff09;border-radius:14px;padding:14px}.ep-no{font-variant-numeric:tabular-nums;color:var(--primary-light);margin-bottom:6px;font-size:12px;font-weight:800}.ep-text{color:var(--text-dim);font-size:13px;line-height:1.75}.eplist{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.eplist li{font-variant-numeric:tabular-nums;color:var(--text-dim);border:1px solid var(--hair);background:#ffffff08;border-radius:8px;padding:5px 10px;font-size:12px}.site-footer{background:var(--chrome);border-top:1px solid var(--hair);margin-top:40px;padding-top:44px;padding-bottom:24px}.foot-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=768px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}}.foot-brand{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:800}.foot-title{color:var(--text-dim);max-width:34em;margin-top:10px;font-size:12px;line-height:1.7}.foot-desc{color:var(--text-dim);margin-top:12px;font-size:13px;line-height:1.75}.foot-h{letter-spacing:.12em;color:var(--primary-light);margin-bottom:10px;font-size:12px;font-weight:700}.foot-link{min-height:34px;color:var(--text-dim);align-items:center;font-size:13px;transition:color .2s ease-out;display:flex}.foot-link:hover{color:var(--primary-light)}.foot-text{min-height:34px;color:var(--text-dim);align-items:center;font-size:13px;display:flex}.foot-rule{background:var(--hair);height:1px;margin:28px 0 16px}.foot-bottom{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;display:flex}@media (width>=640px){.foot-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.hairline{background:var(--hair);height:1px}.muted{color:var(--text-dim)}.nowrap{white-space:nowrap}.stack-lg>*+*{margin-top:16px}.tnum{font-variant-numeric:tabular-nums}@media (width<=1023px){.mnav-link{min-height:44px;padding:0 14px;font-size:14px}.search-btn{min-height:44px}.glink{min-height:44px;padding:0 15px}.foot-link,.foot-text{min-height:44px}.rank-item{padding:11px 0}.search-link{min-height:40px}}.bento-main .inner{gap:2px}.bento-main .inner .btn{align-self:flex-start;margin-top:12px}.device-card{border-radius:var(--radius);border:1px solid var(--hair);background:#ffffff0a;padding:22px;transition:border-color .25s ease-out,transform .25s ease-out;box-shadow:inset 0 1px #ffffff0d}.device-card:hover{border-color:#ab90f966;transform:translateY(-2px)}.device-ico{width:44px;height:44px;color:var(--primary-light);background:#ab90f924;border:1px solid #ab90f942;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.device-ico svg{width:20px;height:20px}.device-name{color:#fff;margin-bottom:8px;font-size:16px;font-weight:800}.note-box{border-radius:var(--radius);color:var(--text);background:#bdc66814;border:1px solid #bdc66859;padding:18px 20px;font-size:14px;line-height:1.8}
