/* ============================================================
 * no-flicker.css 升级：按压反馈改为"整卡透明度"（不重绘文字）
 *   之前：:active 改 background/border/color → iOS 重绘元素 → 文字重栅格化 → "字变"
 *   现在：:active 只改 opacity（合成层淡变 ✓ 文字位图不动 ✓）
 * ============================================================ */

/* ① 交互状态：任何属性都不许变，除了 opacity */
button:active, button:focus, button:focus-visible, button:hover,
a:active, a:hover, a:focus,
[role="button"]:active, [role="button"]:hover,
[class*="btn"]:active, [class*="btn"]:hover, [class*="btn"].active,
[class*="card"]:active, [class*="card"]:hover, [class*="card"].active,
[class*="item"]:active, [class*="item"]:hover, [class*="item"].active,
[class*="mode"]:active, [class*="mode"]:hover, [class*="mode"].active,
[class*="opt"]:active, [class*="opt"]:hover, [class*="opt"].active,
[class*="tab"]:active, [class*="tab"]:hover, [class*="tab"].active,
[class*="seg"]:active, [class*="seg"]:hover, [class*="seg"].active,
[class*="chip"]:active, [class*="chip"]:hover,
[class*="pill"]:active, [class*="pill"]:hover,
[class*="level"]:active, [class*="level"]:hover,
[class*="unit"]:active, [class*="unit"]:hover,
[class*="row"]:active, [class*="row"]:hover,
.pick:active, .pick:hover {
  scale: none !important;
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: inherit !important;
  background-color: inherit !important;   /* 底色也不许变 → 不重绘 */
  border-color: inherit !important;
  color: inherit !important;
  transition-property: opacity !important;
  transition-duration: .1s !important;
}

/* ② 按压反馈 = 整卡轻微变淡（合成层 opacity，文字位图不变） */
button:active, [role="button"]:active,
[class*="btn"]:active, [class*="card"]:active, [class*="item"]:active,
[class*="mode"]:active, [class*="opt"]:active, [class*="tab"]:active,
[class*="level"]:active, [class*="unit"]:active, [class*="row"]:active,
.pick:active {
  opacity: .82 !important;
}

/* ③ 选中态（不闪）：用描边表示，不动底色 */
.tab.active, .chip.on, .pick.on, .pick.active {
  outline: 2px solid #8f8ce0 !important;
  outline-offset: -2px !important;
  background-color: inherit !important;
}

/* ④ 消除图层提升（文字抗锯齿反复变化之源） */
*, *::before, *::after { will-change: auto !important; }

/* ⑤ 昂贵合成效果全站关闭 */
.backdrop, [class*="glass"], [class*="blur"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ⑥ 交互态禁止 animation 重启 */
button:active, [class*="btn"]:active, [class*="card"]:active, [class*="mode"]:active,
[class*="opt"]:active, [class*="tab"]:active, [class*="level"]:active, [class*="unit"]:active {
  animation: none !important;
}