:root{--bg: #f7f2ee;--bg-soft: #fcf8f5;--bg-elevated: #f5eeea;--bg-accent-end: #eef1f5;--surface: rgba(255, 252, 248, .8);--surface-strong: rgba(255, 251, 247, .94);--surface-muted: rgba(247, 241, 236, .78);--surface-interactive: rgba(255, 252, 249, .92);--surface-interactive-strong: rgba(255, 251, 247, .86);--surface-glass: rgba(252, 248, 245, .78);--surface-glass-soft: rgba(255, 250, 246, .74);--surface-outline: rgba(255, 252, 249, .96);--line: rgba(75, 56, 67, .1);--line-strong: rgba(75, 56, 67, .16);--line-soft: rgba(83, 64, 76, .08);--line-muted: rgba(80, 60, 73, .08);--line-interactive: rgba(61, 43, 56, .1);--line-interactive-hover: rgba(61, 43, 56, .16);--text: #2a2129;--text-heading: #2d252c;--text-soft: #5f5660;--text-faint: #736873;--text-contrast: #fffdfb;--text-placeholder: rgba(42, 33, 41, .72);--accent-rose: #c7a0ae;--accent-iris: #9189c8;--accent-sage: #8fb5a6;--accent-gold: #c6a15d;--accent-neutral: #b7aabf;--interactive-primary-start: #7c688f;--interactive-primary-end: #655f84;--interactive-active-start: #766884;--interactive-active-end: #5f5978;--overlay-grid: rgba(255, 255, 255, .4);--idol-surface-glow: rgba(255, 255, 255, .72);--idol-surface-tint: rgba(255, 255, 255, .24);--track: rgba(75, 56, 67, .08);--track-strong: rgba(75, 56, 67, .18);--track-draw: rgba(75, 56, 67, .16);--shadow-soft: 0 18px 40px rgba(83, 64, 76, .07);--shadow-card: 0 20px 48px rgba(83, 64, 76, .08);--shadow-header: 0 12px 30px rgba(83, 64, 76, .06);--shadow-skip-link: 0 12px 30px rgba(83, 64, 76, .12);--shadow-row: 0 14px 28px rgba(83, 64, 76, .05);--shadow-hero-link: 0 12px 26px rgba(83, 64, 76, .08);--shadow-chip-active: 0 10px 24px rgba(112, 105, 140, .22);--radius-large: 32px;--radius-medium: 24px;--radius-small: 999px;--container: min(1180px, calc(100vw - 40px) );--header-top: 14px;--font-body: "Segoe UI", "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-display: "Georgia", "Times New Roman", "Songti SC", serif;--font-number: "Aptos", "Segoe UI", sans-serif;color:var(--text);font-family:var(--font-body);color-scheme:light;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-rose) 22%,transparent),transparent 34%),radial-gradient(circle at top right,color-mix(in srgb,var(--accent-sage) 18%,transparent),transparent 30%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-elevated) 45%,var(--bg-accent-end) 100%)}@media (prefers-color-scheme: dark){:root{--bg: #18161b;--bg-soft: #211d24;--bg-elevated: #26212a;--bg-accent-end: #1b2028;--surface: rgba(43, 37, 48, .84);--surface-strong: rgba(52, 45, 58, .94);--surface-muted: rgba(37, 32, 42, .82);--surface-interactive: rgba(53, 46, 59, .94);--surface-interactive-strong: rgba(63, 54, 70, .94);--surface-glass: rgba(33, 28, 39, .8);--surface-glass-soft: rgba(38, 32, 45, .8);--surface-outline: rgba(48, 42, 55, .96);--line: rgba(214, 202, 220, .16);--line-strong: rgba(228, 217, 234, .28);--line-soft: rgba(214, 202, 220, .12);--line-muted: rgba(214, 202, 220, .1);--line-interactive: rgba(228, 217, 234, .18);--line-interactive-hover: rgba(228, 217, 234, .28);--text: #f4edf5;--text-heading: #faf4fb;--text-soft: #d2c4d5;--text-faint: #b7aab9;--text-contrast: #fbf7fc;--text-placeholder: rgba(244, 237, 245, .7);--overlay-grid: rgba(255, 255, 255, .06);--idol-surface-glow: rgba(255, 255, 255, .12);--idol-surface-tint: rgba(255, 255, 255, .06);--track: rgba(255, 255, 255, .12);--track-strong: rgba(255, 255, 255, .28);--track-draw: rgba(255, 255, 255, .2);--shadow-soft: 0 18px 40px rgba(8, 5, 10, .34);--shadow-card: 0 20px 48px rgba(8, 5, 10, .38);--shadow-header: 0 12px 30px rgba(8, 5, 10, .32);--shadow-skip-link: 0 12px 30px rgba(8, 5, 10, .4);--shadow-row: 0 14px 28px rgba(8, 5, 10, .26);--shadow-hero-link: 0 12px 26px rgba(8, 5, 10, .26);--shadow-chip-active: 0 10px 24px rgba(18, 12, 25, .4);color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:transparent;font-family:var(--font-body);text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--overlay-grid) 1px,transparent 1px),linear-gradient(90deg,var(--overlay-grid) 1px,transparent 1px);background-size:48px 48px;opacity:.18;pointer-events:none}a{color:inherit;text-decoration:none}.skip-link,.sr-only{position:absolute}.skip-link{top:12px;left:12px;z-index:30;padding:10px 14px;border-radius:999px;background:var(--surface-outline);border:1px solid color-mix(in srgb,var(--line-strong) 88%,transparent);box-shadow:var(--shadow-skip-link);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus-visible{transform:translateY(0)}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,select{font:inherit}button{color:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-iris) 72%,white);outline-offset:3px}.app-shell{position:relative;width:var(--container);margin:0 auto;padding:20px 0 56px}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.backdrop-blur{position:absolute;border-radius:50%;filter:blur(70px);opacity:.34}.backdrop-a{top:78px;left:-50px;width:180px;height:180px;background:color-mix(in srgb,var(--accent-rose) 44%,transparent)}.backdrop-b{top:26vh;right:-30px;width:240px;height:240px;background:color-mix(in srgb,var(--accent-sage) 36%,transparent)}.backdrop-c{bottom:60px;left:34%;width:260px;height:260px;background:color-mix(in srgb,var(--accent-iris) 34%,transparent)}.site-header{position:sticky;top:var(--header-top);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;margin-bottom:22px;background:var(--surface-glass);border:1px solid var(--line-muted);border-radius:22px;box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{display:flex;flex-direction:column;gap:3px}.brand-kicker,.section-kicker,.eyebrow,.spotlight-meta{margin:0;color:var(--text-faint);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase}.brand-mark{font-family:var(--font-display);font-size:1.08rem;font-weight:700;letter-spacing:.06em}.site-nav{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.site-nav a{position:relative;min-width:0;padding:10px 16px;border-radius:var(--radius-small);color:var(--text-soft);overflow-wrap:anywhere;transition:color .18s ease,background-color .18s ease,transform .18s ease}.site-nav a:hover,.site-nav a.active{color:var(--text);background:var(--surface-interactive-strong);transform:translateY(-1px)}.page{display:flex;flex-direction:column;gap:24px}.page-controls{display:flex;justify-content:flex-end}.control-strip{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-glass-soft);border:1px solid var(--line-soft);border-radius:20px;box-shadow:var(--shadow-soft)}.chip-group{display:flex;align-items:center;gap:8px}.chip,.unit-jump-chip,.hero-link{min-width:0;border:1px solid var(--line-interactive);background:var(--surface-interactive);color:var(--text);padding:9px 15px;border-radius:var(--radius-small);cursor:pointer;overflow-wrap:anywhere;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.chip:hover,.unit-jump-chip:hover,.hero-link:hover{transform:translateY(-1px);border-color:var(--line-interactive-hover)}.chip.is-active{color:var(--text-contrast);border-color:transparent;background:linear-gradient(120deg,var(--interactive-active-start),var(--interactive-active-end));box-shadow:var(--shadow-chip-active)}.chip-direction{min-width:116px}.hero-panel,.compare-pickers,.compare-stage,.unit-section{position:relative;border:1px solid var(--line-soft);border-radius:var(--radius-large);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,transparent),color-mix(in srgb,var(--surface-muted) 88%,transparent));box-shadow:var(--shadow-card)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.95fr);gap:24px;padding:28px}.hero-copy{display:flex;flex-direction:column;gap:18px;justify-content:center;min-width:0}.hero-copy h1,.section-heading h2,.unit-header h2,.compare-idol-panel h2,.spotlight-copy h2{margin:0;color:var(--text-heading);font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:.92;overflow-wrap:anywhere}.hero-copy h1{font-size:clamp(2.8rem,5.6vw,4.8rem)}.hero-intro,.section-heading p,.unit-header p,.compare-idol-panel p,.ranking-identity p,.spotlight-copy p,.hero-stat small,.unit-stat small,.compare-center small,.picker span{margin:0;color:var(--text-soft)}.hero-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-stat,.spotlight-card,.unit-stat,.compare-row,.compare-idol-panel{background:color-mix(in srgb,var(--surface-strong) 90%,transparent);border:1px solid var(--line-soft)}.hero-stat{display:flex;flex-direction:column;gap:6px;min-height:108px;padding:16px 18px;border-radius:22px}.hero-stat-label{color:var(--text-faint);font-size:.82rem;letter-spacing:.08em}.hero-stat-value,.unit-stat strong,.compare-center span,.spotlight-value strong{color:var(--text);font-family:var(--font-number);font-variant-numeric:tabular-nums}.hero-stat-value{font-size:1.24rem;overflow-wrap:anywhere}.hero-links{display:flex;flex-wrap:wrap;gap:10px}.hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-shadow:var(--shadow-hero-link)}.hero-link.is-primary{color:var(--text-contrast);border-color:transparent;background:linear-gradient(120deg,var(--interactive-primary-start),var(--interactive-primary-end))}.hero-showcase{display:grid;gap:12px;align-content:start}.spotlight-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:24px;box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.spotlight-rank,.ranking-index{color:var(--text);font-family:var(--font-number);font-variant-numeric:tabular-nums}.spotlight-rank{font-size:1.25rem;font-weight:700}.spotlight-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.spotlight-copy h2{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1}.spotlight-value{display:flex;align-items:baseline;gap:5px}.spotlight-value strong{font-size:1.5rem}.spotlight-value small,.ranking-value small{color:var(--text-faint)}.ranking-shell{display:flex;flex-direction:column;gap:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 6px}.section-heading h2,.unit-header h2,.compare-idol-panel h2{font-size:clamp(1.9rem,3vw,3rem)}.ranking-list{display:flex;flex-direction:column;gap:12px;content-visibility:auto;contain-intrinsic-size:1px 1200px}.ranking-row{display:grid;grid-template-columns:56px minmax(220px,1.15fr) minmax(130px,.6fr) minmax(180px,1fr) 88px;gap:14px;align-items:center;padding:16px 18px;border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,transparent),color-mix(in srgb,var(--surface-muted) 92%,transparent));border:1px solid var(--line-soft);box-shadow:var(--shadow-row)}.ranking-row.is-condensed{padding:14px 16px;border-radius:22px}.ranking-row.has-no-unit{grid-template-columns:56px minmax(220px,1.2fr) minmax(180px,1fr) 88px}.ranking-index{font-size:1.55rem;text-align:center}.ranking-identity{display:flex;align-items:center;gap:14px;min-width:0}.ranking-identity h3{margin:0 0 4px;font-size:1.38rem;line-height:1.05;overflow-wrap:anywhere}.ranking-unit{color:var(--text-soft);overflow-wrap:anywhere}.ranking-bar-wrap{min-width:0}.ranking-bar-track,.compare-bar-track{width:100%;height:11px;border-radius:999px;background:var(--track);overflow:hidden}.ranking-bar-fill,.compare-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,white),var(--accent))}.ranking-value{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;font-family:var(--font-number);font-variant-numeric:tabular-nums;font-weight:700}.ranking-value span{font-size:1.28rem}.idol-visual{--idol-scale: 1.18;--idol-offset-y: -3.5%;position:relative;width:clamp(156px,24vw,188px);height:clamp(204px,29vw,244px);border-radius:24px;overflow:hidden;background:radial-gradient(circle at top,var(--idol-surface-glow),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,white),var(--idol-surface-tint));isolation:isolate}.idol-visual.is-compact{--idol-offset-y: -2.5%;width:72px;height:88px;border-radius:18px;flex-shrink:0}.idol-visual-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:translateY(var(--idol-offset-y)) scale(var(--idol-scale));transform-origin:center bottom}.idol-visual img,.idol-visual picture{width:100%;height:100%;display:block}.idol-visual img{object-fit:contain;object-position:center bottom}.idol-placeholder{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;color:var(--text-placeholder);font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.2rem)}.idol-glow{position:absolute;inset:auto 14px -10px;height:22px;background:color-mix(in srgb,var(--accent) 22%,transparent);filter:blur(16px);z-index:1}.unit-page-intro,.compare-page-intro{grid-template-columns:1fr}.unit-jump-tags{display:flex;flex-wrap:wrap;gap:10px;padding:0 6px}.unit-jump-chip{background:var(--surface-muted)}.unit-section-list{display:flex;flex-direction:column;gap:20px}.unit-section{padding:22px;scroll-margin-top:112px}.unit-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.95fr);gap:20px;align-items:start;margin-bottom:18px}.unit-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unit-stat{display:flex;flex-direction:column;gap:6px;min-height:92px;padding:14px 16px;border-radius:20px;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 8%,transparent)}.unit-stat span{color:var(--text-faint);font-size:.8rem;letter-spacing:.08em}.unit-stat strong,.compare-center small,.ranking-identity p{overflow-wrap:anywhere}.unit-ranking-list{gap:10px}.compare-pickers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px}.picker{display:flex;flex-direction:column;gap:10px}.picker select{width:100%;min-height:54px;padding:0 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-interactive);color:var(--text)}.compare-vs{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent-iris) 24%,var(--line-strong));background:color-mix(in srgb,var(--accent-rose) 12%,var(--surface-strong));color:var(--text);font-family:var(--font-display);font-size:1.2rem}.compare-stage{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);gap:18px;padding:22px}.compare-idol-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:26px}.compare-scoreboard{display:flex;flex-direction:column;gap:14px;justify-content:center}.compare-row{display:grid;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:22px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.compare-row-left,.compare-row-right{border-color:color-mix(in srgb,var(--winner-accent) 16%,var(--line-soft));box-shadow:0 14px 26px color-mix(in srgb,var(--winner-accent) 9%,transparent)}.compare-row.is-focused{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-iris) 26%,var(--line-soft))}.compare-side{display:grid;gap:10px;align-items:center}.compare-side-left{grid-template-columns:auto minmax(0,1fr)}.compare-side-right{grid-template-columns:minmax(0,1fr) auto}.compare-side strong{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:36px;padding:0 10px;border-radius:999px;font-family:var(--font-number);font-variant-numeric:tabular-nums;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.compare-side.is-winner strong{color:var(--text-contrast);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 68%,black 12%),color-mix(in srgb,var(--accent) 88%,black 18%));box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 16%,transparent)}.compare-side.is-loser strong{color:color-mix(in srgb,var(--text) 88%,var(--accent) 12%);background:color-mix(in srgb,var(--accent) 12%,var(--surface-strong))}.compare-side.is-loser .compare-bar-fill{opacity:.72}.compare-center{text-align:center}.compare-center span{display:block;margin-bottom:8px}.compare-lead-meter{margin:0 0 6px}.compare-lead-track{position:relative;height:14px;border-radius:999px;background:var(--track);overflow:hidden}.compare-lead-axis{position:absolute;top:2px;bottom:2px;left:50%;width:1px;background:var(--track-strong);transform:translate(-50%)}.compare-lead-fill,.compare-lead-draw{position:absolute;top:2px;bottom:2px;border-radius:999px}.compare-lead-meter.is-left .compare-lead-fill{right:50%;background:linear-gradient(270deg,color-mix(in srgb,var(--accent) 36%,white),var(--accent))}.compare-lead-meter.is-right .compare-lead-fill{left:50%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 36%,white),var(--accent))}.compare-lead-draw{left:calc(50% - 10px);right:calc(50% - 10px);background:var(--track-draw)}@media (max-width: 1100px){.site-header{gap:16px}.hero-panel,.unit-header,.compare-stage{grid-template-columns:1fr}.hero-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.spotlight-card{grid-template-columns:auto 1fr;gap:12px}.spotlight-copy,.spotlight-value{grid-column:2}.spotlight-value{justify-content:flex-start}.ranking-row{grid-template-columns:48px minmax(0,1fr);align-items:start}.ranking-row.has-no-unit{grid-template-columns:48px minmax(0,1fr)}.ranking-unit,.ranking-bar-wrap,.ranking-value{grid-column:2}.compare-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare-center{grid-column:1 / -1}}@media (max-width: 760px){:root{--container: min(100vw - 20px, 100%);--header-top: 8px}body:before{opacity:.1}.app-shell{padding-top:12px}.site-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;margin-bottom:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-block{gap:2px}.brand-mark{font-size:1rem}.site-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent-iris) 45%,var(--surface-strong)) transparent}.site-nav:after{content:"";position:sticky;right:0;width:22px;flex:0 0 22px;align-self:stretch;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-soft) 72%,transparent))}.site-nav::-webkit-scrollbar{height:7px}.site-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-iris) 42%,var(--surface-strong));border-radius:999px}.site-nav::-webkit-scrollbar-track{background:transparent}.site-nav a{flex:0 0 auto;padding:9px 14px}.page{gap:18px}.page-controls{justify-content:flex-start}.control-strip{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent-rose) 44%,var(--surface-strong)) transparent}.control-strip:after{content:"";position:sticky;right:0;width:18px;flex:0 0 18px;align-self:stretch;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-glass-soft) 84%,transparent))}.control-strip::-webkit-scrollbar{height:7px}.control-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-rose) 42%,var(--surface-strong));border-radius:999px}.control-strip::-webkit-scrollbar-track{background:transparent}.chip,.hero-link,.unit-jump-chip{flex:0 0 auto;min-height:44px}.hero-panel,.compare-pickers,.compare-stage,.unit-section{padding:18px;border-radius:24px}.hero-copy h1{font-size:clamp(2.4rem,12vw,4rem)}.hero-stat-list,.unit-summary,.hero-showcase{grid-template-columns:1fr}.spotlight-card{grid-template-columns:auto 1fr auto}.spotlight-copy{grid-column:2}.spotlight-value{grid-column:3;align-self:center}.section-heading,.unit-header{flex-direction:column;align-items:start}.compare-pickers{grid-template-columns:1fr}.compare-vs{justify-self:start}.compare-stage{gap:14px;padding:14px}.backdrop-blur{filter:blur(40px);opacity:.22}.idol-glow{filter:blur(10px);opacity:.72}.compare-row{padding:12px;border-radius:18px}.compare-side-left,.compare-side-right{grid-template-columns:1fr}.compare-side-right strong{order:-1}.compare-side strong{justify-self:start;min-height:36px}.unit-section{scroll-margin-top:104px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}