#skin-ranks-page .home-container{max-width:1380px}#skin-ranks-page .home-header{border:0;height:88px}#skin-ranks-page .agent-hub{padding-top:20px}#skin-ranks-page .agent-heading{margin-bottom:26px}#skin-ranks-page h1{font-size:38px;font-weight:600;letter-spacing:-1px}#skin-ranks-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.ranking-desc{margin-top:13px;color:#9ca8b8;font-size:15px;line-height:1.72;max-width:1080px}.ranking-desc h2{margin:0 0 6px;color:#d7dde6;font-size:16px;font-weight:600}.ranking-desc p{margin:3px 0 0}.ranking-desc strong{font-weight:600;color:#d1dae5}.ranking-source-note{margin-top:8px!important;padding-top:8px;border-top:1px solid #ffffff0c;color:#8290a2}.ranking-source-note span{display:inline-block;margin-left:14px;color:#66758a;white-space:nowrap}
#skin-ranks-list{width:100%}.heat-chart-head,.heat-row{display:grid;grid-template-columns:164px minmax(250px,1fr) 88px 86px 112px 104px;align-items:center;column-gap:12px}.heat-chart-head{min-height:38px;margin-bottom:3px;padding:0 10px;color:#748195;font-size:12px;letter-spacing:.04em;border-bottom:1px solid #ffffff0d}.heat-chart-head span:nth-child(n+3){text-align:right;white-space:nowrap}.heat-chart-head .metric-heat{color:#b6c3d2}
.heat-chart{list-style:none;margin:0;padding:0;display:grid;gap:2px}.heat-row{position:relative;isolation:isolate;min-height:50px;padding:0 10px;border-radius:7px;--bar-start:#27435f;--bar-end:#618caf;transition:background-color .26s ease;content-visibility:auto;contain-intrinsic-size:50px}
.heat-row:nth-child(1){--bar-start:#79613c;--bar-end:#cfb57c}.heat-row:nth-child(2){--bar-start:#596677;--bar-end:#b8c4d2}.heat-row:nth-child(3){--bar-start:#6b493b;--bar-end:#b68565}.heat-row:is(:hover,:focus-visible){z-index:2}.heat-row:focus-visible{outline:1px solid #9cb4cd;outline-offset:3px;border-radius:4px}
.heat-row:is(:hover,:focus-visible){background:#ffffff08}.heat-label{min-width:0}.heat-label strong{display:block;font-size:16px;font-weight:550;line-height:1.35;overflow-wrap:anywhere;color:#d6dce5;transition:color .22s}.heat-row:is(:hover,:focus-visible) .heat-label strong{color:#fff}
.heat-track{position:relative;margin:0 50px 0 0;height:18px}.heat-bar{position:relative;height:100%;overflow:hidden;border-radius:3px;background:linear-gradient(90deg,var(--bar-start),var(--bar-end));box-shadow:inset 0 1px 0 #ffffff20;transition:filter .28s}.heat-bar::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 140px 40px at var(--light-x,50%) 50%,#fff7,transparent);opacity:0;transition:opacity .28s}.heat-row:is(:hover,:focus-visible) .heat-bar::after{opacity:1}.heat-row:is(:hover,:focus-visible) .heat-bar{filter:brightness(1.15)}
.heat-tip{position:absolute;top:50%;width:100px;height:38px;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.heat-tip img{width:100%;height:100%;object-fit:contain;filter:brightness(1) drop-shadow(0 4px 5px #0008);transform:translateZ(0);transition:transform .36s cubic-bezier(.22,1,.36,1),filter .3s;transform-origin:65% 50%}.heat-row:is(:hover,:focus-visible) .heat-tip img{transform:translateY(-3px) scale(1.5);filter:brightness(1.18) drop-shadow(0 8px 12px #0009)}.heat-metrics{display:contents}.heat-value{text-align:right;font-size:14px;color:#91a0b2;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .22s}.heat-value.metric-primary{font-size:15px;font-weight:650;color:#cbd5e1}.heat-row:nth-child(1) .heat-value.metric-primary{color:#e2c989}.heat-row:nth-child(2) .heat-value.metric-primary{color:#d2dbe6}.heat-row:nth-child(3) .heat-value.metric-primary{color:#ca9573}.heat-row:is(:hover,:focus-visible) .heat-value{color:#f3f5f7}
@media(max-width:1050px){.heat-chart-head,.heat-row{grid-template-columns:140px minmax(200px,1fr) 78px 76px 96px 88px;column-gap:8px}.heat-chart-head{font-size:11px}.heat-value{font-size:13px}}
@media(max-width:780px){#skin-ranks-page .home-header{height:72px}#skin-ranks-page .agent-hub{padding-top:18px}#skin-ranks-page h1{font-size:30px}.heat-chart-head{display:none}.heat-chart{gap:6px}.heat-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:112px;padding:10px 11px;background:#ffffff06;border:1px solid #ffffff0a;contain-intrinsic-size:112px}.heat-label{grid-column:1;grid-row:1}.heat-label strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heat-track{grid-column:1;grid-row:2;height:16px;margin:8px 38px 10px 16px}.heat-tip{width:76px;height:30px}.heat-metrics{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.heat-value{text-align:left;font-size:12px;color:#bac5d2;overflow:hidden;text-overflow:ellipsis}.heat-value::before{content:attr(data-label);display:block;margin-bottom:2px;color:#69788d;font-size:9px;letter-spacing:0;white-space:nowrap}.heat-value.metric-primary{font-size:13px}.ranking-desc{font-size:14px}.ranking-source-note span{display:block;margin:4px 0 0}}
@media(max-width:340px){.heat-row{min-height:133px}.heat-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6px}.heat-track{margin-right:34px}}
@media(hover:none){.heat-row:hover .heat-tip img{transform:none}.heat-row:focus-visible .heat-tip img{transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.heat-tip img,.heat-bar,.heat-bar::after,.heat-label strong,.heat-value,.heat-row{transition:none}.heat-row:is(:hover,:focus-visible) .heat-tip img{transform:none}}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .wave-active .heat-row .heat-tip img{transform:translateY(calc(var(--wave,0)*-8px)) rotate(calc(var(--wave,0)*-2deg)) scale(calc(1 + var(--wave,0)*1));transition:filter .35s;filter:brightness(calc(1 + var(--wave,0)*.18)) drop-shadow(0 6px 8px #0008)}
 .wave-active .heat-row .heat-bar::after{opacity:calc(var(--wave,0)*.85);transition:none}
 .wave-active .heat-row .heat-bar{filter:brightness(calc(1 + var(--wave,0)*.15));transition:none}
 .wave-active .heat-row:focus-visible .heat-tip img{transform:translateY(-3px) scale(1.5)}
}