/* 收藏(0022 新增;v12 雛型只有「我的 › 關注」列表,沒有加入收藏的入口)。
   只加不改:不動 v12 原始 css,探索頁 / 個人頁另外載入本檔。 */

/* 探索卡:整張可點(stretched link)+ 右上角愛心 */
.worker-card { position: relative; }
.worker-card-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.worker-card-link:focus-visible { outline: 2px solid var(--gold); outline-offset: -3px; }

.fav-heart {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
  border: 0; border-radius: 50%; cursor: pointer; padding: 0;
  color: #fff;
  background-image: linear-gradient(color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 62%, transparent));
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  transition: transform .18s ease, color .18s ease;
}
.fav-heart svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.fav-heart:hover { transform: scale(1.12); }
.fav-heart[aria-pressed="true"] { color: var(--coral); }
.fav-heart[aria-pressed="true"] svg { fill: currentColor; stroke: currentColor; }
.fav-heart.is-busy { opacity: .55; pointer-events: none; }

/* 個人頁:名字旁的收藏鈕(行內版,不絕對定位) */
.fav-heart.is-inline {
  position: static; width: auto; height: 36px; gap: 7px; padding: 0 14px;
  border-radius: var(--radius-pill); font-size: 13.5px; font-weight: 800;
  color: var(--text-soft); background: var(--surface-2, var(--surface)); box-shadow: var(--shadow-soft);
  backdrop-filter: none; -webkit-backdrop-filter: none; background-image: none;
}
.fav-heart.is-inline[aria-pressed="true"] { color: var(--coral); }

/* 探索頁「只看關注」chip 的數字 */
.fav-chip b { margin-left: 5px; font-weight: 900; }