:root{color-scheme:light;--hero-ink:#1b1c1e;--hero-paper:#f9fbff;--hero-muted:#667083;--pick:#ff7926;--win:#05a0fa;--ban:#db7dff}
*{box-sizing:border-box}body{margin:0;background:var(--hero-paper);color:var(--hero-ink);font:15px/1.6 "Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}a{color:inherit}button,select,input{font:inherit}button,select{cursor:pointer}main{width:100%;margin:0}.hero-nav{height:70px;padding:0 max(32px,calc((100% - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e6ed;gap:20px}.hero-nav a{text-decoration:none;font-weight:700}.hero-nav span{font-size:12px;letter-spacing:2px;color:#657086}
.stats-banner{background:#05070b url('/static/hero_rates_banner.png') center right/cover no-repeat;color:#fff;min-height:340px;display:flex;align-items:center;padding:45px max(32px,calc((100% - 1400px)/2));position:relative}.stats-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0005 58%,transparent)}.stats-banner>div{position:relative;z-index:1}.stats-eyebrow{font-size:12px;letter-spacing:3px;color:#ffc493;margin:0 0 14px}.stats-wordmark{font-family:Impact,"Arial Narrow",sans-serif;font-size:70px;font-style:italic;font-weight:900;line-height:1;letter-spacing:1px}h1{font-size:28px;margin:20px 0 10px;line-height:1.3}.stats-banner p:last-child{font-size:14px;max-width:600px;margin:0;color:#e5e9ef}
.hero-board{width:100%;max-width:1464px;margin:56px auto 90px;padding:0 32px}.filter-summary{font-size:17px;font-weight:700;letter-spacing:.1px;margin:0 0 28px}.hero-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.hero-filters label{display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:12px;min-width:0}.hero-filters select{width:100%;border:0;border-bottom:1px solid #404653;border-radius:0;background:transparent;color:var(--hero-ink);padding:9px 22px 10px 0;font-size:14px;outline-offset:4px}.hero-filters select:disabled{color:#596272;opacity:1;cursor:default}.hero-filters .static-filter{font-size:14px;border-bottom:1px solid #404653;padding:9px 0 10px;font-weight:400;white-space:nowrap}.hero-filters optgroup{font-weight:700}.cache-line{display:flex;justify-content:space-between;gap:20px;margin:25px 0 20px;color:var(--hero-muted);font-size:12px}.cache-line .stale{color:#9b5a10}.hero-status{margin:16px 0;color:#4d5a6f}.hero-status:empty{display:none}.hero-status.error{color:#b12b3d}.hero-access{margin:18px 0;background:#fff2d8;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-access[hidden]{display:none}.hero-access input{border:1px solid #bcc3cc;padding:6px}.hero-access button{border:0;background:#1b1c1e;color:#fff;padding:7px 18px}
.hero-table-scroll{width:100%;overflow-x:auto}.hero-rate-table{width:100%;border-collapse:collapse;table-layout:fixed}.hero-rate-table th:first-child{width:38%}.hero-rate-table th{height:72px;background:#1b1c1e;color:#fff;text-align:left;padding:0 24px}.hero-rate-table th:first-child{padding-left:32px}.hero-rate-table th button{display:flex;align-items:center;gap:10px;color:#fff;background:none;border:0;height:72px;padding:0;white-space:nowrap;font-weight:700;font-size:17px}.hero-rate-table th button span{opacity:.4;font-size:18px}.hero-rate-table th[aria-sort] button span{opacity:1}.hero-rate-table td{height:119px;padding:20px 24px;background:#fff;border-bottom:1px solid #e0e4e9}.hero-rate-table td:first-child{padding-left:32px}.hero-rate-table tr:hover td{background:#f1f4f8}.hero-identity{display:flex;align-items:center;gap:17px}.hero-portrait{width:75px;height:75px;border:3px solid var(--hero-color,#748397);box-shadow:0 0 0 6px #1d253a30;border-radius:50%;overflow:hidden;flex:none;background:#e5e9ed}.hero-portrait img{width:100%;height:100%;object-fit:cover;display:block}.hero-name{font-size:23px;font-weight:800;font-style:italic;line-height:1.4}.hero-role{display:flex;align-items:center;gap:7px;font-size:12px;color:#6c7683;margin-top:5px}.hero-role svg{width:15px;height:15px;color:#394453}.hero-metric{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.rate-bar{height:12px;margin-top:7px;background:#eceff0;border-radius:2px;overflow:hidden;position:relative}.rate-bar-fill{height:100%;position:absolute;left:0;top:0;min-width:4px;transform:skew(-16deg);border-radius:2px}.rate-bar-fill.pickRate{background:var(--pick)}.rate-bar-fill.winRate{background:var(--win)}.rate-bar-fill.banRate{background:var(--ban)}.hero-source{margin-top:35px;font-size:12px;color:#687487;line-height:1.9}.hero-source a{text-underline-offset:3px}.hero-source p{margin:6px 0}.hero-rate-table.no-ban .ban-column{display:none}
@media(max-width:1050px){.hero-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px}.hero-rate-table th:first-child{width:35%}.hero-portrait{width:62px;height:62px}.hero-name{font-size:20px}.hero-rate-table th,.hero-rate-table td{padding-left:16px;padding-right:16px}.hero-rate-table th:first-child,.hero-rate-table td:first-child{padding-left:24px}}
@media(max-width:650px){.hero-nav{height:58px;padding:0 18px}.hero-nav span{display:none}.stats-banner{min-height:260px;padding:32px 22px;background-position:58% center}.stats-wordmark{font-size:45px}h1{font-size:23px}.stats-banner p:last-child{font-size:12px;max-width:260px}.hero-board{margin:32px auto 55px;padding:0 16px}.hero-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hero-filters label{font-size:14px;gap:6px}.filter-summary{font-size:14px;line-height:1.9}.cache-line{flex-direction:column;gap:3px;margin-top:20px}.hero-rate-table{min-width:760px}.hero-rate-table th:first-child{width:260px}.hero-rate-table td{height:102px}.hero-portrait{width:58px;height:58px}.hero-name{font-size:18px}.hero-rate-table th button{font-size:15px}}

[hidden]{display:none!important}@media(min-width:1051px){.hero-filters:has(label[hidden]){grid-template-columns:repeat(5,minmax(0,1fr))}}
.hero-filters select{transition:border-color .18s,background-color .18s,box-shadow .18s}.hero-filters select:hover{border-color:#ea812e;background-color:#eef1f63d}.hero-filters select:focus-visible{outline:2px solid #ef973e66;outline-offset:4px;border-color:#e77d27}.hero-filters label:focus-within{color:#bc5d1c}.hero-nav a{transition:color .18s}.hero-nav a:hover{color:#d66f20}.hero-rate-table th button{transition:color .18s,transform .18s cubic-bezier(.2,.7,.3,1)}.hero-rate-table th button:hover{color:#ffd1ab}.hero-rate-table th button:active{transform:translateY(1px)}.hero-rate-table th button:focus-visible{outline:2px solid #ffa55d;outline-offset:5px}.hero-rate-table th button span{transition:opacity .18s,color .18s}.hero-rate-table td{transition:background-color .2s}.hero-portrait{transition:box-shadow .25s,transform .25s cubic-bezier(.2,.7,.3,1)}.hero-rate-row:hover .hero-portrait{box-shadow:0 0 0 6px #1d253a20;transform:translateY(-1px)}.hero-rate-row.reveal-row{animation:hero-row-reveal .48s cubic-bezier(.2,.7,.3,1) var(--row-delay,0ms) both}.reveal-row .rate-bar-fill{transform-origin:left center;animation:hero-bar-grow .72s cubic-bezier(.18,.7,.25,1) calc(var(--row-delay,0ms) + 75ms) both}.hero-rate-table[aria-busy=true]{opacity:.55;transition:opacity .18s}.hero-rate-table[aria-busy=false]{opacity:1;transition:opacity .18s}.hero-source a{transition:color .18s}.hero-source a:hover{color:#c1641e}
@keyframes hero-row-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-bar-grow{from{transform:scaleX(0) skew(-16deg)}to{transform:scaleX(1) skew(-16deg)}}
@media(prefers-reduced-motion:reduce){.hero-rate-row.reveal-row,.reveal-row .rate-bar-fill{animation:none}.hero-filters select,.hero-nav a,.hero-rate-table th button,.hero-rate-table th button span,.hero-rate-table td,.hero-portrait,.hero-rate-table[aria-busy],.hero-source a{transition:none}}