feat: 代码片段功能与 Markdown 内嵌片段渲染、文档截图等

frontend/components/FavoriteButton.tsx

@@ -55,9 +55,9 @@ export default function FavoriteButton({
     variant === "compact"
       ? "px-2.5 py-1.5 gap-1 text-[12.5px]"
       : variant === "article"
-        ? "px-7 py-3 gap-2 text-[15px] min-w-[132px]"
+        ? "px-5 py-2.5 gap-1.5 text-[14px]"
         : "px-4 py-2 gap-1.5 text-sm";
-  const iconSize = variant === "compact" ? 13 : variant === "article" ? 18 : 15;
+  const iconSize = variant === "compact" ? 13 : variant === "article" ? 16 : 15;
 
   return (
     <button
@@ -66,12 +66,7 @@ export default function FavoriteButton({
       data-tip={favorited ? "取消收藏" : "收藏"}
       aria-label={favorited ? "取消收藏" : "收藏"}
       aria-pressed={favorited}
-      className={`inline-flex items-center justify-center tabular-nums rounded-full border transition-colors duration-150 disabled:opacity-50 ${
-        favorited
-          ? "border-[var(--accent)] text-[var(--accent)] bg-[color-mix(in_srgb,var(--accent)_10%,var(--panel))]"
-          : "border-[var(--line-2)] text-[var(--ink-2)] hover:border-[var(--accent)] hover:text-[var(--accent)]"
-      } ${sizeCls}`}
-      style={!favorited ? { background: "var(--panel)" } : undefined}
+      className={`j13-fav inline-flex items-center justify-center tabular-nums border disabled:opacity-50 ${variant === "article" ? "j13-like-article" : ""} ${favorited ? "is-favorited" : ""} ${sizeCls}`}
     >
       <Bookmark size={iconSize} fill={favorited ? "currentColor" : "none"} />
       {variant === "article" && <span>{favorited ? "已收藏" : "收藏"}</span>}