@layer components{.ranking-view{min-width:0;color:var(--rev-text);padding:.875rem}.ranking-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto .875rem;display:flex}.ranking-head-tag{color:var(--rev-accent-strong);font-family:var(--font-revenue-data);font-size:var(--rev-fs-caption);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-weight:800;display:inline-flex}.ranking-head-tag i{background:var(--rev-accent);width:.5rem;height:.5rem}.ranking-range{border:1px solid var(--rev-line);border-radius:var(--rev-radius-control);background:var(--rev-surface);flex:none;gap:0;padding:.1875rem;display:inline-flex}.ranking-range-option{border-radius:calc(var(--rev-radius-control) - 2px);min-height:1.875rem;color:var(--rev-muted);font-family:var(--font-revenue-data);font-size:var(--rev-fs-caption);transition:background var(--rev-motion-fast) var(--rev-ease-out), color var(--rev-motion-fast) var(--rev-ease-out);background:0 0;border:0;padding:0 .75rem;font-weight:750}.ranking-range-option:hover{color:var(--rev-text)}.ranking-range-option.is-active{background:var(--rev-accent);color:#fff}.ranking-state{min-height:15rem;color:var(--rev-muted);font-size:var(--rev-fs-title);text-align:center;margin:0;padding:3rem 1rem}.ranking-state-error{color:var(--rev-negative)}.ranking-carousel{position:relative}.ranking-carousel-track{outline:none;height:calc(100dvh - 11.5rem);position:relative;overflow:hidden}.ranking-carousel-strip{gap:0;height:100%;display:flex}.ranking-carousel-slide{isolation:isolate;flex:none;justify-content:center;width:33.3333%;height:100%;padding:0 .3125rem;display:flex;position:relative}.ranking-trophy-body{z-index:1;border-radius:var(--rev-radius-surface);background:var(--background);width:100%;height:100%;transition:opacity var(--rev-motion-base) var(--rev-ease-out), scale var(--rev-motion-base) var(--rev-ease-out);flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:relative;overflow:hidden}.ranking-carousel-slide[data-active=false] .ranking-trophy-body{opacity:.55;cursor:pointer;scale:.94}.ranking-carousel-slide[data-active=false]:hover .ranking-trophy-body{opacity:.75}.ranking-trophy-body>*{z-index:1;position:relative}.ranking-trophy-body:before,.ranking-trophy-body:after{content:"";z-index:0;pointer-events:none;position:absolute;inset:-45%}.ranking-trophy-body:before{background:radial-gradient(38% 42% at 24% 28%, oklch(.72 .16 var(--mesh-seed)) 0%, transparent 68%), radial-gradient(34% 38% at 76% 22%, oklch(.7 .14 calc(var(--mesh-seed) + 72)) 0%, transparent 66%), radial-gradient(42% 44% at 62% 82%, oklch(.66 .15 calc(var(--mesh-seed) + 168)) 0%, transparent 70%), radial-gradient(30% 34% at 18% 78%, oklch(.74 .12 calc(var(--mesh-seed) + 245)) 0%, transparent 64%);filter:blur(42px)saturate(1.15);opacity:.6;animation:ranking-mesh-drift 26s var(--rev-ease-out) infinite alternate}.ranking-trophy-body:after{background:radial-gradient(40% 40% at 68% 30%, oklch(.7 .13 calc(var(--mesh-seed) + 130)) 0%, transparent 66%), radial-gradient(36% 40% at 28% 72%, oklch(.68 .14 calc(var(--mesh-seed) + 300)) 0%, transparent 68%);filter:blur(48px)saturate(1.1);opacity:.5;animation:38s linear infinite alternate-reverse ranking-mesh-drift}@keyframes ranking-mesh-drift{0%{transform:translate(-4%,-3%)rotate(0)scale(1)}50%{transform:translate(3%,4%)rotate(8deg)scale(1.08)}to{transform:translate(5%,-4%)rotate(-6deg)scale(1.04)}}.ranking-carousel-slide .ranking-leaderboard-card{min-width:0;min-height:0;box-shadow:none;background:0 0;border-color:#0000;flex-direction:column;flex:1;display:flex}.ranking-formula-note{color:var(--rev-muted);font-family:var(--font-revenue-data);font-size:var(--rev-fs-caption);text-align:center;margin:0}.ranking-carousel-nav{pointer-events:none;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:absolute;inset:0}.ranking-carousel-nav-btn{pointer-events:auto;background:color-mix(in oklab, var(--rev-canvas) 78%, transparent);border-color:var(--rev-line);color:var(--rev-text);-webkit-backdrop-filter:blur(8px)}.ranking-carousel-nav-btn:hover{background:var(--rev-surface-raised);border-color:var(--rev-line);color:var(--rev-text)}@media (width<=900px){.ranking-carousel-slide{width:41.6667%}}@media (width<=640px){.ranking-view{padding:.625rem}.ranking-toolbar{flex-wrap:wrap}.ranking-carousel-track{height:calc(100dvh - 10rem)}.ranking-carousel-slide{width:100%;padding:0}.ranking-carousel-slide[data-active=false] .ranking-trophy-body{opacity:.3;scale:.96}.ranking-carousel-nav{padding:0 .5rem}}@media (prefers-reduced-motion:reduce){.ranking-range-option{transition:none}.ranking-trophy-body:before,.ranking-trophy-body:after{animation:none}}}.ranking-carousel-slide .ranking-leaderboard-card{background:var(--card);border-color:color-mix(in oklab, var(--border) 55%, transparent);box-shadow:none}.ranking-carousel-slide .ranking-leaderboard-card>div:first-child>div:first-child{padding-right:12rem;position:relative}.ranking-carousel-slide .ranking-leaderboard-card>div:first-child>div:first-child>p:last-child{color:var(--muted-foreground);font-family:var(--font-revenue-data);font-size:var(--rev-fs-micro);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;align-items:baseline;margin:0;font-weight:750;line-height:1.875rem;display:flex;position:absolute;top:0;right:0}.ranking-carousel-slide [role=list][aria-label=前三名]{margin-bottom:0!important}.ranking-carousel-slide .ranking-leaderboard-card,.ranking-carousel-slide .ranking-carousel-nav-btn,.ranking-carousel-slide .ranking-range{border-radius:var(--rev-radius-surface)}.ranking-carousel-slide .ranking-leaderboard-card>div.bg-card{border-radius:calc(var(--rev-radius-surface) - 2px);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ranking-carousel-slide .ranking-leaderboard-card>div:not(.bg-card){flex:none}.ranking-carousel-slide [role=list][aria-label=前三名]>div>div:last-child{width:5.5rem}.ranking-carousel-slide [role=list][aria-label=前三名]>div:first-child>div:last-child{height:3rem}.ranking-carousel-slide [role=list][aria-label=前三名]>div:nth-child(2)>div:last-child{height:4rem}.ranking-carousel-slide [role=list][aria-label=前三名]>div:nth-child(3)>div:last-child{height:2rem}
