/* ============================================================
   账号评级徽章（C2.212）
   ------------------------------------------------------------
   就两档 L1 / PO，颜色写死。上一版颜色由管理员在界面里配，于是要存表、要缓存、
   要算底色深浅来选文字色——这个功能一个月用不了几次，不值这些代码。
   两档都用深色底 + 白字，对比度天然够，不需要运行时计算。
   （C2.212 之前是 lv1/lv2/lv3 三档：lv1→L1，lv2 与 lv3 合并成 PO。）

   与任务等级（.mx-lv，描边小方块、等宽字）的区别：
   这里是实心胶囊 + 白字，形状和填充都不一样，两个徽章并排也不会看混。
   ============================================================ */

.rat-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  font-size:10.5px;font-weight:700;line-height:1;padding:2.5px 6px;border-radius:5px;
  letter-spacing:.2px;white-space:nowrap;color:#fff;vertical-align:middle}

/* L1 沿用原来 lv1 的红，PO 沿用最高档 lv3 的蓝：同一个人换标签后颜色不会突然变个样 */
.rat-l1{background:#e5484d}
.rat-po{background:#3f6fd6}

/* 矩阵行头、账号选择器里那一枚：比账号池里的小一号（一行里已经有三四个标识） */
.rat-inline{font-size:9.5px;padding:2px 5px;margin-right:5px;vertical-align:1px}

/* 选评级的小面板（账号池批量用） */
.rat-picks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.rat-pick{font:inherit;cursor:pointer;padding:5px 10px;border-radius:8px;
  border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;gap:6px}
.rat-pick:hover{border-color:var(--line3)}
.rat-pick.on{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-d)}