/* ============ 点赞按钮（画廊 / 证书） ============ */
.like {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .04);
  color: #93a4c4;
  font-size: 12.5px;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .18s, background .18s, color .18s, transform .15s;
}
.like:hover {
  border-color: rgba(255, 120, 150, .45);
  background: rgba(255, 120, 150, .10);
  color: #ff9db4;
}
.like:active { transform: scale(.96); }
.like:focus-visible {
  outline: 1px solid rgba(255, 140, 165, .8);
  outline-offset: 3px;
}
.like svg {
  width: 15px; height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill .18s;
}
.like-n {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  min-width: 1ch;
}

/* 已点赞状态 */
.like.liked {
  color: #ff7d9c;
  border-color: rgba(255, 120, 150, .55);
  background: rgba(255, 120, 150, .13);
  cursor: default;
}
.like.liked svg { fill: currentColor; }

/* 点击时的心跳 */
.like.pop { animation: likePop .45s ease; }
@keyframes likePop {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.14); }
  100% { transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .like, .like.pop { animation: none; transition: none; }
}