/* ============================================================
 * rank.css —— 活跃排行榜（SPA 视图，深色默认 + 浅色覆盖）
 * ============================================================ */
.rk-head { padding:20px 18px 4px; }
.rk-head h2 { font-size:22px;color:#eaf0ff; }
.rk-head p { font-size:12px;color:#8a93b5;margin-top:5px;line-height:1.6; }
.rk-tabs { display:flex;gap:8px;padding:14px 18px 6px;overflow-x:auto; }
.rk-tab { white-space:nowrap;padding:7px 15px;border-radius:999px;font-size:13px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#c4cbe4;cursor:pointer; }
.rk-tab.is-active { background:linear-gradient(135deg,#7c66ff,#5b44e0);color:#fff;border-color:transparent; }
.rk-list { padding:10px 14px 130px;display:flex;flex-direction:column;gap:9px; }
.rk-row { display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:10px 14px;cursor:pointer; }
.rk-rank { width:28px;text-align:center;font-size:16px;font-weight:800;color:#8a93b5;flex:none; }
.rk-row:nth-child(1) .rk-rank { color:#f7b500; }
.rk-row:nth-child(2) .rk-rank { color:#c0c7d6; }
.rk-row:nth-child(3) .rk-rank { color:#d9915b; }
.rk-ava { position:relative;width:44px;height:44px;flex:none; }
.rk-ava img.rk-av { width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15); }
.rk-ava .rk-fb { width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(135deg,#7c66ff,#5b44e0);font-size:18px; }
.rk-ava .rk-fr { position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);object-fit:contain;pointer-events:none; }
.rk-info { flex:1;min-width:0; }
.rk-info b { font-size:14px;color:#eaf0ff;display:flex;align-items:center;gap:7px; }
.rk-lv { font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(124,102,255,.2);color:#b8acff; }
.rk-info small { display:block;font-size:11px;color:#8a93b5;margin-top:3px; }
.rk-val { font-size:16px;font-weight:800;color:#9b8cff;text-align:right;flex:none;min-width:52px; }
.rk-val small { display:block;font-size:10px;color:#8a93b5;font-weight:400;margin-top:2px; }
.rk-empty { text-align:center;color:#8a93b5;font-size:13px;padding:60px 20px; }

body.theme-light .rk-head h2 { color:#1a2036; }
body.theme-light .rk-head p { color:#98a0b8; }
body.theme-light .rk-tab { background:#fff;border-color:#e6e8f0;color:#555f7a; }
body.theme-light .rk-row { background:#fff;border-color:#eceef5;box-shadow:0 4px 16px rgba(30,40,80,.04); }
body.theme-light .rk-rank { color:#b0b8cc; }
body.theme-light .rk-ava img.rk-av { border-color:#e6e8f0; }
body.theme-light .rk-info b { color:#1a2036; }
body.theme-light .rk-info small { color:#98a0b8; }
body.theme-light .rk-val { color:#6a5ae0; }
body.theme-light .rk-val small { color:#98a0b8; }
body.theme-light .rk-empty { color:#98a0b8; }