diff --git a/.trae/documents/emoji-effect-adjustment.md b/.trae/documents/emoji-effect-adjustment.md
new file mode 100644
index 0000000..c31764f
--- /dev/null
+++ b/.trae/documents/emoji-effect-adjustment.md
@@ -0,0 +1,151 @@
+# 表情效果调整计划
+
+## 问题分析
+
+当前实现存在 5 个问题，根因如下：
+
+### 1. 插入表情后有选择状态（蓝色高亮）
+- **根因**: Tiptap `setImage` 插入图片节点后，节点处于 "node-selected" 状态，显示蓝色选中框
+- **位置**: [CommentEditor.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentEditor.tsx) L155-163
+
+### 2. 输入框表情太大
+- **根因**: CSS 选择器 `img[src^="data:image/svg"]` 只匹配旧 SVG data URI，不匹配新的 AVIF URL（`/stickers/tieba/tb_01.avif`），导致表情图片无尺寸约束，以原始大尺寸渲染
+- **位置**: [global.css](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/styles/global.css) L5584-5603
+
+### 3. 插入表情后光标换行
+- **根因**: `ArticleImage.configure({ inline: false })` 使图片为块级节点，插入后自动换行
+- **位置**: [CommentEditor.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentEditor.tsx) L92
+
+### 4. 表情栏目太宽松
+- **根因**: Grid 仅 6 列，gap 4px，padding 10px
+- **位置**: [global.css](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/styles/global.css) L5502-5510
+
+### 5. 颜文字太小
+- **根因**: `.sticker-picker-text` 的 `font-size: 8px`，极小
+- **位置**: [global.css](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/styles/global.css) L5606-5616
+
+## 改动方案
+
+### 文件 1: CommentEditor.tsx
+**改动 A — 图片改为内联** (L92):
+```typescript
+// 旧
+ArticleImage.configure({ inline: false, allowBase64: true }),
+// 新
+ArticleImage.configure({ inline: true, allowBase64: true }),
+```
+
+**改动 B — insertSticker 插入后取消选中和换行** (L155-163):
+```typescript
+const insertSticker = useCallback((sticker: Sticker) => {
+  if (!editor) return;
+  if (sticker.type === 'text' && sticker.text) {
+    editor.chain().focus().insertContent(sticker.text).run();
+  } else if (sticker.url) {
+    // 插入内联图片 + 尾随零宽空格，确保光标在图片后面而非选中图片
+    editor.chain().focus().insertContent([
+      { type: 'image', attrs: { src: sticker.url, alt: sticker.name } },
+      { type: 'text', text: '\u200b' },
+    ]).run();
+  }
+  setShowSticker(false);
+}, [editor]);
+```
+> 用 `insertContent` + 零宽空格替代 `setImage`，避免 node-selected 状态，光标自然落在图片后。
+
+### 文件 2: StickerPicker.tsx
+**改动 C — 键盘导航列数匹配新网格** (L44):
+```typescript
+// 旧
+const cols = 6;
+// 新
+const cols = 8;
+```
+
+### 文件 3: global.css
+**改动 D — 表情选择器密度提升** (L5502-5510):
+```css
+.sticker-picker-grid {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);  /* 6 → 8 */
+  gap: 2px;                                /* 4px → 2px */
+  padding: 6px;                            /* 10px → 6px */
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+}
+```
+
+**改动 E — 选择器项缩小** (L5512-5522):
+```css
+.sticker-picker-item {
+  padding: 2px;   /* 4px → 2px */
+  /* 其余不变 */
+}
+```
+
+**改动 F — 颜文字字体放大** (L5606-5616):
+```css
+.sticker-picker-text {
+  font-size: 14px;   /* 8px → 14px */
+  line-height: 1.4;  /* 1.2 → 1.4 */
+  /* 其余不变 */
+}
+```
+
+**改动 G — 替换旧 SVG 选择器为通用贴纸选择器** (L5584-5603):
+
+删除旧的 `img[src^="data:image/svg"]` 选择器，替换为基于 `/stickers/` 路径的选择器：
+
+```css
+/* 编辑器内贴纸 img 尺寸约束 */
+.comment-editor .article-prosemirror img[src*="/stickers/"],
+.comment-editor .article-editor-content img[src*="/stickers/"] {
+  display: inline-block;
+  width: 28px;
+  height: 28px;
+  vertical-align: middle;
+  margin: 0 1px;
+  border-radius: 4px;
+  object-fit: contain;
+}
+
+/* 评论正文中的贴纸 img */
+.floor-body img[src*="/stickers/"],
+.comment-body img[src*="/stickers/"] {
+  display: inline-block;
+  vertical-align: middle;
+  width: 28px;
+  height: 28px;
+  margin: 0 1px;
+  background: transparent;
+  border-radius: 4px;
+  object-fit: contain;
+}
+```
+
+**改动 H — 移动端网格也改为 8 列** (L5619-5624):
+```css
+@media (max-width: 640px) {
+  .sticker-picker { max-height: 240px; }
+  .sticker-picker-grid { grid-template-columns: repeat(6, 1fr); } /* 移动端 6 列 */
+  .sticker-picker-tab { padding: 6px 10px; font-size: 12px; }
+  .comment-editor .article-tool-btn { width: 30px; height: 30px; }
+}
+```
+> 移动端保持 6 列（屏幕窄），桌面端 8 列。
+
+## 不改动
+- `ArticleImageExtension.tsx` — 无需修改，`inline: true` 通过 `configure()` 传入即可
+- `kaomoji.ts` / `emojiData.ts` / `hot.ts` — 数据层不变
+- `CommentContent.tsx` — 渲染层不变（CSS 覆盖即可）
+- PostEditor（帖子编辑器）— 不受影响，仍使用 `inline: false`
+
+## 验证
+1. `npm run build` 无报错
+2. 浏览器验证：
+   - 选择表情后插入无蓝色选中框
+   - 表情在输入框中显示 28px，内联在文字中
+   - 插入表情后光标紧跟表情后方，不换行
+   - 表情选择器 8 列密度更高
+   - 颜文字标签内字体清晰可读
diff --git a/.trae/documents/emoji_rich_comment_plan.md b/.trae/documents/emoji_rich_comment_plan.md
new file mode 100644
index 0000000..ca7b25e
--- /dev/null
+++ b/.trae/documents/emoji_rich_comment_plan.md
@@ -0,0 +1,597 @@
+# 评论表情包改造 + 富文本评论编辑器计划
+
+## 一、摘要
+
+将评论系统从「纯文本 textarea + Unicode Emoji」升级为「Tiptap 富文本编辑器 + 姜十三专属 SVG 贴纸」，实现：
+1. 去除所有 Unicode Emoji，替换为自定义 SVG 贴纸（懒加载）
+2. 姜十三专属表情包：萌系吉祥物表情 + 中文网络流行语文字气泡（混合风格）
+3. 评论复用帖子编辑器核心能力（精简变体），支持代码块、链接、图片、格式化等
+
+---
+
+## 二、当前状态分析
+
+### 2.1 评论输入：纯文本 textarea
+
+[CommentBox.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentBox.tsx) 使用 `<textarea>` 输入评论，功能包括：
+- `@` 用户提及（textarea 选区扫描 + API 搜索用户）
+- Unicode Emoji 面板（[EmojiPicker.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/EmojiPicker.tsx) + [emojis.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/emojis.ts)）
+- 隐私评论开关
+- 无富文本格式化能力
+
+### 2.2 评论渲染：纯文本转义
+
+[CommentContent.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentContent.tsx) 通过 [content.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/content.ts) 的 `highlightMentions()` 渲染评论：
+- `escapeWithBreaks()` 转义 HTML 并将 `\n` 转为 `<br>`
+- 正则匹配 `@username` 包裹为可点击 `<span class="mention">`
+- 不支持 HTML/Markdown 渲染
+
+### 2.3 评论编辑：纯 textarea
+
+[CommentThreadList.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentThreadList.tsx#L276-L297) 编辑模式使用 `<textarea>` 直接修改文本。
+
+### 2.4 帖子编辑器：Tiptap 富文本
+
+[ArticleEditor.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/ArticleEditor.tsx) 是功能完整的 Tiptap 编辑器（900 行），包含：
+- 富文本模式 + Markdown 模式切换
+- 工具栏：标题/加粗/斜体/下划线/删除线/分割线/引用/列表/代码块/表格/链接/图片/图组
+- 门控区块：登录可见/回复可见/积分可见
+- 全屏模式
+- `forwardRef` 暴露 `getHTML()` / `isEmpty()` / `focus()`
+- 使用 `DOMPurify` + `POST_CONTENT_PURIFY_CONFIG` 净化 HTML
+
+### 2.5 后端评论存储
+
+- [models.go](file:///c:/Users/freefire/Documents/jiang13-forum/model/models.go#L143-L164): `Comment.Content` 字段类型为 `text`，存储纯文本
+- [comment.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/comment.go#L172-L176): `Create()` 仅做 `TrimSpace` + 敏感词过滤，**无 HTML 净化**
+- [handlers.go](file:///c:/Users/freefire/Documents/jiang13-forum/handler/handlers.go#L508-L530): `APICreateComment` 从 FormData 取 `content` 字段
+- [sanitize_html.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/sanitize_html.go): `SanitizePostHTML` 已有 HTML 白名单策略（bluemonday），但**仅用于帖子，未用于评论**
+
+### 2.6 表情数据
+
+[emojis.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/emojis.ts) 定义约 160 个 Unicode Emoji 字符，无分类、无搜索。
+
+---
+
+## 三、修改方案
+
+### Part A：姜十三专属 SVG 贴纸系统
+
+#### A1. 贴纸数据定义
+
+**新建** `frontend/src/data/stickers.ts`
+
+```typescript
+export interface Sticker {
+  id: string;          // 唯一ID，如 "j13-happy"
+  name: string;        // 名称，如 "开心"
+  category: StickerCategory;
+  aliases?: string[];  // 搜索别名
+  svg: string;         // 完整 SVG 字符串（含 viewBox 0 0 64 64）
+}
+
+export type StickerCategory = '热门' | '姜十三' | '文字气泡';
+
+export const STICKER_CATEGORIES: StickerCategory[] = ['热门', '姜十三', '文字气泡'];
+export const STICKERS: Sticker[] = [ /* ... */ ];
+```
+
+**贴纸内容设计（约 40 个）：**
+
+| 分类 | 数量 | 内容 |
+|------|------|------|
+| 姜十三 | 16 | 萌系姜色（ginger色 #D4A574）圆脸吉祥物，额头带"13"标记，各种表情：开心/大笑/哭泣/生气/惊讶/思考/点赞/心心眼/睡觉/疑惑/酷/捂脸/送花/鼓掌/加油/拜托 |
+| 文字气泡 | 16 | 圆角气泡 + 中文网络流行语：666/大佬/同问/给力/沙发/学习了/已赞/佩服/妙啊/牛批/感谢/收藏了/围观/催更/瑞思拜/芜湖 |
+| 热门 | 8 | 从上述两类中精选最常用的 8 个 |
+
+**SVG 设计规范：**
+- `viewBox="0 0 64 64"` 统一尺寸
+- 所有 fill 使用内联颜色（不依赖 CSS 变量）
+- 姜十三吉祥物主色系：`#D4A574`（姜色）/ `#FFF3E0`（浅姜）/ `#E8B87C`（深姜）
+- 文字气泡：`#FF6B6B`（红）/ `#4ECDC4`（青）/ `#FFE66D`（黄）/ `#95E1D3`（绿）四色循环
+- 线条圆润，stroke-linecap: round
+
+#### A2. SVG 贴纸渲染组件
+
+**新建** `frontend/src/components/emoji/StickerSvg.tsx`
+
+```typescript
+interface StickerSvgProps {
+  id: string;
+  size?: number;       // 默认 28
+  className?: string;
+}
+```
+
+- 从 `STICKERS` 查找对应 id，渲染 `dangerouslySetInnerHTML={{ __html: sticker.svg }}`
+- SVG 已自包含 fill 颜色，无需额外样式
+
+#### A3. 贴纸选择器（懒加载）
+
+**新建** `frontend/src/components/emoji/StickerPicker.tsx`
+
+```typescript
+interface StickerPickerProps {
+  onSelect: (stickerId: string) => void;
+}
+```
+
+**UI 结构：**
+```
+┌──────────────────────────────┐
+│ [热门] [姜十三] [文字气泡]    │ ← 分类 Tab
+├──────────────────────────────┤
+│ [🙂] [😂] [❤️] [👍] [🎉] ... │ ← SVG 贴纸网格（6列桌面/4列移动端）
+└──────────────────────────────┘
+```
+
+**懒加载策略：**
+- 贴纸数据按分类拆分为独立 chunk：`data/stickers/j13.ts`、`data/stickers/text.ts`、`data/stickers/hot.ts`
+- `StickerPicker` 使用 `React.lazy()` + `Suspense` 按需加载当前分类
+- 切换分类时才加载对应 chunk，首次打开只加载"热门"分类
+- 每个贴纸 SVG 在组件挂载时渲染（已在数据中内联，无需额外网络请求）
+
+**交互：**
+- 分类 Tab 点击切换，带下划线动画
+- 贴纸 hover: `transform: scale(1.15)`, 0.1s 过渡
+- 点击贴纸触发 `onSelect(sticker.id)`
+- 键盘导航：方向键浏览 + Enter 选中
+
+#### A4. 删除旧 Emoji 系统
+
+- **删除** [emojis.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/emojis.ts)（`EMOJI_LIST` 导出）
+- **删除** [EmojiPicker.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/EmojiPicker.tsx)
+- **保留** `.emoji-picker*` CSS 类（避免影响其他可能的引用），新增 `.sticker-picker*` 类
+
+---
+
+### Part B：评论富文本编辑器（精简变体）
+
+#### B1. 创建 CommentEditor 组件
+
+**新建** `frontend/src/components/CommentEditor.tsx`
+
+不直接复用 ArticleEditor（900 行，含全屏/Markdown/门控区块等评论不需要的功能），而是创建独立的精简 Tiptap 编辑器，**复用 ArticleEditor 的扩展组件**。
+
+```typescript
+export interface CommentEditorHandle {
+  getHTML: () => string;
+  isEmpty: () => boolean;
+  focus: () => void;
+}
+
+interface CommentEditorProps {
+  value: string;
+  onChange: (html: string) => void;
+  placeholder?: string;
+}
+```
+
+**使用的 Tiptap 扩展（复用现有）：**
+- `StarterKit`（含 heading H2-H4、bold/italic/strike、blockquote、bulletList/orderedList、horizontalRule）
+- `Underline`（来自 @tiptap/extension-underline，已安装）
+- `Link`（来自 @tiptap/extension-link，已安装）
+- `ArticleCodeBlock`（来自 [ArticleCodeBlockExtension.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/editor/ArticleCodeBlockExtension.tsx)，复用）
+- `Placeholder`（来自 @tiptap/extension-placeholder，已安装）
+- `TabIndent`（来自 [TabIndentExtension.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/editor/TabIndentExtension.tsx)，复用）
+- `ArticleImage`（来自 [ArticleImageExtension.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/editor/ArticleImageExtension.tsx)，复用，用于插入图片）
+
+**不使用的扩展（评论场景不需要）：**
+- ~~TableKit~~（表格）
+- ~~ImageGroup~~（图组）
+- ~~MembersOnly / ReplyOnly / PointsOnly~~（门控区块）
+- ~~ClearFloatParagraph~~（清除浮动段落）
+- ~~Markdown 模式~~
+- ~~全屏模式~~
+
+**工具栏按钮（精简版）：**
+```
+[H] [B] [I] [U] [S] [引用] [列表] [有序列表] [代码块] [链接] [图片] [贴纸]
+```
+
+**贴纸集成：**
+- 工具栏增加贴纸按钮（Lucide `Sticker` 图标）
+- 点击弹出 `StickerPicker`
+- 选中贴纸后，将 SVG 作为 inline `<img>` 插入编辑器：
+  ```typescript
+  const sticker = STICKERS.find(s => s.id === id);
+  const dataUri = `data:image/svg+xml,${encodeURIComponent(sticker.svg)}`;
+  editor.chain().focus().setImage({ src: dataUri, alt: sticker.name }).run();
+  ```
+
+**HTML 净化：**
+- 使用 `DOMPurify.sanitize(html, POST_CONTENT_PURIFY_CONFIG)` 与 ArticleEditor 一致
+- `POST_CONTENT_PURIFY_CONFIG` 来自 [postContent.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/postContent.ts)，复用现有配置
+
+#### B2. 改造 CommentBox
+
+**修改** [CommentBox.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentBox.tsx)
+
+**主要变更：**
+1. 用 `CommentEditor` 替换 `<textarea>`
+2. 用 `CommentEditorHandle` ref 替代 `textareaRef`
+3. `content` 状态存储 HTML 而非纯文本
+4. 移除 `EmojiPicker` 导入和使用，贴纸功能已集成到 `CommentEditor`
+5. 移除 `owoRef` 和 `showEmoji` 状态
+6. `@` 提及功能：暂时保留为文本输入（在编辑器中输入 `@username`，渲染时由 `processCommentHtml` 处理高亮），编辑器内自动补全作为后续增强
+7. `insertEmoji` 改为 `insertSticker`，调用 `CommentEditor` ref 方法
+8. 隐私评论开关保留
+9. 发送时 `content` 为 HTML，直接传给 API
+
+**改动前：**
+```tsx
+<textarea ref={textareaRef} value={content} onChange={handleChange} ... />
+<button ref={owoRef} onClick={() => setShowEmoji(v => !v)}>OwO</button>
+{showEmoji && <EmojiPicker onSelect={insertEmoji} />}
+```
+
+**改动后：**
+```tsx
+<CommentEditor ref={editorRef} value={content} onChange={setContent} placeholder="说点什么吧…" />
+```
+
+#### B3. 改造评论编辑模式
+
+**修改** [CommentThreadList.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentThreadList.tsx#L276-L297)
+
+编辑模式从 `<textarea>` 改为 `CommentEditor`：
+```tsx
+// 改动前
+<textarea value={editText} onChange={e => setEditText(e.target.value)} rows={3} />
+
+// 改动后
+<CommentEditor value={editText} onChange={setEditText} placeholder="编辑评论…" />
+```
+
+需要 import `CommentEditor`，并在 `handleSave` 中提交 HTML 内容。
+
+---
+
+### Part C：评论内容渲染
+
+#### C1. 更新 content.ts 支持富文本
+
+**修改** [content.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/content.ts)
+
+当前 `highlightMentions()` 处理纯文本（转义 HTML + 换行 + @高亮）。需要新增 HTML 处理能力。
+
+```typescript
+import DOMPurify from 'dompurify';
+import { POST_CONTENT_PURIFY_CONFIG } from '../utils/postContent';
+
+/** 判断内容是否为 HTML（包含常见 HTML 标签） */
+function isHtmlContent(text: string): boolean {
+  return /<(?:p|div|span|br|h[1-6]|ul|ol|li|pre|code|blockquote|a|img|table|strong|em|u|s)\b/i.test(text);
+}
+
+/** 在 HTML 文本节点中高亮 @ 提及（DOM 遍历，避免破坏标签） */
+function processMentionsInHtml(html: string): string {
+  const div = document.createElement('div');
+  div.innerHTML = html;
+  const walker = document.createTreeWalker(div, NodeFilter.SHOW_TEXT);
+  const textNodes: Text[] = [];
+  let node: Node | null;
+  while ((node = walker.nextNode())) {
+    textNodes.push(node as Text);
+  }
+  for (const textNode of textNodes) {
+    const text = textNode.textContent ?? '';
+    if (!/@[\w\u4e00-\u9fa5_-]/.test(text)) continue;
+    const frag = document.createDocumentFragment();
+    const parts = text.split(/(@[\w\u4e00-\u9fa5_-]+)/);
+    for (const part of parts) {
+      const m = part.match(/^@([\w\u4e00-\u9fa5_-]+)$/);
+      if (m) {
+        const span = document.createElement('span');
+        span.className = 'mention';
+        span.setAttribute('data-name', m[1]);
+        span.setAttribute('role', 'link');
+        span.setAttribute('tabindex', '0');
+        span.textContent = part;
+        frag.appendChild(span);
+      } else if (part) {
+        frag.appendChild(document.createTextNode(part));
+      }
+    }
+    textNode.parentNode?.replaceChild(frag, textNode);
+  }
+  return div.innerHTML;
+}
+
+/** 渲染评论内容：HTML 净化 + @提及高亮，兼容旧版纯文本 */
+export function renderCommentContent(content: string): string {
+  if (isHtmlContent(content)) {
+    // 新版 HTML 评论
+    const sanitized = DOMPurify.sanitize(content, POST_CONTENT_PURIFY_CONFIG);
+    return processMentionsInHtml(sanitized);
+  }
+  // 旧版纯文本评论（向后兼容）
+  return escapeWithBreaks(content).replace(
+    /@([\w\u4e00-\u9fa5_-]+)/g,
+    '<span class="mention" data-name="$1" role="link" tabindex="0">@$1</span>',
+  );
+}
+```
+
+保留原 `highlightMentions()` 函数不删除（可能有其他引用），新增 `renderCommentContent()`。
+
+#### C2. 更新 CommentContent 组件
+
+**修改** [CommentContent.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentContent.tsx)
+
+```tsx
+import { renderCommentContent } from '../utils/content';
+
+// 改动前
+dangerouslySetInnerHTML={{ __html: highlightMentions(content) }}
+
+// 改动后
+dangerouslySetInnerHTML={{ __html: renderCommentContent(content) }}
+```
+
+评论内容中的贴纸 `<img>` 标签会被 `POST_CONTENT_PURIFY_CONFIG` 保留（已允许 `<img>` + `src`），自然渲染为 SVG 图。
+
+---
+
+### Part D：后端评论 HTML 净化
+
+#### D1. 评论创建时净化
+
+**修改** [comment.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/comment.go#L172-L176)
+
+```go
+func (s *CommentService) Create(in CommentCreateInput) (*model.Comment, error) {
+    content := SanitizePostHTML(strings.TrimSpace(in.Content))  // 新增 HTML 净化
+    content = s.filter.Filter(content)                           // 敏感词过滤
+    // ... 其余不变
+}
+```
+
+#### D2. 评论更新时净化
+
+**修改** [comment.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/comment.go#L354-L376)
+
+```go
+func (s *CommentService) Update(userID, commentID uint, isAdmin, skipModeration bool, content string) (string, bool, error) {
+    // ...
+    content = SanitizePostHTML(strings.TrimSpace(content))  // 新增
+    content = s.filter.Filter(content)                       // 敏感词过滤
+    // ... 其余不变
+}
+```
+
+`SanitizePostHTML` 已在 [sanitize_html.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/sanitize_html.go) 中定义，使用 bluemonday 白名单策略，允许 Tiptap 产出的 HTML 标签和属性，禁止 `<script>`、`<style>` 等。
+
+---
+
+### Part E：CSS 样式
+
+#### E1. 贴纸选择器样式
+
+**修改** [global.css](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/styles/global.css#L5427-L5462) 区域
+
+新增样式块（在现有 `.emoji-picker*` 样式之后）：
+
+```css
+/* 贴纸选择器 */
+.sticker-picker {
+  display: flex;
+  flex-direction: column;
+  margin-top: 8px;
+  border: 1px solid var(--j13-border-light);
+  border-radius: 8px;
+  background: var(--j13-bg-surface);
+  max-height: 280px;
+  overflow: hidden;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+}
+
+.sticker-picker-tabs {
+  display: flex;
+  border-bottom: 1px solid var(--j13-border-light);
+  padding: 0 8px;
+}
+
+.sticker-picker-tab {
+  border: none;
+  background: none;
+  padding: 8px 12px;
+  font-size: 13px;
+  color: var(--color-text-3);
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  transition: color 0.15s, border-color 0.15s;
+}
+
+.sticker-picker-tab.active {
+  color: var(--j13-green);
+  border-bottom-color: var(--j13-green);
+}
+
+.sticker-picker-grid {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 4px;
+  padding: 10px;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.sticker-picker-item {
+  border: none;
+  background: none;
+  padding: 4px;
+  cursor: pointer;
+  border-radius: 8px;
+  transition: background 0.1s, transform 0.1s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sticker-picker-item:hover {
+  background: var(--color-fill-2);
+  transform: scale(1.15);
+}
+
+/* 贴纸加载占位 */
+.sticker-picker-loading {
+  grid-column: 1 / -1;
+  text-align: center;
+  padding: 24px;
+  color: var(--color-text-4);
+  font-size: 13px;
+}
+
+/* 移动端 */
+@media (max-width: 640px) {
+  .sticker-picker-grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}
+```
+
+#### E2. 评论编辑器样式
+
+新增 `.comment-editor` 相关样式，复用 `.article-editor-bar`、`.article-tool-btn` 等现有类名，仅做覆盖调整：
+
+```css
+/* 评论富文本编辑器 */
+.comment-editor .article-editor-bar {
+  padding: 4px 8px;
+}
+
+.comment-editor .article-tool-btn {
+  width: 28px;
+  height: 28px;
+}
+
+.comment-editor .article-editor-content {
+  min-height: 80px;
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 8px 12px;
+  font-size: 14px;
+}
+
+.comment-editor .article-editor-status {
+  padding: 4px 10px;
+}
+
+/* 评论内贴纸图片 */
+.comment-sticker {
+  display: inline-block;
+  vertical-align: middle;
+  width: 28px;
+  height: 28px;
+  margin: 0 2px;
+}
+```
+
+---
+
+## 四、文件变更清单
+
+### 新增文件
+
+| 文件路径 | 用途 |
+|----------|------|
+| `frontend/src/data/stickers/hot.ts` | 热门贴纸数据（懒加载 chunk） |
+| `frontend/src/data/stickers/j13.ts` | 姜十三吉祥物贴纸数据（懒加载 chunk） |
+| `frontend/src/data/stickers/text.ts` | 文字气泡贴纸数据（懒加载 chunk） |
+| `frontend/src/data/stickers/index.ts` | 贴纸类型定义 + 统一导出 |
+| `frontend/src/components/emoji/StickerSvg.tsx` | SVG 贴纸渲染组件 |
+| `frontend/src/components/emoji/StickerPicker.tsx` | 贴纸选择器（懒加载） |
+| `frontend/src/components/CommentEditor.tsx` | 评论富文本编辑器（精简 Tiptap） |
+
+### 修改文件
+
+| 文件 | 变更 |
+|------|------|
+| [CommentBox.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentBox.tsx) | textarea → CommentEditor，移除 EmojiPicker，content 改为 HTML |
+| [CommentThreadList.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentThreadList.tsx#L276-L297) | 编辑模式 textarea → CommentEditor |
+| [CommentContent.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/CommentContent.tsx) | 使用 `renderCommentContent()` 替代 `highlightMentions()` |
+| [content.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/content.ts) | 新增 `renderCommentContent()` + `processMentionsInHtml()` |
+| [global.css](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/styles/global.css#L5427-L5462) | 新增 `.sticker-picker*` 和 `.comment-editor*` 样式 |
+| [comment.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/comment.go#L172-L176) | Create() 增加 `SanitizePostHTML` |
+| [comment.go](file:///c:/Users/freefire/Documents/jiang13-forum/service/comment.go#L354-L376) | Update() 增加 `SanitizePostHTML` |
+
+### 删除文件
+
+| 文件 | 原因 |
+|------|------|
+| [emojis.ts](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/utils/emojis.ts) | Unicode Emoji 数据不再需要 |
+| [EmojiPicker.tsx](file:///c:/Users/freefire/Documents/jiang13-forum/frontend/src/components/EmojiPicker.tsx) | 被 StickerPicker 替代 |
+
+---
+
+## 五、假设与决策
+
+### 5.1 编辑器决策
+
+- **不直接复用 ArticleEditor 组件**，而是创建独立的 CommentEditor，原因：
+  - ArticleEditor 900 行，含全屏/Markdown/门控区块等评论不需要的功能
+  - 复用 ArticleEditor 的 Tiptap 扩展组件（ArticleCodeBlock、ArticleImage、TabIndent 等），避免代码重复
+  - CommentEditor 更轻量，每个评论实例加载更快
+- **@ 提及**：暂不在编辑器中实现自动补全（需要 Tiptap Mention 扩展或自定义扩展），用户手动输入 `@username`，渲染时由 `processMentionsInHtml` 高亮。后续可增强为 Tiptap Mention 扩展。
+
+### 5.2 贴纸存储格式
+
+- 贴纸以 `data:image/svg+xml` URI 内联在 `<img src="...">` 中
+- 每个 SVG 约 300-800 字节，单条评论即使 10 个贴纸也仅 ~8KB
+- 后端 `SanitizePostHTML` 白名单已允许 `<img src="...">`，无需额外修改
+- 旧评论（纯文本）不受影响，`renderCommentContent` 自动检测并兼容
+
+### 5.3 懒加载策略
+
+- 贴纸数据按分类拆分为 3 个 chunk（hot/j13/text），`React.lazy()` 动态导入
+- 首次打开选择器只加载"热门"chunk（8 个贴纸），切换分类时才加载其他 chunk
+- 每个 chunk 约 5-10KB，加载延迟 < 100ms
+
+### 5.4 向后兼容
+
+- 旧评论为纯文本，新 `renderCommentContent()` 通过 `isHtmlContent()` 检测自动走旧路径（escapeWithBreaks + 正则高亮）
+- 新评论为 HTML，走 DOMPurify 净化 + DOM 遍历高亮路径
+- 后端 `SanitizePostHTML` 对纯文本也安全（bluemonday 会保留纯文本，仅过滤危险标签）
+
+---
+
+## 六、实施顺序
+
+1. **Part A**：贴纸数据 + 组件（stickers/*.ts → StickerSvg → StickerPicker）
+2. **Part D**：后端评论 HTML 净化（comment.go Create/Update 加 SanitizePostHTML）
+3. **Part B**：CommentEditor 组件 → CommentBox 集成 → CommentThreadList 编辑模式
+4. **Part C**：content.ts 渲染函数 → CommentContent 更新
+5. **Part E**：CSS 样式
+6. 删除旧 EmojiPicker / emojis.ts
+7. 验证测试
+
+---
+
+## 七、验证步骤
+
+1. **贴纸系统验证**：
+   - 点击贴纸按钮，选择器弹出，3 个分类 Tab 可切换
+   - 切换分类时加载对应贴纸（Network 面板确认懒加载）
+   - 点击贴纸后编辑器中出现对应 SVG 图
+
+2. **评论编辑器验证**：
+   - 评论框支持加粗/斜体/下划线/删除线/标题/引用/列表/代码块/链接/图片/贴纸
+   - 代码块支持语法高亮和折叠
+   - 图片可上传并插入
+   - 无全屏/Markdown/表格/门控区块按钮
+
+3. **评论渲染验证**：
+   - 新评论 HTML 正确渲染（格式化、代码块、图片、贴纸）
+   - `@username` 在 HTML 评论中正确高亮为可点击链接
+   - 旧评论（纯文本）仍正常渲染
+   - 贴纸图片在评论中正确显示
+
+4. **后端验证**：
+   - 发送含 `<script>alert(1)</script>` 的评论，后端净化后移除 script 标签
+   - 发送正常 HTML 评论，后端存储完整 HTML
+   - 旧纯文本评论正常存储和渲染
+
+5. **编辑模式验证**：
+   - 编辑已有评论时，CommentEditor 正确加载 HTML 内容
+   - 保存后评论更新正确
diff --git a/.trae/documents/fix-post-scroll-persist-plan.md b/.trae/documents/fix-post-scroll-persist-plan.md
new file mode 100644
index 0000000..aa17a3d
--- /dev/null
+++ b/.trae/documents/fix-post-scroll-persist-plan.md
@@ -0,0 +1,117 @@
+# 修复：再次进入帖子时滚动位置异常保留
+
+## 问题
+
+浏览帖子滑到下方 → 返回主页 → 再次进入同一帖子，滚动条停在之前阅读的位置，而非顶部。
+
+## 根因
+
+项目未设置 `history.scrollRestoration`（默认 `'auto'`）。浏览器在导航时会对**内部滚动容器**（`overflow: auto` 的 `.page-wrap`）执行滚动位置恢复。虽然 PostDetailPage 重新挂载后 `.page-wrap` 是新 DOM 元素，浏览器仍会在 paint 前将其 `scrollTop` 恢复到上次记录的值。
+
+项目没有 ScrollToTop 机制来覆盖此行为。
+
+## 与刷新恢复的冲突
+
+之前实现的 `useScrollRestoration`（MainLayout mount-only）负责刷新场景的位置恢复。本修复必须与之共存：
+
+| 场景 | 期望行为 | 处理者 |
+|---|---|---|
+| 刷新帖子页 | 恢复到上次位置 | `useScrollRestoration`（sessionStorage + rAF） |
+| SPA 导航进入帖子 | 从顶部开始 | 本修复（重置 scrollTop=0） |
+| `/post/123` → `/post/456` | 从顶部开始 | 本修复（重置 scrollTop=0） |
+
+**区分依据**：`pagehide` 时 `saveScrollPositions` 将当前 URL 的滚动记录存入 sessionStorage。刷新后该记录存在；SPA 导航进入时该记录不存在（从未为此 URL 保存过，或已被 `restoreScrollPositions` 消费清除）。因此 PostDetailPage 渲染 `.page-wrap` 时检查 sessionStorage 是否有当前 URL 的记录即可区分两种场景。
+
+**时序保证**：React 的 effect 执行顺序是子组件先于父组件。PostDetailPage 的 `useLayoutEffect` 在 MainLayout 的 `useEffect`（含 `useScrollRestoration`）之前执行。此时 sessionStorage 记录尚未被消费，`hasPendingScrollRestore()` 返回准确值。
+
+## 改动计划
+
+### 1. `frontend/src/utils/scrollRestore.ts` — 新增 `hasPendingScrollRestore`
+
+在现有文件中新增导出函数：
+
+```ts
+/** 检查 sessionStorage 中是否有指定 URL 的待恢复滚动记录（不消费/不删除） */
+export function hasPendingScrollRestore(url: string = getCurrentUrl()): boolean {
+  try {
+    const raw = sessionStorage.getItem(storageKey(url));
+    if (!raw) return false;
+    const entry = JSON.parse(raw) as SavedPositions;
+    return !!entry?.containers && Object.keys(entry.containers).length > 0;
+  } catch {
+    return false;
+  }
+}
+```
+
+纯读取，不删除记录（`restoreScrollPositions` 的 rAF 循环仍需要它来恢复）。
+
+### 2. 新建 `frontend/src/hooks/useScrollToTopOnMount.ts`
+
+通用 hook，在滚动容器渲染就绪后重置到顶部（刷新场景跳过）：
+
+```ts
+import { useLayoutEffect, useRef, type RefObject } from 'react';
+import { hasPendingScrollRestore } from '../utils/scrollRestore';
+
+/**
+ * 滚动容器渲染就绪后重置到顶部。
+ * - 首次就绪：刷新场景（sessionStorage 有记录）跳过，让 useScrollRestoration 恢复；
+ *   SPA 导航（无记录）重置到顶部。
+ * - deps 变化（如 postId 变化）：始终重置到顶部。
+ * - 同 deps 的 ready 状态变化（如评论刷新导致 loading 短暂为 true）：不处理，避免误重置。
+ */
+export function useScrollToTopOnMount(
+  scrollRef: RefObject<HTMLElement | null>,
+  deps: React.DependencyList,
+  ready: boolean,
+): void {
+  const lastKeyRef = useRef<string | null>(null);
+  const key = JSON.stringify(deps);
+
+  useLayoutEffect(() => {
+    if (!ready || !scrollRef.current) return;
+
+    if (lastKeyRef.current === null) {
+      lastKeyRef.current = key;
+      if (!hasPendingScrollRestore()) {
+        scrollRef.current.scrollTop = 0;
+      }
+      return;
+    }
+
+    if (lastKeyRef.current !== key) {
+      lastKeyRef.current = key;
+      scrollRef.current.scrollTop = 0;
+    }
+  }, [key, ready]); // ready 变化时重新检查
+}
+```
+
+### 3. `frontend/src/pages/PostDetailPage.tsx` — 调用 hook
+
+在 `pageRef` 定义之后（L108 之后）、`useGlobalWheelScroll` 调用处附近添加：
+
+```ts
+import { useScrollToTopOnMount } from '../hooks/useScrollToTopOnMount';
+// ...
+useScrollToTopOnMount(pageRef, [postId], !loading && !!post);
+```
+
+- `deps: [postId]` — `/post/123` → `/post/456` 时重置
+- `ready: !loading && !!post` — `.page-wrap` 仅在此时渲染（L446 loading return、L447 !post return），pageRef.current 才有效
+
+### 不需要改动的部分
+
+- **其他页面**（FavoritesPage、MessagesPage、ProfilePage 等）：用户仅报告了帖子页问题。这些页面内容较短，滚动保留不明显。如后续报告可复用此 hook。
+- **MainLayout / AdminLayout**：`useScrollRestoration` 不变。
+- **`history.scrollRestoration`**：不设为 `'manual'`，避免影响 back/forward 时其他页面的浏览器原生恢复。
+
+## 验证步骤
+
+1. **SPA 导航进入帖子**：从首页点击帖子 → 滑到下方 → 返回首页 → 再次点击同一帖子 → 应从顶部开始。
+2. **帖子间切换**：`/post/123` 滑到下方 → 直接导航到 `/post/456` → 应从顶部开始。
+3. **刷新保持位置**：在帖子页滑到下方 → F5 刷新 → 应恢复到原位置（`useScrollRestoration` 生效，hook 跳过）。
+4. **硬刷新保持位置**：同上但用 Ctrl+F5 → 应恢复到原位置。
+5. **首次访问**：从未访问过的帖子 → 应从顶部开始（sessionStorage 无记录）。
+6. **诊断无错误**：TypeScript 编译通过。
diff --git a/frontend/public/stickers/bilibili/bl_01.avif b/frontend/public/stickers/bilibili/bl_01.avif
new file mode 100644
index 0000000..84a3d22
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_01.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_02.avif b/frontend/public/stickers/bilibili/bl_02.avif
new file mode 100644
index 0000000..f1393aa
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_02.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_03.avif b/frontend/public/stickers/bilibili/bl_03.avif
new file mode 100644
index 0000000..be0957d
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_03.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_04.avif b/frontend/public/stickers/bilibili/bl_04.avif
new file mode 100644
index 0000000..543cb7e
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_04.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_05.avif b/frontend/public/stickers/bilibili/bl_05.avif
new file mode 100644
index 0000000..ca375cd
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_05.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_06.avif b/frontend/public/stickers/bilibili/bl_06.avif
new file mode 100644
index 0000000..2ce1ca4
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_06.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_07.avif b/frontend/public/stickers/bilibili/bl_07.avif
new file mode 100644
index 0000000..bee8581
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_07.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_08.avif b/frontend/public/stickers/bilibili/bl_08.avif
new file mode 100644
index 0000000..9495641
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_08.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_09.avif b/frontend/public/stickers/bilibili/bl_09.avif
new file mode 100644
index 0000000..22f9673
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_09.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_10.avif b/frontend/public/stickers/bilibili/bl_10.avif
new file mode 100644
index 0000000..c451658
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_10.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_11.avif b/frontend/public/stickers/bilibili/bl_11.avif
new file mode 100644
index 0000000..7b7fac1
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_11.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_12.avif b/frontend/public/stickers/bilibili/bl_12.avif
new file mode 100644
index 0000000..4cccf69
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_12.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_13.avif b/frontend/public/stickers/bilibili/bl_13.avif
new file mode 100644
index 0000000..2f83850
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_13.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_14.avif b/frontend/public/stickers/bilibili/bl_14.avif
new file mode 100644
index 0000000..da82ac1
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_14.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_15.avif b/frontend/public/stickers/bilibili/bl_15.avif
new file mode 100644
index 0000000..8ad7fdc
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_15.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_16.avif b/frontend/public/stickers/bilibili/bl_16.avif
new file mode 100644
index 0000000..81eb3a5
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_16.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_17.avif b/frontend/public/stickers/bilibili/bl_17.avif
new file mode 100644
index 0000000..dba0882
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_17.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_18.avif b/frontend/public/stickers/bilibili/bl_18.avif
new file mode 100644
index 0000000..ceb07ec
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_18.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_19.avif b/frontend/public/stickers/bilibili/bl_19.avif
new file mode 100644
index 0000000..8e40c32
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_19.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_20.avif b/frontend/public/stickers/bilibili/bl_20.avif
new file mode 100644
index 0000000..df3535c
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_20.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_21.avif b/frontend/public/stickers/bilibili/bl_21.avif
new file mode 100644
index 0000000..d07b544
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_21.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_22.avif b/frontend/public/stickers/bilibili/bl_22.avif
new file mode 100644
index 0000000..ffc7c21
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_22.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_23.avif b/frontend/public/stickers/bilibili/bl_23.avif
new file mode 100644
index 0000000..209f281
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_23.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_24.avif b/frontend/public/stickers/bilibili/bl_24.avif
new file mode 100644
index 0000000..5702603
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_24.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_25.avif b/frontend/public/stickers/bilibili/bl_25.avif
new file mode 100644
index 0000000..c6d53b5
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_25.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_26.avif b/frontend/public/stickers/bilibili/bl_26.avif
new file mode 100644
index 0000000..609a352
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_26.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_27.avif b/frontend/public/stickers/bilibili/bl_27.avif
new file mode 100644
index 0000000..1a2f4ed
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_27.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_28.avif b/frontend/public/stickers/bilibili/bl_28.avif
new file mode 100644
index 0000000..11eb10a
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_28.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_29.avif b/frontend/public/stickers/bilibili/bl_29.avif
new file mode 100644
index 0000000..eebb2d8
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_29.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_30.avif b/frontend/public/stickers/bilibili/bl_30.avif
new file mode 100644
index 0000000..8dd9f1f
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_30.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_31.avif b/frontend/public/stickers/bilibili/bl_31.avif
new file mode 100644
index 0000000..a2590c3
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_31.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_32.avif b/frontend/public/stickers/bilibili/bl_32.avif
new file mode 100644
index 0000000..ebcd67d
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_32.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_33.avif b/frontend/public/stickers/bilibili/bl_33.avif
new file mode 100644
index 0000000..b0d52a6
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_33.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_34.avif b/frontend/public/stickers/bilibili/bl_34.avif
new file mode 100644
index 0000000..ee06d9d
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_34.avif differ
diff --git a/frontend/public/stickers/bilibili/bl_35.avif b/frontend/public/stickers/bilibili/bl_35.avif
new file mode 100644
index 0000000..1ddfa18
Binary files /dev/null and b/frontend/public/stickers/bilibili/bl_35.avif differ
diff --git a/frontend/public/stickers/douyin/dy_01.avif b/frontend/public/stickers/douyin/dy_01.avif
new file mode 100644
index 0000000..882ccf9
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_01.avif differ
diff --git a/frontend/public/stickers/douyin/dy_02.avif b/frontend/public/stickers/douyin/dy_02.avif
new file mode 100644
index 0000000..7d27211
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_02.avif differ
diff --git a/frontend/public/stickers/douyin/dy_03.avif b/frontend/public/stickers/douyin/dy_03.avif
new file mode 100644
index 0000000..a057c15
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_03.avif differ
diff --git a/frontend/public/stickers/douyin/dy_04.avif b/frontend/public/stickers/douyin/dy_04.avif
new file mode 100644
index 0000000..a5664d6
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_04.avif differ
diff --git a/frontend/public/stickers/douyin/dy_05.avif b/frontend/public/stickers/douyin/dy_05.avif
new file mode 100644
index 0000000..830cc0c
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_05.avif differ
diff --git a/frontend/public/stickers/douyin/dy_06.avif b/frontend/public/stickers/douyin/dy_06.avif
new file mode 100644
index 0000000..61dbc24
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_06.avif differ
diff --git a/frontend/public/stickers/douyin/dy_07.avif b/frontend/public/stickers/douyin/dy_07.avif
new file mode 100644
index 0000000..8f87637
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_07.avif differ
diff --git a/frontend/public/stickers/douyin/dy_08.avif b/frontend/public/stickers/douyin/dy_08.avif
new file mode 100644
index 0000000..cc87e7b
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_08.avif differ
diff --git a/frontend/public/stickers/douyin/dy_09.avif b/frontend/public/stickers/douyin/dy_09.avif
new file mode 100644
index 0000000..caf5335
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_09.avif differ
diff --git a/frontend/public/stickers/douyin/dy_10.avif b/frontend/public/stickers/douyin/dy_10.avif
new file mode 100644
index 0000000..c74a2ec
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_10.avif differ
diff --git a/frontend/public/stickers/douyin/dy_11.avif b/frontend/public/stickers/douyin/dy_11.avif
new file mode 100644
index 0000000..b447f19
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_11.avif differ
diff --git a/frontend/public/stickers/douyin/dy_12.avif b/frontend/public/stickers/douyin/dy_12.avif
new file mode 100644
index 0000000..a8a06d6
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_12.avif differ
diff --git a/frontend/public/stickers/douyin/dy_13.avif b/frontend/public/stickers/douyin/dy_13.avif
new file mode 100644
index 0000000..051a469
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_13.avif differ
diff --git a/frontend/public/stickers/douyin/dy_14.avif b/frontend/public/stickers/douyin/dy_14.avif
new file mode 100644
index 0000000..2d55f41
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_14.avif differ
diff --git a/frontend/public/stickers/douyin/dy_15.avif b/frontend/public/stickers/douyin/dy_15.avif
new file mode 100644
index 0000000..dba9612
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_15.avif differ
diff --git a/frontend/public/stickers/douyin/dy_16.avif b/frontend/public/stickers/douyin/dy_16.avif
new file mode 100644
index 0000000..2468fb5
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_16.avif differ
diff --git a/frontend/public/stickers/douyin/dy_17.avif b/frontend/public/stickers/douyin/dy_17.avif
new file mode 100644
index 0000000..618c975
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_17.avif differ
diff --git a/frontend/public/stickers/douyin/dy_18.avif b/frontend/public/stickers/douyin/dy_18.avif
new file mode 100644
index 0000000..7d8e614
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_18.avif differ
diff --git a/frontend/public/stickers/douyin/dy_19.avif b/frontend/public/stickers/douyin/dy_19.avif
new file mode 100644
index 0000000..56c695c
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_19.avif differ
diff --git a/frontend/public/stickers/douyin/dy_20.avif b/frontend/public/stickers/douyin/dy_20.avif
new file mode 100644
index 0000000..06dfcce
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_20.avif differ
diff --git a/frontend/public/stickers/douyin/dy_21.avif b/frontend/public/stickers/douyin/dy_21.avif
new file mode 100644
index 0000000..07891de
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_21.avif differ
diff --git a/frontend/public/stickers/douyin/dy_22.avif b/frontend/public/stickers/douyin/dy_22.avif
new file mode 100644
index 0000000..d2e25ff
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_22.avif differ
diff --git a/frontend/public/stickers/douyin/dy_23.avif b/frontend/public/stickers/douyin/dy_23.avif
new file mode 100644
index 0000000..fcd67cf
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_23.avif differ
diff --git a/frontend/public/stickers/douyin/dy_24.avif b/frontend/public/stickers/douyin/dy_24.avif
new file mode 100644
index 0000000..416efb6
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_24.avif differ
diff --git a/frontend/public/stickers/douyin/dy_25.avif b/frontend/public/stickers/douyin/dy_25.avif
new file mode 100644
index 0000000..9f4ae5f
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_25.avif differ
diff --git a/frontend/public/stickers/douyin/dy_26.avif b/frontend/public/stickers/douyin/dy_26.avif
new file mode 100644
index 0000000..0205966
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_26.avif differ
diff --git a/frontend/public/stickers/douyin/dy_27.avif b/frontend/public/stickers/douyin/dy_27.avif
new file mode 100644
index 0000000..8cfe9f2
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_27.avif differ
diff --git a/frontend/public/stickers/douyin/dy_28.avif b/frontend/public/stickers/douyin/dy_28.avif
new file mode 100644
index 0000000..1cba92a
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_28.avif differ
diff --git a/frontend/public/stickers/douyin/dy_29.avif b/frontend/public/stickers/douyin/dy_29.avif
new file mode 100644
index 0000000..540435a
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_29.avif differ
diff --git a/frontend/public/stickers/douyin/dy_30.avif b/frontend/public/stickers/douyin/dy_30.avif
new file mode 100644
index 0000000..f1807fc
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_30.avif differ
diff --git a/frontend/public/stickers/douyin/dy_31.avif b/frontend/public/stickers/douyin/dy_31.avif
new file mode 100644
index 0000000..85e5f04
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_31.avif differ
diff --git a/frontend/public/stickers/douyin/dy_32.avif b/frontend/public/stickers/douyin/dy_32.avif
new file mode 100644
index 0000000..60d9610
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_32.avif differ
diff --git a/frontend/public/stickers/douyin/dy_33.avif b/frontend/public/stickers/douyin/dy_33.avif
new file mode 100644
index 0000000..1e0ef10
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_33.avif differ
diff --git a/frontend/public/stickers/douyin/dy_34.avif b/frontend/public/stickers/douyin/dy_34.avif
new file mode 100644
index 0000000..5539fe2
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_34.avif differ
diff --git a/frontend/public/stickers/douyin/dy_35.avif b/frontend/public/stickers/douyin/dy_35.avif
new file mode 100644
index 0000000..45e7b17
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_35.avif differ
diff --git a/frontend/public/stickers/douyin/dy_36.avif b/frontend/public/stickers/douyin/dy_36.avif
new file mode 100644
index 0000000..846d06b
Binary files /dev/null and b/frontend/public/stickers/douyin/dy_36.avif differ
diff --git a/frontend/public/stickers/tieba/tb_01.avif b/frontend/public/stickers/tieba/tb_01.avif
new file mode 100644
index 0000000..5fdfbed
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_01.avif differ
diff --git a/frontend/public/stickers/tieba/tb_02.avif b/frontend/public/stickers/tieba/tb_02.avif
new file mode 100644
index 0000000..c4d3b3f
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_02.avif differ
diff --git a/frontend/public/stickers/tieba/tb_03.avif b/frontend/public/stickers/tieba/tb_03.avif
new file mode 100644
index 0000000..e88560e
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_03.avif differ
diff --git a/frontend/public/stickers/tieba/tb_04.avif b/frontend/public/stickers/tieba/tb_04.avif
new file mode 100644
index 0000000..c9fc706
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_04.avif differ
diff --git a/frontend/public/stickers/tieba/tb_05.avif b/frontend/public/stickers/tieba/tb_05.avif
new file mode 100644
index 0000000..19281d0
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_05.avif differ
diff --git a/frontend/public/stickers/tieba/tb_06.avif b/frontend/public/stickers/tieba/tb_06.avif
new file mode 100644
index 0000000..78227fd
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_06.avif differ
diff --git a/frontend/public/stickers/tieba/tb_07.avif b/frontend/public/stickers/tieba/tb_07.avif
new file mode 100644
index 0000000..dd4edbd
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_07.avif differ
diff --git a/frontend/public/stickers/tieba/tb_08.avif b/frontend/public/stickers/tieba/tb_08.avif
new file mode 100644
index 0000000..9431862
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_08.avif differ
diff --git a/frontend/public/stickers/tieba/tb_09.avif b/frontend/public/stickers/tieba/tb_09.avif
new file mode 100644
index 0000000..6613d13
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_09.avif differ
diff --git a/frontend/public/stickers/tieba/tb_10.avif b/frontend/public/stickers/tieba/tb_10.avif
new file mode 100644
index 0000000..764a107
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_10.avif differ
diff --git a/frontend/public/stickers/tieba/tb_11.avif b/frontend/public/stickers/tieba/tb_11.avif
new file mode 100644
index 0000000..4873d87
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_11.avif differ
diff --git a/frontend/public/stickers/tieba/tb_12.avif b/frontend/public/stickers/tieba/tb_12.avif
new file mode 100644
index 0000000..f7d8eac
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_12.avif differ
diff --git a/frontend/public/stickers/tieba/tb_13.avif b/frontend/public/stickers/tieba/tb_13.avif
new file mode 100644
index 0000000..9cd4a4f
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_13.avif differ
diff --git a/frontend/public/stickers/tieba/tb_14.avif b/frontend/public/stickers/tieba/tb_14.avif
new file mode 100644
index 0000000..99ca483
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_14.avif differ
diff --git a/frontend/public/stickers/tieba/tb_15.avif b/frontend/public/stickers/tieba/tb_15.avif
new file mode 100644
index 0000000..10eae1a
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_15.avif differ
diff --git a/frontend/public/stickers/tieba/tb_16.avif b/frontend/public/stickers/tieba/tb_16.avif
new file mode 100644
index 0000000..36c4d6e
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_16.avif differ
diff --git a/frontend/public/stickers/tieba/tb_17.avif b/frontend/public/stickers/tieba/tb_17.avif
new file mode 100644
index 0000000..9af4cdd
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_17.avif differ
diff --git a/frontend/public/stickers/tieba/tb_18.avif b/frontend/public/stickers/tieba/tb_18.avif
new file mode 100644
index 0000000..55dc41a
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_18.avif differ
diff --git a/frontend/public/stickers/tieba/tb_19.avif b/frontend/public/stickers/tieba/tb_19.avif
new file mode 100644
index 0000000..3149587
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_19.avif differ
diff --git a/frontend/public/stickers/tieba/tb_20.avif b/frontend/public/stickers/tieba/tb_20.avif
new file mode 100644
index 0000000..6511aaf
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_20.avif differ
diff --git a/frontend/public/stickers/tieba/tb_21.avif b/frontend/public/stickers/tieba/tb_21.avif
new file mode 100644
index 0000000..b557c17
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_21.avif differ
diff --git a/frontend/public/stickers/tieba/tb_22.avif b/frontend/public/stickers/tieba/tb_22.avif
new file mode 100644
index 0000000..9fa5216
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_22.avif differ
diff --git a/frontend/public/stickers/tieba/tb_23.avif b/frontend/public/stickers/tieba/tb_23.avif
new file mode 100644
index 0000000..9c0b0dc
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_23.avif differ
diff --git a/frontend/public/stickers/tieba/tb_24.avif b/frontend/public/stickers/tieba/tb_24.avif
new file mode 100644
index 0000000..1e9d78c
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_24.avif differ
diff --git a/frontend/public/stickers/tieba/tb_25.avif b/frontend/public/stickers/tieba/tb_25.avif
new file mode 100644
index 0000000..208ca4b
Binary files /dev/null and b/frontend/public/stickers/tieba/tb_25.avif differ
diff --git a/frontend/public/stickers/weibo/wb_01.avif b/frontend/public/stickers/weibo/wb_01.avif
new file mode 100644
index 0000000..2854e7d
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_01.avif differ
diff --git a/frontend/public/stickers/weibo/wb_02.avif b/frontend/public/stickers/weibo/wb_02.avif
new file mode 100644
index 0000000..e1daf08
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_02.avif differ
diff --git a/frontend/public/stickers/weibo/wb_03.avif b/frontend/public/stickers/weibo/wb_03.avif
new file mode 100644
index 0000000..17e9731
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_03.avif differ
diff --git a/frontend/public/stickers/weibo/wb_04.avif b/frontend/public/stickers/weibo/wb_04.avif
new file mode 100644
index 0000000..11af8c9
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_04.avif differ
diff --git a/frontend/public/stickers/weibo/wb_05.avif b/frontend/public/stickers/weibo/wb_05.avif
new file mode 100644
index 0000000..b3dba86
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_05.avif differ
diff --git a/frontend/public/stickers/weibo/wb_06.avif b/frontend/public/stickers/weibo/wb_06.avif
new file mode 100644
index 0000000..a825921
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_06.avif differ
diff --git a/frontend/public/stickers/weibo/wb_07.avif b/frontend/public/stickers/weibo/wb_07.avif
new file mode 100644
index 0000000..722e55b
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_07.avif differ
diff --git a/frontend/public/stickers/weibo/wb_08.avif b/frontend/public/stickers/weibo/wb_08.avif
new file mode 100644
index 0000000..3596f4a
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_08.avif differ
diff --git a/frontend/public/stickers/weibo/wb_09.avif b/frontend/public/stickers/weibo/wb_09.avif
new file mode 100644
index 0000000..479b505
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_09.avif differ
diff --git a/frontend/public/stickers/weibo/wb_10.avif b/frontend/public/stickers/weibo/wb_10.avif
new file mode 100644
index 0000000..5a4aac5
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_10.avif differ
diff --git a/frontend/public/stickers/weibo/wb_11.avif b/frontend/public/stickers/weibo/wb_11.avif
new file mode 100644
index 0000000..8d946ba
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_11.avif differ
diff --git a/frontend/public/stickers/weibo/wb_12.avif b/frontend/public/stickers/weibo/wb_12.avif
new file mode 100644
index 0000000..0dedeb5
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_12.avif differ
diff --git a/frontend/public/stickers/weibo/wb_13.avif b/frontend/public/stickers/weibo/wb_13.avif
new file mode 100644
index 0000000..05c995c
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_13.avif differ
diff --git a/frontend/public/stickers/weibo/wb_14.avif b/frontend/public/stickers/weibo/wb_14.avif
new file mode 100644
index 0000000..54cf9a5
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_14.avif differ
diff --git a/frontend/public/stickers/weibo/wb_15.avif b/frontend/public/stickers/weibo/wb_15.avif
new file mode 100644
index 0000000..c404ec6
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_15.avif differ
diff --git a/frontend/public/stickers/weibo/wb_16.avif b/frontend/public/stickers/weibo/wb_16.avif
new file mode 100644
index 0000000..4af1e99
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_16.avif differ
diff --git a/frontend/public/stickers/weibo/wb_17.avif b/frontend/public/stickers/weibo/wb_17.avif
new file mode 100644
index 0000000..fa2fd82
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_17.avif differ
diff --git a/frontend/public/stickers/weibo/wb_18.avif b/frontend/public/stickers/weibo/wb_18.avif
new file mode 100644
index 0000000..5efbb36
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_18.avif differ
diff --git a/frontend/public/stickers/weibo/wb_19.avif b/frontend/public/stickers/weibo/wb_19.avif
new file mode 100644
index 0000000..77cfffa
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_19.avif differ
diff --git a/frontend/public/stickers/weibo/wb_20.avif b/frontend/public/stickers/weibo/wb_20.avif
new file mode 100644
index 0000000..586a611
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_20.avif differ
diff --git a/frontend/public/stickers/weibo/wb_21.avif b/frontend/public/stickers/weibo/wb_21.avif
new file mode 100644
index 0000000..0877f79
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_21.avif differ
diff --git a/frontend/public/stickers/weibo/wb_22.avif b/frontend/public/stickers/weibo/wb_22.avif
new file mode 100644
index 0000000..6e7540c
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_22.avif differ
diff --git a/frontend/public/stickers/weibo/wb_23.avif b/frontend/public/stickers/weibo/wb_23.avif
new file mode 100644
index 0000000..b5b0a78
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_23.avif differ
diff --git a/frontend/public/stickers/weibo/wb_24.avif b/frontend/public/stickers/weibo/wb_24.avif
new file mode 100644
index 0000000..12dc935
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_24.avif differ
diff --git a/frontend/public/stickers/weibo/wb_25.avif b/frontend/public/stickers/weibo/wb_25.avif
new file mode 100644
index 0000000..5eb78d7
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_25.avif differ
diff --git a/frontend/public/stickers/weibo/wb_26.avif b/frontend/public/stickers/weibo/wb_26.avif
new file mode 100644
index 0000000..1a8fdf6
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_26.avif differ
diff --git a/frontend/public/stickers/weibo/wb_27.avif b/frontend/public/stickers/weibo/wb_27.avif
new file mode 100644
index 0000000..432aafd
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_27.avif differ
diff --git a/frontend/public/stickers/weibo/wb_28.avif b/frontend/public/stickers/weibo/wb_28.avif
new file mode 100644
index 0000000..a3d1105
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_28.avif differ
diff --git a/frontend/public/stickers/weibo/wb_29.avif b/frontend/public/stickers/weibo/wb_29.avif
new file mode 100644
index 0000000..361b8c1
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_29.avif differ
diff --git a/frontend/public/stickers/weibo/wb_30.avif b/frontend/public/stickers/weibo/wb_30.avif
new file mode 100644
index 0000000..2c6b109
Binary files /dev/null and b/frontend/public/stickers/weibo/wb_30.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_01.avif b/frontend/public/stickers/xiaohongshu/xhs_01.avif
new file mode 100644
index 0000000..efcb0cd
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_01.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_02.avif b/frontend/public/stickers/xiaohongshu/xhs_02.avif
new file mode 100644
index 0000000..625e1db
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_02.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_03.avif b/frontend/public/stickers/xiaohongshu/xhs_03.avif
new file mode 100644
index 0000000..a15e7f4
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_03.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_04.avif b/frontend/public/stickers/xiaohongshu/xhs_04.avif
new file mode 100644
index 0000000..cbb6125
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_04.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_05.avif b/frontend/public/stickers/xiaohongshu/xhs_05.avif
new file mode 100644
index 0000000..b2ce275
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_05.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_06.avif b/frontend/public/stickers/xiaohongshu/xhs_06.avif
new file mode 100644
index 0000000..6ea087a
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_06.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_07.avif b/frontend/public/stickers/xiaohongshu/xhs_07.avif
new file mode 100644
index 0000000..f38be33
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_07.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_08.avif b/frontend/public/stickers/xiaohongshu/xhs_08.avif
new file mode 100644
index 0000000..5168892
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_08.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_09.avif b/frontend/public/stickers/xiaohongshu/xhs_09.avif
new file mode 100644
index 0000000..d24485e
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_09.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_10.avif b/frontend/public/stickers/xiaohongshu/xhs_10.avif
new file mode 100644
index 0000000..4e39bf3
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_10.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_11.avif b/frontend/public/stickers/xiaohongshu/xhs_11.avif
new file mode 100644
index 0000000..bb31520
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_11.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_12.avif b/frontend/public/stickers/xiaohongshu/xhs_12.avif
new file mode 100644
index 0000000..e2b0b7b
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_12.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_13.avif b/frontend/public/stickers/xiaohongshu/xhs_13.avif
new file mode 100644
index 0000000..76a4c6b
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_13.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_14.avif b/frontend/public/stickers/xiaohongshu/xhs_14.avif
new file mode 100644
index 0000000..676e82c
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_14.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_15.avif b/frontend/public/stickers/xiaohongshu/xhs_15.avif
new file mode 100644
index 0000000..c082038
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_15.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_16.avif b/frontend/public/stickers/xiaohongshu/xhs_16.avif
new file mode 100644
index 0000000..ea89e71
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_16.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_17.avif b/frontend/public/stickers/xiaohongshu/xhs_17.avif
new file mode 100644
index 0000000..30d2ca5
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_17.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_18.avif b/frontend/public/stickers/xiaohongshu/xhs_18.avif
new file mode 100644
index 0000000..bed948e
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_18.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_19.avif b/frontend/public/stickers/xiaohongshu/xhs_19.avif
new file mode 100644
index 0000000..69fd2dd
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_19.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_20.avif b/frontend/public/stickers/xiaohongshu/xhs_20.avif
new file mode 100644
index 0000000..a818a9a
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_20.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_21.avif b/frontend/public/stickers/xiaohongshu/xhs_21.avif
new file mode 100644
index 0000000..c152a67
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_21.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_22.avif b/frontend/public/stickers/xiaohongshu/xhs_22.avif
new file mode 100644
index 0000000..0d395f2
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_22.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_23.avif b/frontend/public/stickers/xiaohongshu/xhs_23.avif
new file mode 100644
index 0000000..c459bdf
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_23.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_24.avif b/frontend/public/stickers/xiaohongshu/xhs_24.avif
new file mode 100644
index 0000000..4e12552
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_24.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_25.avif b/frontend/public/stickers/xiaohongshu/xhs_25.avif
new file mode 100644
index 0000000..4e4ba09
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_25.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_26.avif b/frontend/public/stickers/xiaohongshu/xhs_26.avif
new file mode 100644
index 0000000..c91f914
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_26.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_27.avif b/frontend/public/stickers/xiaohongshu/xhs_27.avif
new file mode 100644
index 0000000..61c3361
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_27.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_28.avif b/frontend/public/stickers/xiaohongshu/xhs_28.avif
new file mode 100644
index 0000000..0d51d43
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_28.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_29.avif b/frontend/public/stickers/xiaohongshu/xhs_29.avif
new file mode 100644
index 0000000..f9da0af
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_29.avif differ
diff --git a/frontend/public/stickers/xiaohongshu/xhs_30.avif b/frontend/public/stickers/xiaohongshu/xhs_30.avif
new file mode 100644
index 0000000..2c2d7be
Binary files /dev/null and b/frontend/public/stickers/xiaohongshu/xhs_30.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_01.avif b/frontend/public/stickers/zhihu/zh_01.avif
new file mode 100644
index 0000000..8738c51
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_01.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_02.avif b/frontend/public/stickers/zhihu/zh_02.avif
new file mode 100644
index 0000000..c5fb297
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_02.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_03.avif b/frontend/public/stickers/zhihu/zh_03.avif
new file mode 100644
index 0000000..7d3d71f
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_03.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_04.avif b/frontend/public/stickers/zhihu/zh_04.avif
new file mode 100644
index 0000000..b86bc38
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_04.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_05.avif b/frontend/public/stickers/zhihu/zh_05.avif
new file mode 100644
index 0000000..00ad5b2
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_05.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_06.avif b/frontend/public/stickers/zhihu/zh_06.avif
new file mode 100644
index 0000000..5b1210b
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_06.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_07.avif b/frontend/public/stickers/zhihu/zh_07.avif
new file mode 100644
index 0000000..dbca305
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_07.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_08.avif b/frontend/public/stickers/zhihu/zh_08.avif
new file mode 100644
index 0000000..8475e5e
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_08.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_09.avif b/frontend/public/stickers/zhihu/zh_09.avif
new file mode 100644
index 0000000..9f37473
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_09.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_10.avif b/frontend/public/stickers/zhihu/zh_10.avif
new file mode 100644
index 0000000..20b1b34
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_10.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_11.avif b/frontend/public/stickers/zhihu/zh_11.avif
new file mode 100644
index 0000000..c17c5ad
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_11.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_12.avif b/frontend/public/stickers/zhihu/zh_12.avif
new file mode 100644
index 0000000..766e42a
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_12.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_13.avif b/frontend/public/stickers/zhihu/zh_13.avif
new file mode 100644
index 0000000..2c324e2
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_13.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_14.avif b/frontend/public/stickers/zhihu/zh_14.avif
new file mode 100644
index 0000000..a16d1b6
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_14.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_15.avif b/frontend/public/stickers/zhihu/zh_15.avif
new file mode 100644
index 0000000..414087b
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_15.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_16.avif b/frontend/public/stickers/zhihu/zh_16.avif
new file mode 100644
index 0000000..d47fd73
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_16.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_17.avif b/frontend/public/stickers/zhihu/zh_17.avif
new file mode 100644
index 0000000..22693b7
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_17.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_18.avif b/frontend/public/stickers/zhihu/zh_18.avif
new file mode 100644
index 0000000..2de042f
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_18.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_19.avif b/frontend/public/stickers/zhihu/zh_19.avif
new file mode 100644
index 0000000..bda48aa
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_19.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_20.avif b/frontend/public/stickers/zhihu/zh_20.avif
new file mode 100644
index 0000000..a42bfb3
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_20.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_21.avif b/frontend/public/stickers/zhihu/zh_21.avif
new file mode 100644
index 0000000..b04d5fa
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_21.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_22.avif b/frontend/public/stickers/zhihu/zh_22.avif
new file mode 100644
index 0000000..30d4f16
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_22.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_23.avif b/frontend/public/stickers/zhihu/zh_23.avif
new file mode 100644
index 0000000..30a9c2b
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_23.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_24.avif b/frontend/public/stickers/zhihu/zh_24.avif
new file mode 100644
index 0000000..ec6ab81
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_24.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_25.avif b/frontend/public/stickers/zhihu/zh_25.avif
new file mode 100644
index 0000000..f50e7cf
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_25.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_26.avif b/frontend/public/stickers/zhihu/zh_26.avif
new file mode 100644
index 0000000..8e31fe3
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_26.avif differ
diff --git a/frontend/public/stickers/zhihu/zh_27.avif b/frontend/public/stickers/zhihu/zh_27.avif
new file mode 100644
index 0000000..037e439
Binary files /dev/null and b/frontend/public/stickers/zhihu/zh_27.avif differ
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 5877de9..38fac5d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -70,8 +70,8 @@ const router = createBrowserRouter(
         <Route path="/profile" element={<ProfilePage />} />
         <Route path="/user/:id" element={<UserProfilePage />} />
         <Route path="/favorites" element={<FavoritesPage />} />
-        <Route path="/messages" element={<MessagesPage />} />
         <Route path="/projects" element={<ProjectsPage />} />
+        <Route path="/messages" element={<MessagesPage />} />
         <Route path="*" element={<Suspense fallback={<PageLoader />}><NotFoundPage /></Suspense>} />
       </Route>
       <Route path="*" element={<Suspense fallback={<PageLoader fullScreen />}><NotFoundPage standalone /></Suspense>} />
diff --git a/frontend/src/components/CommentBox.tsx b/frontend/src/components/CommentBox.tsx
index 7e436ad..a954d4c 100644
--- a/frontend/src/components/CommentBox.tsx
+++ b/frontend/src/components/CommentBox.tsx
@@ -1,15 +1,14 @@
-import { useState, useRef, useEffect, useCallback } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import { Send } from 'lucide-react';
 import { Switch } from '@/components/ui/switch';
 import { Button } from '@/components/ui/button';
 import { notify } from '@/lib/notify';
-import { api } from '../api/client';
 import type { User, Comment } from '../api/types';
-import EmojiPicker from './EmojiPicker';
+import CommentEditor, { type CommentEditorHandle } from './CommentEditor';
 import { commentNick } from '../utils/comment';
 import { loginPath, registerPath } from '../utils/authRedirect';
-import { cn } from '@/lib/utils';
+import { isHtmlEmpty } from '../utils/postContent';
 
 export interface CommentSubmitData {
   content: string;
@@ -26,179 +25,32 @@ interface Props {
   onCancelReply?: () => void;
 }
 
-type MentionUser = { id: number; username: string; nickname: string; avatar?: string };
-
-/** 评论输入框：需登录后发表；支持 @ 用户补全 */
+/** 评论输入框：需登录后发表；富文本编辑器 + 贴纸 + 隐私评论 */
 export default function CommentBox({ user, replyTo, inline, submitting, submitCount = 0, onSubmit, onCancelReply }: Props) {
   const [content, setContent] = useState('');
   const [isPrivate, setIsPrivate] = useState(false);
-  const [showEmoji, setShowEmoji] = useState(false);
-  const [mentionQuery, setMentionQuery] = useState<string | null>(null);
-  const [mentionStart, setMentionStart] = useState(-1);
-  const [mentionUsers, setMentionUsers] = useState<MentionUser[]>([]);
-  const [mentionIndex, setMentionIndex] = useState(0);
-  const [mentionLoading, setMentionLoading] = useState(false);
-  const textareaRef = useRef<HTMLTextAreaElement>(null);
-  const boxRef = useRef<HTMLDivElement>(null);
-  const owoRef = useRef<HTMLButtonElement>(null);
-  const mentionTimer = useRef<number | null>(null);
+  const editorRef = useRef<CommentEditorHandle>(null);
 
   useEffect(() => {
     if (inline && replyTo) {
-      textareaRef.current?.focus({ preventScroll: true });
+      editorRef.current?.focus();
     }
   }, [replyTo?.id, inline]);
 
   useEffect(() => {
     setContent('');
-    setShowEmoji(false);
     setIsPrivate(false);
-    setMentionQuery(null);
-    setMentionUsers([]);
+    editorRef.current?.focus();
   }, [submitCount]);
 
-  useEffect(() => {
-    if (!showEmoji) return;
-    const onPointer = (e: MouseEvent) => {
-      if (boxRef.current && !boxRef.current.contains(e.target as Node)) {
-        setShowEmoji(false);
-        owoRef.current?.focus();
-      }
-    };
-    const onKey = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        setShowEmoji(false);
-        owoRef.current?.focus();
-      }
-    };
-    document.addEventListener('mousedown', onPointer);
-    document.addEventListener('keydown', onKey);
-    return () => {
-      document.removeEventListener('mousedown', onPointer);
-      document.removeEventListener('keydown', onKey);
-    };
-  }, [showEmoji]);
-
-  const closeMention = useCallback(() => {
-    setMentionQuery(null);
-    setMentionUsers([]);
-    setMentionIndex(0);
-    setMentionStart(-1);
-  }, []);
-
-  const scanMention = useCallback((text: string, caret: number) => {
-    const before = text.slice(0, caret);
-    const m = before.match(/@([\w\u4e00-\u9fa5_-]*)$/);
-    if (!m) {
-      closeMention();
-      return;
-    }
-    const start = caret - m[0].length;
-    // @ 前须为行首或空白，避免邮箱等误触
-    if (start > 0 && !/\s/.test(text[start - 1])) {
-      closeMention();
-      return;
-    }
-    setMentionStart(start);
-    setMentionQuery(m[1] ?? '');
-  }, [closeMention]);
-
-  useEffect(() => {
-    if (mentionQuery === null) return;
-    if (mentionQuery.length === 0) {
-      setMentionUsers([]);
-      setMentionLoading(false);
-      return;
-    }
-    if (mentionTimer.current) window.clearTimeout(mentionTimer.current);
-    mentionTimer.current = window.setTimeout(() => {
-      setMentionLoading(true);
-      api.searchUsers(mentionQuery, 8)
-        .then((r) => {
-          setMentionUsers(r.users || []);
-          setMentionIndex(0);
-        })
-        .catch(() => setMentionUsers([]))
-        .finally(() => setMentionLoading(false));
-    }, 200);
-    return () => {
-      if (mentionTimer.current) window.clearTimeout(mentionTimer.current);
-    };
-  }, [mentionQuery]);
-
-  const insertAtCaret = (insert: string, replaceFrom?: number, replaceTo?: number) => {
-    const el = textareaRef.current;
-    if (!el) {
-      setContent((prev) => prev + insert);
-      return;
-    }
-    const start = replaceFrom ?? el.selectionStart ?? content.length;
-    const end = replaceTo ?? el.selectionEnd ?? content.length;
-    const next = content.slice(0, start) + insert + content.slice(end);
-    setContent(next);
-    requestAnimationFrame(() => {
-      el.focus();
-      const pos = start + insert.length;
-      el.setSelectionRange(pos, pos);
-    });
-  };
-
-  const insertEmoji = (emoji: string) => {
-    insertAtCaret(emoji);
-  };
-
-  const pickMention = (u: MentionUser) => {
-    if (mentionStart < 0) return;
-    const el = textareaRef.current;
-    const caret = el?.selectionStart ?? content.length;
-    insertAtCaret(`@${u.username} `, mentionStart, caret);
-    closeMention();
-  };
-
-  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const next = e.target.value;
-    setContent(next);
-    scanMention(next, e.target.selectionStart ?? next.length);
-  };
-
   const handleSubmit = () => {
     if (!user) return;
-    const text = content.trim();
-    if (!text) {
+    if (isHtmlEmpty(content)) {
       notify.warning('请先写点内容');
-      textareaRef.current?.focus();
+      editorRef.current?.focus();
       return;
     }
-    onSubmit({ content: text, isPrivate });
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (mentionQuery !== null && mentionUsers.length > 0) {
-      if (e.key === 'ArrowDown') {
-        e.preventDefault();
-        setMentionIndex((i) => (i + 1) % mentionUsers.length);
-        return;
-      }
-      if (e.key === 'ArrowUp') {
-        e.preventDefault();
-        setMentionIndex((i) => (i - 1 + mentionUsers.length) % mentionUsers.length);
-        return;
-      }
-      if (e.key === 'Enter' || e.key === 'Tab') {
-        e.preventDefault();
-        pickMention(mentionUsers[mentionIndex]);
-        return;
-      }
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        closeMention();
-        return;
-      }
-    }
-    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
-      e.preventDefault();
-      handleSubmit();
-    }
+    onSubmit({ content, isPrivate });
   };
 
   if (!user) {
@@ -218,11 +70,10 @@ export default function CommentBox({ user, replyTo, inline, submitting, submitCo
   }
 
   const avatarInitial = user.nickname?.[0] || '?';
-  const canSend = !!content.trim() && !submitting;
-  const showMentionPopup = mentionQuery !== null && mentionQuery.length > 0;
+  const canSend = !submitting && !isHtmlEmpty(content);
 
   return (
-    <div className="comment-box" ref={boxRef}>
+    <div className="comment-box">
       <div className="comment-box-avatar">
         {user.avatar ? (
           <img src={user.avatar} alt="" className="comment-box-avatar-img" loading="lazy" decoding="async" />
@@ -244,86 +95,31 @@ export default function CommentBox({ user, replyTo, inline, submitting, submitCo
         )}
 
         <div className={`comment-box-input-wrap ${isPrivate ? 'private-mode' : ''}`}>
-          {showMentionPopup && (
-            <div className="comment-mention-popup" role="listbox" aria-label="提及用户">
-              {mentionLoading && mentionUsers.length === 0 ? (
-                <div className="comment-mention-empty">搜索中…</div>
-              ) : mentionUsers.length === 0 ? (
-                <div className="comment-mention-empty">没有匹配用户</div>
-              ) : (
-                mentionUsers.map((u, i) => (
-                  <button
-                    key={u.id}
-                    type="button"
-                    role="option"
-                    aria-selected={i === mentionIndex}
-                    className={cn('comment-mention-item', i === mentionIndex && 'active')}
-                    onMouseDown={(e) => {
-                      e.preventDefault();
-                      pickMention(u);
-                    }}
-                  >
-                    <span className="comment-mention-avatar" aria-hidden>
-                      {u.avatar
-                        ? <img src={u.avatar} alt="" />
-                        : (u.nickname?.[0] || u.username[0] || '?')}
-                    </span>
-                    <span className="comment-mention-meta">
-                      <span className="comment-mention-nick">{u.nickname || u.username}</span>
-                      <span className="comment-mention-user">@{u.username}</span>
-                    </span>
-                  </button>
-                ))
-              )}
-            </div>
-          )}
-          <textarea
-            ref={textareaRef}
-            className="comment-box-textarea"
-            placeholder={isPrivate ? '正在隐私评论中...' : '说点什么吧，可用 @ 提及用户'}
+          <CommentEditor
+            ref={editorRef}
             value={content}
-            onChange={handleChange}
-            onKeyDown={handleKeyDown}
-            onClick={(e) => scanMention(content, e.currentTarget.selectionStart ?? content.length)}
-            onKeyUp={(e) => {
-              if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(e.key)) {
-                scanMention(content, e.currentTarget.selectionStart ?? content.length);
-              }
-            }}
-            rows={3}
+            onChange={setContent}
+            placeholder={isPrivate ? '正在隐私评论中...' : '说点什么吧，可用 @ 提及用户'}
           />
+        </div>
+
+        <div className="comment-box-toolbar">
+          <label className="comment-box-private" title="仅作者与管理员可见">
+            <Switch checked={isPrivate} onCheckedChange={setIsPrivate} />
+            <span>隐私评论</span>
+          </label>
+          <span className="comment-box-private-hint">仅作者与管理员可见</span>
           <button
             type="button"
             className="comment-box-send"
             disabled={!canSend}
             onClick={handleSubmit}
             aria-label="发送评论"
-            title="发送（Ctrl/⌘ + Enter）"
+            title="发送"
           >
             <Send size={16} />
           </button>
         </div>
-
-        <div className="comment-box-toolbar">
-          <button
-            ref={owoRef}
-            type="button"
-            className={`comment-box-owo ${showEmoji ? 'active' : ''}`}
-            onClick={() => setShowEmoji((v) => !v)}
-            aria-label="插入表情"
-            aria-expanded={showEmoji}
-            aria-controls="comment-emoji-picker"
-          >
-            OwO
-          </button>
-          <label className="comment-box-private" title="仅作者与管理员可见">
-            <Switch checked={isPrivate} onCheckedChange={setIsPrivate} />
-            <span>隐私评论</span>
-          </label>
-          <span className="comment-box-private-hint">仅作者与管理员可见</span>
-        </div>
-
-        {showEmoji && <EmojiPicker id="comment-emoji-picker" onSelect={insertEmoji} />}
       </div>
     </div>
   );
diff --git a/frontend/src/components/CommentContent.tsx b/frontend/src/components/CommentContent.tsx
index 185daa3..0ad22df 100644
--- a/frontend/src/components/CommentContent.tsx
+++ b/frontend/src/components/CommentContent.tsx
@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom';
 import { api } from '../api/client';
-import { highlightMentions } from '../utils/content';
+import { renderCommentContent } from '../utils/content';
 import { userPath } from '../utils/userPath';
 
 interface Props {
@@ -47,7 +47,7 @@ export default function CommentContent({ content }: Props) {
         void openMention(name);
       }}
       dangerouslySetInnerHTML={{
-        __html: highlightMentions(content),
+        __html: renderCommentContent(content),
       }}
     />
   );
diff --git a/frontend/src/components/CommentEditor.tsx b/frontend/src/components/CommentEditor.tsx
new file mode 100644
index 0000000..5518e5d
--- /dev/null
+++ b/frontend/src/components/CommentEditor.tsx
@@ -0,0 +1,293 @@
+import {
+  useRef, useEffect, useImperativeHandle, forwardRef, useCallback, useState,
+} from 'react';
+import { useEditor, EditorContent, type Editor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Link from '@tiptap/extension-link';
+import Placeholder from '@tiptap/extension-placeholder';
+import Underline from '@tiptap/extension-underline';
+import DOMPurify from 'dompurify';
+import {
+  Bold, Italic, Underline as UnderlineIcon, Strikethrough, Quote,
+  List, ListOrdered, Code, Link as LinkIcon, Image as ImageIcon,
+} from 'lucide-react';
+import { POST_CONTENT_PURIFY_CONFIG } from '../utils/postContent';
+import { api } from '../api/client';
+import { notify } from '@/lib/notify';
+import { ArticleCodeBlock } from './editor/ArticleCodeBlockExtension';
+import { ArticleCodeBlockDialog } from './editor/ArticleCodeBlockDialog';
+import { ArticleImage } from './editor/ArticleImageExtension';
+import { TabIndent } from './editor/TabIndentExtension';
+import type { CodeBlockInsertOptions } from '../utils/codeBlockOptions';
+import { Tooltip } from './ui/Tooltip';
+import StickerPicker from './emoji/StickerPicker';
+import type { Sticker } from '../data/stickers';
+
+export interface CommentEditorHandle {
+  getHTML: () => string;
+  isEmpty: () => boolean;
+  focus: () => void;
+}
+
+interface Props {
+  value: string;
+  onChange: (v: string) => void;
+  placeholder?: string;
+}
+
+function sanitizeHtml(html: string): string {
+  return DOMPurify.sanitize(html, POST_CONTENT_PURIFY_CONFIG);
+}
+
+function isEditorEmpty(editor: Editor): boolean {
+  if (editor.state.doc.textContent.trim().length > 0) return false;
+  // 检查是否有图片节点（表情）
+  let hasImage = false;
+  editor.state.doc.descendants((node) => {
+    if (node.type.name === 'image') { hasImage = true; return false; }
+  });
+  return !hasImage;
+}
+
+/** 触发图片文件选择并上传 */
+async function uploadImageFiles(): Promise<string[]> {
+  return new Promise(resolve => {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = 'image/jpeg,image/png,image/gif,image/webp';
+    input.multiple = false;
+    input.onchange = async () => {
+      const files = [...(input.files ?? [])];
+      if (!files.length) { resolve([]); return; }
+      try {
+        const { url } = await api.uploadPostImage(files[0]);
+        resolve([url]);
+      } catch (e: unknown) {
+        notify.error(e instanceof Error ? e.message : '图片上传失败');
+        resolve([]);
+      }
+    };
+    input.click();
+  });
+}
+
+const CommentEditor = forwardRef<CommentEditorHandle, Props>(function CommentEditor(
+  { value, onChange, placeholder = '说点什么吧…' },
+  ref,
+) {
+  const isInternalUpdate = useRef(false);
+  const lastValueRef = useRef(value);
+  const [, setTick] = useState(0);
+  const [showSticker, setShowSticker] = useState(false);
+  const [codeBlockDialogOpen, setCodeBlockDialogOpen] = useState(false);
+  const [codeBlockEditing, setCodeBlockEditing] = useState(false);
+  const [codeBlockInitial, setCodeBlockInitial] = useState<CodeBlockInsertOptions | null>(null);
+  const boxRef = useRef<HTMLDivElement>(null);
+  const stickerBtnRef = useRef<HTMLButtonElement>(null);
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        heading: { levels: [2, 3, 4] },
+        codeBlock: false,
+        link: false,
+        underline: false,
+      }),
+      ArticleCodeBlock,
+      Underline,
+      Link.configure({
+        openOnClick: false,
+        autolink: true,
+        defaultProtocol: 'https',
+      }),
+      ArticleImage.configure({ inline: true, allowBase64: true }),
+      Placeholder.configure({ placeholder }),
+      TabIndent,
+    ],
+    content: sanitizeHtml(value) || '',
+    autofocus: false,
+    onUpdate: ({ editor: ed }) => {
+      const html = sanitizeHtml(ed.getHTML());
+      isInternalUpdate.current = true;
+      lastValueRef.current = html;
+      onChange(html);
+    },
+    onSelectionUpdate: () => setTick(t => t + 1),
+    onTransaction: () => setTick(t => t + 1),
+    editorProps: {
+      attributes: {
+        class: 'article-prosemirror post-detail-content',
+        spellcheck: 'false',
+      },
+    },
+  });
+
+  useEffect(() => {
+    if (!editor) return;
+    if (isInternalUpdate.current) {
+      isInternalUpdate.current = false;
+      return;
+    }
+    const next = sanitizeHtml(value);
+    if (next === lastValueRef.current) return;
+    lastValueRef.current = next;
+    editor.commands.setContent(next || '', { emitUpdate: false });
+  }, [value, editor]);
+
+  // 点击外部关闭贴纸面板
+  useEffect(() => {
+    if (!showSticker) return;
+    const onPointer = (e: MouseEvent) => {
+      if (boxRef.current && !boxRef.current.contains(e.target as Node)) {
+        setShowSticker(false);
+        stickerBtnRef.current?.focus();
+      }
+    };
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        setShowSticker(false);
+        stickerBtnRef.current?.focus();
+      }
+    };
+    document.addEventListener('mousedown', onPointer);
+    document.addEventListener('keydown', onKey);
+    return () => {
+      document.removeEventListener('mousedown', onPointer);
+      document.removeEventListener('keydown', onKey);
+    };
+  }, [showSticker]);
+
+  useImperativeHandle(ref, () => ({
+    getHTML: () => editor ? sanitizeHtml(editor.getHTML()) : value,
+    isEmpty: () => editor ? isEditorEmpty(editor) : !value.trim(),
+    focus: () => { editor?.commands.focus(); },
+  }), [editor, value]);
+
+  const insertSticker = useCallback((sticker: Sticker) => {
+    if (!editor) return;
+    if (sticker.type === 'text' && sticker.text) {
+      editor.chain().focus().insertContent(sticker.text).run();
+    } else if (sticker.url) {
+      // 插入内联图片 + 尾随空格，确保光标可定位到图片右侧（类似聊天 app）
+      editor.chain().focus().insertContent([
+        { type: 'image', attrs: { src: sticker.url, alt: sticker.name } },
+        { type: 'text', text: ' ' },
+      ]).run();
+      // 再次 focus 确保光标在空格之后
+      editor.chain().focus().run();
+    }
+    setShowSticker(false);
+  }, [editor]);
+
+  const setImage = useCallback(async () => {
+    if (!editor) return;
+    const urls = await uploadImageFiles();
+    if (!urls.length) return;
+    editor.chain().focus().setImage({ src: urls[0] }).run();
+  }, [editor]);
+
+  const openCodeBlockDialog = useCallback(() => {
+    if (!editor) return;
+    const isEditing = editor.isActive('codeBlock');
+    setCodeBlockEditing(isEditing);
+    if (isEditing) {
+      const attrs = editor.getAttributes('codeBlock');
+      setCodeBlockInitial({
+        language: (attrs.language as string) || '',
+        lineNumbers: Boolean(attrs.lineNumbers),
+        collapsed: Boolean(attrs.collapsed),
+      });
+    } else {
+      // 新建代码块默认折叠（评论空间有限）
+      setCodeBlockInitial({ language: '', lineNumbers: false, collapsed: true });
+    }
+    setCodeBlockDialogOpen(true);
+  }, [editor]);
+
+  const applyCodeBlock = useCallback((opts: CodeBlockInsertOptions) => {
+    if (!editor) return;
+    editor.chain().focus().setArticleCodeBlock({
+      language: opts.language || null,
+      lineNumbers: opts.lineNumbers,
+      collapsed: opts.collapsed,
+    }).run();
+  }, [editor]);
+
+  const setLink = useCallback(() => {
+    if (!editor) return;
+    const prev = editor.getAttributes('link').href as string | undefined;
+    const url = window.prompt('链接地址', prev ?? 'https://');
+    if (url === null) return;
+    if (!url) {
+      editor.chain().focus().extendMarkRange('link').unsetLink().run();
+      return;
+    }
+    editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run();
+  }, [editor]);
+
+  if (!editor) {
+    return <div className="comment-editor"><div className="article-editor-bar" /><div className="article-editor-body" /></div>;
+  }
+
+  const tools: { icon: React.ReactNode; title: string; active?: boolean; action: () => void }[] = [
+    { icon: <strong>H</strong>, title: '标题', active: editor.isActive('heading'), action: () => {
+      for (let l = 2; l <= 4; l++) {
+        if (editor.isActive('heading', { level: l })) {
+          if (l === 4) editor.chain().focus().setParagraph().run();
+          else editor.chain().focus().toggleHeading({ level: (l + 1) as 2 | 3 | 4 }).run();
+          return;
+        }
+      }
+      editor.chain().focus().toggleHeading({ level: 2 }).run();
+    }},
+    { icon: <Bold size={15} />, title: '加粗', active: editor.isActive('bold'), action: () => editor.chain().focus().toggleBold().run() },
+    { icon: <Italic size={15} />, title: '斜体', active: editor.isActive('italic'), action: () => editor.chain().focus().toggleItalic().run() },
+    { icon: <UnderlineIcon size={15} />, title: '下划线', active: editor.isActive('underline'), action: () => editor.chain().focus().toggleUnderline().run() },
+    { icon: <Strikethrough size={15} />, title: '删除线', active: editor.isActive('strike'), action: () => editor.chain().focus().toggleStrike().run() },
+    { icon: <Quote size={15} />, title: '引用', active: editor.isActive('blockquote'), action: () => editor.chain().focus().toggleBlockquote().run() },
+    { icon: <List size={15} />, title: '无序列表', active: editor.isActive('bulletList'), action: () => editor.chain().focus().toggleBulletList().run() },
+    { icon: <ListOrdered size={15} />, title: '有序列表', active: editor.isActive('orderedList'), action: () => editor.chain().focus().toggleOrderedList().run() },
+    { icon: <Code size={15} />, title: '代码块', active: editor.isActive('codeBlock'), action: openCodeBlockDialog },
+    { icon: <LinkIcon size={15} />, title: '链接', active: editor.isActive('link'), action: setLink },
+    { icon: <ImageIcon size={15} />, title: '上传图片', action: setImage },
+    { icon: <span className="article-tool-btn__owo">OwO</span>, title: '表情 OwO', active: showSticker, action: () => setShowSticker(v => !v) },
+  ];
+
+  return (
+    <div className="comment-editor" ref={boxRef}>
+      <div className="article-editor-bar">
+        <div className="article-editor-tools">
+          {tools.map((t, i) => (
+            <Tooltip key={i} content={t.title} side="bottom">
+              <button
+                ref={i === tools.length - 1 ? stickerBtnRef : undefined}
+                type="button"
+                className={`article-tool-btn${t.active ? ' active' : ''}`}
+                onMouseDown={e => e.preventDefault()}
+                onClick={t.action}
+                aria-label={t.title}
+              >
+                {t.icon}
+              </button>
+            </Tooltip>
+          ))}
+        </div>
+      </div>
+      <div className="article-editor-body">
+        <div className="article-editor-scroll">
+          <EditorContent editor={editor} className="article-editor-content" />
+        </div>
+      </div>
+      {showSticker && <StickerPicker onSelect={insertSticker} />}
+      <ArticleCodeBlockDialog
+        open={codeBlockDialogOpen}
+        onOpenChange={setCodeBlockDialogOpen}
+        initial={codeBlockInitial}
+        editing={codeBlockEditing}
+        onConfirm={applyCodeBlock}
+      />
+    </div>
+  );
+});
+
+export default CommentEditor;
diff --git a/frontend/src/components/CommentThreadList.tsx b/frontend/src/components/CommentThreadList.tsx
index f4b4665..dac0b60 100644
--- a/frontend/src/components/CommentThreadList.tsx
+++ b/frontend/src/components/CommentThreadList.tsx
@@ -7,6 +7,7 @@ import type { ReactNode } from 'react';
 import type { Comment, ReportReason, User } from '../api/types';
 import { api } from '../api/client';
 import CommentContent from './CommentContent';
+import CommentEditor from './CommentEditor';
 import CommentRevisionDialog from './CommentRevisionDialog';
 import {
   AlertDialog,
@@ -46,6 +47,7 @@ import {
 import { isTimeDiffSignificant } from '../utils/content';
 import { REPORT_REASON_OPTIONS } from '../utils/report';
 import { useForumLimits } from '../hooks/useForumLimits';
+import { isHtmlEmpty } from '../utils/postContent';
 import { Tooltip } from './ui/Tooltip';
 import UserLink from './UserLink';
 import { cn } from '@/lib/utils';
@@ -274,12 +276,10 @@ function CommentItem({
           </div>
         ) : isEditing ? (
           <div className="waline-comment-edit">
-            <textarea
-              className="waline-comment-edit-input"
+            <CommentEditor
               value={editText}
-              onChange={e => setEditText(e.target.value)}
-              rows={3}
-              maxLength={limits.comment_max > 0 ? limits.comment_max : undefined}
+              onChange={setEditText}
+              placeholder="编辑评论…"
             />
             <div className="waline-comment-edit-actions">
               <button type="button" className="waline-comment-reply-btn cancel" onClick={onCancelEdit} disabled={saving}>
@@ -289,7 +289,7 @@ function CommentItem({
                 type="button"
                 className="waline-comment-reply-btn"
                 onClick={handleSave}
-                disabled={saving || !editText.trim()}
+                disabled={saving || isHtmlEmpty(editText)}
               >
                 {saving ? '保存中…' : '保存'}
               </button>
diff --git a/frontend/src/components/EmojiPicker.tsx b/frontend/src/components/EmojiPicker.tsx
deleted file mode 100644
index 29b5f0c..0000000
--- a/frontend/src/components/EmojiPicker.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { useEffect, useId, useRef, useState } from 'react';
-import { EMOJI_LIST } from '../utils/emojis';
-
-interface Props {
-  onSelect: (emoji: string) => void;
-  id?: string;
-}
-
-/** OwO 表情选择面板（方向键浏览，Enter 选中） */
-export default function EmojiPicker({ onSelect, id }: Props) {
-  const autoId = useId();
-  const listId = id ?? autoId;
-  const [active, setActive] = useState(0);
-  const listRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    listRef.current?.querySelectorAll<HTMLElement>('[role="option"]')[active]?.focus();
-  }, [active]);
-
-  const onKeyDown = (e: React.KeyboardEvent) => {
-    const cols = 8;
-    let next = active;
-    if (e.key === 'ArrowRight') next = Math.min(EMOJI_LIST.length - 1, active + 1);
-    else if (e.key === 'ArrowLeft') next = Math.max(0, active - 1);
-    else if (e.key === 'ArrowDown') next = Math.min(EMOJI_LIST.length - 1, active + cols);
-    else if (e.key === 'ArrowUp') next = Math.max(0, active - cols);
-    else if (e.key === 'Home') next = 0;
-    else if (e.key === 'End') next = EMOJI_LIST.length - 1;
-    else if (e.key === 'Enter' || e.key === ' ') {
-      e.preventDefault();
-      onSelect(EMOJI_LIST[active]);
-      return;
-    } else {
-      return;
-    }
-    e.preventDefault();
-    setActive(next);
-  };
-
-  return (
-    <div
-      id={listId}
-      ref={listRef}
-      className="emoji-picker"
-      role="listbox"
-      aria-label="表情列表"
-      aria-activedescendant={`${listId}-opt-${active}`}
-      onKeyDown={onKeyDown}
-    >
-      {EMOJI_LIST.map((e, i) => (
-        <button
-          key={e}
-          id={`${listId}-opt-${i}`}
-          type="button"
-          role="option"
-          tabIndex={active === i ? 0 : -1}
-          aria-selected={active === i}
-          className={`emoji-picker-item${active === i ? ' emoji-picker-item--active' : ''}`}
-          aria-label={e}
-          onClick={() => onSelect(e)}
-          onFocus={() => setActive(i)}
-        >
-          {e}
-        </button>
-      ))}
-    </div>
-  );
-}
diff --git a/frontend/src/components/emoji/StickerPicker.tsx b/frontend/src/components/emoji/StickerPicker.tsx
new file mode 100644
index 0000000..a9d489f
--- /dev/null
+++ b/frontend/src/components/emoji/StickerPicker.tsx
@@ -0,0 +1,116 @@
+import { useState, useEffect, useId, useRef, useCallback } from 'react';
+import {
+  STICKER_CATEGORIES,
+  loadStickersByCategory,
+  type Sticker,
+  type StickerCategory,
+} from '../../data/stickers';
+
+interface Props {
+  onSelect: (sticker: Sticker) => void;
+}
+
+/** 贴纸选择面板（分类 Tab + 懒加载 + 键盘导航 + 图片/纯文本混合渲染） */
+export default function StickerPicker({ onSelect }: Props) {
+  const autoId = useId();
+  const [active, setActive] = useState<StickerCategory>('热门');
+  const [stickers, setStickers] = useState<Sticker[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [focusIndex, setFocusIndex] = useState(0);
+  const gridRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setStickers([]);
+    loadStickersByCategory(active)
+      .then((list) => {
+        if (cancelled) return;
+        setStickers(list);
+        setFocusIndex(0);
+      })
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => { cancelled = true; };
+  }, [active]);
+
+  useEffect(() => {
+    const el = gridRef.current?.querySelectorAll<HTMLElement>('[role="option"]')[focusIndex];
+    el?.focus();
+  }, [focusIndex, stickers]);
+
+  const onKeyDown = useCallback((e: React.KeyboardEvent) => {
+    const cols = 8;
+    if (e.key === 'ArrowRight') { e.preventDefault(); setFocusIndex((i) => Math.min(stickers.length - 1, i + 1)); }
+    else if (e.key === 'ArrowLeft') { e.preventDefault(); setFocusIndex((i) => Math.max(0, i - 1)); }
+    else if (e.key === 'ArrowDown') { e.preventDefault(); setFocusIndex((i) => Math.min(stickers.length - 1, i + cols)); }
+    else if (e.key === 'ArrowUp') { e.preventDefault(); setFocusIndex((i) => Math.max(0, i - cols)); }
+    else if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      const s = stickers[focusIndex];
+      if (s) onSelect(s);
+    }
+  }, [stickers, focusIndex, onSelect]);
+
+  return (
+    <div className="sticker-picker" role="dialog" aria-label="贴纸选择">
+      <div className="sticker-picker-tabs" role="tablist">
+        {STICKER_CATEGORIES.map((cat) => (
+          <button
+            key={cat}
+            type="button"
+            role="tab"
+            aria-selected={active === cat}
+            className={`sticker-picker-tab${active === cat ? ' active' : ''}`}
+            onClick={() => setActive(cat)}
+          >
+            {cat}
+          </button>
+        ))}
+      </div>
+      <div
+        ref={gridRef}
+        className="sticker-picker-grid"
+        role="listbox"
+        aria-label={`${active}贴纸`}
+        aria-activedescendant={`${autoId}-opt-${focusIndex}`}
+        onKeyDown={onKeyDown}
+      >
+        {loading ? (
+          <div className="sticker-picker-loading">加载中…</div>
+        ) : stickers.length === 0 ? (
+          <div className="sticker-picker-loading">暂无贴纸</div>
+        ) : (
+          stickers.map((s, i) => (
+            <button
+              key={s.id}
+              id={`${autoId}-opt-${i}`}
+              type="button"
+              role="option"
+              tabIndex={focusIndex === i ? 0 : -1}
+              aria-selected={focusIndex === i}
+              aria-label={s.name}
+              className="sticker-picker-item"
+              onClick={() => onSelect(s)}
+              onFocus={() => setFocusIndex(i)}
+            >
+              {s.type === 'text' && s.text ? (
+                <span className="sticker-picker-text">{s.text}</span>
+              ) : (
+                <img
+                  src={s.url}
+                  alt={s.name}
+                  width={32}
+                  height={32}
+                  style={{ width: 32, height: 32, objectFit: 'contain' }}
+                  loading="lazy"
+                />
+              )}
+            </button>
+          ))
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/data/stickers/emoji.json b/frontend/src/data/stickers/emoji.json
new file mode 100644
index 0000000..6c6a402
--- /dev/null
+++ b/frontend/src/data/stickers/emoji.json
@@ -0,0 +1,1594 @@
+[
+  {
+    "platform": "tieba",
+    "emojis": [
+      {
+        "url": "output/tieba/tb_01.avif",
+        "name": "呵呵",
+        "tags": ["negative", "sarcastic", "smiling", "dismissive", "disdain"],
+        "keywords": ["呵呵", "冷笑", "无语", "看傻子", "不想理你"]
+      },
+      {
+        "url": "output/tieba/tb_02.avif",
+        "name": "哈哈",
+        "tags": ["positive", "humorous", "laughing", "mocking"],
+        "keywords": ["哈哈", "大笑", "笑了", "好好笑", "h hh"]
+      },
+      {
+        "url": "output/tieba/tb_03.avif",
+        "name": "吐舌",
+        "tags": ["positive", "playful", "tongue-out", "joking", "acting-dumb"],
+        "keywords": ["吐舌", "卖萌", "可爱", "俏皮", "略略略"]
+      },
+      {
+        "url": "output/tieba/tb_04.avif",
+        "name": "啊",
+        "tags": ["neutral", "plain", "surprised", "open-mouth", "realization"],
+        "keywords": ["啊", "惊讶", "怎么了", "感叹"]
+      },
+      {
+        "url": "output/tieba/tb_05.avif",
+        "name": "酷",
+        "tags": ["positive", "plain", "sunglasses", "confident", "indifferent"],
+        "keywords": ["酷", "墨镜", "大佬", "帅", "cool"]
+      },
+      {
+        "url": "output/tieba/tb_06.avif",
+        "name": "怒",
+        "tags": ["negative", "plain", "angry", "frustrated", "arguing"],
+        "keywords": ["怒", "生气", "愤怒", "怒火中烧", "气死了"]
+      },
+      {
+        "url": "output/tieba/tb_07.avif",
+        "name": "开心",
+        "tags": ["positive", "plain", "smiling", "happy", "joyful"],
+        "keywords": ["开心", "高兴", "快乐", "愉快", "笑"]
+      },
+      {
+        "url": "output/tieba/tb_08.avif",
+        "name": "汗",
+        "tags": ["neutral", "plain", "sweating", "speechless", "awkward"],
+        "keywords": ["汗", "流汗", "尴尬", "无语", "瀑布汗"]
+      },
+      {
+        "url": "output/tieba/tb_09.avif",
+        "name": "大哭",
+        "tags": ["negative", "plain", "crying", "sad", "frustrated"],
+        "keywords": ["大哭", "哭了", "伤心", "呜呜呜", "难过"]
+      },
+      {
+        "url": "output/tieba/tb_10.avif",
+        "name": "黑线",
+        "tags": ["negative", "plain", "annoyed", "face-lines", "speechless"],
+        "keywords": ["黑线", "无语", "满头黑线", "服了"]
+      },
+      {
+        "url": "output/tieba/tb_11.avif",
+        "name": "不高兴",
+        "tags": ["negative", "plain", "pouting", "unhappy", "annoyed"],
+        "keywords": ["不高兴", "不开心", "生气", "哼", "有小情绪了"]
+      },
+      {
+        "url": "output/tieba/tb_12.avif",
+        "name": "真棒",
+        "tags": [
+          "positive",
+          "supportive",
+          "thumbs-up",
+          "sarcastic",
+          "impressed"
+        ],
+        "keywords": ["真棒", "厉害", "赞", "顶", "666"]
+      },
+      {
+        "url": "output/tieba/tb_13.avif",
+        "name": "疑问",
+        "tags": [
+          "neutral",
+          "plain",
+          "questioning",
+          "confused",
+          "doubting",
+          "skeptical"
+        ],
+        "keywords": ["疑问", "问号", "什么", "不懂", "黑人问号"]
+      },
+      {
+        "url": "output/tieba/tb_14.avif",
+        "name": "阴险",
+        "tags": [
+          "negative",
+          "sarcastic",
+          "smirking",
+          "evil-grin",
+          "scheming",
+          "playful"
+        ],
+        "keywords": ["阴险", "坏笑", "嘿嘿嘿", "计划通", "搞事情"]
+      },
+      {
+        "url": "output/tieba/tb_15.avif",
+        "name": "咦",
+        "tags": ["neutral", "plain", "peeking", "curious", "observing"],
+        "keywords": ["咦", "好奇", "看看", "什么情况", "让我看看"]
+      },
+      {
+        "url": "output/tieba/tb_16.avif",
+        "name": "委屈",
+        "tags": [
+          "negative",
+          "plain",
+          "pouting",
+          "sad-eyes",
+          "seeking-comfort",
+          "playing-victim"
+        ],
+        "keywords": ["委屈", "宝宝委屈", "难过", "想哭", "嘤嘤嘤"]
+      },
+      {
+        "url": "output/tieba/tb_17.avif",
+        "name": "笑眼",
+        "tags": ["positive", "playful", "smiling", "happy", "friendly"],
+        "keywords": ["笑眼", "可爱", "开心", "眯眯眼", "笑眯眯"]
+      },
+      {
+        "url": "output/tieba/tb_18.avif",
+        "name": "太开心",
+        "tags": ["positive", "plain", "laughing", "ecstatic", "celebrating"],
+        "keywords": ["太开心", "高兴", "耶", "快乐", "开心到飞起"]
+      },
+      {
+        "url": "output/tieba/tb_19.avif",
+        "name": "滑稽",
+        "tags": [
+          "neutral",
+          "humorous",
+          "sarcastic",
+          "smirking",
+          "side-eye",
+          "playful",
+          "joking",
+          "hinting",
+          "knowing-look"
+        ],
+        "keywords": ["滑稽", "doge", "手动狗头", "斜眼笑", "你懂的", "保命"]
+      },
+      {
+        "url": "output/tieba/tb_20.avif",
+        "name": "乖",
+        "tags": ["positive", "playful", "blushing", "cute", "comforting"],
+        "keywords": ["乖", "听话", "摸摸头", "可爱", "好孩子"]
+      },
+      {
+        "url": "output/tieba/tb_21.avif",
+        "name": "狂汗",
+        "tags": ["neutral", "plain", "sweating", "speechless", "awkward"],
+        "keywords": ["狂汗", "瀑布汗", "巨尴尬", "大写的无语", "汗如雨下"]
+      },
+      {
+        "url": "output/tieba/tb_22.avif",
+        "name": "惊哭",
+        "tags": ["negative", "plain", "crying", "scared", "shocked"],
+        "keywords": ["惊哭", "吓哭了", "震惊", "害怕", "什么鬼"]
+      },
+      {
+        "url": "output/tieba/tb_23.avif",
+        "name": "喷",
+        "tags": [
+          "neutral",
+          "surreal",
+          "humorous",
+          "spitting",
+          "laughing",
+          "shocked",
+          "absurd"
+        ],
+        "keywords": ["喷", "喷了", "笑喷", "一口水喷出来", "蚌埠住了"]
+      },
+      {
+        "url": "output/tieba/tb_24.avif",
+        "name": "生气",
+        "tags": ["negative", "plain", "angry", "pouting", "frustrated"],
+        "keywords": ["生气", "怒", "气鼓鼓", "不爽", "我生气了"]
+      },
+      {
+        "url": "output/tieba/tb_25.avif",
+        "name": "惊讶",
+        "tags": [
+          "neutral",
+          "plain",
+          "surprised",
+          "shocked",
+          "open-mouth",
+          "disbelief"
+        ],
+        "keywords": ["惊讶", "震惊", "惊了", "目瞪口呆", "卧槽"]
+      }
+    ]
+  },
+  {
+    "platform": "zhihu",
+    "emojis": [
+      {
+        "url": "output/zhihu/zh_01.avif",
+        "name": "爱",
+        "tags": ["positive", "supportive", "heart", "grateful", "appreciative"],
+        "keywords": ["爱", "比心", "感谢", "喜欢", "爱心"]
+      },
+      {
+        "url": "output/zhihu/zh_02.avif",
+        "name": "害羞",
+        "tags": ["positive", "playful", "blushing", "modest"],
+        "keywords": ["害羞", "不好意思", "脸红", "嘿嘿", "过奖了"]
+      },
+      {
+        "url": "output/zhihu/zh_03.avif",
+        "name": "好奇",
+        "tags": [
+          "neutral",
+          "plain",
+          "curious",
+          "looking",
+          "waiting",
+          "requesting-details"
+        ],
+        "keywords": ["好奇", "什么呀", "看看", "围观", "展开说说"]
+      },
+      {
+        "url": "output/zhihu/zh_04.avif",
+        "name": "思考",
+        "tags": [
+          "neutral",
+          "plain",
+          "thinking",
+          "skeptical",
+          "doubting",
+          "contemplating"
+        ],
+        "keywords": ["思考", "让我想想", "嗯", "hmm", "沉思", "此问题存疑"]
+      },
+      {
+        "url": "output/zhihu/zh_05.avif",
+        "name": "酷",
+        "tags": ["positive", "plain", "sunglasses", "confident"],
+        "keywords": ["酷", "墨镜", "帅", "cool", "大佬"]
+      },
+      {
+        "url": "output/zhihu/zh_06.avif",
+        "name": "大笑",
+        "tags": ["positive", "humorous", "laughing", "amused"],
+        "keywords": ["大笑", "哈哈", "笑了", "笑出声"]
+      },
+      {
+        "url": "output/zhihu/zh_07.avif",
+        "name": "捂脸",
+        "tags": [
+          "negative",
+          "plain",
+          "facepalm",
+          "awkward",
+          "speechless",
+          "self-deprecating"
+        ],
+        "keywords": ["捂脸", "没眼看", "尴尬", "社死", "我错了"]
+      },
+      {
+        "url": "output/zhihu/zh_08.avif",
+        "name": "捂嘴",
+        "tags": ["neutral", "plain", "mouth-covered", "gossiping", "surprised"],
+        "keywords": ["捂嘴", "偷笑", "憋笑", "不敢说话", "吃惊"]
+      },
+      {
+        "url": "output/zhihu/zh_09.avif",
+        "name": "飙泪笑",
+        "tags": [
+          "positive",
+          "humorous",
+          "laughing",
+          "crying",
+          "witty",
+          "amused"
+        ],
+        "keywords": ["飙泪笑", "笑哭", "笑出眼泪", "太好笑了", "笑不活了"]
+      },
+      {
+        "url": "output/zhihu/zh_10.avif",
+        "name": "耶",
+        "tags": ["positive", "supportive", "victory-hand", "celebrating"],
+        "keywords": ["耶", "胜利", "太棒了", "开心", "yeah"]
+      },
+      {
+        "url": "output/zhihu/zh_11.avif",
+        "name": "惊喜",
+        "tags": ["positive", "plain", "surprised", "happy", "amazed"],
+        "keywords": ["惊喜", "哇", "真的吗", "惊了", "还有这事"]
+      },
+      {
+        "url": "output/zhihu/zh_12.avif",
+        "name": "流泪",
+        "tags": ["negative", "plain", "crying", "sad", "moved"],
+        "keywords": ["流泪", "哭了", "伤心", "难过", "感动"]
+      },
+      {
+        "url": "output/zhihu/zh_13.avif",
+        "name": "大哭",
+        "tags": ["negative", "plain", "crying", "sad", "frustrated"],
+        "keywords": ["大哭", "呜呜呜", "太惨了", "悲伤", "我破防了"]
+      },
+      {
+        "url": "output/zhihu/zh_14.avif",
+        "name": "生气",
+        "tags": ["negative", "plain", "angry", "annoyed"],
+        "keywords": ["生气", "怒", "气愤", "愤怒", "很气"]
+      },
+      {
+        "url": "output/zhihu/zh_15.avif",
+        "name": "惊讶",
+        "tags": ["neutral", "plain", "surprised", "shocked", "disbelief"],
+        "keywords": ["惊讶", "震惊", "目瞪口呆", "啊？", "难以置信"]
+      },
+      {
+        "url": "output/zhihu/zh_16.avif",
+        "name": "调皮",
+        "tags": ["positive", "playful", "tongue-out", "joking"],
+        "keywords": ["调皮", "吐舌", "淘气", "开玩笑", "俏皮"]
+      },
+      {
+        "url": "output/zhihu/zh_17.avif",
+        "name": "衰",
+        "tags": ["negative", "plain", "dizzy", "unwell", "unlucky"],
+        "keywords": ["衰", "倒霉", "不顺", "运气不好", "我太难了"]
+      },
+      {
+        "url": "output/zhihu/zh_18.avif",
+        "name": "发呆",
+        "tags": ["neutral", "plain", "dazed", "speechless"],
+        "keywords": ["发呆", "放空", "不知道说啥", "呆住", "愣神"]
+      },
+      {
+        "url": "output/zhihu/zh_19.avif",
+        "name": "机智",
+        "tags": [
+          "positive",
+          "plain",
+          "idea",
+          "winking",
+          "clever",
+          "impressed",
+          "solution"
+        ],
+        "keywords": ["机智", "聪明", "灵光一闪", "我懂了", "get", "学到了"]
+      },
+      {
+        "url": "output/zhihu/zh_20.avif",
+        "name": "尴尬",
+        "tags": [
+          "negative",
+          "plain",
+          "sweating",
+          "awkward",
+          "speechless",
+          "cringing"
+        ],
+        "keywords": ["尴尬", "汗", "不知道怎么回", "尬住", "脚趾抠地"]
+      },
+      {
+        "url": "output/zhihu/zh_21.avif",
+        "name": "吃瓜",
+        "tags": [
+          "neutral",
+          "plain",
+          "eating",
+          "observing",
+          "spectating",
+          "noncommittal"
+        ],
+        "keywords": ["吃瓜", "围观", "看戏", "前排", "坐等后续", "利益相关"]
+      },
+      {
+        "url": "output/zhihu/zh_22.avif",
+        "name": "为难",
+        "tags": ["negative", "plain", "troubled", "hesitant"],
+        "keywords": ["为难", "纠结", "难办", "头大", "这可怎么办"]
+      },
+      {
+        "url": "output/zhihu/zh_23.avif",
+        "name": "看看你",
+        "tags": ["neutral", "plain", "peeking", "looking", "observing"],
+        "keywords": ["看看你", "观察", "盯", "让我看看", "审视"]
+      },
+      {
+        "url": "output/zhihu/zh_24.avif",
+        "name": "滑稽",
+        "tags": [
+          "neutral",
+          "humorous",
+          "sarcastic",
+          "smirking",
+          "side-eye",
+          "hinting",
+          "doubting",
+          "playful"
+        ],
+        "keywords": ["滑稽", "doge", "手动狗头", "斜眼", "你懂的", "友善的提醒"]
+      },
+      {
+        "url": "output/zhihu/zh_25.avif",
+        "name": "开心",
+        "tags": ["positive", "plain", "happy", "smiling", "joyful"],
+        "keywords": ["开心", "高兴", "笑", "快乐"]
+      },
+      {
+        "url": "output/zhihu/zh_26.avif",
+        "name": "笑哭",
+        "tags": ["positive", "humorous", "laughing", "crying", "amused"],
+        "keywords": ["笑哭", "飙泪笑", "笑死", "哈哈哈哈"]
+      },
+      {
+        "url": "output/zhihu/zh_27.avif",
+        "name": "白眼",
+        "tags": [
+          "negative",
+          "sarcastic",
+          "eye-roll",
+          "disdain",
+          "dismissive",
+          "speechless"
+        ],
+        "keywords": ["白眼", "无语", "呵呵", "懒得理你", "水平太低"]
+      }
+    ]
+  },
+  {
+    "platform": "xiaohongshu",
+    "emojis": [
+      {
+        "url": "output/xiaohongshu/xhs_01.avif",
+        "name": "微笑",
+        "tags": ["positive", "plain", "smiling", "friendly"],
+        "keywords": ["微笑", "笑脸", "你好", "开心", "姐妹好"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_02.avif",
+        "name": "害羞",
+        "tags": ["positive", "playful", "blushing", "modest"],
+        "keywords": ["害羞", "脸红", "不好意思", "谢谢宝子夸奖"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_03.avif",
+        "name": "失望",
+        "tags": [
+          "negative",
+          "plain",
+          "sad",
+          "disappointed",
+          "not-recommended",
+          "avoiding-traps"
+        ],
+        "keywords": ["失望", "难过", "拔草了", "有点坑", "避雷"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_04.avif",
+        "name": "汗颜",
+        "tags": ["neutral", "plain", "sweating", "awkward", "speechless"],
+        "keywords": ["汗颜", "尴尬", "汗", "无语了", "我不理解"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_05.avif",
+        "name": "哇",
+        "tags": [
+          "positive",
+          "supportive",
+          "surprised",
+          "amazed",
+          "impressed",
+          "excited",
+          "recommended"
+        ],
+        "keywords": ["哇", "哇塞", "太棒了", "好厉害", "绝了", "被种草了"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_06.avif",
+        "name": "喝奶茶",
+        "tags": ["neutral", "plain", "drinking", "relaxing", "lifestyle"],
+        "keywords": ["喝奶茶", "下午茶", "摸鱼", "快乐水", "cheers"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_07.avif",
+        "name": "偷笑",
+        "tags": [
+          "positive",
+          "playful",
+          "laughing",
+          "mouth-covered",
+          "scheming"
+        ],
+        "keywords": ["偷笑", "窃喜", "嘿嘿", "有点好笑", "你懂的"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_08.avif",
+        "name": "飞吻",
+        "tags": ["positive", "playful", "blowing-kiss", "heart", "grateful"],
+        "keywords": ["飞吻", "爱你", "么么哒", "mua", "谢谢姐妹"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_09.avif",
+        "name": "石化",
+        "tags": ["neutral", "surreal", "shocked", "petrified", "speechless"],
+        "keywords": ["石化", "惊呆", "愣住", "无语了", "我直接呆住"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_10.avif",
+        "name": "笑哭",
+        "tags": [
+          "positive",
+          "humorous",
+          "laughing",
+          "crying",
+          "frustrated-funny",
+          "speechless"
+        ],
+        "keywords": ["笑哭", "笑不活了", "太好笑了", "姐妹你真是我的互联网嘴替"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_11.avif",
+        "name": "赞",
+        "tags": [
+          "positive",
+          "supportive",
+          "thumbs-up",
+          "agreeing",
+          "approving"
+        ],
+        "keywords": ["赞", "点赞", "喜欢", "支持", "棒", "YYDS", "姐妹说的对"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_12.avif",
+        "name": "暗中观察",
+        "tags": ["neutral", "playful", "peeking", "looking", "curious"],
+        "keywords": ["暗中观察", "围观", "看看", "吃瓜", "让我看看"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_13.avif",
+        "name": "大笑",
+        "tags": ["positive", "humorous", "laughing", "amused"],
+        "keywords": ["大笑", "哈哈哈哈", "笑死", "姐妹你太好笑了"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_14.avif",
+        "name": "色色",
+        "tags": [
+          "positive",
+          "playful",
+          "heart-eyes",
+          "loving",
+          "desiring",
+          "aesthetic"
+        ],
+        "keywords": ["色色", "星星眼", "爱了爱了", "好喜欢", "这个颜值绝了"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_15.avif",
+        "name": "哭惹",
+        "tags": ["negative", "plain", "crying", "moved", "overwhelmed"],
+        "keywords": ["哭惹", "哭了", "感动", "破防了", "呜呜呜", "好心疼"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_16.avif",
+        "name": "萌萌哒",
+        "tags": ["positive", "playful", "cute", "blushing", "adorable"],
+        "keywords": ["萌萌哒", "可爱", "宝宝", "萌化了", "好Q"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_17.avif",
+        "name": "斜眼",
+        "tags": [
+          "neutral",
+          "sarcastic",
+          "playful",
+          "side-eye",
+          "skeptical",
+          "hinting",
+          "gossiping"
+        ],
+        "keywords": ["斜眼", "你懂的", "有点东西", "嫌弃", "这是可以说的吗"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_18.avif",
+        "name": "可怜",
+        "tags": ["negative", "plain", "sad-eyes", "pouting", "seeking-comfort"],
+        "keywords": ["可怜", "抱抱", "心疼", "宝宝心里苦", "摸摸头"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_19.avif",
+        "name": "抓狂",
+        "tags": [
+          "negative",
+          "plain",
+          "frustrated",
+          "annoyed",
+          "speechless",
+          "exaggerated"
+        ],
+        "keywords": ["抓狂", "啊啊啊", "崩溃", "救命", "我真的会谢"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_20.avif",
+        "name": "捂脸",
+        "tags": ["negative", "plain", "facepalm", "awkward", "speechless"],
+        "keywords": ["捂脸", "尴尬", "社死", "没脸见人", "这也太..."]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_21.avif",
+        "name": "派对",
+        "tags": ["positive", "supportive", "celebrating", "congratulating"],
+        "keywords": ["派对", "庆祝", "恭喜", "一起嗨", "为姐妹开心"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_22.avif",
+        "name": "吧唧",
+        "tags": ["positive", "playful", "kissing", "loving"],
+        "keywords": ["吧唧", "亲亲", "mua", "爱你", "给姐妹一个亲亲"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_23.avif",
+        "name": "抠鼻",
+        "tags": ["neutral", "playful", "nose-picking", "bored", "indifferent"],
+        "keywords": ["抠鼻", "无聊", "随便吧", "嗯嗯"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_24.avif",
+        "name": "再见",
+        "tags": ["neutral", "plain", "waving", "goodbye"],
+        "keywords": ["再见", "拜拜", "溜了", "下次聊"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_25.avif",
+        "name": "叹气",
+        "tags": ["negative", "plain", "sighing", "tired", "frustrated"],
+        "keywords": ["叹气", "唉", "心累", "好难"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_26.avif",
+        "name": "吃瓜",
+        "tags": ["neutral", "plain", "eating", "gossiping", "observing"],
+        "keywords": ["吃瓜", "围观", "看看", "发生什么了"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_27.avif",
+        "name": "扶墙",
+        "tags": [
+          "negative",
+          "humorous",
+          "weak",
+          "overwhelmed",
+          "impressed",
+          "exhausted"
+        ],
+        "keywords": ["扶墙", "我缓缓", "信息量太大", "太顶了", "有点晕"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_28.avif",
+        "name": "黄金薯",
+        "tags": ["positive", "plain", "mascot", "official"],
+        "keywords": ["黄金薯", "小红书", "官方", "薯宝宝"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_29.avif",
+        "name": "doge",
+        "tags": [
+          "neutral",
+          "humorous",
+          "sarcastic",
+          "smirking",
+          "joking",
+          "hinting"
+        ],
+        "keywords": ["doge", "滑稽", "你懂的", "手动狗头", "有点好笑"]
+      },
+      {
+        "url": "output/xiaohongshu/xhs_30.avif",
+        "name": "扯脸",
+        "tags": ["neutral", "surreal", "playful", "face-pull", "cute"],
+        "keywords": ["扯脸", "rua", "好软", "可爱", "捏捏"]
+      }
+    ]
+  },
+  {
+    "platform": "douyin",
+    "emojis": [
+      {
+        "url": "output/douyin/dy_01.avif",
+        "name": "微笑",
+        "tags": ["positive", "sarcastic", "smiling", "judging", "hinting"],
+        "keywords": ["微笑", "呵呵", "笑而不语", "坐等后续", "不简单"]
+      },
+      {
+        "url": "output/douyin/dy_02.avif",
+        "name": "发呆",
+        "tags": ["neutral", "plain", "dazed", "confused", "speechless"],
+        "keywords": ["发呆", "放空", "愣住", "没听懂", "状况外"]
+      },
+      {
+        "url": "output/douyin/dy_03.avif",
+        "name": "流泪",
+        "tags": ["negative", "plain", "crying", "sad", "moved"],
+        "keywords": ["流泪", "哭了", "感动", "破防了", "心疼"]
+      },
+      {
+        "url": "output/douyin/dy_04.avif",
+        "name": "捂脸",
+        "tags": ["negative", "plain", "facepalm", "speechless", "awkward"],
+        "keywords": ["捂脸", "没眼看", "尴尬", "我错了", "别秀了"]
+      },
+      {
+        "url": "output/douyin/dy_05.avif",
+        "name": "龇牙",
+        "tags": ["positive", "playful", "grinning", "happy"],
+        "keywords": ["龇牙", "嘿嘿", "开心", "笑"]
+      },
+      {
+        "url": "output/douyin/dy_06.avif",
+        "name": "尬笑",
+        "tags": [
+          "negative",
+          "sarcastic",
+          "humorous",
+          "awkward-smile",
+          "cringing",
+          "speechless"
+        ],
+        "keywords": ["尬笑", "尴尬", "我真的会谢", "脚趾抠地", "笑不出来"]
+      },
+      {
+        "url": "output/douyin/dy_07.avif",
+        "name": "害羞",
+        "tags": ["positive", "playful", "blushing", "flattered"],
+        "keywords": ["害羞", "脸红", "不好意思", "谢谢"]
+      },
+      {
+        "url": "output/douyin/dy_08.avif",
+        "name": "调皮",
+        "tags": ["positive", "playful", "tongue-out", "joking"],
+        "keywords": ["调皮", "吐舌", "略略略", "开玩笑"]
+      },
+      {
+        "url": "output/douyin/dy_09.avif",
+        "name": "色",
+        "tags": ["positive", "playful", "heart-eyes", "loving", "desiring"],
+        "keywords": ["色", "爱了", "喜欢", "馋了", "姐姐（哥哥）我可以"]
+      },
+      {
+        "url": "output/douyin/dy_10.avif",
+        "name": "看",
+        "tags": ["neutral", "plain", "looking", "observing", "curious"],
+        "keywords": ["看", "瞅瞅", "围观", "让我看看"]
+      },
+      {
+        "url": "output/douyin/dy_11.avif",
+        "name": "抱抱你",
+        "tags": ["positive", "supportive", "hugging", "comforting"],
+        "keywords": ["抱抱你", "抱抱", "安慰", "别难过", "摸摸"]
+      },
+      {
+        "url": "output/douyin/dy_12.avif",
+        "name": "大笑",
+        "tags": ["positive", "humorous", "laughing", "amused"],
+        "keywords": ["大笑", "哈哈哈哈", "笑不活了", "神评论"]
+      },
+      {
+        "url": "output/douyin/dy_13.avif",
+        "name": "送心",
+        "tags": ["positive", "supportive", "heart", "loving", "grateful"],
+        "keywords": ["送心", "比心", "爱心", "喜欢你", "支持"]
+      },
+      {
+        "url": "output/douyin/dy_14.avif",
+        "name": "泣不成声",
+        "tags": [
+          "negative",
+          "humorous",
+          "crying-hard",
+          "exaggerated",
+          "overwhelmed",
+          "frustrated"
+        ],
+        "keywords": ["泣不成声", "爆哭", "破防了", "我太难了", "呜呜呜"]
+      },
+      {
+        "url": "output/douyin/dy_15.avif",
+        "name": "大金牙",
+        "tags": [
+          "positive",
+          "humorous",
+          "surreal",
+          "grinning",
+          "playful",
+          "showing-off"
+        ],
+        "keywords": ["大金牙", "嘿嘿", "土豪", "bling bling", "亮了"]
+      },
+      {
+        "url": "output/douyin/dy_16.avif",
+        "name": "偷笑",
+        "tags": [
+          "positive",
+          "playful",
+          "laughing",
+          "mouth-covered",
+          "scheming"
+        ],
+        "keywords": ["偷笑", "憋笑", "嘿嘿", "有点东西"]
+      },
+      {
+        "url": "output/douyin/dy_17.avif",
+        "name": "可怜",
+        "tags": ["negative", "plain", "sad-eyes", "seeking-comfort"],
+        "keywords": ["可怜", "心疼", "抱抱", "太惨了"]
+      },
+      {
+        "url": "output/douyin/dy_18.avif",
+        "name": "笑哭",
+        "tags": [
+          "positive",
+          "humorous",
+          "laughing",
+          "crying",
+          "amused",
+          "plot-twist"
+        ],
+        "keywords": ["笑哭", "笑死", "哈哈哈哈", "这是什么神操作"]
+      },
+      {
+        "url": "output/douyin/dy_19.avif",
+        "name": "奸笑",
+        "tags": [
+          "negative",
+          "sarcastic",
+          "smirking",
+          "evil-grin",
+          "scheming",
+          "anticipating"
+        ],
+        "keywords": ["奸笑", "坏笑", "搞事情", "不怀好意"]
+      },
+      {
+        "url": "output/douyin/dy_20.avif",
+        "name": "得意",
+        "tags": ["positive", "playful", "smug", "proud"],
+        "keywords": ["得意", "骄傲", "你看我怎么样", "厉害吧"]
+      },
+      {
+        "url": "output/douyin/dy_21.avif",
+        "name": "坏笑",
+        "tags": ["positive", "sarcastic", "playful", "smirking", "flirting"],
+        "keywords": ["坏笑", "嘿嘿", "你懂的", "有点意思"]
+      },
+      {
+        "url": "output/douyin/dy_22.avif",
+        "name": "泪奔",
+        "tags": [
+          "negative",
+          "humorous",
+          "crying-hard",
+          "moved",
+          "overwhelmed",
+          "exaggerated"
+        ],
+        "keywords": ["泪奔", "感动哭了", "破防了家人们", "绷不住了"]
+      },
+      {
+        "url": "output/douyin/dy_23.avif",
+        "name": "恐惧",
+        "tags": ["negative", "plain", "scared", "shocked"],
+        "keywords": ["恐惧", "害怕", "吓人", "我不敢看"]
+      },
+      {
+        "url": "output/douyin/dy_24.avif",
+        "name": "快哭了",
+        "tags": ["negative", "plain", "crying", "sad", "frustrated"],
+        "keywords": ["快哭了", "委屈", "要哭了", "别骂了"]
+      },
+      {
+        "url": "output/douyin/dy_25.avif",
+        "name": "飞吻",
+        "tags": ["positive", "playful", "blowing-kiss", "loving"],
+        "keywords": ["飞吻", "mua", "爱你", "亲一个"]
+      },
+      {
+        "url": "output/douyin/dy_26.avif",
+        "name": "摸头",
+        "tags": ["positive", "supportive", "pat-head", "comforting", "caring"],
+        "keywords": ["摸头", "乖", "安慰", "抱抱", "心疼你"]
+      },
+      {
+        "url": "output/douyin/dy_27.avif",
+        "name": "惊喜",
+        "tags": ["positive", "plain", "surprised", "amazed"],
+        "keywords": ["惊喜", "哇", "真的吗", "爱了爱了"]
+      },
+      {
+        "url": "output/douyin/dy_28.avif",
+        "name": "奋斗",
+        "tags": [
+          "positive",
+          "supportive",
+          "flexing",
+          "motivating",
+          "self-mockery",
+          "ironic"
+        ],
+        "keywords": ["奋斗", "加油", "努力", "打工人", "奥利给"]
+      },
+      {
+        "url": "output/douyin/dy_29.avif",
+        "name": "大哭",
+        "tags": ["negative", "plain", "crying-hard", "sad", "overwhelmed"],
+        "keywords": ["大哭", "爆哭", "呜呜呜", "伤心"]
+      },
+      {
+        "url": "output/douyin/dy_30.avif",
+        "name": "嘿哈",
+        "tags": [
+          "positive",
+          "humorous",
+          "fighting",
+          "energetic",
+          "challenging",
+          "playful"
+        ],
+        "keywords": ["嘿哈", "加油", "必胜", "干活了", "挑战"]
+      },
+      {
+        "url": "output/douyin/dy_31.avif",
+        "name": "囧",
+        "tags": ["neutral", "embarrassed", "awkward", "speechless", "confused"],
+        "keywords": ["囧", "尴尬", "无语", "囧rz", "郁闷"]
+      },
+      {
+        "url": "output/douyin/dy_32.avif",
+        "name": "眼含热泪",
+        "tags": ["negative", "emotional", "touched", "sad", "moved"],
+        "keywords": ["眼含热泪", "感动", "泪目", "哽咽", "心疼"]
+      },
+      {
+        "url": "output/douyin/dy_33.avif",
+        "name": "噢买尬",
+        "tags": ["negative", "embarrassed", "cringe", "awkward", "facepalm"],
+        "keywords": ["噢买尬", "OMG", "尴尬", "羞耻", "社死"]
+      },
+      {
+        "url": "output/douyin/dy_34.avif",
+        "name": "宕机",
+        "tags": ["neutral", "confused", "system-error", "stunned", "blank"],
+        "keywords": ["宕机", "死机", "卡住了", "懵了", "脑子空白"]
+      },
+      {
+        "url": "output/douyin/dy_35.avif",
+        "name": "苦涩",
+        "tags": ["negative", "bitter", "helpless", "resigned", "disappointed"],
+        "keywords": ["苦涩", "心酸", "无奈", "苦笑", "心情复杂"]
+      },
+      {
+        "url": "output/douyin/dy_36.avif",
+        "name": "逞强落泪",
+        "tags": ["negative", "emotional", "pretending", "crying", "vulnerable"],
+        "keywords": ["逞强落泪", "强颜欢笑", "憋不住了", "破防", "委屈"]
+      }
+    ]
+  },
+  {
+    "platform": "bilibili",
+    "emojis": [
+      {
+        "url": "output/bilibili/bl_01.avif",
+        "name": "笑哭",
+        "tags": [
+          "positive",
+          "humorous",
+          "laughing",
+          "crying",
+          "amused",
+          "self-deprecating"
+        ],
+        "keywords": ["笑哭", "2333", "笑死", "草", "哈哈哈哈"]
+      },
+      {
+        "url": "output/bilibili/bl_02.avif",
+        "name": "星星眼",
+        "tags": [
+          "positive",
+          "supportive",
+          "star-eyes",
+          "admiring",
+          "loving",
+          "cute",
+          "impressed"
+        ],
+        "keywords": ["星星眼", "崇拜", "大佬", "AWSL", "kksk", "太强了"]
+      },
+      {
+        "url": "output/bilibili/bl_03.avif",
+        "name": "微笑",
+        "tags": ["positive", "plain", "smiling", "friendly", "calm"],
+        "keywords": ["微笑", "友好", "你好", "善意"]
+      },
+      {
+        "url": "output/bilibili/bl_04.avif",
+        "name": "吃瓜",
+        "tags": ["neutral", "plain", "eating", "observing", "spectating"],
+        "keywords": ["吃瓜", "围观", "前排", "发生什么了", "看戏"]
+      },
+      {
+        "url": "output/bilibili/bl_05.avif",
+        "name": "OK",
+        "tags": ["positive", "plain", "ok-hand", "agreeing", "approving"],
+        "keywords": ["OK", "好的", "收到", "没问题"]
+      },
+      {
+        "url": "output/bilibili/bl_06.avif",
+        "name": "doge",
+        "tags": [
+          "neutral",
+          "humorous",
+          "sarcastic",
+          "smirking",
+          "playful",
+          "joking"
+        ],
+        "keywords": ["doge", "滑稽", "二哈", "你懂的", "奇怪的知识增加了"]
+      },
+      {
+        "url": "output/bilibili/bl_07.avif",
+        "name": "大哭",
+        "tags": [
+          "negative",
+          "plain",
+          "crying-hard",
+          "sad",
+          "moved",
+          "overwhelmed"
+        ],
+        "keywords": ["大哭", "呜呜呜", "破防了", "刀子", "泪目"]
+      },
+      {
+        "url": "output/bilibili/bl_08.avif",
+        "name": "辣眼睛",
+        "tags": [
+          "negative",
+          "humorous",
+          "eye-covering",
+          "cringing",
+          "disgusted",
+          "awkward"
+        ],
+        "keywords": ["辣眼睛", "瞎了", "丑", "cringe", "看不下去了", "净化眼球"]
+      },
+      {
+        "url": "output/bilibili/bl_09.avif",
+        "name": "滑稽",
+        "tags": [
+          "neutral",
+          "humorous",
+          "sarcastic",
+          "smirking",
+          "side-eye",
+          "playful",
+          "hinting"
+        ],
+        "keywords": ["滑稽", "doge", "斜眼", "你懂的", "有点东西"]
+      },
+      {
+        "url": "output/bilibili/bl_10.avif",
+        "name": "喜极而泣",
+        "tags": [
+          "positive",
+          "humorous",
+          "crying",
+          "happy",
+          "moved",
+          "grateful"
+        ],
+        "keywords": ["喜极而泣", "感动", "太好了", "终于", "圆满了"]
+      },
+      {
+        "url": "output/bilibili/bl_11.avif",
+        "name": "呲牙",
+        "tags": ["positive", "playful", "grinning", "happy", "silly"],
+        "keywords": ["呲牙", "嘿嘿", "开心", "憨笑"]
+      },
+      {
+        "url": "output/bilibili/bl_12.avif",
+        "name": "歪嘴",
+        "tags": [
+          "positive",
+          "humorous",
+          "sarcastic",
+          "smirking",
+          "comeback",
+          "confident",
+          "smug"
+        ],
+        "keywords": ["歪嘴", "龙王", "不屑", "就这", "有点意思"]
+      },
+      {
+        "url": "output/bilibili/bl_13.avif",
+        "name": "调皮",
+        "tags": ["positive", "playful", "tongue-out", "joking", "silly"],
+        "keywords": ["调皮", "吐舌", "卖萌", "开玩笑", "略略略"]
+      },
+      {
+        "url": "output/bilibili/bl_14.avif",
+        "name": "妙啊",
+        "tags": [
+          "positive",
+          "supportive",
+          "smug",
+          "impressed",
+          "approving",
+          "clever",
+          "witty"
+        ],
+        "keywords": ["妙啊", "厉害", "神操作", "绝了", "高", "学到了"]
+      },
+      {
+        "url": "output/bilibili/bl_15.avif",
+        "name": "嗑瓜子",
+        "tags": ["neutral", "plain", "eating", "spectating", "bored"],
+        "keywords": ["嗑瓜子", "吃瓜", "围观", "看戏", "无聊"]
+      },
+      {
+        "url": "output/bilibili/bl_16.avif",
+        "name": "脱单doge",
+        "tags": [
+          "positive",
+          "humorous",
+          "playful",
+          "heart-eyes",
+          "loving",
+          "shipping"
+        ],
+        "keywords": ["脱单doge", "doge", "爱心", "kdl", "在一起"]
+      },
+      {
+        "url": "output/bilibili/bl_17.avif",
+        "name": "笑",
+        "tags": ["positive", "humorous", "laughing", "amused"],
+        "keywords": ["笑", "哈哈", "笑了", "XD"]
+      },
+      {
+        "url": "output/bilibili/bl_18.avif",
+        "name": "给心心",
+        "tags": ["positive", "supportive", "heart", "loving", "offering"],
+        "keywords": ["给心心", "比心", "爱心", "喜欢", "给你"]
+      },
+      {
+        "url": "output/bilibili/bl_19.avif",
+        "name": "脸红",
+        "tags": ["positive", "playful", "blushing", "cute", "shy"],
+        "keywords": ["脸红", "害羞", "不好意思", "可爱"]
+      },
+      {
+        "url": "output/bilibili/bl_20.avif",
+        "name": "哦呼",
+        "tags": ["neutral", "plain", "surprised", "impressed", "realization"],
+        "keywords": ["哦呼", "惊讶", "哇", "齐木楠雄"]
+      },
+      {
+        "url": "output/bilibili/bl_21.avif",
+        "name": "喜欢",
+        "tags": ["positive", "supportive", "loving", "recommending"],
+        "keywords": ["喜欢", "爱了", "收藏了", "gkd", "多来点"]
+      },
+      {
+        "url": "output/bilibili/bl_22.avif",
+        "name": "酸了",
+        "tags": [
+          "negative",
+          "sarcastic",
+          "crying",
+          "jealous",
+          "envious",
+          "humorous",
+          "self-mockery"
+        ],
+        "keywords": ["酸了", "羡慕", "嫉妒", "柠檬", "我怎么没有"]
+      },
+      {
+        "url": "output/bilibili/bl_23.avif",
+        "name": "害羞",
+        "tags": ["positive", "playful", "blushing", "shy", "modest"],
+        "keywords": ["害羞", "脸红", "萌", "不好意思"]
+      },
+      {
+        "url": "output/bilibili/bl_24.avif",
+        "name": "嫌弃",
+        "tags": ["negative", "plain", "disgusted", "dismissive"],
+        "keywords": ["嫌弃", "鄙视", "什么玩意", "yue"]
+      },
+      {
+        "url": "output/bilibili/bl_25.avif",
+        "name": "惊讶",
+        "tags": [
+          "neutral",
+          "plain",
+          "shocked",
+          "disbelief",
+          "plot-twist",
+          "alert"
+        ],
+        "keywords": ["惊讶", "震惊", "高能", "惊了", "卧槽"]
+      },
+      {
+        "url": "output/bilibili/bl_26.avif",
+        "name": "捂脸",
+        "tags": [
+          "negative",
+          "plain",
+          "facepalm",
+          "speechless",
+          "awkward",
+          "cringing"
+        ],
+        "keywords": ["捂脸", "尴尬", "没眼看", "社死", "公开处刑"]
+      },
+      {
+        "url": "output/bilibili/bl_27.avif",
+        "name": "大笑",
+        "tags": ["positive", "humorous", "laughing", "amused", "ecstatic"],
+        "keywords": ["大笑", "23333", "哈哈哈哈", "笑疯了"]
+      },
+      {
+        "url": "output/bilibili/bl_28.avif",
+        "name": "抠鼻",
+        "tags": ["neutral", "playful", "nose-picking", "bored", "indifferent"],
+        "keywords": ["抠鼻", "无聊", "不屑", "随便"]
+      },
+      {
+        "url": "output/bilibili/bl_29.avif",
+        "name": "惊喜",
+        "tags": ["positive", "plain", "surprised", "happy", "excited"],
+        "keywords": ["惊喜", "哇", "彩蛋", "竟然", "爱了"]
+      },
+      {
+        "url": "output/bilibili/bl_30.avif",
+        "name": "点赞",
+        "tags": [
+          "positive",
+          "supportive",
+          "thumbs-up",
+          "approving",
+          "recommending",
+          "call-to-action"
+        ],
+        "keywords": ["点赞", "赞", "支持", "三连", "下次一定", "UP主辛苦了"]
+      },
+      {
+        "url": "output/bilibili/bl_31.avif",
+        "name": "无语",
+        "tags": ["negative", "plain", "speechless", "annoyed", "frustrated"],
+        "keywords": ["无语", "汗", "不知道说啥", "地铁老人手机"]
+      },
+      {
+        "url": "output/bilibili/bl_32.avif",
+        "name": "委屈",
+        "tags": [
+          "negative",
+          "plain",
+          "pouting",
+          "sad-eyes",
+          "sad",
+          "seeking-comfort"
+        ],
+        "keywords": ["委屈", "难过", "想哭", "心疼", "抱抱"]
+      },
+      {
+        "url": "output/bilibili/bl_33.avif",
+        "name": "傲娇",
+        "tags": [
+          "neutral",
+          "playful",
+          "tsundere",
+          "reluctant-approval",
+          "cute",
+          "blushing"
+        ],
+        "keywords": ["傲娇", "才不是呢", "哼", "别误会了"]
+      },
+      {
+        "url": "output/bilibili/bl_34.avif",
+        "name": "疼",
+        "tags": ["negative", "plain", "hurting", "pain"],
+        "keywords": ["疼", "痛", "心疼", "看着都疼"]
+      },
+      {
+        "url": "output/bilibili/bl_35.avif",
+        "name": "思考",
+        "tags": ["neutral", "plain", "thinking", "analyzing", "curious"],
+        "keywords": ["思考", "嗯", "让我想想", "原来如此", "细节"]
+      }
+    ]
+  },
+  {
+    "platform": "weibo",
+    "emojis": [
+      {
+        "url": "output/weibo/wb_01.avif",
+        "name": "微笑",
+        "tags": [
+          "positive",
+          "sarcastic",
+          "smiling",
+          "passive-aggressive",
+          "speechless",
+          "judging"
+        ],
+        "keywords": ["微笑", "呵呵", "懂了", "不予置评", "坐等反转"]
+      },
+      {
+        "url": "output/weibo/wb_02.avif",
+        "name": "可爱",
+        "tags": [
+          "positive",
+          "playful",
+          "sarcastic",
+          "cute",
+          "dismissive",
+          "speechless",
+          "patronizing"
+        ],
+        "keywords": ["可爱", "就这？", "无语", "天真", "哦"]
+      },
+      {
+        "url": "output/weibo/wb_03.avif",
+        "name": "太开心",
+        "tags": ["positive", "plain", "happy", "laughing", "joyful", "excited"],
+        "keywords": ["太开心", "高兴", "快乐", "耶"]
+      },
+      {
+        "url": "output/weibo/wb_04.avif",
+        "name": "嘻嘻",
+        "tags": ["positive", "playful", "sarcastic", "smiling", "scheming"],
+        "keywords": ["嘻嘻", "嘿嘿", "不好意思", "装傻"]
+      },
+      {
+        "url": "output/weibo/wb_05.avif",
+        "name": "哈哈",
+        "tags": ["positive", "humorous", "laughing", "amused"],
+        "keywords": ["哈哈", "大笑", "笑了", "搞笑"]
+      },
+      {
+        "url": "output/weibo/wb_06.avif",
+        "name": "笑cry",
+        "tags": [
+          "positive",
+          "humorous",
+          "sarcastic",
+          "laughing",
+          "crying",
+          "frustrated-funny",
+          "amused",
+          "speechless"
+        ],
+        "keywords": ["笑cry", "笑哭", "笑死", "太好笑了", "哈哈哈哈"]
+      },
+      {
+        "url": "output/weibo/wb_07.avif",
+        "name": "馋嘴",
+        "tags": [
+          "neutral",
+          "playful",
+          "sarcastic",
+          "drooling",
+          "desiring",
+          "envious"
+        ],
+        "keywords": ["馋嘴", "想吃", "饿了", "羡慕", "流口水"]
+      },
+      {
+        "url": "output/weibo/wb_08.avif",
+        "name": "可怜",
+        "tags": [
+          "negative",
+          "plain",
+          "sarcastic",
+          "sad-eyes",
+          "pitying",
+          "seeking-comfort"
+        ],
+        "keywords": ["可怜", "抱抱", "心疼", "卖惨", "求求了"]
+      },
+      {
+        "url": "output/weibo/wb_09.avif",
+        "name": "失望",
+        "tags": ["negative", "plain", "disappointed", "sad"],
+        "keywords": ["失望", "难过", "伤心", "塌房了"]
+      },
+      {
+        "url": "output/weibo/wb_10.avif",
+        "name": "悲伤",
+        "tags": ["negative", "plain", "sad", "upset"],
+        "keywords": ["悲伤", "难过", "郁闷", "心碎"]
+      },
+      {
+        "url": "output/weibo/wb_11.avif",
+        "name": "泪",
+        "tags": [
+          "negative",
+          "plain",
+          "crying",
+          "moved",
+          "frustrated",
+          "overwhelmed"
+        ],
+        "keywords": ["泪", "哭了", "感动", "破防", "呜呜呜"]
+      },
+      {
+        "url": "output/weibo/wb_12.avif",
+        "name": "允悲",
+        "tags": [
+          "negative",
+          "humorous",
+          "crying",
+          "laughing",
+          "schadenfreude",
+          "pitying",
+          "frustrated-funny"
+        ],
+        "keywords": ["允悲", "哭笑不得", "又好笑又心疼", "蚌埠住了", "绷不住了"]
+      },
+      {
+        "url": "output/weibo/wb_13.avif",
+        "name": "苦涩",
+        "tags": ["negative", "plain", "sad", "crying", "frustrated"],
+        "keywords": ["苦涩", "委屈", "宝宝心里苦", "难受"]
+      },
+      {
+        "url": "output/weibo/wb_14.avif",
+        "name": "爱你",
+        "tags": [
+          "positive",
+          "supportive",
+          "heart",
+          "blowing-kiss",
+          "loving",
+          "grateful"
+        ],
+        "keywords": ["爱你", "比心", "喜欢", "感谢", "么么哒"]
+      },
+      {
+        "url": "output/weibo/wb_15.avif",
+        "name": "憧憬",
+        "tags": ["positive", "plain", "star-eyes", "admiring", "loving"],
+        "keywords": ["憧憬", "崇拜", "星星眼", "大佬", "好棒"]
+      },
+      {
+        "url": "output/weibo/wb_16.avif",
+        "name": "哇",
+        "tags": ["positive", "supportive", "surprised", "amazed", "impressed"],
+        "keywords": ["哇", "哇塞", "厉害了", "牛"]
+      },
+      {
+        "url": "output/weibo/wb_17.avif",
+        "name": "笑而不语",
+        "tags": ["neutral", "sarcastic", "smirking", "knowing-look", "judging"],
+        "keywords": ["笑而不语", "看穿一切", "你懂的", "吃瓜", "坐等"]
+      },
+      {
+        "url": "output/weibo/wb_18.avif",
+        "name": "酷",
+        "tags": ["positive", "plain", "sunglasses", "confident"],
+        "keywords": ["酷", "帅", "cool", "大佬出街"]
+      },
+      {
+        "url": "output/weibo/wb_19.avif",
+        "name": "白眼",
+        "tags": [
+          "negative",
+          "sarcastic",
+          "eye-roll",
+          "disdain",
+          "dismissive",
+          "speechless",
+          "annoyed"
+        ],
+        "keywords": ["白眼", "懒得理你", "无语", "yue", "翻白眼"]
+      },
+      {
+        "url": "output/weibo/wb_20.avif",
+        "name": "裂开",
+        "tags": [
+          "negative",
+          "surreal",
+          "cracking",
+          "shocked",
+          "overwhelmed",
+          "speechless"
+        ],
+        "keywords": ["裂开", "我裂开了", "心态崩了", "傻了", "麻了"]
+      },
+      {
+        "url": "output/weibo/wb_21.avif",
+        "name": "开学季",
+        "tags": ["neutral", "plain", "reading", "studying"],
+        "keywords": ["开学季", "开学", "学习", "学生党"]
+      },
+      {
+        "url": "output/weibo/wb_22.avif",
+        "name": "吃瓜",
+        "tags": [
+          "neutral",
+          "plain",
+          "eating",
+          "spectating",
+          "gossiping",
+          "waiting",
+          "neutral-observer"
+        ],
+        "keywords": ["吃瓜", "前排", "蹲后续", "让瓜飞一会儿", "有瓜"]
+      },
+      {
+        "url": "output/weibo/wb_23.avif",
+        "name": "泪奔",
+        "tags": ["negative", "humorous", "crying-hard", "moved", "overwhelmed"],
+        "keywords": ["泪奔", "感动", "破防了", "绷不住了", "跑着哭"]
+      },
+      {
+        "url": "output/weibo/wb_24.avif",
+        "name": "流汗",
+        "tags": ["neutral", "plain", "sweating", "awkward", "speechless"],
+        "keywords": ["流汗", "汗", "尴尬", "无语"]
+      },
+      {
+        "url": "output/weibo/wb_25.avif",
+        "name": "捂嘴哭",
+        "tags": [
+          "negative",
+          "plain",
+          "crying",
+          "mouth-covered",
+          "sad",
+          "pitying"
+        ],
+        "keywords": ["捂嘴哭", "委屈", "偷偷哭", "心疼"]
+      },
+      {
+        "url": "output/weibo/wb_26.avif",
+        "name": "惊恐",
+        "tags": ["negative", "plain", "scared", "shocked"],
+        "keywords": ["惊恐", "害怕", "吓死", "什么鬼"]
+      },
+      {
+        "url": "output/weibo/wb_27.avif",
+        "name": "yeah",
+        "tags": ["positive", "supportive", "victory-hand", "celebrating"],
+        "keywords": ["yeah", "耶", "胜利", "好耶"]
+      },
+      {
+        "url": "output/weibo/wb_28.avif",
+        "name": "点赞",
+        "tags": [
+          "positive",
+          "supportive",
+          "thumbs-up",
+          "agreeing",
+          "approving"
+        ],
+        "keywords": ["点赞", "赞", "支持", "顶", "说得好"]
+      },
+      {
+        "url": "output/weibo/wb_29.avif",
+        "name": "震惊",
+        "tags": ["neutral", "plain", "shocked", "disbelief"],
+        "keywords": ["震惊", "惊了", "难以置信", "我惊了"]
+      },
+      {
+        "url": "output/weibo/wb_30.avif",
+        "name": "皱眉",
+        "tags": ["negative", "plain", "frowning", "doubting", "displeased"],
+        "keywords": ["皱眉", "不悦", "感觉不对", "疑惑"]
+      }
+    ]
+  }
+]
+
diff --git a/frontend/src/data/stickers/emojiData.ts b/frontend/src/data/stickers/emojiData.ts
new file mode 100644
index 0000000..c7b7fea
--- /dev/null
+++ b/frontend/src/data/stickers/emojiData.ts
@@ -0,0 +1,57 @@
+import type { Sticker, StickerCategory } from './index';
+import emojiJson from './emoji.json';
+
+/** 平台 → 分类名映射 */
+const PLATFORM_TO_CATEGORY: Record<string, StickerCategory> = {
+  tieba: '贴吧',
+  zhihu: '知乎',
+  xiaohongshu: '小红书',
+  douyin: '抖音',
+  bilibili: 'B站',
+  weibo: '微博',
+};
+
+interface EmojiItem {
+  url: string;
+  name: string;
+  tags: string[];
+  keywords: string[];
+}
+
+/** 将 emoji.json 的 url (output/tieba/tb_01.avif) 转为本地路径 (/stickers/tieba/tb_01.avif) */
+function toLocalUrl(url: string): string {
+  // output/tieba/tb_01.avif → /stickers/tieba/tb_01.avif
+  return url.replace(/^output\//, '/stickers/');
+}
+
+/** 缓存：平台 → Sticker[] */
+const cache = new Map<string, Sticker[]>();
+
+/** 按平台获取贴纸列表 */
+export function getStickersByPlatform(platform: string): Sticker[] {
+  if (cache.has(platform)) return cache.get(platform)!;
+
+  const category = PLATFORM_TO_CATEGORY[platform];
+  if (!category) return [];
+
+  const entry = (emojiJson as Array<{ platform: string; emojis: EmojiItem[] }>)
+    .find((p) => p.platform === platform);
+  if (!entry) return [];
+
+  const stickers: Sticker[] = entry.emojis.map((e, i) => ({
+    id: `${platform}-${i + 1}`,
+    name: e.name,
+    category,
+    type: 'image' as const,
+    url: toLocalUrl(e.url),
+    aliases: e.keywords,
+  }));
+
+  cache.set(platform, stickers);
+  return stickers;
+}
+
+/** 获取所有平台的贴纸（用于热门筛选） */
+export function getAllStickers(): Sticker[] {
+  return Object.keys(PLATFORM_TO_CATEGORY).flatMap((p) => getStickersByPlatform(p));
+}
diff --git a/frontend/src/data/stickers/hot.ts b/frontend/src/data/stickers/hot.ts
new file mode 100644
index 0000000..cbb281c
--- /dev/null
+++ b/frontend/src/data/stickers/hot.ts
@@ -0,0 +1,24 @@
+import type { Sticker } from './index';
+import { getAllStickers } from './emojiData';
+import { KAOMOJI_STICKERS } from './kaomoji';
+
+/** 热门贴纸 — 从各平台精选 */
+const HOT_KEYWORDS = [
+  '笑哭', '开心', '大笑', '哈哈', '捂脸', '捂嘴', '飙泪笑',
+  '酷', '怒', '哭', '大哭', '生气', '惊讶', '尴尬',
+  '真棒', '赞', '666', '耶', '爱', '害羞', '思考',
+  '滑稽', '吃瓜', '调皮', '发呆', '机智',
+];
+
+/** 热门贴纸懒加载：合并所有平台后按关键词筛选 */
+export async function loadHotStickers(): Promise<Sticker[]> {
+  const allEmoji = getAllStickers();
+  const all = [...allEmoji, ...KAOMOJI_STICKERS];
+  return all
+    .filter((s) => {
+      if (s.category === '颜文字') return true;
+      return s.aliases?.some((a) => HOT_KEYWORDS.includes(a)) || HOT_KEYWORDS.includes(s.name);
+    })
+    .slice(0, 30)
+    .map((s) => ({ ...s, category: '热门' as const }));
+}
diff --git a/frontend/src/data/stickers/index.ts b/frontend/src/data/stickers/index.ts
new file mode 100644
index 0000000..2c0cb47
--- /dev/null
+++ b/frontend/src/data/stickers/index.ts
@@ -0,0 +1,35 @@
+/** 贴纸类型定义（URL 方式，非 sprite 裁切） */
+
+export type StickerCategory = '热门' | '贴吧' | '知乎' | '小红书' | '抖音' | 'B站' | '微博' | '颜文字';
+
+export type StickerType = 'image' | 'text';
+
+export interface Sticker {
+  id: string;
+  name: string;
+  category: StickerCategory;
+  aliases?: string[];
+  type: StickerType;
+  /** image 类型：图片路径（相对于 public 目录） */
+  url?: string;
+  /** text 类型：颜文字字符串 */
+  text?: string;
+}
+
+export const STICKER_CATEGORIES: StickerCategory[] = ['热门', '贴吧', '知乎', '小红书', '抖音', 'B站', '微博', '颜文字'];
+
+const CATEGORY_LOADERS: Record<StickerCategory, () => Promise<Sticker[]>> = {
+  '热门': () => import('./hot').then(m => m.loadHotStickers()),
+  '贴吧': () => import('./emojiData').then(m => m.getStickersByPlatform('tieba')),
+  '知乎': () => import('./emojiData').then(m => m.getStickersByPlatform('zhihu')),
+  '小红书': () => import('./emojiData').then(m => m.getStickersByPlatform('xiaohongshu')),
+  '抖音': () => import('./emojiData').then(m => m.getStickersByPlatform('douyin')),
+  'B站': () => import('./emojiData').then(m => m.getStickersByPlatform('bilibili')),
+  '微博': () => import('./emojiData').then(m => m.getStickersByPlatform('weibo')),
+  '颜文字': () => import('./kaomoji').then(m => m.KAOMOJI_STICKERS),
+};
+
+/** 按分类动态加载贴纸数据 */
+export async function loadStickersByCategory(cat: StickerCategory): Promise<Sticker[]> {
+  return CATEGORY_LOADERS[cat]();
+}
diff --git a/frontend/src/data/stickers/kaomoji.ts b/frontend/src/data/stickers/kaomoji.ts
new file mode 100644
index 0000000..98f7039
--- /dev/null
+++ b/frontend/src/data/stickers/kaomoji.ts
@@ -0,0 +1,32 @@
+import type { Sticker } from './index';
+
+/** 颜文字贴纸 — 纯文本类型，选择器和编辑器中均作为纯文本显示 */
+
+export const KAOMOJI_STICKERS: Sticker[] = [
+  { id: 'km-happy', name: '开心', category: '颜文字', type: 'text', text: '(ノ´∀`)ノ', aliases: ['哈哈', '开心'] },
+  { id: 'km-laugh', name: '大笑', category: '颜文字', type: 'text', text: '(≧∇≦)ﾉ', aliases: ['哈哈哈', '笑死'] },
+  { id: 'km-cry', name: '哭', category: '颜文字', type: 'text', text: '(´；ω；`)', aliases: ['呜呜', '伤心'] },
+  { id: 'km-angry', name: '生气', category: '颜文字', type: 'text', text: 'ヽ(｀⌒´)ﾉ', aliases: ['怒', '气死'] },
+  { id: 'km-shrug', name: '无奈', category: '颜文字', type: 'text', text: '╮(°-°)╭', aliases: ['呵呵', '无语'] },
+  { id: 'km-determined', name: '加油', category: '颜文字', type: 'text', text: '(๑•̀ㅁ•́ฅ)', aliases: ['冲', '奥利给'] },
+  { id: 'km-sad', name: '难过', category: '颜文字', type: 'text', text: '( ´･ω･`)', aliases: ['失落', '低落'] },
+  { id: 'km-sparkle', name: '兴奋', category: '颜文字', type: 'text', text: '(ﾉ´ヮ`)ﾉ*: ･ﾟ', aliases: ['太棒了', '耶'] },
+  { id: 'km-tear', name: '泪奔', category: '颜文字', type: 'text', text: '(╥﹏╥)', aliases: ['泪流', '呜呜'] },
+  { id: 'km-love', name: '喜欢', category: '颜文字', type: 'text', text: '(◕ᴗ◕✿)', aliases: ['爱', '心动'] },
+  { id: 'km-cool', name: '酷', category: '颜文字', type: 'text', text: '(⌐■_■)', aliases: ['帅', '墨镜'] },
+  { id: 'km-stare', name: '盯', category: '颜文字', type: 'text', text: 'ಠ_ಠ', aliases: ['凝视', '盯着看'] },
+  { id: 'km-tableflip', name: '掀桌', category: '颜文字', type: 'text', text: '(╯°□°）╯︵ ┻━┻', aliases: ['掀桌', '愤怒'] },
+  { id: 'km-bow', name: '拜托', category: '颜文字', type: 'text', text: '(人･ω･)💦', aliases: ['求求', '拜托了'] },
+  { id: 'km-proud', name: '得意', category: '颜文字', type: 'text', text: '(￣▽￣)"', aliases: ['嘿嘿', '自满'] },
+  { id: 'km-sleep', name: '困', category: '颜文字', type: 'text', text: '(-ω-)Zzz', aliases: ['睡觉', '晚安'] },
+  { id: 'km-wave', name: '招手', category: '颜文字', type: 'text', text: '(´・ω・)ノ', aliases: ['你好', '拜拜'] },
+  { id: 'km-wink', name: '眨眼', category: '颜文字', type: 'text', text: '(◠‿◠)', aliases: ['抛媚眼', '嘿嘿'] },
+  { id: 'km-sorry', name: '抱歉', category: '颜文字', type: 'text', text: 'm(._.)m', aliases: ['对不起', '跪了'] },
+  { id: 'km-doubt', name: '疑惑', category: '颜文字', type: 'text', text: '(╬ Ò _ Ó)', aliases: ['什么', '???'] },
+  { id: 'km-hungry', name: '饿了', category: '颜文字', type: 'text', text: '(๑´ㅂ`๑)', aliases: ['想吃', '吃货'] },
+  { id: 'km-gameover', name: 'GG', category: '颜文字', type: 'text', text: '(╯︿╰﹀ )', aliases: ['GG', '完了'] },
+  { id: 'km-gift', name: '送花', category: '颜文字', type: 'text', text: '(✿◠‿◠)', aliases: ['送花', '谢谢'] },
+  { id: 'km-clap', name: '鼓掌', category: '颜文字', type: 'text', text: 'ヾ(´▽｀;)ゝ', aliases: ['呱唧', '鼓掌'] },
+  { id: 'km-cheer', name: '加油', category: '颜文字', type: 'text', text: '＼(^ω^＼)', aliases: ['冲鸭', 'go'] },
+  { id: 'km-please', name: '拜托了', category: '颜文字', type: 'text', text: '( ´･ω･`)', aliases: ['嘤嘤', '求求了'] },
+];
diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 4059168..17f048d 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -4447,7 +4447,7 @@ a.post-title:visited {
   font-style: italic;
 }
 
-.post-detail-content img {
+.post-detail-content img:not([src*="/stickers/"]) {
   max-width: 100%;
   height: auto;
   border-radius: 10px;
@@ -5266,7 +5266,7 @@ a.post-title:visited {
 }
 
 .comment-box-input-wrap:focus-within {
-  border-color: rgb(var(--primary-6));
+  border-color: var(--j13-green);
 }
 
 .comment-box-input-wrap.private-mode {
@@ -5294,9 +5294,7 @@ a.post-title:visited {
 .comment-box-textarea::placeholder { color: var(--color-text-4); }
 
 .comment-box-send {
-  position: absolute;
-  right: 8px;
-  bottom: 8px;
+  margin-left: auto;
   width: 32px;
   height: 32px;
   border: none;
@@ -5309,6 +5307,7 @@ a.post-title:visited {
   justify-content: center;
   font-size: 14px;
   transition: background 0.15s, opacity 0.15s;
+  flex-shrink: 0;
 }
 
 .comment-box-send:hover:not(:disabled) { background: #1a9bd8; }
@@ -5461,6 +5460,190 @@ a.post-title:visited {
   box-shadow: inset 0 0 0 2px var(--j13-green);
 }
 
+/* 贴纸选择器 */
+.sticker-picker {
+  display: flex;
+  flex-direction: column;
+  margin-top: 8px;
+  border: 1px solid var(--j13-border-light);
+  border-radius: 8px;
+  background: var(--j13-bg-surface);
+  max-height: 280px;
+  overflow: hidden;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  z-index: 30;
+}
+
+.sticker-picker-tabs {
+  display: flex;
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--j13-border-light);
+  padding: 0 8px;
+}
+
+.sticker-picker-tab {
+  border: none;
+  background: none;
+  padding: 8px 12px;
+  font-size: 13px;
+  color: var(--color-text-3);
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  transition: color 0.15s, border-color 0.15s;
+}
+
+.sticker-picker-tab:hover { color: var(--color-text-1); }
+
+.sticker-picker-tab.active {
+  color: var(--j13-green);
+  border-bottom-color: var(--j13-green);
+}
+
+.sticker-picker-grid {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  gap: 2px;
+  padding: 6px;
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+}
+
+.sticker-picker-item {
+  border: none;
+  background: none;
+  padding: 2px;
+  cursor: pointer;
+  border-radius: 8px;
+  transition: background 0.1s, transform 0.1s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.sticker-picker-item:hover {
+  background: var(--color-fill-2);
+  transform: scale(1.15);
+}
+
+.sticker-picker-item:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--j13-green);
+}
+
+.sticker-picker-loading {
+  grid-column: 1 / -1;
+  text-align: center;
+  padding: 24px;
+  color: var(--color-text-4);
+  font-size: 13px;
+}
+
+/* 评论富文本编辑器（精简 Tiptap，复用 .article-editor-* 类） */
+.comment-editor {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.comment-editor .article-editor-bar {
+  padding: 4px 8px;
+  gap: 6px;
+  background: transparent;
+  border-bottom: 1px solid var(--j13-border-light);
+  box-shadow: none;
+}
+
+.comment-editor .article-editor-tools { gap: 1px; flex-wrap: nowrap; }
+
+.comment-editor .article-tool-btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 5px;
+}
+
+.comment-editor .article-tool-btn strong { font-size: 11px; }
+
+/* OwO 文本按钮：与 SVG 图标视觉对齐 */
+.article-tool-btn__owo {
+  font-weight: 700;
+  font-size: 12px;
+  letter-spacing: 0.5px;
+  line-height: 1;
+  display: inline-block;
+  transform: translateY(-0.5px);
+  height: 12px;
+}
+
+.comment-editor .article-editor-body {
+  background: transparent;
+}
+
+.comment-editor .article-editor-scroll {
+  max-height: 320px;
+}
+
+.comment-editor .article-editor-content .tiptap,
+.comment-editor .article-prosemirror {
+  min-height: 80px;
+  padding: 10px 12px;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+/* 评论正文中的贴纸 img */
+.floor-body img[src*="/stickers/"],
+.comment-body img[src*="/stickers/"] {
+  display: inline-block !important;
+  vertical-align: middle;
+  width: 28px;
+  height: 28px;
+  max-width: 28px;
+  margin: 0 1px !important;
+  background: transparent;
+  border-radius: 4px;
+  box-shadow: none !important;
+  object-fit: contain;
+  clear: none !important;
+}
+
+/* 编辑器内贴纸 img 尺寸约束 */
+.comment-editor .article-prosemirror img[src*="/stickers/"],
+.comment-editor .article-editor-content img[src*="/stickers/"] {
+  display: inline-block !important;
+  width: 28px;
+  height: 28px;
+  max-width: 28px;
+  vertical-align: middle;
+  margin: 0 1px !important;
+  border-radius: 4px;
+  box-shadow: none !important;
+  object-fit: contain;
+  clear: none !important;
+}
+
+/* 选择器中颜文字纯文本样式 */
+.sticker-picker-text {
+  display: inline-block;
+  max-width: 100%;
+  font-size: 14px;
+  line-height: 1.4;
+  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Sans Mono', monospace;
+  color: var(--color-text-1);
+  word-break: break-all;
+  text-align: center;
+  padding: 2px;
+}
+
+/* 移动端：贴纸选择器 4 列 */
+@media (max-width: 640px) {
+  .sticker-picker { max-height: 240px; }
+  .sticker-picker-grid { grid-template-columns: repeat(4, 1fr); }
+  .sticker-picker-tab { padding: 6px 10px; font-size: 12px; }
+  .comment-editor .article-tool-btn { width: 30px; height: 30px; }
+}
+
 /* Waline 嵌套评论列表 — 与正文共用 .page-wrap 滚动 */
 
 .waline-comment {
@@ -5704,6 +5887,20 @@ a.waline-comment-author:hover {
 
 .waline-comment-edit {
   margin-top: 4px;
+  border: 1px solid var(--j13-border-light);
+  border-radius: 10px;
+  background: var(--j13-bg-block);
+  transition: border-color 0.2s, background 0.2s;
+}
+
+.waline-comment-edit:focus-within {
+  border-color: var(--j13-green);
+}
+
+/* 覆盖 ProseMirror 默认黑色 outline */
+.comment-editor .article-prosemirror,
+.comment-editor .ProseMirror {
+  outline: none !important;
 }
 
 .waline-comment-edit-input {
diff --git a/frontend/src/utils/content.ts b/frontend/src/utils/content.ts
index cb821b3..52c2714 100644
--- a/frontend/src/utils/content.ts
+++ b/frontend/src/utils/content.ts
@@ -1,3 +1,6 @@
+import DOMPurify from 'dompurify';
+import { POST_CONTENT_PURIFY_CONFIG } from './postContent';
+
 /** 转义 HTML 并保留换行 */
 function escapeWithBreaks(text: string): string {
   return text
@@ -18,6 +21,54 @@ export function highlightMentions(text: string): string {
     );
 }
 
+/** 判断内容是否为 HTML（包含常见 HTML 标签） */
+function isHtmlContent(text: string): boolean {
+  return /<(?:p|div|span|br|h[1-6]|ul|ol|li|pre|code|blockquote|a|img|table|strong|em|u|s)\b/i.test(text);
+}
+
+/** 在 HTML 文本节点中高亮 @ 提及（DOM 遍历，避免破坏标签） */
+function processMentionsInHtml(html: string): string {
+  const div = document.createElement('div');
+  div.innerHTML = html;
+  const walker = document.createTreeWalker(div, NodeFilter.SHOW_TEXT);
+  const textNodes: Text[] = [];
+  let node: Node | null;
+  while ((node = walker.nextNode())) {
+    textNodes.push(node as Text);
+  }
+  for (const textNode of textNodes) {
+    const text = textNode.textContent ?? '';
+    if (!/@[\w\u4e00-\u9fa5_-]/.test(text)) continue;
+    const frag = document.createDocumentFragment();
+    const parts = text.split(/(@[\w\u4e00-\u9fa5_-]+)/);
+    for (const part of parts) {
+      const m = part.match(/^@([\w\u4e00-\u9fa5_-]+)$/);
+      if (m) {
+        const span = document.createElement('span');
+        span.className = 'mention';
+        span.setAttribute('data-name', m[1]);
+        span.setAttribute('role', 'link');
+        span.setAttribute('tabindex', '0');
+        span.textContent = part;
+        frag.appendChild(span);
+      } else if (part) {
+        frag.appendChild(document.createTextNode(part));
+      }
+    }
+    textNode.parentNode?.replaceChild(frag, textNode);
+  }
+  return div.innerHTML;
+}
+
+/** 渲染评论内容：HTML 净化 + @提及高亮，兼容旧版纯文本 */
+export function renderCommentContent(content: string): string {
+  if (isHtmlContent(content)) {
+    const sanitized = DOMPurify.sanitize(content, POST_CONTENT_PURIFY_CONFIG) as string;
+    return processMentionsInHtml(sanitized);
+  }
+  return highlightMentions(content);
+}
+
 /** 相对时间：刚刚 / N分钟前 / N小时前 / N天前；更早用具体日期 */
 export function formatTime(iso: string) {
   const d = new Date(iso);
diff --git a/frontend/src/utils/emojis.ts b/frontend/src/utils/emojis.ts
deleted file mode 100644
index b4dc8b1..0000000
--- a/frontend/src/utils/emojis.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/** 评论表情列表（OwO 面板） */
-export const EMOJI_LIST = [
-  '😀', '😁', '😂', '🤣', '😃', '😄', '😅', '😆', '😉', '😊',
-  '😋', '😎', '😍', '😘', '🥰', '😗', '😙', '😚', '🙂', '🤗',
-  '🤩', '🤔', '🤨', '😐', '😑', '😶', '🙄', '😏', '😣', '😥',
-  '😮', '🤐', '😯', '😪', '😫', '🥱', '😴', '😌', '😛', '😜',
-  '😝', '🤤', '😒', '😓', '😔', '😕', '🙃', '🤑', '😲', '🙁',
-  '😖', '😞', '😟', '😤', '😢', '😭', '😦', '😧', '😨', '😩',
-  '🤯', '😬', '😰', '😱', '🥵', '🥶', '😳', '🤪', '😵', '🥴',
-  '😠', '😡', '🤬', '😷', '🤒', '🤕', '🤢', '🤮', '🤧', '😇',
-  '🥳', '🥺', '🤠', '🤡', '🤥', '🤫', '🤭', '🧐', '🤓', '😈',
-  '👻', '💀', '☠️', '👽', '👾', '🤖', '🎃', '😺', '😸', '😹',
-  '😻', '😼', '😽', '🙀', '😿', '😾', '👋', '🤚', '🖐', '✋',
-  '🖖', '👌', '🤏', '✌️', '🤞', '🤟', '🤘', '🤙', '👈', '👉',
-  '👆', '👇', '☝️', '👍', '👎', '✊', '👊', '🤛', '🤜', '👏',
-  '🙌', '👐', '🤲', '🤝', '🙏', '💪', '🦾', '🦿', '🦵', '🦶',
-  '❤️', '🧡', '💛', '💚', '💙', '💜', '🖤', '🤍', '🤎', '💔',
-  '❣️', '💕', '💞', '💓', '💗', '💖', '💘', '💝', '💟', '☮️',
-  '✨', '⭐', '🌟', '💫', '🔥', '💥', '💯', '✅', '❌', '❓',
-  '❗', '💢', '💤', '💦', '🎉', '🎊', '🎁', '🏆', '🥇', '🥈',
-];
diff --git a/frontend/src/utils/postContent.ts b/frontend/src/utils/postContent.ts
index 69debf6..4812da4 100644
--- a/frontend/src/utils/postContent.ts
+++ b/frontend/src/utils/postContent.ts
@@ -107,14 +107,18 @@ function extractGatedInnerHtml(el: Element, bodyClass: string, badgeClass: strin
       .join('');
 }
 
-/** 判断 HTML 正文是否为空（忽略空段落等） */
+/** 判断 HTML 正文是否为空（忽略空段落等，含图片/视频视为非空） */
 export function isHtmlEmpty(html: string): boolean {
   if (!html.trim()) return true;
   const doc = new DOMParser().parseFromString(
     DOMPurify.sanitize(html, POST_CONTENT_PURIFY_CONFIG) as string,
     'text/html',
   );
-  return (doc.body.textContent ?? '').trim().length === 0;
+  // 有文本内容
+  if ((doc.body.textContent ?? '').trim().length > 0) return false;
+  // 有图片、视频等媒体节点
+  if (doc.body.querySelector('img, video, iframe')) return false;
+  return true;
 }
 
 /** 根据登录状态渲染帖子正文 HTML */
diff --git a/service/comment.go b/service/comment.go
index 095d3b0..4b094ce 100644
--- a/service/comment.go
+++ b/service/comment.go
@@ -170,7 +170,8 @@ func resolveThreadParent(replyTo *uint, visibleIDs map[uint]struct{}, allByID ma
 }
 
 func (s *CommentService) Create(in CommentCreateInput) (*model.Comment, error) {
-	content := s.filter.Filter(strings.TrimSpace(in.Content))
+	content := SanitizePostHTML(strings.TrimSpace(in.Content))
+	content = s.filter.Filter(content)
 	if content == "" {
 		return nil, errors.New("评论内容不能为空")
 	}
@@ -366,7 +367,8 @@ func (s *CommentService) Update(userID, commentID uint, isAdmin, skipModeration
 		}
 	}
 
-	content = s.filter.Filter(strings.TrimSpace(content))
+	content = SanitizePostHTML(strings.TrimSpace(content))
+	content = s.filter.Filter(content)
 	if content == "" {
 		return "", false, errors.New("评论内容不能为空")
 	}