/**
 * 闪得 收藏按钮（站内通用）
 *
 * 由 Shande_Favorite_Service::render_button() 渲染，站内多处复用。
 * 只描述「收藏态」的增量视觉，基础排版沿用调用方的类（如详情页 .detail-action-btn）。
 */

.shande-fav-btn {
  cursor: pointer;
  user-select: none;
  transition: color .2s, opacity .2s;
}

/* 已收藏：主色 + 实心星，与站内「已完成」类的确认态一致 */
.shande-fav-btn.is-favorited {
  color: #096ddd;
}

.shande-fav-btn__icon {
  flex: 0 0 auto;
  transition: transform .18s ease;
}

/* 点击瞬间的轻微回弹，给一个「已生效」的手感 */
.shande-fav-btn.is-bump .shande-fav-btn__icon {
  transform: scale(1.28);
}

.shande-fav-btn.is-loading {
  opacity: .6;
  pointer-events: none;
}

.shande-fav-btn.is-disabled {
  color: #c9cdd4;
  cursor: not-allowed;
}

/* 收藏人数：紧跟按钮的弱化数字，不参与点击 */
.detail-action-count {
  margin-left: -12px;
  font-size: 12px;
  color: #a5adb6;
}

/* 键盘可达性：按钮是 span[role=button]，焦点态要看得见 */
.shande-fav-btn:focus-visible {
  outline: 2px solid #096ddd;
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .shande-fav-btn__icon,
  .shande-fav-btn.is-bump .shande-fav-btn__icon {
    transition: none;
    transform: none;
  }
}