/* 驾驶舱 · 片区排名进度条分级（2026-11-04）
   与首页华北地图同一基准：低于累计完成率基准 = 深红实底，达到或高于 = 浅红
   标记由 tone.js 打在 a.r228-rank-row[data-rank-tone] 上；本文件只管颜色 */
a.r228-rank-row .r228-progress > span {
  background: #cf001b !important;
  transition: background-color .2s ease;
}
a.r228-rank-row[data-rank-tone="above"] .r228-progress > span {
  background: #f7c9ce !important;
}
a.r228-rank-row[data-rank-tone="below"] .r228-progress > span {
  background: #cf001b !important;
}

/* --- 序号徽章中性化（v2 追加）-------------------------------------------
   原样式 .r228-rank { background: var(--r228-accent); color: white }
   序号是「名次」不是「状态」，沿用深红会让卡片里出现两种红色语义：
   用户看到 6 个红方块 + 4 条深红条，无法判断红代表什么。
   改为中性灰底深字后，本卡片内红色只剩「未达标」一个含义。
   保留原 24×24 直角方块，不改尺寸与圆角，避免视觉语言突变。 */
a.r228-rank-row > .r228-rank {
  background: #e9edf2 !important;
  color: #41464c !important;
  -webkit-text-fill-color: #41464c !important;
  font-weight: 600 !important;
}