/* assets/css/like.css */
.like-wrap {
  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
}

.like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  line-height: 1;
  border: 1px solid rgba(0,0,0,0.08);
  padding: 4px 10px;
  background: #fff;
  color: #222;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
  user-select: none;
}

.like-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.like-btn:active { transform: translateY(0); }

.like-btn .like-icon { transform-origin: center; }
.like-btn .like-text { font-weight: 600; }

.like-btn.liked {
  border-color: #ffb300;
  background: #fff6d6;
  box-shadow: 0 0 0 2px rgba(255,179,0,.18) inset;
  animation: like-pop .28s ease-out;
}

@keyframes like-pop {
  0% { transform: scale(0.96); }
  60% { transform: scale(1.06); }
  100% { transform: scale(1.0); }
}

/* 暗色模式友好 */
@media (prefers-color-scheme: dark) {
  .like-btn {
    background: #161616;
    color: #e6e6e6;
    border-color: rgba(255,255,255,0.12);
  }
  .like-btn.liked {
    background: rgba(255,179,0,0.12);
    border-color: rgba(255,179,0,0.6);
    box-shadow: 0 0 0 2px rgba(255,179,0,0.18) inset;
  }
}