:root {
  --wm-l1-accent:#93C5FD;  /* 蓝-300 */
  --wm-l2-accent:#60A5FA;  /* 蓝-400 */
  --wm-l3-accent:#3B82F6;  /* 蓝-500 */
  --wm-hot-accent:#2563EB; /* 蓝-600 */

  --wm-badge-bg:#EF4444;   /* 红-500 */
  --wm-badge-fg:#fff;
}

.dark {
  --wm-l1-accent:#60A5FA;
  --wm-l2-accent:#3B82F6;
  --wm-l3-accent:#2563EB;
  --wm-hot-accent:#1D4ED8;
  --wm-badge-bg:#F43F5E;   /* 红-600 */
}

/* 基础行：无背景，只加过渡 */
.wm-row {
  position: relative;
  transition: background-color .15s ease;
}

/* 左侧色条：挂在首个 td 上 */
.wm-row > td:first-child {
  position: relative;
  padding-left: 8px; /* 给色条留点空隙 */
}
.wm-row > td:first-child::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  border-radius:2px;
}

/* 各等级色条颜色 */
.wm-pop-l1 > td:first-child::before { background-color: var(--wm-l1-accent); }
.wm-pop-l2 > td:first-child::before { background-color: var(--wm-l2-accent); }
.wm-pop-l3 > td:first-child::before { background-color: var(--wm-l3-accent); }
.wm-pop-hot > td:first-child::before { background-color: var(--wm-hot-accent); }

/* 热门徽章 */
.popular-badge {
  position:absolute; top:6px; left:12px;
  display:inline-flex; align-items:center; gap:.25rem;
  padding:.15rem .45rem;
  border-radius:9999px;
  font-size:.75rem; line-height:1;
  color:var(--wm-badge-fg);
  background-color:var(--wm-badge-bg);
  pointer-events:none;
}
.popular-badge .dot {
  width:.4rem; height:.4rem; border-radius:9999px; background:#fff; opacity:.9;
}