/* =============================================================================
   utils.css — 通用工具组件（复制按钮、回到顶部等）
   ============================================================================= */

/* ══ 代码块复制按钮 ═════════════════════════════════════════════════════════ */
.highlight { position: relative; }

.copybtn {
  position: absolute; top: 0.35rem; right: 0.35rem;
  padding: 0.2rem 0.55rem;
  border: 1px solid var(--pst-color-border, #dee2e6);
  border-radius: 0.25rem;
  background: var(--pst-color-surface, #f0f0f0);
  color: var(--pst-color-text-muted, #555);
  cursor: pointer; font-size: 0.8rem;
  transition: background 0.12s, color 0.12s;
  opacity: 0;
}
.highlight:hover .copybtn { opacity: 1; }
.copybtn:hover {
  background: var(--pst-color-border, #ddd);
  color: var(--pst-color-text-base, #333);
}
.copybtn.copied {
  background: #dcfce7; color: #166534; border-color: #bbf7d0;
}