/* 双档榜单样式（三页共用） */
.rankbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.rankbar .rk-label{font-size:12.5px;color:#8f897f;font-weight:700;letter-spacing:.06em}
.rk-btn{background:#161616;border:0;color:#b3aca2;font-family:inherit;font-size:14px;font-weight:700;
  padding:9px 18px;cursor:pointer;letter-spacing:.02em;transition:background .2s,color .2s}
.rk-btn i{font-style:normal;font-size:12px;opacity:.65;margin-left:4px}
.rk-btn:hover{background:#1d1d1d;color:#e8e6e2}
.rk-btn.on{background:#9c1220;color:#fff}
.rk-btn.on i{opacity:.85}
.rankbar .rk-hint{font-size:12.5px;color:#6f6a62;margin-left:auto}

.toplist .topitem{display:flex;gap:20px}
.rk-no{flex:0 0 34px;font-size:15px;font-weight:900;color:#5f5a53;font-variant-numeric:tabular-nums;padding-top:4px}
.rk-no.hot{color:#e0354a}
.rk-body{flex:1;min-width:0}
.toplist .txt{white-space:pre-line;word-break:break-word}

.rankmore{margin-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rk-more{background:#161616;border:0;color:#e8e6e2;font-family:inherit;font-size:14px;font-weight:700;
  padding:12px 26px;cursor:pointer;letter-spacing:.04em}
.rk-more:hover{background:#9c1220}
.rk-more[disabled]{background:#141414;color:#4a453f;cursor:default}
.rk-count{font-size:12.5px;color:#6f6a62}

@media(max-width:720px){
  .rankbar .rk-hint{display:none}
  .rk-btn{padding:8px 14px;font-size:13.5px}
  .toplist .topitem{gap:12px}
  .rk-no{flex:0 0 24px;font-size:14px}
}