/* ── 交互确认（2026-10-26 定稿）──────────────────────────────────
   1) 复制按钮成功态（变绿 + 弹一下）
   2) 筛选选中态：左侧 3px 蓝条 + 浅蓝底 + 对勾
   其他按压/水波/抬升等一律不做。 */

/* 1. 复制按钮成功态 */
.copy-btn.done {
  background: rgba(58,165,100,.16) !important;
  border-color: rgba(58,165,100,.55) !important;
  color: #2f7a4a !important;
  animation: done-pop .32s cubic-bezier(.2,.7,.2,1);
}
@keyframes done-pop {
  0% { transform: scale(.96); }
  60% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

/* 2. 筛选选中态：JS 根据 HOME_STATE 给按钮加 .is-filtered */
[data-act="wb-facet"].is-filtered {
  background: #E3F0FB !important;
  border-color: #2E8FD2 !important;
  color: #16537E !important;
  font-weight: 600 !important;
  box-shadow: inset 3px 0 0 #2E8FD2, 0 2px 8px -6px rgba(16,25,43,.35) !important;
}
[data-act="wb-facet"].is-filtered::after {
  content: "✓";
  margin-left: 6px;
  font-size: 11px;
  color: #2E8FD2;
  font-weight: 700;
}

/* 保留：筛选容器里其他选中态（有 aria/class 的组件）也加左侧蓝条 */
.wb-rail label:has(input:checked),
.wb-bento label:has(input:checked),
.wb-rail .active, .wb-bento .active,
.wb-rail .is-on, .wb-bento .is-on,
.wb-rail [aria-pressed="true"], .wb-bento [aria-pressed="true"] {
  box-shadow: inset 3px 0 0 #2E8FD2;
}

@media (prefers-reduced-motion: reduce) {
  .copy-btn.done { animation: none !important; }
}