/* 密码强度条（注册页 / 设置密码页共用）
   4 段色阶：弱(红) → 中(橙) → 强(蓝) → 很强(绿) */

.mc-pw { margin-top: 10px; }
.mc-pw-bar { display: flex; gap: 6px; }
.mc-pw-seg {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: rgba(148, 163, 184, 0.22);
  transition: background 0.25s ease;
}
.mc-pw-label { margin-top: 7px; font-size: 12.5px; color: #94a3b8; line-height: 1.5; }

/* 弱：1 段红 */
.mc-pw[data-level="0"]:not(.mc-pw-empty) .mc-pw-seg:nth-child(1) { background: #ef4444; }
.mc-pw[data-level="0"]:not(.mc-pw-empty) .mc-pw-label { color: #f87171; }
/* 中：2 段橙 */
.mc-pw[data-level="1"] .mc-pw-seg:nth-child(-n+2) { background: #f59e0b; }
.mc-pw[data-level="1"] .mc-pw-label { color: #fbbf24; }
/* 强：3 段蓝 */
.mc-pw[data-level="2"] .mc-pw-seg:nth-child(-n+3) { background: #6366f1; }
.mc-pw[data-level="2"] .mc-pw-label { color: #a5b4fc; }
/* 很强：4 段绿 */
.mc-pw[data-level="3"] .mc-pw-seg { background: #22c55e; }
.mc-pw[data-level="3"] .mc-pw-label { color: #4ade80; }

/* ===== 浅色模式 ===== */
body.light-mode .mc-pw-seg { background: #e2e8f0; }
body.light-mode .mc-pw-label { color: #64748b; }
body.light-mode .mc-pw[data-level="0"]:not(.mc-pw-empty) .mc-pw-label { color: #dc2626; }
body.light-mode .mc-pw[data-level="1"] .mc-pw-label { color: #d97706; }
body.light-mode .mc-pw[data-level="2"] .mc-pw-label { color: #4f46e5; }
body.light-mode .mc-pw[data-level="3"] .mc-pw-label { color: #16a34a; }