/* 排行榜页专用样式：综合榜的五列、表头、我的名次。
   site.css 由别的改版在改，榜单新增的样式只放这里，深底黑金配色与 body.portal 一致。 */
.rank-head.rank-head-overall{align-items:center}
.rank-head img.rank-logo{width:72px;height:72px;aspect-ratio:1/1;object-fit:contain;border-radius:18px;background:transparent;box-shadow:none}
.rank-head-overall p{color:#cbbda6;font-size:13px;line-height:1.75;max-width:720px;margin-top:4px}

.rank-overall{padding:6px 22px 8px}
.rank-overall .rank-cols,.rank-overall .rank-list li{display:grid;grid-template-columns:40px 1fr 92px 92px 84px;gap:10px;align-items:center}
.rank-overall .rank-cols{padding:12px 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#e2b657;border-bottom:1px solid rgba(240,212,138,.28)}
.rank-overall .rank-cols .no{width:auto;height:auto;background:transparent;color:#e2b657;font-size:12px;display:block;text-align:left}
.rank-overall .rank-cols .games,.rank-overall .rank-cols .rounds,.rank-overall .rank-cols .score{text-align:right}
.rank-overall .games,.rank-overall .rounds{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;color:#cbbda6}
.rank-overall .score{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;color:#f6e7c1}
.rank-overall .rank-list li{padding:12px 0}
.rank-overall .rank-list li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-overall .rank-list li:nth-child(-n+3) .score{color:#f0d48a}

.rank-mine{margin-top:18px;padding:14px 22px;border-radius:16px;border:1px solid rgba(240,212,138,.28);background:rgba(22,18,12,.86);color:#f6e7c1;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rank-mine h3{font-size:15px;color:#e2b657;margin:0;white-space:nowrap}
.rank-mine p{margin:0;font-size:14px;color:#efe7d6}
.rank-mine b{color:#f0d48a;font-size:20px;font-variant-numeric:tabular-nums}
.rank-mine a{color:#e2b657;font-weight:700}

@media (max-width:640px){
  .rank-overall{padding:4px 14px 6px}
  .rank-overall .rank-cols,.rank-overall .rank-list li{grid-template-columns:34px 1fr 64px 64px;gap:8px}
  .rank-overall .rounds{display:none}
  .rank-head img.rank-logo{width:56px;height:56px}
}