diff --git a/Cunkebao/dist/.vite/manifest.json b/Cunkebao/dist/.vite/manifest.json
index 994665e2..48503171 100644
--- a/Cunkebao/dist/.vite/manifest.json
+++ b/Cunkebao/dist/.vite/manifest.json
@@ -33,7 +33,7 @@
     "name": "vendor"
   },
   "index.html": {
-    "file": "assets/index-DzNmnMYg.js",
+    "file": "assets/index-Bx3nG52V.js",
     "name": "index",
     "src": "index.html",
     "isEntry": true,
diff --git a/Cunkebao/dist/index.html b/Cunkebao/dist/index.html
index 0eea1718..0e38d6c1 100644
--- a/Cunkebao/dist/index.html
+++ b/Cunkebao/dist/index.html
@@ -11,7 +11,7 @@
     </style>
     <!-- 引入 uni-app web-view SDK（必须） -->
     <script type="text/javascript" src="/websdk.js"></script>
-    <script type="module" crossorigin src="/assets/index-DzNmnMYg.js"></script>
+    <script type="module" crossorigin src="/assets/index-Bx3nG52V.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-0WYR1k4q.js">
     <link rel="modulepreload" crossorigin href="/assets/ui-DDu9FCjt.js">
     <link rel="modulepreload" crossorigin href="/assets/utils-DC06x9DY.js">
diff --git a/Cunkebao/public/assets/face/666.png b/Cunkebao/public/assets/face/666.png
deleted file mode 100644
index f947dc66..00000000
Binary files a/Cunkebao/public/assets/face/666.png and /dev/null differ
diff --git a/Cunkebao/public/assets/face/Emm.png b/Cunkebao/public/assets/face/Emm.png
deleted file mode 100644
index 8fb9370d..00000000
Binary files a/Cunkebao/public/assets/face/Emm.png and /dev/null differ
diff --git a/Cunkebao/public/assets/gesture/OK.png b/Cunkebao/public/assets/gesture/OK.png
deleted file mode 100644
index 2d0f6e5f..00000000
Binary files a/Cunkebao/public/assets/gesture/OK.png and /dev/null differ
diff --git a/Cunkebao/src/components/EmojiSeclection/wechatEmoji.ts b/Cunkebao/src/components/EmojiSeclection/wechatEmoji.ts
index 5e2f3807..7cb53be3 100644
--- a/Cunkebao/src/components/EmojiSeclection/wechatEmoji.ts
+++ b/Cunkebao/src/components/EmojiSeclection/wechatEmoji.ts
@@ -161,273 +161,313 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   微笑: {
     name: "微笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/微笑.png",
+    path: "/assets/face/smile.png",
   },
   撇嘴: {
     name: "撇嘴",
     category: EmojiCategory.FACE,
-    path: "/assets/face/撇嘴.png",
+    path: "/assets/face/pout.png",
+  },
+  色: {
+    name: "色",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/lustful.png",
   },
-  色: { name: "色", category: EmojiCategory.FACE, path: "/assets/face/色.png" },
   发呆: {
     name: "发呆",
     category: EmojiCategory.FACE,
-    path: "/assets/face/发呆.png",
+    path: "/assets/face/daze.png",
   },
   得意: {
     name: "得意",
     category: EmojiCategory.FACE,
-    path: "/assets/face/得意.png",
+    path: "/assets/face/smug.png",
   },
   流泪: {
     name: "流泪",
     category: EmojiCategory.FACE,
-    path: "/assets/face/流泪.png",
+    path: "/assets/face/crying.png",
   },
   害羞: {
     name: "害羞",
     category: EmojiCategory.FACE,
-    path: "/assets/face/害羞.png",
+    path: "/assets/face/shy.png",
   },
   闭嘴: {
     name: "闭嘴",
     category: EmojiCategory.FACE,
-    path: "/assets/face/闭嘴.png",
+    path: "/assets/face/shut-up.png",
+  },
+  睡: {
+    name: "睡",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/sleep.png",
   },
-  睡: { name: "睡", category: EmojiCategory.FACE, path: "/assets/face/睡.png" },
   大哭: {
     name: "大哭",
     category: EmojiCategory.FACE,
-    path: "/assets/face/大哭.png",
+    path: "/assets/face/wail.png",
   },
   尴尬: {
     name: "尴尬",
     category: EmojiCategory.FACE,
-    path: "/assets/face/尴尬.png",
+    path: "/assets/face/awkward.png",
   },
   发怒: {
     name: "发怒",
     category: EmojiCategory.FACE,
-    path: "/assets/face/发怒.png",
+    path: "/assets/face/angry.png",
   },
   调皮: {
     name: "调皮",
     category: EmojiCategory.FACE,
-    path: "/assets/face/调皮.png",
+    path: "/assets/face/naughty.png",
   },
   呲牙: {
     name: "呲牙",
     category: EmojiCategory.FACE,
-    path: "/assets/face/呲牙.png",
+    path: "/assets/face/grin.png",
   },
   惊讶: {
     name: "惊讶",
     category: EmojiCategory.FACE,
-    path: "/assets/face/惊讶.png",
+    path: "/assets/face/surprised.png",
   },
   难过: {
     name: "难过",
     category: EmojiCategory.FACE,
-    path: "/assets/face/难过.png",
+    path: "/assets/face/sad.png",
+  },
+  囧: {
+    name: "囧",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/embarrassed.png",
   },
-  囧: { name: "囧", category: EmojiCategory.FACE, path: "/assets/face/囧.png" },
   抓狂: {
     name: "抓狂",
     category: EmojiCategory.FACE,
-    path: "/assets/face/抓狂.png",
+    path: "/assets/face/crazy.png",
+  },
+  吐: {
+    name: "吐",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/vomit.png",
   },
-  吐: { name: "吐", category: EmojiCategory.FACE, path: "/assets/face/吐.png" },
   偷笑: {
     name: "偷笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/偷笑.png",
+    path: "/assets/face/snicker.png",
   },
   愉快: {
     name: "愉快",
     category: EmojiCategory.FACE,
-    path: "/assets/face/愉快.png",
+    path: "/assets/face/happy.png",
   },
   白眼: {
     name: "白眼",
     category: EmojiCategory.FACE,
-    path: "/assets/face/白眼.png",
+    path: "/assets/face/roll-eyes.png",
   },
   傲慢: {
     name: "傲慢",
     category: EmojiCategory.FACE,
-    path: "/assets/face/傲慢.png",
+    path: "/assets/face/arrogant.png",
+  },
+  困: {
+    name: "困",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/sleepy.png",
   },
-  困: { name: "困", category: EmojiCategory.FACE, path: "/assets/face/困.png" },
   惊恐: {
     name: "惊恐",
     category: EmojiCategory.FACE,
-    path: "/assets/face/惊恐.png",
+    path: "/assets/face/panic.png",
   },
   憨笑: {
     name: "憨笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/憨笑.png",
+    path: "/assets/face/silly-smile.png",
   },
   悠闲: {
     name: "悠闲",
     category: EmojiCategory.FACE,
-    path: "/assets/face/悠闲.png",
+    path: "/assets/face/leisurely.png",
   },
   咒骂: {
     name: "咒骂",
     category: EmojiCategory.FACE,
-    path: "/assets/face/咒骂.png",
+    path: "/assets/face/curse.png",
   },
   疑问: {
     name: "疑问",
     category: EmojiCategory.FACE,
-    path: "/assets/face/疑问.png",
+    path: "/assets/face/question.png",
+  },
+  嘘: {
+    name: "嘘",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/shush.png",
+  },
+  晕: {
+    name: "晕",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/dizzy.png",
+  },
+  衰: {
+    name: "衰",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/unlucky.png",
   },
-  嘘: { name: "嘘", category: EmojiCategory.FACE, path: "/assets/face/嘘.png" },
-  晕: { name: "晕", category: EmojiCategory.FACE, path: "/assets/face/晕.png" },
-  衰: { name: "衰", category: EmojiCategory.FACE, path: "/assets/face/衰.png" },
   骷髅: {
     name: "骷髅",
     category: EmojiCategory.FACE,
-    path: "/assets/face/骷髅.png",
+    path: "/assets/face/skull.png",
   },
   敲打: {
     name: "敲打",
     category: EmojiCategory.FACE,
-    path: "/assets/face/敲打.png",
+    path: "/assets/face/knock.png",
   },
   再见: {
     name: "再见",
     category: EmojiCategory.FACE,
-    path: "/assets/face/再见.png",
+    path: "/assets/face/goodbye.png",
   },
   擦汗: {
     name: "擦汗",
     category: EmojiCategory.FACE,
-    path: "/assets/face/擦汗.png",
+    path: "/assets/face/wipe-sweat.png",
   },
   抠鼻: {
     name: "抠鼻",
     category: EmojiCategory.FACE,
-    path: "/assets/face/抠鼻.png",
+    path: "/assets/face/pick-nose.png",
   },
   鼓掌: {
     name: "鼓掌",
     category: EmojiCategory.FACE,
-    path: "/assets/face/鼓掌.png",
+    path: "/assets/face/clap.png",
   },
   坏笑: {
     name: "坏笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/坏笑.png",
+    path: "/assets/face/evil-smile.png",
   },
   右哼哼: {
     name: "右哼哼",
     category: EmojiCategory.FACE,
-    path: "/assets/face/右哼哼.png",
+    path: "/assets/face/right-hum.png",
   },
   鄙视: {
     name: "鄙视",
     category: EmojiCategory.FACE,
-    path: "/assets/face/鄙视.png",
+    path: "/assets/face/despise.png",
   },
   委屈: {
     name: "委屈",
     category: EmojiCategory.FACE,
-    path: "/assets/face/委屈.png",
+    path: "/assets/face/wronged.png",
   },
   快哭了: {
     name: "快哭了",
     category: EmojiCategory.FACE,
-    path: "/assets/face/快哭了.png",
+    path: "/assets/face/about-to-cry.png",
   },
   阴险: {
     name: "阴险",
     category: EmojiCategory.FACE,
-    path: "/assets/face/阴险.png",
+    path: "/assets/face/sinister.png",
   },
   亲亲: {
     name: "亲亲",
     category: EmojiCategory.FACE,
-    path: "/assets/face/亲亲.png",
+    path: "/assets/face/kiss.png",
   },
   可怜: {
     name: "可怜",
     category: EmojiCategory.FACE,
-    path: "/assets/face/可怜.png",
+    path: "/assets/face/pitiful.png",
   },
   笑脸: {
     name: "笑脸",
     category: EmojiCategory.FACE,
-    path: "/assets/face/笑脸.png",
+    path: "/assets/face/smiley.png",
   },
   生病: {
     name: "生病",
     category: EmojiCategory.FACE,
-    path: "/assets/face/生病.png",
+    path: "/assets/face/sick.png",
   },
   脸红: {
     name: "脸红",
     category: EmojiCategory.FACE,
-    path: "/assets/face/脸红.png",
+    path: "/assets/face/blush.png",
   },
   破涕为笑: {
     name: "破涕为笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/破涕为笑.png",
+    path: "/assets/face/tears-to-smile.png",
   },
   恐惧: {
     name: "恐惧",
     category: EmojiCategory.FACE,
-    path: "/assets/face/恐惧.png",
+    path: "/assets/face/fear.png",
   },
   失望: {
     name: "失望",
     category: EmojiCategory.FACE,
-    path: "/assets/face/失望.png",
+    path: "/assets/face/disappointed.png",
   },
   无语: {
     name: "无语",
     category: EmojiCategory.FACE,
-    path: "/assets/face/无语.png",
+    path: "/assets/face/speechless.png",
   },
   嘿哈: {
     name: "嘿哈",
     category: EmojiCategory.FACE,
-    path: "/assets/face/嘿哈.png",
+    path: "/assets/face/hey-ha.png",
   },
   捂脸: {
     name: "捂脸",
     category: EmojiCategory.FACE,
-    path: "/assets/face/捂脸.png",
+    path: "/assets/face/facepalm.png",
   },
   机智: {
     name: "机智",
     category: EmojiCategory.FACE,
-    path: "/assets/face/机智.png",
+    path: "/assets/face/smart.png",
   },
   皱眉: {
     name: "皱眉",
     category: EmojiCategory.FACE,
-    path: "/assets/face/皱眉.png",
+    path: "/assets/face/frown.png",
+  },
+  耶: {
+    name: "耶",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/yeah.png",
   },
-  耶: { name: "耶", category: EmojiCategory.FACE, path: "/assets/face/耶.png" },
   吃瓜: {
     name: "吃瓜",
     category: EmojiCategory.FACE,
-    path: "/assets/face/吃瓜.png",
+    path: "/assets/face/eat-melon.png",
   },
   加油: {
     name: "加油",
     category: EmojiCategory.FACE,
-    path: "/assets/face/加油.png",
+    path: "/assets/face/cheer-up.png",
   },
 
-  汗: { name: "汗", category: EmojiCategory.FACE, path: "/assets/face/汗.png" },
+  汗: {
+    name: "汗",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/sweat.png",
+  },
   天啊: {
     name: "天啊",
     category: EmojiCategory.FACE,
-    path: "/assets/face/天啊.png",
+    path: "/assets/face/oh-my.png",
   },
   Emm: {
     name: "Emm",
@@ -437,28 +477,32 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   社会社会: {
     name: "社会社会",
     category: EmojiCategory.FACE,
-    path: "/assets/face/社会社会.png",
+    path: "/assets/face/social.png",
   },
   旺柴: {
     name: "旺柴",
     category: EmojiCategory.FACE,
-    path: "/assets/face/旺柴.png",
+    path: "/assets/face/doge.png",
   },
   好的: {
     name: "好的",
     category: EmojiCategory.FACE,
-    path: "/assets/face/好的.png",
+    path: "/assets/face/good.png",
   },
   打脸: {
     name: "打脸",
     category: EmojiCategory.FACE,
-    path: "/assets/face/打脸.png",
+    path: "/assets/face/slap-face.png",
+  },
+  哇: {
+    name: "哇",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/wow.png",
   },
-  哇: { name: "哇", category: EmojiCategory.FACE, path: "/assets/face/哇.png" },
   翻白眼: {
     name: "翻白眼",
     category: EmojiCategory.FACE,
-    path: "/assets/face/翻白眼.png",
+    path: "/assets/face/eye-roll.png",
   },
   "666": {
     name: "666",
@@ -468,54 +512,54 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   让我看看: {
     name: "让我看看",
     category: EmojiCategory.FACE,
-    path: "/assets/face/让我看看.png",
+    path: "/assets/face/let-me-see.png",
   },
   叹气: {
     name: "叹气",
     category: EmojiCategory.FACE,
-    path: "/assets/face/叹气.png",
+    path: "/assets/face/sigh.png",
   },
   苦涩: {
     name: "苦涩",
     category: EmojiCategory.FACE,
-    path: "/assets/face/苦涩.png",
+    path: "/assets/face/bitter.png",
   },
   裂开: {
     name: "裂开",
     category: EmojiCategory.FACE,
-    path: "/assets/face/裂开.png",
+    path: "/assets/face/crack.png",
   },
   奸笑: {
     name: "奸笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/奸笑.png",
+    path: "/assets/face/sly-smile.png",
   },
 
   // 手势表情
   握手: {
     name: "握手",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/握手.png",
+    path: "/assets/gesture/handshake.png",
   },
   胜利: {
     name: "胜利",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/胜利.png",
+    path: "/assets/gesture/victory.png",
   },
   抱拳: {
     name: "抱拳",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/抱拳.png",
+    path: "/assets/gesture/fist-salute.png",
   },
   勾引: {
     name: "勾引",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/勾引.png",
+    path: "/assets/gesture/beckon.png",
   },
   拳头: {
     name: "拳头",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/拳头.png",
+    path: "/assets/gesture/fist.png",
   },
   OK: {
     name: "OK",
@@ -525,148 +569,148 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   合十: {
     name: "合十",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/合十.png",
+    path: "/assets/gesture/pray.png",
   },
   强: {
     name: "强",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/强.png",
+    path: "/assets/gesture/strong.png",
   },
   拥抱: {
     name: "拥抱",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/拥抱.png",
+    path: "/assets/gesture/hug.png",
   },
   弱: {
     name: "弱",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/弱.png",
+    path: "/assets/gesture/weak.png",
   },
 
   // 动物表情
   猪头: {
     name: "猪头",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/猪头.png",
+    path: "/assets/animal/pig.png",
   },
   跳跳: {
     name: "跳跳",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/跳跳.png",
+    path: "/assets/animal/jump.png",
   },
   发抖: {
     name: "发抖",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/发抖.png",
+    path: "/assets/animal/tremble.png",
   },
   转圈: {
     name: "转圈",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/转圈.png",
+    path: "/assets/animal/circle.png",
   },
 
   // 祝福表情
   庆祝: {
     name: "庆祝",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/庆祝.png",
+    path: "/assets/blessing/celebrate.png",
   },
   礼物: {
     name: "礼物",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/礼物.png",
+    path: "/assets/blessing/gift.png",
   },
   红包: {
     name: "红包",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/红包.png",
+    path: "/assets/blessing/red-envelope.png",
   },
   發: {
     name: "發",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/發.png",
+    path: "/assets/blessing/get-rich.png",
   },
   福: {
     name: "福",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/福.png",
+    path: "/assets/blessing/fortune.png",
   },
   烟花: {
     name: "烟花",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/烟花.png",
+    path: "/assets/blessing/fireworks.png",
   },
   爆竹: {
     name: "爆竹",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/爆竹.png",
+    path: "/assets/blessing/firecrackers.png",
   },
 
   // 其他表情
   嘴唇: {
     name: "嘴唇",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/嘴唇.png",
+    path: "/assets/other/lips.png",
   },
   爱心: {
     name: "爱心",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/爱心.png",
+    path: "/assets/other/heart.png",
   },
   心碎: {
     name: "心碎",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/心碎.png",
+    path: "/assets/other/broken-heart.png",
   },
   啤酒: {
     name: "啤酒",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/啤酒.png",
+    path: "/assets/other/beer.png",
   },
   咖啡: {
     name: "咖啡",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/咖啡.png",
+    path: "/assets/other/coffee.png",
   },
   蛋糕: {
     name: "蛋糕",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/蛋糕.png",
+    path: "/assets/other/cake.png",
   },
   凋谢: {
     name: "凋谢",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/凋谢.png",
+    path: "/assets/other/wither.png",
   },
   菜刀: {
     name: "菜刀",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/菜刀.png",
+    path: "/assets/other/knife.png",
   },
   炸弹: {
     name: "炸弹",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/炸弹.png",
+    path: "/assets/other/bomb.png",
   },
   便便: {
     name: "便便",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/便便.png",
+    path: "/assets/other/poop.png",
   },
   太阳: {
     name: "太阳",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/太阳.png",
+    path: "/assets/other/sun.png",
   },
   月亮: {
     name: "月亮",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/月亮.png",
+    path: "/assets/other/moon.png",
   },
   玫瑰: {
     name: "玫瑰",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/玫瑰.png",
+    path: "/assets/other/rose.png",
   },
 };
 
diff --git a/Cunkebao/src/pages/mobile/mine/traffic-pool/detail/index.tsx b/Cunkebao/src/pages/mobile/mine/traffic-pool/detail/index.tsx
index 786669ed..ca0242b4 100644
--- a/Cunkebao/src/pages/mobile/mine/traffic-pool/detail/index.tsx
+++ b/Cunkebao/src/pages/mobile/mine/traffic-pool/detail/index.tsx
@@ -784,12 +784,6 @@ const TrafficPoolDetail: React.FC = () => {
                   </div>
                 )}
               </Card>
-
-              {/* 添加新标签按钮 */}
-              <Button block color="primary" className={styles.addTagBtn}>
-                <TagOutlined />
-                &nbsp;添加新标签
-              </Button>
             </div>
           )}
         </div>
diff --git a/Touchkebao/emoji-mapping.json b/Touchkebao/emoji-mapping.json
new file mode 100644
index 00000000..deb3111d
--- /dev/null
+++ b/Touchkebao/emoji-mapping.json
@@ -0,0 +1,121 @@
+{
+  "face": {
+    "微笑": "smile",
+    "撇嘴": "pout",
+    "色": "lust",
+    "发呆": "daze",
+    "得意": "proud",
+    "流泪": "cry",
+    "害羞": "shy",
+    "闭嘴": "shut-up",
+    "睡": "sleep",
+    "大哭": "sob",
+    "尴尬": "awkward",
+    "发怒": "angry",
+    "调皮": "naughty",
+    "呲牙": "grin",
+    "惊讶": "surprised",
+    "难过": "sad",
+    "囧": "embarrassed",
+    "抓狂": "crazy",
+    "吐": "vomit",
+    "偷笑": "snicker",
+    "愉快": "happy",
+    "白眼": "roll-eyes",
+    "傲慢": "arrogant",
+    "困": "sleepy",
+    "惊恐": "panic",
+    "憨笑": "silly-smile",
+    "悠闲": "relaxed",
+    "咒骂": "curse",
+    "疑问": "question",
+    "嘘": "shush",
+    "晕": "dizzy",
+    "衰": "unlucky",
+    "骷髅": "skull",
+    "敲打": "knock",
+    "再见": "goodbye",
+    "擦汗": "wipe-sweat",
+    "抠鼻": "pick-nose",
+    "鼓掌": "clap",
+    "坏笑": "evil-smile",
+    "右哼哼": "right-hum",
+    "鄙视": "despise",
+    "委屈": "wronged",
+    "快哭了": "about-to-cry",
+    "阴险": "sinister",
+    "亲亲": "kiss",
+    "可怜": "pitiful",
+    "笑脸": "smiley",
+    "生病": "sick",
+    "脸红": "blush",
+    "破涕为笑": "smile-through-tears",
+    "恐惧": "fear",
+    "失望": "disappointed",
+    "无语": "speechless",
+    "嘿哈": "hey-ha",
+    "捂脸": "facepalm",
+    "机智": "smart",
+    "皱眉": "frown",
+    "耶": "yeah",
+    "吃瓜": "eat-melon",
+    "加油": "cheer-up",
+    "汗": "sweat",
+    "天啊": "oh-my-god",
+    "Emm": "emm",
+    "社会社会": "social",
+    "旺柴": "doge",
+    "好的": "ok",
+    "打脸": "slap-face",
+    "哇": "wow",
+    "翻白眼": "eye-roll",
+    "666": "666",
+    "让我看看": "let-me-see",
+    "叹气": "sigh",
+    "苦涩": "bitter",
+    "裂开": "crack",
+    "奸笑": "wicked-smile"
+  },
+  "gesture": {
+    "握手": "handshake",
+    "胜利": "victory",
+    "抱拳": "fist-salute",
+    "勾引": "beckon",
+    "拳头": "fist",
+    "OK": "ok",
+    "合十": "pray",
+    "强": "strong",
+    "拥抱": "hug",
+    "弱": "weak"
+  },
+  "animal": {
+    "猪头": "pig-head",
+    "跳跳": "jump",
+    "发抖": "shiver",
+    "转圈": "spin"
+  },
+  "blessing": {
+    "庆祝": "celebrate",
+    "礼物": "gift",
+    "红包": "red-envelope",
+    "發": "fortune",
+    "福": "blessing",
+    "烟花": "fireworks",
+    "爆竹": "firecrackers"
+  },
+  "other": {
+    "嘴唇": "lips",
+    "爱心": "heart",
+    "心碎": "broken-heart",
+    "啤酒": "beer",
+    "咖啡": "coffee",
+    "蛋糕": "cake",
+    "凋谢": "wither",
+    "菜刀": "knife",
+    "炸弹": "bomb",
+    "便便": "poop",
+    "太阳": "sun",
+    "月亮": "moon",
+    "玫瑰": "rose"
+  }
+}
diff --git a/Cunkebao/public/assets/animal/跳跳.png b/Touchkebao/public/assets/animal/jump.png
similarity index 100%
rename from Cunkebao/public/assets/animal/跳跳.png
rename to Touchkebao/public/assets/animal/jump.png
diff --git a/Cunkebao/public/assets/animal/猪头.png b/Touchkebao/public/assets/animal/pig-head.png
similarity index 100%
rename from Cunkebao/public/assets/animal/猪头.png
rename to Touchkebao/public/assets/animal/pig-head.png
diff --git a/Cunkebao/public/assets/animal/发抖.png b/Touchkebao/public/assets/animal/shiver.png
similarity index 100%
rename from Cunkebao/public/assets/animal/发抖.png
rename to Touchkebao/public/assets/animal/shiver.png
diff --git a/Cunkebao/public/assets/animal/转圈.png b/Touchkebao/public/assets/animal/spin.png
similarity index 100%
rename from Cunkebao/public/assets/animal/转圈.png
rename to Touchkebao/public/assets/animal/spin.png
diff --git a/Touchkebao/public/assets/animal/发抖.png b/Touchkebao/public/assets/animal/发抖.png
deleted file mode 100644
index 2bc6cf22..00000000
Binary files a/Touchkebao/public/assets/animal/发抖.png and /dev/null differ
diff --git a/Touchkebao/public/assets/animal/猪头.png b/Touchkebao/public/assets/animal/猪头.png
deleted file mode 100644
index c14749ee..00000000
Binary files a/Touchkebao/public/assets/animal/猪头.png and /dev/null differ
diff --git a/Touchkebao/public/assets/animal/跳跳.png b/Touchkebao/public/assets/animal/跳跳.png
deleted file mode 100644
index ae1307aa..00000000
Binary files a/Touchkebao/public/assets/animal/跳跳.png and /dev/null differ
diff --git a/Touchkebao/public/assets/animal/转圈.png b/Touchkebao/public/assets/animal/转圈.png
deleted file mode 100644
index 7aa3b5a5..00000000
Binary files a/Touchkebao/public/assets/animal/转圈.png and /dev/null differ
diff --git a/Cunkebao/public/assets/blessing/福.png b/Touchkebao/public/assets/blessing/blessing.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/福.png
rename to Touchkebao/public/assets/blessing/blessing.png
diff --git a/Cunkebao/public/assets/blessing/庆祝.png b/Touchkebao/public/assets/blessing/celebrate.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/庆祝.png
rename to Touchkebao/public/assets/blessing/celebrate.png
diff --git a/Cunkebao/public/assets/blessing/爆竹.png b/Touchkebao/public/assets/blessing/firecrackers.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/爆竹.png
rename to Touchkebao/public/assets/blessing/firecrackers.png
diff --git a/Cunkebao/public/assets/blessing/烟花.png b/Touchkebao/public/assets/blessing/fireworks.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/烟花.png
rename to Touchkebao/public/assets/blessing/fireworks.png
diff --git a/Cunkebao/public/assets/blessing/發.png b/Touchkebao/public/assets/blessing/fortune.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/發.png
rename to Touchkebao/public/assets/blessing/fortune.png
diff --git a/Cunkebao/public/assets/blessing/礼物.png b/Touchkebao/public/assets/blessing/gift.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/礼物.png
rename to Touchkebao/public/assets/blessing/gift.png
diff --git a/Cunkebao/public/assets/blessing/红包.png b/Touchkebao/public/assets/blessing/red-envelope.png
similarity index 100%
rename from Cunkebao/public/assets/blessing/红包.png
rename to Touchkebao/public/assets/blessing/red-envelope.png
diff --git a/Touchkebao/public/assets/blessing/庆祝.png b/Touchkebao/public/assets/blessing/庆祝.png
deleted file mode 100644
index 6b3c6391..00000000
Binary files a/Touchkebao/public/assets/blessing/庆祝.png and /dev/null differ
diff --git a/Touchkebao/public/assets/blessing/烟花.png b/Touchkebao/public/assets/blessing/烟花.png
deleted file mode 100644
index 58d2848f..00000000
Binary files a/Touchkebao/public/assets/blessing/烟花.png and /dev/null differ
diff --git a/Touchkebao/public/assets/blessing/爆竹.png b/Touchkebao/public/assets/blessing/爆竹.png
deleted file mode 100644
index 52ac8fb2..00000000
Binary files a/Touchkebao/public/assets/blessing/爆竹.png and /dev/null differ
diff --git a/Touchkebao/public/assets/blessing/發.png b/Touchkebao/public/assets/blessing/發.png
deleted file mode 100644
index 2af454cb..00000000
Binary files a/Touchkebao/public/assets/blessing/發.png and /dev/null differ
diff --git a/Touchkebao/public/assets/blessing/礼物.png b/Touchkebao/public/assets/blessing/礼物.png
deleted file mode 100644
index 6082fbaf..00000000
Binary files a/Touchkebao/public/assets/blessing/礼物.png and /dev/null differ
diff --git a/Touchkebao/public/assets/blessing/福.png b/Touchkebao/public/assets/blessing/福.png
deleted file mode 100644
index d4a5b174..00000000
Binary files a/Touchkebao/public/assets/blessing/福.png and /dev/null differ
diff --git a/Touchkebao/public/assets/blessing/红包.png b/Touchkebao/public/assets/blessing/红包.png
deleted file mode 100644
index 28b9698d..00000000
Binary files a/Touchkebao/public/assets/blessing/红包.png and /dev/null differ
diff --git a/Cunkebao/public/assets/face/快哭了.png b/Touchkebao/public/assets/face/about-to-cry.png
similarity index 100%
rename from Cunkebao/public/assets/face/快哭了.png
rename to Touchkebao/public/assets/face/about-to-cry.png
diff --git a/Cunkebao/public/assets/face/发怒.png b/Touchkebao/public/assets/face/angry.png
similarity index 100%
rename from Cunkebao/public/assets/face/发怒.png
rename to Touchkebao/public/assets/face/angry.png
diff --git a/Cunkebao/public/assets/face/傲慢.png b/Touchkebao/public/assets/face/arrogant.png
similarity index 100%
rename from Cunkebao/public/assets/face/傲慢.png
rename to Touchkebao/public/assets/face/arrogant.png
diff --git a/Cunkebao/public/assets/face/尴尬.png b/Touchkebao/public/assets/face/awkward.png
similarity index 100%
rename from Cunkebao/public/assets/face/尴尬.png
rename to Touchkebao/public/assets/face/awkward.png
diff --git a/Cunkebao/public/assets/face/苦涩.png b/Touchkebao/public/assets/face/bitter.png
similarity index 100%
rename from Cunkebao/public/assets/face/苦涩.png
rename to Touchkebao/public/assets/face/bitter.png
diff --git a/Cunkebao/public/assets/face/脸红.png b/Touchkebao/public/assets/face/blush.png
similarity index 100%
rename from Cunkebao/public/assets/face/脸红.png
rename to Touchkebao/public/assets/face/blush.png
diff --git a/Cunkebao/public/assets/face/加油.png b/Touchkebao/public/assets/face/cheer-up.png
similarity index 100%
rename from Cunkebao/public/assets/face/加油.png
rename to Touchkebao/public/assets/face/cheer-up.png
diff --git a/Cunkebao/public/assets/face/鼓掌.png b/Touchkebao/public/assets/face/clap.png
similarity index 100%
rename from Cunkebao/public/assets/face/鼓掌.png
rename to Touchkebao/public/assets/face/clap.png
diff --git a/Cunkebao/public/assets/face/裂开.png b/Touchkebao/public/assets/face/crack.png
similarity index 100%
rename from Cunkebao/public/assets/face/裂开.png
rename to Touchkebao/public/assets/face/crack.png
diff --git a/Cunkebao/public/assets/face/抓狂.png b/Touchkebao/public/assets/face/crazy.png
similarity index 100%
rename from Cunkebao/public/assets/face/抓狂.png
rename to Touchkebao/public/assets/face/crazy.png
diff --git a/Cunkebao/public/assets/face/流泪.png b/Touchkebao/public/assets/face/crying.png
similarity index 100%
rename from Cunkebao/public/assets/face/流泪.png
rename to Touchkebao/public/assets/face/crying.png
diff --git a/Cunkebao/public/assets/face/咒骂.png b/Touchkebao/public/assets/face/curse.png
similarity index 100%
rename from Cunkebao/public/assets/face/咒骂.png
rename to Touchkebao/public/assets/face/curse.png
diff --git a/Cunkebao/public/assets/face/发呆.png b/Touchkebao/public/assets/face/daze.png
similarity index 100%
rename from Cunkebao/public/assets/face/发呆.png
rename to Touchkebao/public/assets/face/daze.png
diff --git a/Cunkebao/public/assets/face/鄙视.png b/Touchkebao/public/assets/face/despise.png
similarity index 100%
rename from Cunkebao/public/assets/face/鄙视.png
rename to Touchkebao/public/assets/face/despise.png
diff --git a/Cunkebao/public/assets/face/失望.png b/Touchkebao/public/assets/face/disappointed.png
similarity index 100%
rename from Cunkebao/public/assets/face/失望.png
rename to Touchkebao/public/assets/face/disappointed.png
diff --git a/Cunkebao/public/assets/face/晕.png b/Touchkebao/public/assets/face/dizzy.png
similarity index 100%
rename from Cunkebao/public/assets/face/晕.png
rename to Touchkebao/public/assets/face/dizzy.png
diff --git a/Cunkebao/public/assets/face/旺柴.png b/Touchkebao/public/assets/face/doge.png
similarity index 100%
rename from Cunkebao/public/assets/face/旺柴.png
rename to Touchkebao/public/assets/face/doge.png
diff --git a/Cunkebao/public/assets/face/吃瓜.png b/Touchkebao/public/assets/face/eat-melon.png
similarity index 100%
rename from Cunkebao/public/assets/face/吃瓜.png
rename to Touchkebao/public/assets/face/eat-melon.png
diff --git a/Cunkebao/public/assets/face/囧.png b/Touchkebao/public/assets/face/embarrassed.png
similarity index 100%
rename from Cunkebao/public/assets/face/囧.png
rename to Touchkebao/public/assets/face/embarrassed.png
diff --git a/Cunkebao/public/assets/face/坏笑.png b/Touchkebao/public/assets/face/evil-smile.png
similarity index 100%
rename from Cunkebao/public/assets/face/坏笑.png
rename to Touchkebao/public/assets/face/evil-smile.png
diff --git a/Cunkebao/public/assets/face/翻白眼.png b/Touchkebao/public/assets/face/eye-roll.png
similarity index 100%
rename from Cunkebao/public/assets/face/翻白眼.png
rename to Touchkebao/public/assets/face/eye-roll.png
diff --git a/Cunkebao/public/assets/face/捂脸.png b/Touchkebao/public/assets/face/facepalm.png
similarity index 100%
rename from Cunkebao/public/assets/face/捂脸.png
rename to Touchkebao/public/assets/face/facepalm.png
diff --git a/Cunkebao/public/assets/face/恐惧.png b/Touchkebao/public/assets/face/fear.png
similarity index 100%
rename from Cunkebao/public/assets/face/恐惧.png
rename to Touchkebao/public/assets/face/fear.png
diff --git a/Cunkebao/public/assets/face/皱眉.png b/Touchkebao/public/assets/face/frown.png
similarity index 100%
rename from Cunkebao/public/assets/face/皱眉.png
rename to Touchkebao/public/assets/face/frown.png
diff --git a/Cunkebao/public/assets/face/好的.png b/Touchkebao/public/assets/face/good.png
similarity index 100%
rename from Cunkebao/public/assets/face/好的.png
rename to Touchkebao/public/assets/face/good.png
diff --git a/Cunkebao/public/assets/face/再见.png b/Touchkebao/public/assets/face/goodbye.png
similarity index 100%
rename from Cunkebao/public/assets/face/再见.png
rename to Touchkebao/public/assets/face/goodbye.png
diff --git a/Cunkebao/public/assets/face/呲牙.png b/Touchkebao/public/assets/face/grin.png
similarity index 100%
rename from Cunkebao/public/assets/face/呲牙.png
rename to Touchkebao/public/assets/face/grin.png
diff --git a/Cunkebao/public/assets/face/愉快.png b/Touchkebao/public/assets/face/happy.png
similarity index 100%
rename from Cunkebao/public/assets/face/愉快.png
rename to Touchkebao/public/assets/face/happy.png
diff --git a/Cunkebao/public/assets/face/嘿哈.png b/Touchkebao/public/assets/face/hey-ha.png
similarity index 100%
rename from Cunkebao/public/assets/face/嘿哈.png
rename to Touchkebao/public/assets/face/hey-ha.png
diff --git a/Cunkebao/public/assets/face/亲亲.png b/Touchkebao/public/assets/face/kiss.png
similarity index 100%
rename from Cunkebao/public/assets/face/亲亲.png
rename to Touchkebao/public/assets/face/kiss.png
diff --git a/Cunkebao/public/assets/face/敲打.png b/Touchkebao/public/assets/face/knock.png
similarity index 100%
rename from Cunkebao/public/assets/face/敲打.png
rename to Touchkebao/public/assets/face/knock.png
diff --git a/Cunkebao/public/assets/face/悠闲.png b/Touchkebao/public/assets/face/leisurely.png
similarity index 100%
rename from Cunkebao/public/assets/face/悠闲.png
rename to Touchkebao/public/assets/face/leisurely.png
diff --git a/Cunkebao/public/assets/face/让我看看.png b/Touchkebao/public/assets/face/let-me-see.png
similarity index 100%
rename from Cunkebao/public/assets/face/让我看看.png
rename to Touchkebao/public/assets/face/let-me-see.png
diff --git a/Cunkebao/public/assets/face/色.png b/Touchkebao/public/assets/face/lustful.png
similarity index 100%
rename from Cunkebao/public/assets/face/色.png
rename to Touchkebao/public/assets/face/lustful.png
diff --git a/Cunkebao/public/assets/face/调皮.png b/Touchkebao/public/assets/face/naughty.png
similarity index 100%
rename from Cunkebao/public/assets/face/调皮.png
rename to Touchkebao/public/assets/face/naughty.png
diff --git a/Cunkebao/public/assets/face/天啊.png b/Touchkebao/public/assets/face/oh-my.png
similarity index 100%
rename from Cunkebao/public/assets/face/天啊.png
rename to Touchkebao/public/assets/face/oh-my.png
diff --git a/Cunkebao/public/assets/face/惊恐.png b/Touchkebao/public/assets/face/panic.png
similarity index 100%
rename from Cunkebao/public/assets/face/惊恐.png
rename to Touchkebao/public/assets/face/panic.png
diff --git a/Cunkebao/public/assets/face/抠鼻.png b/Touchkebao/public/assets/face/pick-nose.png
similarity index 100%
rename from Cunkebao/public/assets/face/抠鼻.png
rename to Touchkebao/public/assets/face/pick-nose.png
diff --git a/Cunkebao/public/assets/face/可怜.png b/Touchkebao/public/assets/face/pitiful.png
similarity index 100%
rename from Cunkebao/public/assets/face/可怜.png
rename to Touchkebao/public/assets/face/pitiful.png
diff --git a/Cunkebao/public/assets/face/撇嘴.png b/Touchkebao/public/assets/face/pout.png
similarity index 100%
rename from Cunkebao/public/assets/face/撇嘴.png
rename to Touchkebao/public/assets/face/pout.png
diff --git a/Cunkebao/public/assets/face/疑问.png b/Touchkebao/public/assets/face/question.png
similarity index 100%
rename from Cunkebao/public/assets/face/疑问.png
rename to Touchkebao/public/assets/face/question.png
diff --git a/Cunkebao/public/assets/face/右哼哼.png b/Touchkebao/public/assets/face/right-hum.png
similarity index 100%
rename from Cunkebao/public/assets/face/右哼哼.png
rename to Touchkebao/public/assets/face/right-hum.png
diff --git a/Cunkebao/public/assets/face/白眼.png b/Touchkebao/public/assets/face/roll-eyes.png
similarity index 100%
rename from Cunkebao/public/assets/face/白眼.png
rename to Touchkebao/public/assets/face/roll-eyes.png
diff --git a/Cunkebao/public/assets/face/难过.png b/Touchkebao/public/assets/face/sad.png
similarity index 100%
rename from Cunkebao/public/assets/face/难过.png
rename to Touchkebao/public/assets/face/sad.png
diff --git a/Cunkebao/public/assets/face/嘘.png b/Touchkebao/public/assets/face/shush.png
similarity index 100%
rename from Cunkebao/public/assets/face/嘘.png
rename to Touchkebao/public/assets/face/shush.png
diff --git a/Cunkebao/public/assets/face/闭嘴.png b/Touchkebao/public/assets/face/shut-up.png
similarity index 100%
rename from Cunkebao/public/assets/face/闭嘴.png
rename to Touchkebao/public/assets/face/shut-up.png
diff --git a/Cunkebao/public/assets/face/害羞.png b/Touchkebao/public/assets/face/shy.png
similarity index 100%
rename from Cunkebao/public/assets/face/害羞.png
rename to Touchkebao/public/assets/face/shy.png
diff --git a/Cunkebao/public/assets/face/生病.png b/Touchkebao/public/assets/face/sick.png
similarity index 100%
rename from Cunkebao/public/assets/face/生病.png
rename to Touchkebao/public/assets/face/sick.png
diff --git a/Cunkebao/public/assets/face/叹气.png b/Touchkebao/public/assets/face/sigh.png
similarity index 100%
rename from Cunkebao/public/assets/face/叹气.png
rename to Touchkebao/public/assets/face/sigh.png
diff --git a/Cunkebao/public/assets/face/憨笑.png b/Touchkebao/public/assets/face/silly-smile.png
similarity index 100%
rename from Cunkebao/public/assets/face/憨笑.png
rename to Touchkebao/public/assets/face/silly-smile.png
diff --git a/Cunkebao/public/assets/face/阴险.png b/Touchkebao/public/assets/face/sinister.png
similarity index 100%
rename from Cunkebao/public/assets/face/阴险.png
rename to Touchkebao/public/assets/face/sinister.png
diff --git a/Cunkebao/public/assets/face/骷髅.png b/Touchkebao/public/assets/face/skull.png
similarity index 100%
rename from Cunkebao/public/assets/face/骷髅.png
rename to Touchkebao/public/assets/face/skull.png
diff --git a/Cunkebao/public/assets/face/打脸.png b/Touchkebao/public/assets/face/slap-face.png
similarity index 100%
rename from Cunkebao/public/assets/face/打脸.png
rename to Touchkebao/public/assets/face/slap-face.png
diff --git a/Cunkebao/public/assets/face/睡.png b/Touchkebao/public/assets/face/sleep.png
similarity index 100%
rename from Cunkebao/public/assets/face/睡.png
rename to Touchkebao/public/assets/face/sleep.png
diff --git a/Cunkebao/public/assets/face/困.png b/Touchkebao/public/assets/face/sleepy.png
similarity index 100%
rename from Cunkebao/public/assets/face/困.png
rename to Touchkebao/public/assets/face/sleepy.png
diff --git a/Cunkebao/public/assets/face/奸笑.png b/Touchkebao/public/assets/face/sly-smile.png
similarity index 100%
rename from Cunkebao/public/assets/face/奸笑.png
rename to Touchkebao/public/assets/face/sly-smile.png
diff --git a/Cunkebao/public/assets/face/机智.png b/Touchkebao/public/assets/face/smart.png
similarity index 100%
rename from Cunkebao/public/assets/face/机智.png
rename to Touchkebao/public/assets/face/smart.png
diff --git a/Cunkebao/public/assets/face/微笑.png b/Touchkebao/public/assets/face/smile.png
similarity index 100%
rename from Cunkebao/public/assets/face/微笑.png
rename to Touchkebao/public/assets/face/smile.png
diff --git a/Cunkebao/public/assets/face/笑脸.png b/Touchkebao/public/assets/face/smiley.png
similarity index 100%
rename from Cunkebao/public/assets/face/笑脸.png
rename to Touchkebao/public/assets/face/smiley.png
diff --git a/Cunkebao/public/assets/face/得意.png b/Touchkebao/public/assets/face/smug.png
similarity index 100%
rename from Cunkebao/public/assets/face/得意.png
rename to Touchkebao/public/assets/face/smug.png
diff --git a/Cunkebao/public/assets/face/偷笑.png b/Touchkebao/public/assets/face/snicker.png
similarity index 100%
rename from Cunkebao/public/assets/face/偷笑.png
rename to Touchkebao/public/assets/face/snicker.png
diff --git a/Cunkebao/public/assets/face/社会社会.png b/Touchkebao/public/assets/face/social.png
similarity index 100%
rename from Cunkebao/public/assets/face/社会社会.png
rename to Touchkebao/public/assets/face/social.png
diff --git a/Cunkebao/public/assets/face/无语.png b/Touchkebao/public/assets/face/speechless.png
similarity index 100%
rename from Cunkebao/public/assets/face/无语.png
rename to Touchkebao/public/assets/face/speechless.png
diff --git a/Cunkebao/public/assets/face/惊讶.png b/Touchkebao/public/assets/face/surprised.png
similarity index 100%
rename from Cunkebao/public/assets/face/惊讶.png
rename to Touchkebao/public/assets/face/surprised.png
diff --git a/Cunkebao/public/assets/face/汗.png b/Touchkebao/public/assets/face/sweat.png
similarity index 100%
rename from Cunkebao/public/assets/face/汗.png
rename to Touchkebao/public/assets/face/sweat.png
diff --git a/Cunkebao/public/assets/face/破涕为笑.png b/Touchkebao/public/assets/face/tears-to-smile.png
similarity index 100%
rename from Cunkebao/public/assets/face/破涕为笑.png
rename to Touchkebao/public/assets/face/tears-to-smile.png
diff --git a/Cunkebao/public/assets/face/衰.png b/Touchkebao/public/assets/face/unlucky.png
similarity index 100%
rename from Cunkebao/public/assets/face/衰.png
rename to Touchkebao/public/assets/face/unlucky.png
diff --git a/Cunkebao/public/assets/face/吐.png b/Touchkebao/public/assets/face/vomit.png
similarity index 100%
rename from Cunkebao/public/assets/face/吐.png
rename to Touchkebao/public/assets/face/vomit.png
diff --git a/Cunkebao/public/assets/face/大哭.png b/Touchkebao/public/assets/face/wail.png
similarity index 100%
rename from Cunkebao/public/assets/face/大哭.png
rename to Touchkebao/public/assets/face/wail.png
diff --git a/Cunkebao/public/assets/face/擦汗.png b/Touchkebao/public/assets/face/wipe-sweat.png
similarity index 100%
rename from Cunkebao/public/assets/face/擦汗.png
rename to Touchkebao/public/assets/face/wipe-sweat.png
diff --git a/Cunkebao/public/assets/face/哇.png b/Touchkebao/public/assets/face/wow.png
similarity index 100%
rename from Cunkebao/public/assets/face/哇.png
rename to Touchkebao/public/assets/face/wow.png
diff --git a/Cunkebao/public/assets/face/委屈.png b/Touchkebao/public/assets/face/wronged.png
similarity index 100%
rename from Cunkebao/public/assets/face/委屈.png
rename to Touchkebao/public/assets/face/wronged.png
diff --git a/Cunkebao/public/assets/face/耶.png b/Touchkebao/public/assets/face/yeah.png
similarity index 100%
rename from Cunkebao/public/assets/face/耶.png
rename to Touchkebao/public/assets/face/yeah.png
diff --git a/Touchkebao/public/assets/face/亲亲.png b/Touchkebao/public/assets/face/亲亲.png
deleted file mode 100644
index 3190fa39..00000000
Binary files a/Touchkebao/public/assets/face/亲亲.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/偷笑.png b/Touchkebao/public/assets/face/偷笑.png
deleted file mode 100644
index 51836d13..00000000
Binary files a/Touchkebao/public/assets/face/偷笑.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/傲慢.png b/Touchkebao/public/assets/face/傲慢.png
deleted file mode 100644
index cfd4cf55..00000000
Binary files a/Touchkebao/public/assets/face/傲慢.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/再见.png b/Touchkebao/public/assets/face/再见.png
deleted file mode 100644
index 8ef994b6..00000000
Binary files a/Touchkebao/public/assets/face/再见.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/加油.png b/Touchkebao/public/assets/face/加油.png
deleted file mode 100644
index 911ca554..00000000
Binary files a/Touchkebao/public/assets/face/加油.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/发呆.png b/Touchkebao/public/assets/face/发呆.png
deleted file mode 100644
index e6e388f0..00000000
Binary files a/Touchkebao/public/assets/face/发呆.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/发怒.png b/Touchkebao/public/assets/face/发怒.png
deleted file mode 100644
index c8cba000..00000000
Binary files a/Touchkebao/public/assets/face/发怒.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/可怜.png b/Touchkebao/public/assets/face/可怜.png
deleted file mode 100644
index 1e75cbb5..00000000
Binary files a/Touchkebao/public/assets/face/可怜.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/右哼哼.png b/Touchkebao/public/assets/face/右哼哼.png
deleted file mode 100644
index e466e2ae..00000000
Binary files a/Touchkebao/public/assets/face/右哼哼.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/叹气.png b/Touchkebao/public/assets/face/叹气.png
deleted file mode 100644
index 2840584d..00000000
Binary files a/Touchkebao/public/assets/face/叹气.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/吃瓜.png b/Touchkebao/public/assets/face/吃瓜.png
deleted file mode 100644
index 64f72ade..00000000
Binary files a/Touchkebao/public/assets/face/吃瓜.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/吐.png b/Touchkebao/public/assets/face/吐.png
deleted file mode 100644
index b3e072ed..00000000
Binary files a/Touchkebao/public/assets/face/吐.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/呲牙.png b/Touchkebao/public/assets/face/呲牙.png
deleted file mode 100644
index abce5e0c..00000000
Binary files a/Touchkebao/public/assets/face/呲牙.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/咒骂.png b/Touchkebao/public/assets/face/咒骂.png
deleted file mode 100644
index 0a8c0bf2..00000000
Binary files a/Touchkebao/public/assets/face/咒骂.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/哇.png b/Touchkebao/public/assets/face/哇.png
deleted file mode 100644
index 5d1c1796..00000000
Binary files a/Touchkebao/public/assets/face/哇.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/嘘.png b/Touchkebao/public/assets/face/嘘.png
deleted file mode 100644
index a6700568..00000000
Binary files a/Touchkebao/public/assets/face/嘘.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/嘿哈.png b/Touchkebao/public/assets/face/嘿哈.png
deleted file mode 100644
index d424a3f3..00000000
Binary files a/Touchkebao/public/assets/face/嘿哈.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/囧.png b/Touchkebao/public/assets/face/囧.png
deleted file mode 100644
index fc7fbfc2..00000000
Binary files a/Touchkebao/public/assets/face/囧.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/困.png b/Touchkebao/public/assets/face/困.png
deleted file mode 100644
index 148c66fe..00000000
Binary files a/Touchkebao/public/assets/face/困.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/坏笑.png b/Touchkebao/public/assets/face/坏笑.png
deleted file mode 100644
index 8585d822..00000000
Binary files a/Touchkebao/public/assets/face/坏笑.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/大哭.png b/Touchkebao/public/assets/face/大哭.png
deleted file mode 100644
index 3c648869..00000000
Binary files a/Touchkebao/public/assets/face/大哭.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/天啊.png b/Touchkebao/public/assets/face/天啊.png
deleted file mode 100644
index 67d1b970..00000000
Binary files a/Touchkebao/public/assets/face/天啊.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/失望.png b/Touchkebao/public/assets/face/失望.png
deleted file mode 100644
index d38c8888..00000000
Binary files a/Touchkebao/public/assets/face/失望.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/奸笑.png b/Touchkebao/public/assets/face/奸笑.png
deleted file mode 100644
index 895c5917..00000000
Binary files a/Touchkebao/public/assets/face/奸笑.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/好的.png b/Touchkebao/public/assets/face/好的.png
deleted file mode 100644
index 7005ce98..00000000
Binary files a/Touchkebao/public/assets/face/好的.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/委屈.png b/Touchkebao/public/assets/face/委屈.png
deleted file mode 100644
index b6491fd9..00000000
Binary files a/Touchkebao/public/assets/face/委屈.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/害羞.png b/Touchkebao/public/assets/face/害羞.png
deleted file mode 100644
index 50ec7868..00000000
Binary files a/Touchkebao/public/assets/face/害羞.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/尴尬.png b/Touchkebao/public/assets/face/尴尬.png
deleted file mode 100644
index 6d4900e2..00000000
Binary files a/Touchkebao/public/assets/face/尴尬.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/得意.png b/Touchkebao/public/assets/face/得意.png
deleted file mode 100644
index 0bac94b0..00000000
Binary files a/Touchkebao/public/assets/face/得意.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/微笑.png b/Touchkebao/public/assets/face/微笑.png
deleted file mode 100644
index a3195d6e..00000000
Binary files a/Touchkebao/public/assets/face/微笑.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/快哭了.png b/Touchkebao/public/assets/face/快哭了.png
deleted file mode 100644
index f0558ba1..00000000
Binary files a/Touchkebao/public/assets/face/快哭了.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/恐惧.png b/Touchkebao/public/assets/face/恐惧.png
deleted file mode 100644
index 6e935b2a..00000000
Binary files a/Touchkebao/public/assets/face/恐惧.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/悠闲.png b/Touchkebao/public/assets/face/悠闲.png
deleted file mode 100644
index dd19c444..00000000
Binary files a/Touchkebao/public/assets/face/悠闲.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/惊恐.png b/Touchkebao/public/assets/face/惊恐.png
deleted file mode 100644
index 8bfda020..00000000
Binary files a/Touchkebao/public/assets/face/惊恐.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/惊讶.png b/Touchkebao/public/assets/face/惊讶.png
deleted file mode 100644
index 33feac55..00000000
Binary files a/Touchkebao/public/assets/face/惊讶.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/愉快.png b/Touchkebao/public/assets/face/愉快.png
deleted file mode 100644
index a78c8e69..00000000
Binary files a/Touchkebao/public/assets/face/愉快.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/憨笑.png b/Touchkebao/public/assets/face/憨笑.png
deleted file mode 100644
index b5548942..00000000
Binary files a/Touchkebao/public/assets/face/憨笑.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/打脸.png b/Touchkebao/public/assets/face/打脸.png
deleted file mode 100644
index d12031aa..00000000
Binary files a/Touchkebao/public/assets/face/打脸.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/抓狂.png b/Touchkebao/public/assets/face/抓狂.png
deleted file mode 100644
index b4408379..00000000
Binary files a/Touchkebao/public/assets/face/抓狂.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/抠鼻.png b/Touchkebao/public/assets/face/抠鼻.png
deleted file mode 100644
index e44adf69..00000000
Binary files a/Touchkebao/public/assets/face/抠鼻.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/捂脸.png b/Touchkebao/public/assets/face/捂脸.png
deleted file mode 100644
index ea8a13cd..00000000
Binary files a/Touchkebao/public/assets/face/捂脸.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/撇嘴.png b/Touchkebao/public/assets/face/撇嘴.png
deleted file mode 100644
index 937ae748..00000000
Binary files a/Touchkebao/public/assets/face/撇嘴.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/擦汗.png b/Touchkebao/public/assets/face/擦汗.png
deleted file mode 100644
index b9256ad9..00000000
Binary files a/Touchkebao/public/assets/face/擦汗.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/敲打.png b/Touchkebao/public/assets/face/敲打.png
deleted file mode 100644
index 5eb4480c..00000000
Binary files a/Touchkebao/public/assets/face/敲打.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/无语.png b/Touchkebao/public/assets/face/无语.png
deleted file mode 100644
index 443f9d69..00000000
Binary files a/Touchkebao/public/assets/face/无语.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/旺柴.png b/Touchkebao/public/assets/face/旺柴.png
deleted file mode 100644
index 02000fb2..00000000
Binary files a/Touchkebao/public/assets/face/旺柴.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/晕.png b/Touchkebao/public/assets/face/晕.png
deleted file mode 100644
index 8b0a5a28..00000000
Binary files a/Touchkebao/public/assets/face/晕.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/机智.png b/Touchkebao/public/assets/face/机智.png
deleted file mode 100644
index 999d4b56..00000000
Binary files a/Touchkebao/public/assets/face/机智.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/汗.png b/Touchkebao/public/assets/face/汗.png
deleted file mode 100644
index 3b940c55..00000000
Binary files a/Touchkebao/public/assets/face/汗.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/流泪.png b/Touchkebao/public/assets/face/流泪.png
deleted file mode 100644
index bdfe6fc7..00000000
Binary files a/Touchkebao/public/assets/face/流泪.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/生病.png b/Touchkebao/public/assets/face/生病.png
deleted file mode 100644
index 39fdd919..00000000
Binary files a/Touchkebao/public/assets/face/生病.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/疑问.png b/Touchkebao/public/assets/face/疑问.png
deleted file mode 100644
index c2bb9c97..00000000
Binary files a/Touchkebao/public/assets/face/疑问.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/白眼.png b/Touchkebao/public/assets/face/白眼.png
deleted file mode 100644
index fa261a4e..00000000
Binary files a/Touchkebao/public/assets/face/白眼.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/皱眉.png b/Touchkebao/public/assets/face/皱眉.png
deleted file mode 100644
index 123bf081..00000000
Binary files a/Touchkebao/public/assets/face/皱眉.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/睡.png b/Touchkebao/public/assets/face/睡.png
deleted file mode 100644
index 8b378481..00000000
Binary files a/Touchkebao/public/assets/face/睡.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/破涕为笑.png b/Touchkebao/public/assets/face/破涕为笑.png
deleted file mode 100644
index 447dcb65..00000000
Binary files a/Touchkebao/public/assets/face/破涕为笑.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/社会社会.png b/Touchkebao/public/assets/face/社会社会.png
deleted file mode 100644
index e4a311b2..00000000
Binary files a/Touchkebao/public/assets/face/社会社会.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/笑脸.png b/Touchkebao/public/assets/face/笑脸.png
deleted file mode 100644
index e3ac78d0..00000000
Binary files a/Touchkebao/public/assets/face/笑脸.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/翻白眼.png b/Touchkebao/public/assets/face/翻白眼.png
deleted file mode 100644
index 4ebf05dc..00000000
Binary files a/Touchkebao/public/assets/face/翻白眼.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/耶.png b/Touchkebao/public/assets/face/耶.png
deleted file mode 100644
index 969fd94e..00000000
Binary files a/Touchkebao/public/assets/face/耶.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/脸红.png b/Touchkebao/public/assets/face/脸红.png
deleted file mode 100644
index 92ba41d1..00000000
Binary files a/Touchkebao/public/assets/face/脸红.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/色.png b/Touchkebao/public/assets/face/色.png
deleted file mode 100644
index 630ae0ec..00000000
Binary files a/Touchkebao/public/assets/face/色.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/苦涩.png b/Touchkebao/public/assets/face/苦涩.png
deleted file mode 100644
index bf0dd647..00000000
Binary files a/Touchkebao/public/assets/face/苦涩.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/衰.png b/Touchkebao/public/assets/face/衰.png
deleted file mode 100644
index 47ed4719..00000000
Binary files a/Touchkebao/public/assets/face/衰.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/裂开.png b/Touchkebao/public/assets/face/裂开.png
deleted file mode 100644
index 626d4798..00000000
Binary files a/Touchkebao/public/assets/face/裂开.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/让我看看.png b/Touchkebao/public/assets/face/让我看看.png
deleted file mode 100644
index c3fafee6..00000000
Binary files a/Touchkebao/public/assets/face/让我看看.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/调皮.png b/Touchkebao/public/assets/face/调皮.png
deleted file mode 100644
index 5aba419c..00000000
Binary files a/Touchkebao/public/assets/face/调皮.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/鄙视.png b/Touchkebao/public/assets/face/鄙视.png
deleted file mode 100644
index 3d32430e..00000000
Binary files a/Touchkebao/public/assets/face/鄙视.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/闭嘴.png b/Touchkebao/public/assets/face/闭嘴.png
deleted file mode 100644
index d89f3507..00000000
Binary files a/Touchkebao/public/assets/face/闭嘴.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/阴险.png b/Touchkebao/public/assets/face/阴险.png
deleted file mode 100644
index d37f39c1..00000000
Binary files a/Touchkebao/public/assets/face/阴险.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/难过.png b/Touchkebao/public/assets/face/难过.png
deleted file mode 100644
index 636ae7b8..00000000
Binary files a/Touchkebao/public/assets/face/难过.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/骷髅.png b/Touchkebao/public/assets/face/骷髅.png
deleted file mode 100644
index f8835797..00000000
Binary files a/Touchkebao/public/assets/face/骷髅.png and /dev/null differ
diff --git a/Touchkebao/public/assets/face/鼓掌.png b/Touchkebao/public/assets/face/鼓掌.png
deleted file mode 100644
index c6963bcc..00000000
Binary files a/Touchkebao/public/assets/face/鼓掌.png and /dev/null differ
diff --git a/Cunkebao/public/assets/gesture/勾引.png b/Touchkebao/public/assets/gesture/beckon.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/勾引.png
rename to Touchkebao/public/assets/gesture/beckon.png
diff --git a/Cunkebao/public/assets/gesture/抱拳.png b/Touchkebao/public/assets/gesture/fist-salute.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/抱拳.png
rename to Touchkebao/public/assets/gesture/fist-salute.png
diff --git a/Cunkebao/public/assets/gesture/拳头.png b/Touchkebao/public/assets/gesture/fist.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/拳头.png
rename to Touchkebao/public/assets/gesture/fist.png
diff --git a/Cunkebao/public/assets/gesture/握手.png b/Touchkebao/public/assets/gesture/handshake.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/握手.png
rename to Touchkebao/public/assets/gesture/handshake.png
diff --git a/Cunkebao/public/assets/gesture/拥抱.png b/Touchkebao/public/assets/gesture/hug.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/拥抱.png
rename to Touchkebao/public/assets/gesture/hug.png
diff --git a/Cunkebao/public/assets/gesture/合十.png b/Touchkebao/public/assets/gesture/pray.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/合十.png
rename to Touchkebao/public/assets/gesture/pray.png
diff --git a/Cunkebao/public/assets/gesture/强.png b/Touchkebao/public/assets/gesture/strong.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/强.png
rename to Touchkebao/public/assets/gesture/strong.png
diff --git a/Cunkebao/public/assets/gesture/胜利.png b/Touchkebao/public/assets/gesture/victory.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/胜利.png
rename to Touchkebao/public/assets/gesture/victory.png
diff --git a/Cunkebao/public/assets/gesture/弱.png b/Touchkebao/public/assets/gesture/weak.png
similarity index 100%
rename from Cunkebao/public/assets/gesture/弱.png
rename to Touchkebao/public/assets/gesture/weak.png
diff --git a/Touchkebao/public/assets/gesture/勾引.png b/Touchkebao/public/assets/gesture/勾引.png
deleted file mode 100644
index 28e3733e..00000000
Binary files a/Touchkebao/public/assets/gesture/勾引.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/合十.png b/Touchkebao/public/assets/gesture/合十.png
deleted file mode 100644
index eca2b73c..00000000
Binary files a/Touchkebao/public/assets/gesture/合十.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/弱.png b/Touchkebao/public/assets/gesture/弱.png
deleted file mode 100644
index be8b1a8d..00000000
Binary files a/Touchkebao/public/assets/gesture/弱.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/强.png b/Touchkebao/public/assets/gesture/强.png
deleted file mode 100644
index f81c624b..00000000
Binary files a/Touchkebao/public/assets/gesture/强.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/抱拳.png b/Touchkebao/public/assets/gesture/抱拳.png
deleted file mode 100644
index 51d17dbd..00000000
Binary files a/Touchkebao/public/assets/gesture/抱拳.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/拥抱.png b/Touchkebao/public/assets/gesture/拥抱.png
deleted file mode 100644
index 0bbcdb98..00000000
Binary files a/Touchkebao/public/assets/gesture/拥抱.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/拳头.png b/Touchkebao/public/assets/gesture/拳头.png
deleted file mode 100644
index 91c10e02..00000000
Binary files a/Touchkebao/public/assets/gesture/拳头.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/握手.png b/Touchkebao/public/assets/gesture/握手.png
deleted file mode 100644
index 9e6be93c..00000000
Binary files a/Touchkebao/public/assets/gesture/握手.png and /dev/null differ
diff --git a/Touchkebao/public/assets/gesture/胜利.png b/Touchkebao/public/assets/gesture/胜利.png
deleted file mode 100644
index 2a54535a..00000000
Binary files a/Touchkebao/public/assets/gesture/胜利.png and /dev/null differ
diff --git a/Cunkebao/public/assets/other/啤酒.png b/Touchkebao/public/assets/other/beer.png
similarity index 100%
rename from Cunkebao/public/assets/other/啤酒.png
rename to Touchkebao/public/assets/other/beer.png
diff --git a/Cunkebao/public/assets/other/炸弹.png b/Touchkebao/public/assets/other/bomb.png
similarity index 100%
rename from Cunkebao/public/assets/other/炸弹.png
rename to Touchkebao/public/assets/other/bomb.png
diff --git a/Cunkebao/public/assets/other/心碎.png b/Touchkebao/public/assets/other/broken-heart.png
similarity index 100%
rename from Cunkebao/public/assets/other/心碎.png
rename to Touchkebao/public/assets/other/broken-heart.png
diff --git a/Cunkebao/public/assets/other/蛋糕.png b/Touchkebao/public/assets/other/cake.png
similarity index 100%
rename from Cunkebao/public/assets/other/蛋糕.png
rename to Touchkebao/public/assets/other/cake.png
diff --git a/Cunkebao/public/assets/other/咖啡.png b/Touchkebao/public/assets/other/coffee.png
similarity index 100%
rename from Cunkebao/public/assets/other/咖啡.png
rename to Touchkebao/public/assets/other/coffee.png
diff --git a/Cunkebao/public/assets/other/爱心.png b/Touchkebao/public/assets/other/heart.png
similarity index 100%
rename from Cunkebao/public/assets/other/爱心.png
rename to Touchkebao/public/assets/other/heart.png
diff --git a/Cunkebao/public/assets/other/菜刀.png b/Touchkebao/public/assets/other/knife.png
similarity index 100%
rename from Cunkebao/public/assets/other/菜刀.png
rename to Touchkebao/public/assets/other/knife.png
diff --git a/Cunkebao/public/assets/other/嘴唇.png b/Touchkebao/public/assets/other/lips.png
similarity index 100%
rename from Cunkebao/public/assets/other/嘴唇.png
rename to Touchkebao/public/assets/other/lips.png
diff --git a/Cunkebao/public/assets/other/月亮.png b/Touchkebao/public/assets/other/moon.png
similarity index 100%
rename from Cunkebao/public/assets/other/月亮.png
rename to Touchkebao/public/assets/other/moon.png
diff --git a/Cunkebao/public/assets/other/便便.png b/Touchkebao/public/assets/other/poop.png
similarity index 100%
rename from Cunkebao/public/assets/other/便便.png
rename to Touchkebao/public/assets/other/poop.png
diff --git a/Cunkebao/public/assets/other/玫瑰.png b/Touchkebao/public/assets/other/rose.png
similarity index 100%
rename from Cunkebao/public/assets/other/玫瑰.png
rename to Touchkebao/public/assets/other/rose.png
diff --git a/Cunkebao/public/assets/other/太阳.png b/Touchkebao/public/assets/other/sun.png
similarity index 100%
rename from Cunkebao/public/assets/other/太阳.png
rename to Touchkebao/public/assets/other/sun.png
diff --git a/Cunkebao/public/assets/other/凋谢.png b/Touchkebao/public/assets/other/wither.png
similarity index 100%
rename from Cunkebao/public/assets/other/凋谢.png
rename to Touchkebao/public/assets/other/wither.png
diff --git a/Touchkebao/public/assets/other/便便.png b/Touchkebao/public/assets/other/便便.png
deleted file mode 100644
index 9ee508fa..00000000
Binary files a/Touchkebao/public/assets/other/便便.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/凋谢.png b/Touchkebao/public/assets/other/凋谢.png
deleted file mode 100644
index b189bb9d..00000000
Binary files a/Touchkebao/public/assets/other/凋谢.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/咖啡.png b/Touchkebao/public/assets/other/咖啡.png
deleted file mode 100644
index 91b7c79a..00000000
Binary files a/Touchkebao/public/assets/other/咖啡.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/啤酒.png b/Touchkebao/public/assets/other/啤酒.png
deleted file mode 100644
index 81d40ba7..00000000
Binary files a/Touchkebao/public/assets/other/啤酒.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/嘴唇.png b/Touchkebao/public/assets/other/嘴唇.png
deleted file mode 100644
index 858e8547..00000000
Binary files a/Touchkebao/public/assets/other/嘴唇.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/太阳.png b/Touchkebao/public/assets/other/太阳.png
deleted file mode 100644
index 04578c43..00000000
Binary files a/Touchkebao/public/assets/other/太阳.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/心碎.png b/Touchkebao/public/assets/other/心碎.png
deleted file mode 100644
index dc23ec82..00000000
Binary files a/Touchkebao/public/assets/other/心碎.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/月亮.png b/Touchkebao/public/assets/other/月亮.png
deleted file mode 100644
index 20ed34ef..00000000
Binary files a/Touchkebao/public/assets/other/月亮.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/炸弹.png b/Touchkebao/public/assets/other/炸弹.png
deleted file mode 100644
index 9ece24cb..00000000
Binary files a/Touchkebao/public/assets/other/炸弹.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/爱心.png b/Touchkebao/public/assets/other/爱心.png
deleted file mode 100644
index aa9b744c..00000000
Binary files a/Touchkebao/public/assets/other/爱心.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/玫瑰.png b/Touchkebao/public/assets/other/玫瑰.png
deleted file mode 100644
index 83cc3b27..00000000
Binary files a/Touchkebao/public/assets/other/玫瑰.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/菜刀.png b/Touchkebao/public/assets/other/菜刀.png
deleted file mode 100644
index 77c5a137..00000000
Binary files a/Touchkebao/public/assets/other/菜刀.png and /dev/null differ
diff --git a/Touchkebao/public/assets/other/蛋糕.png b/Touchkebao/public/assets/other/蛋糕.png
deleted file mode 100644
index 9a62501c..00000000
Binary files a/Touchkebao/public/assets/other/蛋糕.png and /dev/null differ
diff --git a/Touchkebao/src/components/EmojiSeclection/wechatEmoji.ts b/Touchkebao/src/components/EmojiSeclection/wechatEmoji.ts
index 5e2f3807..eecd9e80 100644
--- a/Touchkebao/src/components/EmojiSeclection/wechatEmoji.ts
+++ b/Touchkebao/src/components/EmojiSeclection/wechatEmoji.ts
@@ -161,273 +161,313 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   微笑: {
     name: "微笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/微笑.png",
+    path: "/assets/face/smile.png",
   },
   撇嘴: {
     name: "撇嘴",
     category: EmojiCategory.FACE,
-    path: "/assets/face/撇嘴.png",
+    path: "/assets/face/pout.png",
+  },
+  色: {
+    name: "色",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/lustful.png",
   },
-  色: { name: "色", category: EmojiCategory.FACE, path: "/assets/face/色.png" },
   发呆: {
     name: "发呆",
     category: EmojiCategory.FACE,
-    path: "/assets/face/发呆.png",
+    path: "/assets/face/daze.png",
   },
   得意: {
     name: "得意",
     category: EmojiCategory.FACE,
-    path: "/assets/face/得意.png",
+    path: "/assets/face/smug.png",
   },
   流泪: {
     name: "流泪",
     category: EmojiCategory.FACE,
-    path: "/assets/face/流泪.png",
+    path: "/assets/face/crying.png",
   },
   害羞: {
     name: "害羞",
     category: EmojiCategory.FACE,
-    path: "/assets/face/害羞.png",
+    path: "/assets/face/shy.png",
   },
   闭嘴: {
     name: "闭嘴",
     category: EmojiCategory.FACE,
-    path: "/assets/face/闭嘴.png",
+    path: "/assets/face/shut-up.png",
+  },
+  睡: {
+    name: "睡",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/sleep.png",
   },
-  睡: { name: "睡", category: EmojiCategory.FACE, path: "/assets/face/睡.png" },
   大哭: {
     name: "大哭",
     category: EmojiCategory.FACE,
-    path: "/assets/face/大哭.png",
+    path: "/assets/face/wail.png",
   },
   尴尬: {
     name: "尴尬",
     category: EmojiCategory.FACE,
-    path: "/assets/face/尴尬.png",
+    path: "/assets/face/awkward.png",
   },
   发怒: {
     name: "发怒",
     category: EmojiCategory.FACE,
-    path: "/assets/face/发怒.png",
+    path: "/assets/face/angry.png",
   },
   调皮: {
     name: "调皮",
     category: EmojiCategory.FACE,
-    path: "/assets/face/调皮.png",
+    path: "/assets/face/naughty.png",
   },
   呲牙: {
     name: "呲牙",
     category: EmojiCategory.FACE,
-    path: "/assets/face/呲牙.png",
+    path: "/assets/face/grin.png",
   },
   惊讶: {
     name: "惊讶",
     category: EmojiCategory.FACE,
-    path: "/assets/face/惊讶.png",
+    path: "/assets/face/surprised.png",
   },
   难过: {
     name: "难过",
     category: EmojiCategory.FACE,
-    path: "/assets/face/难过.png",
+    path: "/assets/face/sad.png",
+  },
+  囧: {
+    name: "囧",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/embarrassed.png",
   },
-  囧: { name: "囧", category: EmojiCategory.FACE, path: "/assets/face/囧.png" },
   抓狂: {
     name: "抓狂",
     category: EmojiCategory.FACE,
-    path: "/assets/face/抓狂.png",
+    path: "/assets/face/crazy.png",
+  },
+  吐: {
+    name: "吐",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/vomit.png",
   },
-  吐: { name: "吐", category: EmojiCategory.FACE, path: "/assets/face/吐.png" },
   偷笑: {
     name: "偷笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/偷笑.png",
+    path: "/assets/face/snicker.png",
   },
   愉快: {
     name: "愉快",
     category: EmojiCategory.FACE,
-    path: "/assets/face/愉快.png",
+    path: "/assets/face/happy.png",
   },
   白眼: {
     name: "白眼",
     category: EmojiCategory.FACE,
-    path: "/assets/face/白眼.png",
+    path: "/assets/face/roll-eyes.png",
   },
   傲慢: {
     name: "傲慢",
     category: EmojiCategory.FACE,
-    path: "/assets/face/傲慢.png",
+    path: "/assets/face/arrogant.png",
+  },
+  困: {
+    name: "困",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/sleepy.png",
   },
-  困: { name: "困", category: EmojiCategory.FACE, path: "/assets/face/困.png" },
   惊恐: {
     name: "惊恐",
     category: EmojiCategory.FACE,
-    path: "/assets/face/惊恐.png",
+    path: "/assets/face/panic.png",
   },
   憨笑: {
     name: "憨笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/憨笑.png",
+    path: "/assets/face/silly-smile.png",
   },
   悠闲: {
     name: "悠闲",
     category: EmojiCategory.FACE,
-    path: "/assets/face/悠闲.png",
+    path: "/assets/face/leisurely.png",
   },
   咒骂: {
     name: "咒骂",
     category: EmojiCategory.FACE,
-    path: "/assets/face/咒骂.png",
+    path: "/assets/face/curse.png",
   },
   疑问: {
     name: "疑问",
     category: EmojiCategory.FACE,
-    path: "/assets/face/疑问.png",
+    path: "/assets/face/question.png",
+  },
+  嘘: {
+    name: "嘘",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/shush.png",
+  },
+  晕: {
+    name: "晕",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/dizzy.png",
+  },
+  衰: {
+    name: "衰",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/unlucky.png",
   },
-  嘘: { name: "嘘", category: EmojiCategory.FACE, path: "/assets/face/嘘.png" },
-  晕: { name: "晕", category: EmojiCategory.FACE, path: "/assets/face/晕.png" },
-  衰: { name: "衰", category: EmojiCategory.FACE, path: "/assets/face/衰.png" },
   骷髅: {
     name: "骷髅",
     category: EmojiCategory.FACE,
-    path: "/assets/face/骷髅.png",
+    path: "/assets/face/skull.png",
   },
   敲打: {
     name: "敲打",
     category: EmojiCategory.FACE,
-    path: "/assets/face/敲打.png",
+    path: "/assets/face/knock.png",
   },
   再见: {
     name: "再见",
     category: EmojiCategory.FACE,
-    path: "/assets/face/再见.png",
+    path: "/assets/face/goodbye.png",
   },
   擦汗: {
     name: "擦汗",
     category: EmojiCategory.FACE,
-    path: "/assets/face/擦汗.png",
+    path: "/assets/face/wipe-sweat.png",
   },
   抠鼻: {
     name: "抠鼻",
     category: EmojiCategory.FACE,
-    path: "/assets/face/抠鼻.png",
+    path: "/assets/face/pick-nose.png",
   },
   鼓掌: {
     name: "鼓掌",
     category: EmojiCategory.FACE,
-    path: "/assets/face/鼓掌.png",
+    path: "/assets/face/clap.png",
   },
   坏笑: {
     name: "坏笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/坏笑.png",
+    path: "/assets/face/evil-smile.png",
   },
   右哼哼: {
     name: "右哼哼",
     category: EmojiCategory.FACE,
-    path: "/assets/face/右哼哼.png",
+    path: "/assets/face/right-hum.png",
   },
   鄙视: {
     name: "鄙视",
     category: EmojiCategory.FACE,
-    path: "/assets/face/鄙视.png",
+    path: "/assets/face/despise.png",
   },
   委屈: {
     name: "委屈",
     category: EmojiCategory.FACE,
-    path: "/assets/face/委屈.png",
+    path: "/assets/face/wronged.png",
   },
   快哭了: {
     name: "快哭了",
     category: EmojiCategory.FACE,
-    path: "/assets/face/快哭了.png",
+    path: "/assets/face/about-to-cry.png",
   },
   阴险: {
     name: "阴险",
     category: EmojiCategory.FACE,
-    path: "/assets/face/阴险.png",
+    path: "/assets/face/sinister.png",
   },
   亲亲: {
     name: "亲亲",
     category: EmojiCategory.FACE,
-    path: "/assets/face/亲亲.png",
+    path: "/assets/face/kiss.png",
   },
   可怜: {
     name: "可怜",
     category: EmojiCategory.FACE,
-    path: "/assets/face/可怜.png",
+    path: "/assets/face/pitiful.png",
   },
   笑脸: {
     name: "笑脸",
     category: EmojiCategory.FACE,
-    path: "/assets/face/笑脸.png",
+    path: "/assets/face/smiley.png",
   },
   生病: {
     name: "生病",
     category: EmojiCategory.FACE,
-    path: "/assets/face/生病.png",
+    path: "/assets/face/sick.png",
   },
   脸红: {
     name: "脸红",
     category: EmojiCategory.FACE,
-    path: "/assets/face/脸红.png",
+    path: "/assets/face/blush.png",
   },
   破涕为笑: {
     name: "破涕为笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/破涕为笑.png",
+    path: "/assets/face/tears-to-smile.png",
   },
   恐惧: {
     name: "恐惧",
     category: EmojiCategory.FACE,
-    path: "/assets/face/恐惧.png",
+    path: "/assets/face/fear.png",
   },
   失望: {
     name: "失望",
     category: EmojiCategory.FACE,
-    path: "/assets/face/失望.png",
+    path: "/assets/face/disappointed.png",
   },
   无语: {
     name: "无语",
     category: EmojiCategory.FACE,
-    path: "/assets/face/无语.png",
+    path: "/assets/face/speechless.png",
   },
   嘿哈: {
     name: "嘿哈",
     category: EmojiCategory.FACE,
-    path: "/assets/face/嘿哈.png",
+    path: "/assets/face/hey-ha.png",
   },
   捂脸: {
     name: "捂脸",
     category: EmojiCategory.FACE,
-    path: "/assets/face/捂脸.png",
+    path: "/assets/face/facepalm.png",
   },
   机智: {
     name: "机智",
     category: EmojiCategory.FACE,
-    path: "/assets/face/机智.png",
+    path: "/assets/face/smart.png",
   },
   皱眉: {
     name: "皱眉",
     category: EmojiCategory.FACE,
-    path: "/assets/face/皱眉.png",
+    path: "/assets/face/frown.png",
+  },
+  耶: {
+    name: "耶",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/yeah.png",
   },
-  耶: { name: "耶", category: EmojiCategory.FACE, path: "/assets/face/耶.png" },
   吃瓜: {
     name: "吃瓜",
     category: EmojiCategory.FACE,
-    path: "/assets/face/吃瓜.png",
+    path: "/assets/face/eat-melon.png",
   },
   加油: {
     name: "加油",
     category: EmojiCategory.FACE,
-    path: "/assets/face/加油.png",
+    path: "/assets/face/cheer-up.png",
   },
 
-  汗: { name: "汗", category: EmojiCategory.FACE, path: "/assets/face/汗.png" },
+  汗: {
+    name: "汗",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/sweat.png",
+  },
   天啊: {
     name: "天啊",
     category: EmojiCategory.FACE,
-    path: "/assets/face/天啊.png",
+    path: "/assets/face/oh-my.png",
   },
   Emm: {
     name: "Emm",
@@ -437,28 +477,32 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   社会社会: {
     name: "社会社会",
     category: EmojiCategory.FACE,
-    path: "/assets/face/社会社会.png",
+    path: "/assets/face/social.png",
   },
   旺柴: {
     name: "旺柴",
     category: EmojiCategory.FACE,
-    path: "/assets/face/旺柴.png",
+    path: "/assets/face/doge.png",
   },
   好的: {
     name: "好的",
     category: EmojiCategory.FACE,
-    path: "/assets/face/好的.png",
+    path: "/assets/face/good.png",
   },
   打脸: {
     name: "打脸",
     category: EmojiCategory.FACE,
-    path: "/assets/face/打脸.png",
+    path: "/assets/face/slap-face.png",
+  },
+  哇: {
+    name: "哇",
+    category: EmojiCategory.FACE,
+    path: "/assets/face/wow.png",
   },
-  哇: { name: "哇", category: EmojiCategory.FACE, path: "/assets/face/哇.png" },
   翻白眼: {
     name: "翻白眼",
     category: EmojiCategory.FACE,
-    path: "/assets/face/翻白眼.png",
+    path: "/assets/face/eye-roll.png",
   },
   "666": {
     name: "666",
@@ -468,54 +512,54 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   让我看看: {
     name: "让我看看",
     category: EmojiCategory.FACE,
-    path: "/assets/face/让我看看.png",
+    path: "/assets/face/let-me-see.png",
   },
   叹气: {
     name: "叹气",
     category: EmojiCategory.FACE,
-    path: "/assets/face/叹气.png",
+    path: "/assets/face/sigh.png",
   },
   苦涩: {
     name: "苦涩",
     category: EmojiCategory.FACE,
-    path: "/assets/face/苦涩.png",
+    path: "/assets/face/bitter.png",
   },
   裂开: {
     name: "裂开",
     category: EmojiCategory.FACE,
-    path: "/assets/face/裂开.png",
+    path: "/assets/face/crack.png",
   },
   奸笑: {
     name: "奸笑",
     category: EmojiCategory.FACE,
-    path: "/assets/face/奸笑.png",
+    path: "/assets/face/sly-smile.png",
   },
 
   // 手势表情
   握手: {
     name: "握手",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/握手.png",
+    path: "/assets/gesture/handshake.png",
   },
   胜利: {
     name: "胜利",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/胜利.png",
+    path: "/assets/gesture/victory.png",
   },
   抱拳: {
     name: "抱拳",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/抱拳.png",
+    path: "/assets/gesture/fist-salute.png",
   },
   勾引: {
     name: "勾引",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/勾引.png",
+    path: "/assets/gesture/beckon.png",
   },
   拳头: {
     name: "拳头",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/拳头.png",
+    path: "/assets/gesture/fist.png",
   },
   OK: {
     name: "OK",
@@ -525,148 +569,148 @@ const EMOJI_DATA: Record<EmojiName, EmojiInfo> = {
   合十: {
     name: "合十",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/合十.png",
+    path: "/assets/gesture/pray.png",
   },
   强: {
     name: "强",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/强.png",
+    path: "/assets/gesture/strong.png",
   },
   拥抱: {
     name: "拥抱",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/拥抱.png",
+    path: "/assets/gesture/hug.png",
   },
   弱: {
     name: "弱",
     category: EmojiCategory.GESTURE,
-    path: "/assets/gesture/弱.png",
+    path: "/assets/gesture/weak.png",
   },
 
   // 动物表情
   猪头: {
     name: "猪头",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/猪头.png",
+    path: "/assets/animal/pig-head.png",
   },
   跳跳: {
     name: "跳跳",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/跳跳.png",
+    path: "/assets/animal/jump.png",
   },
   发抖: {
     name: "发抖",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/发抖.png",
+    path: "/assets/animal/shiver.png",
   },
   转圈: {
     name: "转圈",
     category: EmojiCategory.ANIMAL,
-    path: "/assets/animal/转圈.png",
+    path: "/assets/animal/spin.png",
   },
 
   // 祝福表情
   庆祝: {
     name: "庆祝",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/庆祝.png",
+    path: "/assets/blessing/celebrate.png",
   },
   礼物: {
     name: "礼物",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/礼物.png",
+    path: "/assets/blessing/gift.png",
   },
   红包: {
     name: "红包",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/红包.png",
+    path: "/assets/blessing/red-envelope.png",
   },
   發: {
     name: "發",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/發.png",
+    path: "/assets/blessing/fortune.png",
   },
   福: {
     name: "福",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/福.png",
+    path: "/assets/blessing/blessing.png",
   },
   烟花: {
     name: "烟花",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/烟花.png",
+    path: "/assets/blessing/fireworks.png",
   },
   爆竹: {
     name: "爆竹",
     category: EmojiCategory.BLESSING,
-    path: "/assets/blessing/爆竹.png",
+    path: "/assets/blessing/firecrackers.png",
   },
 
   // 其他表情
   嘴唇: {
     name: "嘴唇",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/嘴唇.png",
+    path: "/assets/other/lips.png",
   },
   爱心: {
     name: "爱心",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/爱心.png",
+    path: "/assets/other/heart.png",
   },
   心碎: {
     name: "心碎",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/心碎.png",
+    path: "/assets/other/broken-heart.png",
   },
   啤酒: {
     name: "啤酒",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/啤酒.png",
+    path: "/assets/other/beer.png",
   },
   咖啡: {
     name: "咖啡",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/咖啡.png",
+    path: "/assets/other/coffee.png",
   },
   蛋糕: {
     name: "蛋糕",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/蛋糕.png",
+    path: "/assets/other/cake.png",
   },
   凋谢: {
     name: "凋谢",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/凋谢.png",
+    path: "/assets/other/wither.png",
   },
   菜刀: {
     name: "菜刀",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/菜刀.png",
+    path: "/assets/other/knife.png",
   },
   炸弹: {
     name: "炸弹",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/炸弹.png",
+    path: "/assets/other/bomb.png",
   },
   便便: {
     name: "便便",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/便便.png",
+    path: "/assets/other/poop.png",
   },
   太阳: {
     name: "太阳",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/太阳.png",
+    path: "/assets/other/sun.png",
   },
   月亮: {
     name: "月亮",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/月亮.png",
+    path: "/assets/other/moon.png",
   },
   玫瑰: {
     name: "玫瑰",
     category: EmojiCategory.OTHER,
-    path: "/assets/other/玫瑰.png",
+    path: "/assets/other/rose.png",
   },
 };
 
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/MessageEnter.module.scss b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/MessageEnter.module.scss
index 36977bd1..95c26fd0 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/MessageEnter.module.scss
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/MessageEnter.module.scss
@@ -4,7 +4,55 @@
   border-top: 1px solid #e1e1e1;
   padding: 0;
   height: auto;
-  min-height: 100px;
+  height: 200px;
+}
+
+// 多条转发操作栏样式
+.multipleForwardingBar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 24px;
+  padding: 12px 16px;
+  background: #ffffff;
+  border-top: 1px solid #e1e1e1;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
+  height: 200px;
+}
+
+.actionButton {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  min-width: 60px;
+
+  &:hover {
+    background: #f5f5f5;
+    transform: translateY(-1px);
+  }
+
+  &:active {
+    background: #e8e8e8;
+    transform: translateY(0);
+  }
+}
+
+.actionIcon {
+  font-size: 20px;
+  color: #576b95;
+  margin-bottom: 2px;
+}
+
+.actionText {
+  font-size: 12px;
+  color: #333;
+  font-weight: 400;
+  white-space: nowrap;
 }
 
 .inputContainer {
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/index.tsx
index 62e574fe..e3073c7e 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/index.tsx
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageEnter/index.tsx
@@ -4,6 +4,8 @@ import {
   SendOutlined,
   FolderOutlined,
   PictureOutlined,
+  ExportOutlined,
+  CloseOutlined,
 } from "@ant-design/icons";
 import { ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
 import { useWebSocketStore } from "@/store/module/websocket/websocket";
@@ -14,7 +16,7 @@ import AudioRecorder from "@/components/Upload/AudioRecorder";
 import ToContract from "./components/toContract";
 import ChatRecord from "./components/chatRecord";
 import styles from "./MessageEnter.module.scss";
-
+import { useWeChatStore } from "@/store/module/weChat/weChat";
 const { Footer } = Layout;
 const { TextArea } = Input;
 
@@ -27,7 +29,12 @@ const { sendCommand } = useWebSocketStore.getState();
 const MessageEnter: React.FC<MessageEnterProps> = ({ contract }) => {
   const [inputValue, setInputValue] = useState("");
   const [showMaterialModal, setShowMaterialModal] = useState(false);
-
+  const EnterModule = useWeChatStore(state => state.EnterModule);
+  const updateShowCheckbox = useWeChatStore(state => state.updateShowCheckbox);
+  const updateEnterModule = useWeChatStore(state => state.updateEnterModule);
+  const updateTransmitModal = useWeChatStore(
+    state => state.updateTransmitModal,
+  );
   const handleSend = async () => {
     if (!inputValue.trim()) return;
     console.log("发送消息", contract);
@@ -130,80 +137,105 @@ const MessageEnter: React.FC<MessageEnterProps> = ({ contract }) => {
     sendCommand("CmdSendMessage", params);
   };
 
+  const handleCancelAction = () => {
+    updateShowCheckbox(false);
+    updateEnterModule("common");
+  };
+  const handTurnRignt = () => {
+    updateTransmitModal(true);
+  };
+
   return (
     <>
       {/* 聊天输入 */}
       <Footer className={styles.chatFooter}>
-        <div className={styles.inputContainer}>
-          <div className={styles.inputToolbar}>
-            <div className={styles.leftTool}>
-              <EmojiPicker onEmojiSelect={handleEmojiSelect} />
-              <SimpleFileUpload
-                onFileUploaded={filePath =>
-                  handleFileUploaded(filePath, FileType.FILE)
-                }
-                maxSize={1}
-                type={4}
-                slot={
-                  <Button
-                    className={styles.toolbarButton}
-                    type="text"
-                    icon={<FolderOutlined />}
-                  />
-                }
-              />
-              <SimpleFileUpload
-                onFileUploaded={filePath =>
-                  handleFileUploaded(filePath, FileType.IMAGE)
-                }
-                maxSize={1}
-                type={1}
-                slot={
-                  <Button
-                    className={styles.toolbarButton}
-                    type="text"
-                    icon={<PictureOutlined />}
-                  />
-                }
-              />
+        {["common"].includes(EnterModule) && (
+          <div className={styles.inputContainer}>
+            <div className={styles.inputToolbar}>
+              <div className={styles.leftTool}>
+                <EmojiPicker onEmojiSelect={handleEmojiSelect} />
+                <SimpleFileUpload
+                  onFileUploaded={filePath =>
+                    handleFileUploaded(filePath, FileType.FILE)
+                  }
+                  maxSize={1}
+                  type={4}
+                  slot={
+                    <Button
+                      className={styles.toolbarButton}
+                      type="text"
+                      icon={<FolderOutlined />}
+                    />
+                  }
+                />
+                <SimpleFileUpload
+                  onFileUploaded={filePath =>
+                    handleFileUploaded(filePath, FileType.IMAGE)
+                  }
+                  maxSize={1}
+                  type={1}
+                  slot={
+                    <Button
+                      className={styles.toolbarButton}
+                      type="text"
+                      icon={<PictureOutlined />}
+                    />
+                  }
+                />
 
-              <AudioRecorder
-                onAudioUploaded={audioData =>
-                  handleFileUploaded(audioData, FileType.AUDIO)
-                }
-                className={styles.toolbarButton}
-              />
-            </div>
-            <div className={styles.rightTool}>
-              <ToContract className={styles.rightToolItem} />
-              <ChatRecord className={styles.rightToolItem} />
-            </div>
-          </div>
-          <div className={styles.inputArea}>
-            <div className={styles.inputWrapper}>
-              <TextArea
-                value={inputValue}
-                onChange={e => setInputValue(e.target.value)}
-                onKeyDown={handleKeyPress}
-                placeholder="输入消息..."
-                className={styles.messageInput}
-                autoSize={{ minRows: 2, maxRows: 6 }}
-              />
-              <div className={styles.sendButtonArea}>
-                <Button
-                  type="primary"
-                  icon={<SendOutlined />}
-                  onClick={handleSend}
-                  disabled={!inputValue.trim()}
-                  className={styles.sendButton}
-                >
-                  发送
-                </Button>
+                <AudioRecorder
+                  onAudioUploaded={audioData =>
+                    handleFileUploaded(audioData, FileType.AUDIO)
+                  }
+                  className={styles.toolbarButton}
+                />
+              </div>
+              <div className={styles.rightTool}>
+                <ToContract className={styles.rightToolItem} />
+                <ChatRecord className={styles.rightToolItem} />
               </div>
             </div>
+            <div className={styles.inputArea}>
+              <div className={styles.inputWrapper}>
+                <TextArea
+                  value={inputValue}
+                  onChange={e => setInputValue(e.target.value)}
+                  onKeyDown={handleKeyPress}
+                  placeholder="输入消息..."
+                  className={styles.messageInput}
+                  autoSize={{ minRows: 2, maxRows: 6 }}
+                />
+                <div className={styles.sendButtonArea}>
+                  <Button
+                    type="primary"
+                    icon={<SendOutlined />}
+                    onClick={handleSend}
+                    disabled={!inputValue.trim()}
+                    className={styles.sendButton}
+                  >
+                    发送
+                  </Button>
+                </div>
+              </div>
+            </div>
+            <div className={styles.inputHint}>
+              按下Ctrl+Enter换行，Enter发送
+            </div>
           </div>
-          <div className={styles.inputHint}>按下Ctrl+Enter换行，Enter发送</div>
-        </div>
+        )}
+        {["multipleForwarding"].includes(EnterModule) && (
+          <div className={styles.multipleForwardingBar}>
+            <div className={styles.actionButton} onClick={handTurnRignt}>
+              <ExportOutlined className={styles.actionIcon} />
+              <span className={styles.actionText}>转发</span>
+            </div>
+
+            <div className={styles.actionButton} onClick={handleCancelAction}>
+              <CloseOutlined className={styles.actionIcon} />
+              <span className={styles.actionText}>取消</span>
+            </div>
+          </div>
+        )}
       </Footer>
 
       {/* 素材选择模态框 */}
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss
index 99f889ae..d20bd680 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss
@@ -49,6 +49,7 @@
 .messageItem {
   display: flex;
   margin-bottom: 12px;
+  align-items: flex-start;
 
   &.ownMessage {
     justify-content: flex-end;
@@ -77,6 +78,15 @@
   }
 }
 
+// Checkbox 容器
+.checkboxContainer {
+  display: flex;
+  align-items: flex-start;
+  margin-right: 8px;
+  margin-top: 4px;
+  flex-shrink: 0;
+}
+
 // 消息内容容器
 .messageContent {
   display: flex;
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/api.ts b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/api.ts
new file mode 100644
index 00000000..3e92af4a
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/api.ts
@@ -0,0 +1,15 @@
+// 朋友圈相关的API接口
+import { useWebSocketStore } from "@/store/module/websocket/websocket";
+
+// 朋友圈请求参数接口
+export interface FetchMomentParams {
+  friendMessageId: number;
+  chatroomMessageId: number;
+  seq: number;
+}
+
+// 获取朋友圈数据
+export const fetchReCallApi = async (params: FetchMomentParams) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  sendCommand("CmdRecallMessage", params);
+};
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/ClickMeau/ClickMenu.module.scss b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/ClickMeau/ClickMenu.module.scss
new file mode 100644
index 00000000..938a253b
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/ClickMeau/ClickMenu.module.scss
@@ -0,0 +1,85 @@
+.contextMenu {
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  border: 1px solid #e8e8e8;
+  overflow: hidden;
+  min-width: 120px;
+  animation: fadeIn 0.15s ease-out;
+
+  .menu {
+    border: none;
+    box-shadow: none;
+    background: transparent;
+
+    :global(.ant-menu-item) {
+      padding: 8px 16px;
+      margin: 0;
+      height: auto;
+      line-height: 1.5;
+      border-radius: 0;
+      transition: all 0.2s ease;
+      width: 100%;
+
+      &:hover {
+        background-color: #f5f5f5;
+      }
+
+      :global(.ant-menu-item-icon) {
+        font-size: 14px;
+      }
+    }
+
+    :global(.ant-menu-item-divider) {
+      margin: 4px 0;
+      background-color: #f0f0f0;
+    }
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+// 暗色主题支持
+@media (prefers-color-scheme: dark) {
+  .contextMenu {
+    background: #2f2f2f;
+    border-color: #434343;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+
+    .menu {
+      :global(.ant-menu-item) {
+        color: #ffffff;
+
+        &:hover {
+          background-color: #404040;
+        }
+
+        &:global(.ant-menu-item-danger) {
+          color: #ff7875;
+
+          &:hover {
+            background-color: #2a1215;
+            color: #ff7875;
+          }
+        }
+
+        &:global(.ant-menu-item-disabled) {
+          color: #595959;
+        }
+      }
+
+      :global(.ant-menu-item-divider) {
+        background-color: #434343;
+      }
+    }
+  }
+}
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/ClickMeau/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/ClickMeau/index.tsx
new file mode 100644
index 00000000..a20b28c3
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/ClickMeau/index.tsx
@@ -0,0 +1,177 @@
+import React, { useState, useEffect, useRef } from "react";
+import { Menu, message } from "antd";
+import {
+  CopyOutlined,
+  CheckSquareOutlined,
+  RollbackOutlined,
+  ExportOutlined,
+  LinkOutlined,
+} from "@ant-design/icons";
+import dayjs from "dayjs";
+import { ChatRecord } from "@/pages/pc/ckbox/data";
+import styles from "./ClickMenu.module.scss";
+
+interface ClickMenuProps {
+  visible: boolean;
+  x: number;
+  y: number;
+  messageData: ChatRecord | null;
+  onClose: () => void;
+  onCommad: (action: string) => void;
+  isOwn: boolean;
+}
+
+const ClickMenu: React.FC<ClickMenuProps> = ({
+  visible,
+  x,
+  y,
+  messageData,
+  onClose,
+  onCommad,
+  isOwn,
+}) => {
+  const menuRef = useRef<HTMLDivElement>(null);
+  const [position, setPosition] = useState({ x, y });
+
+  useEffect(() => {
+    if (visible && menuRef.current) {
+      const menuRect = menuRef.current.getBoundingClientRect();
+      const windowWidth = window.innerWidth;
+      const windowHeight = window.innerHeight;
+
+      let adjustedX = x;
+      let adjustedY = y;
+
+      // 防止菜单超出屏幕右边界
+      if (x + menuRect.width > windowWidth) {
+        adjustedX = windowWidth - menuRect.width - 10;
+      }
+
+      // 防止菜单超出屏幕下边界
+      if (y + menuRect.height > windowHeight) {
+        adjustedY = windowHeight - menuRect.height - 10;
+      }
+
+      setPosition({ x: adjustedX, y: adjustedY });
+    }
+  }, [visible, x, y]);
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {
+        onClose();
+      }
+    };
+
+    const handleEscKey = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+
+    if (visible) {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscKey);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscKey);
+    };
+  }, [visible, onClose]);
+
+  if (!visible || !messageData) {
+    return null;
+  }
+
+  const handleCopy = () => {
+    if (messageData.content) {
+      // 提取纯文本内容，去除HTML标签
+      const textContent = messageData.content.replace(/<[^>]*>/g, "");
+      navigator.clipboard
+        .writeText(textContent)
+        .then(() => {
+          message.success("已复制到剪贴板");
+        })
+        .catch(() => {
+          message.error("复制失败");
+        });
+    }
+    onClose();
+  };
+  // 检查是否显示撤回功能
+  const isShowRecall = (): boolean => {
+    // 早期返回：非自己发送的消息不能撤回
+    if (!isOwn) return false;
+    // 使用 dayjs 计算时间差，1.8分钟 = 108秒
+    const timeDiffInSeconds = dayjs().diff(
+      dayjs(messageData.wechatTime),
+      "second",
+    );
+
+    return timeDiffInSeconds <= 108;
+  };
+  const menuItems = [
+    {
+      key: "transmit",
+      icon: <ExportOutlined />,
+      label: "转发",
+    },
+    {
+      key: "copy",
+      icon: <CopyOutlined />,
+      label: "复制",
+    },
+    {
+      key: "multipleForwarding",
+      icon: <CheckSquareOutlined />,
+      label: "多条转发",
+    },
+    {
+      key: "quote",
+      icon: <LinkOutlined />,
+      label: "引用",
+    },
+    ...(isShowRecall()
+      ? [
+          {
+            key: "recall",
+            icon: <RollbackOutlined />,
+            label: "撤回",
+          },
+        ]
+      : []),
+  ];
+
+  return (
+    <div
+      ref={menuRef}
+      className={styles.contextMenu}
+      style={{
+        position: "fixed",
+        left: position.x,
+        top: position.y,
+        zIndex: 9999,
+      }}
+    >
+      <Menu
+        items={menuItems.map(item => ({
+          ...item,
+          onClick: value => {
+            if (value.key === "copy") {
+              handleCopy();
+            } else {
+              onCommad(value.key);
+              onClose();
+            }
+          },
+        }))}
+        mode="vertical"
+        selectable={false}
+        className={styles.menu}
+      />
+    </div>
+  );
+};
+
+export default ClickMenu;
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/TransmitModal/TransmitModal.module.scss b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/TransmitModal/TransmitModal.module.scss
new file mode 100644
index 00000000..eba7bd81
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/TransmitModal/TransmitModal.module.scss
@@ -0,0 +1,163 @@
+.transmitModal {
+  .ant-modal-content {
+    height: 500px;
+  }
+
+  .ant-modal-body {
+    height: calc(500px - 110px);
+    overflow: hidden;
+    padding: 16px;
+  }
+}
+
+.modalContent {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.searchContainer {
+  margin-bottom: 16px;
+
+  .searchInput {
+    width: 100%;
+  }
+}
+
+.contentBody {
+  flex: 1;
+  display: flex;
+  gap: 16px;
+  min-height: 0;
+}
+
+.contactList,
+.selectedList {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.listHeader {
+  padding: 12px 16px;
+  background-color: #fafafa;
+  border-bottom: 1px solid #d9d9d9;
+  font-weight: 500;
+  font-size: 14px;
+  color: #262626;
+}
+
+.listContent {
+  height: 60vh;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.contactItem,
+.selectedItem {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border-radius: 4px;
+  margin-bottom: 4px;
+  transition: background-color 0.2s;
+
+  &:hover {
+    background-color: #f5f5f5;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+.paginationContainer {
+  padding: 20px;
+}
+.selectedItem {
+  justify-content: space-between;
+}
+
+.contactInfo {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+}
+
+.contactName {
+  font-size: 14px;
+  color: #262626;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.conRemark {
+  font-size: 12px;
+  color: #8c8c8c;
+}
+
+.groupIcon {
+  color: #1890ff;
+  font-size: 12px;
+  margin-left: 4px;
+}
+
+.removeIcon {
+  color: #8c8c8c;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 2px;
+  transition: all 0.2s;
+
+  &:hover {
+    color: #ff4d4f;
+    background-color: #fff2f0;
+  }
+}
+
+.loadingContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+  flex-direction: column;
+  gap: 12px;
+  color: #8c8c8c;
+}
+
+.errorContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+  flex-direction: column;
+  gap: 12px;
+  color: #ff4d4f;
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .transmitModal {
+    .ant-modal-content {
+      max-height: 600px;
+    }
+
+    .ant-modal-body {
+      max-height: calc(600px - 110px);
+    }
+  }
+
+  .contentBody {
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .contactList,
+  .selectedList {
+    min-height: 200px;
+  }
+}
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/TransmitModal/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/TransmitModal/index.tsx
new file mode 100644
index 00000000..832ac783
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/TransmitModal/index.tsx
@@ -0,0 +1,302 @@
+import React, { useState, useEffect, useMemo } from "react";
+import {
+  Modal,
+  Input,
+  Button,
+  Avatar,
+  Checkbox,
+  Empty,
+  Spin,
+  message,
+  Pagination,
+} from "antd";
+import {
+  SearchOutlined,
+  CloseOutlined,
+  UserOutlined,
+  TeamOutlined,
+} from "@ant-design/icons";
+import styles from "./TransmitModal.module.scss";
+import { weChatGroupService, contractService } from "@/utils/db";
+import { useWeChatStore } from "@/store/module/weChat/weChat";
+import { ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
+import { useWebSocketStore } from "@/store/module/websocket/websocket";
+const TransmitModal: React.FC = () => {
+  const [searchValue, setSearchValue] = useState("");
+  const [allContacts, setAllContacts] = useState<
+    (ContractData | weChatGroup)[]
+  >([]);
+  const [selectedWechatFriend, setSelectedWechatFriend] = useState<
+    (ContractData | weChatGroup)[]
+  >([]);
+  const [loading, setLoading] = useState(false);
+  const [page, setPage] = useState(1);
+  const pageSize = 20;
+  const { sendCommand } = useWebSocketStore.getState();
+  // 从 Zustand store 获取更新方法
+  const openTransmitModal = useWeChatStore(state => state.openTransmitModal);
+  const updateTransmitModal = useWeChatStore(
+    state => state.updateTransmitModal,
+  );
+  const updateSelectedChatRecords = useWeChatStore(
+    state => state.updateSelectedChatRecords,
+  );
+
+  const selectedChatRecords = useWeChatStore(
+    state => state.selectedChatRecords,
+  );
+
+  // 加载联系人数据
+  const loadContacts = async () => {
+    setLoading(true);
+    try {
+      // 并行加载联系人和群组数据
+      const [contractsData, groupsData] = await Promise.all([
+        contractService.findAll(),
+        weChatGroupService.findAll(),
+      ]);
+      // 合并并排序（联系人在前，群组在后）
+      const allContactsData = [...contractsData, ...groupsData];
+      setAllContacts(allContactsData);
+    } catch (err) {
+      console.error("加载联系人数据失败:", err);
+      message.error("加载联系人数据失败");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 重置状态
+  useEffect(() => {
+    if (openTransmitModal) {
+      setSearchValue("");
+      setSelectedWechatFriend([]);
+      setPage(1);
+      loadContacts();
+    }
+  }, [openTransmitModal]);
+
+  // 过滤联系人 - 支持名称和拼音搜索
+  const filteredContacts = useMemo(() => {
+    if (!searchValue.trim()) return allContacts;
+
+    const keyword = searchValue.toLowerCase();
+    return allContacts.filter(contact => {
+      const name = (contact.nickname || "").toLowerCase();
+      const quanPin = (contact as any).quanPin?.toLowerCase?.() || "";
+      const pinyin = (contact as any).pinyin?.toLowerCase?.() || "";
+      return (
+        name.includes(keyword) ||
+        quanPin.includes(keyword) ||
+        pinyin.includes(keyword)
+      );
+    });
+  }, [allContacts, searchValue]);
+
+  const paginatedContacts = useMemo(() => {
+    const start = (page - 1) * pageSize;
+    const end = start + pageSize;
+    return filteredContacts.slice(start, end);
+  }, [filteredContacts, page]);
+
+  // 处理联系人选择
+  const handleContactSelect = (contact: ContractData | weChatGroup) => {
+    setSelectedWechatFriend(prev => {
+      if (isContactSelected(contact.id)) {
+        return prev.filter(item => item.id !== contact.id);
+      }
+      return [...prev, contact];
+    });
+  };
+
+  // 移除已选择的联系人
+  const handleRemoveSelected = (contactId: number) => {
+    setSelectedWechatFriend(prev =>
+      prev.filter(contact => contact.id !== contactId),
+    );
+  };
+
+  // 确认转发
+  const handleConfirm = () => {
+    for (const user of selectedWechatFriend) {
+      for (const record of selectedChatRecords) {
+        const params = {
+          wechatAccountId: user.wechatAccountId,
+          wechatChatroomId: user?.chatroomId ? user.id : 0,
+          wechatFriendId: user?.chatroomId ? 0 : user.id,
+          msgSubType: record.msgSubType,
+          msgType: record.msgType,
+          content: record.content,
+        };
+        sendCommand("CmdSendMessage", params);
+      }
+    }
+    updateSelectedChatRecords([]);
+    updateTransmitModal(false);
+  };
+
+  // 检查联系人是否已选择
+  const isContactSelected = (contactId: number) => {
+    return selectedWechatFriend.some(contact => contact.id === contactId);
+  };
+
+  return (
+    <Modal
+      title="转发消息"
+      open={openTransmitModal}
+      onCancel={() => updateTransmitModal(false)}
+      width={"60%"}
+      className={styles.transmitModal}
+      footer={[
+        <Button key="cancel" onClick={() => updateTransmitModal(false)}>
+          取消
+        </Button>,
+        <Button
+          key="confirm"
+          type="primary"
+          onClick={handleConfirm}
+          disabled={selectedWechatFriend.length === 0}
+          loading={loading}
+        >
+          确定
+          {selectedWechatFriend.length > 0 &&
+            ` (${selectedWechatFriend.length})`}
+        </Button>,
+      ]}
+    >
+      <div className={styles.modalContent}>
+        {/* 搜索框 */}
+        <div className={styles.searchContainer}>
+          <Input
+            placeholder="输入联系人或群名"
+            prefix={<SearchOutlined />}
+            value={searchValue}
+            onChange={e => setSearchValue(e.target.value)}
+            className={styles.searchInput}
+            disabled={loading}
+          />
+        </div>
+
+        <div className={styles.contentBody}>
+          {/* 左侧联系人列表 */}
+          <div className={styles.contactList}>
+            <div className={styles.listHeader}>
+              <span>联系人 ({filteredContacts.length})</span>
+            </div>
+            <div className={styles.listContent}>
+              {loading ? (
+                <div className={styles.loadingContainer}>
+                  <Spin size="large" />
+                  <span>加载联系人中...</span>
+                </div>
+              ) : filteredContacts.length > 0 ? (
+                paginatedContacts.map(contact => (
+                  <div key={contact.id} className={styles.contactItem}>
+                    <Checkbox
+                      checked={isContactSelected(contact.id)}
+                      onChange={() => handleContactSelect(contact)}
+                    >
+                      <div className={styles.contactInfo}>
+                        <Avatar
+                          size={32}
+                          src={contact.avatar}
+                          icon={
+                            contact.type === "group" ? (
+                              <TeamOutlined />
+                            ) : (
+                              <UserOutlined />
+                            )
+                          }
+                        />
+                        <div className={styles.contactName}>
+                          <div>{contact.nickname}</div>
+                          {contact.conRemark && (
+                            <div className={styles.conRemark}>
+                              {contact.conRemark}
+                            </div>
+                          )}
+                        </div>
+                        {contact.type === "group" && (
+                          <TeamOutlined className={styles.groupIcon} />
+                        )}
+                      </div>
+                    </Checkbox>
+                  </div>
+                ))
+              ) : (
+                <Empty
+                  description={
+                    searchValue ? "未找到匹配的联系人" : "暂无联系人"
+                  }
+                  image={Empty.PRESENTED_IMAGE_SIMPLE}
+                />
+              )}
+            </div>
+            {filteredContacts.length > 0 && (
+              <div className={styles.paginationContainer}>
+                <Pagination
+                  size="small"
+                  current={page}
+                  pageSize={pageSize}
+                  total={filteredContacts.length}
+                  onChange={p => setPage(p)}
+                  showSizeChanger={false}
+                />
+              </div>
+            )}
+          </div>
+
+          {/* 右侧已选择列表 */}
+          <div className={styles.selectedList}>
+            <div className={styles.listHeader}>
+              <span>已选择 {selectedWechatFriend.length} 个联系人</span>
+            </div>
+            <div className={styles.listContent}>
+              {selectedWechatFriend.length > 0 ? (
+                selectedWechatFriend.map(contact => (
+                  <div key={contact.id} className={styles.selectedItem}>
+                    <div className={styles.contactInfo}>
+                      <Avatar
+                        size={32}
+                        src={contact.avatar}
+                        icon={
+                          contact.type === "group" ? (
+                            <TeamOutlined />
+                          ) : (
+                            <UserOutlined />
+                          )
+                        }
+                      />
+                      <div className={styles.contactName}>
+                        <div>{contact.nickname}</div>
+                        {contact.conRemark && (
+                          <div className={styles.conRemark}>
+                            {contact.conRemark}
+                          </div>
+                        )}
+                      </div>
+                      {contact.type === "group" && (
+                        <TeamOutlined className={styles.groupIcon} />
+                      )}
+                    </div>
+                    <CloseOutlined
+                      className={styles.removeIcon}
+                      onClick={() => handleRemoveSelected(contact.id)}
+                    />
+                  </div>
+                ))
+              ) : (
+                <Empty
+                  description="请选择联系人"
+                  image={Empty.PRESENTED_IMAGE_SIMPLE}
+                />
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </Modal>
+  );
+};
+
+export default TransmitModal;
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/index.tsx
index 68db15d8..205d456e 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/index.tsx
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/index.tsx
@@ -1,29 +1,58 @@
-import React, { useEffect, useRef } from "react";
-import { Avatar, Divider } from "antd";
+import React, { useEffect, useRef, useState } from "react";
+import { Avatar, Checkbox } from "antd";
 import { UserOutlined, LoadingOutlined } from "@ant-design/icons";
 import AudioMessage from "./components/AudioMessage/AudioMessage";
 import SmallProgramMessage from "./components/SmallProgramMessage";
 import VideoMessage from "./components/VideoMessage";
+import ClickMenu from "./components/ClickMeau";
 import { ChatRecord, ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
 import { formatWechatTime } from "@/utils/common";
 import { getEmojiPath } from "@/components/EmojiSeclection/wechatEmoji";
 import styles from "./MessageRecord.module.scss";
 import { useWeChatStore } from "@/store/module/weChat/weChat";
+import { useCkChatStore } from "@/store/module/ckchat/ckchat";
+import { fetchReCallApi } from "./api";
+import TransmitModal from "./components/TransmitModal";
 
 interface MessageRecordProps {
   contract: ContractData | weChatGroup;
 }
 const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
   const messagesEndRef = useRef<HTMLDivElement>(null);
+  // 右键菜单状态
+  const [contextMenu, setContextMenu] = useState({
+    visible: false,
+    x: 0,
+    y: 0,
+    messageData: null as ChatRecord | null,
+  });
+  const [nowIsOwn, setNowIsOwn] = useState(false);
+  // 选中的聊天记录状态
+  const [selectedRecords, setSelectedRecords] = useState<ChatRecord[]>([]);
 
   const currentMessages = useWeChatStore(state => state.currentMessages);
+
   const loadChatMessages = useWeChatStore(state => state.loadChatMessages);
   const messagesLoading = useWeChatStore(state => state.messagesLoading);
   const isLoadingData = useWeChatStore(state => state.isLoadingData);
   const currentGroupMembers = useWeChatStore(
     state => state.currentGroupMembers,
   );
+  const showCheckbox = useWeChatStore(state => state.showCheckbox);
   const prevMessagesRef = useRef(currentMessages);
+  const updateShowCheckbox = useWeChatStore(state => state.updateShowCheckbox);
+  const updateEnterModule = useWeChatStore(state => state.updateEnterModule);
+  const currentKf = useCkChatStore(state =>
+    state.kfUserList.find(kf => kf.id === contract.wechatAccountId),
+  );
+
+  const updateSelectedChatRecords = useWeChatStore(
+    state => state.updateSelectedChatRecords,
+  );
+
+  const updateTransmitModal = useWeChatStore(
+    state => state.updateTransmitModal,
+  );
 
   // 判断是否为表情包URL的工具函数
   const isEmojiUrl = (content: string): boolean => {
@@ -36,26 +65,6 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
     );
   };
 
-  // 提取content字符串中冒号后面的JSON部分
-  const extractJsonFromContent = (content: string): object | null => {
-    try {
-      // 查找第一个冒号的位置
-      const colonIndex = content.indexOf(":");
-      if (colonIndex === -1) {
-        return null;
-      }
-
-      // 提取冒号后面的部分并去除前后空格
-      const jsonStr = content.substring(colonIndex + 1).trim();
-
-      // 尝试解析JSON
-      return JSON.parse(jsonStr);
-    } catch (error) {
-      console.error("解析JSON失败:", error);
-      return null;
-    }
-  };
-
   // 解析表情包文字格式[表情名称]并替换为img标签
   const parseEmojiText = (text: string): React.ReactNode[] => {
     const emojiRegex = /\[([^\]]+)\]/g;
@@ -176,7 +185,7 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
     );
 
     // 添加调试信息
-    console.log("MessageRecord - msgType:", msgType, "content:", content);
+    // console.log("MessageRecord - msgType:", msgType, "content:", content);
 
     // 根据msgType进行消息类型判断
     switch (msgType) {
@@ -474,6 +483,48 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
     }
   };
 
+  // 右键菜单事件处理
+  const handleContextMenu = (
+    e: React.MouseEvent,
+    msg: ChatRecord,
+    isOwn: boolean,
+  ) => {
+    e.preventDefault();
+    setContextMenu({
+      visible: true,
+      x: e.clientX,
+      y: e.clientY,
+      messageData: msg,
+    });
+    setNowIsOwn(isOwn);
+  };
+
+  const handleCloseContextMenu = () => {
+    setContextMenu({
+      visible: false,
+      x: 0,
+      y: 0,
+      messageData: null,
+    });
+  };
+
+  // 处理checkbox选中状态变化
+  const handleCheckboxChange = (checked: boolean, msg: ChatRecord) => {
+    if (checked) {
+      // 添加到选中记录
+      setSelectedRecords(prev => [...prev, msg]);
+    } else {
+      // 从选中记录中移除
+      setSelectedRecords(prev => prev.filter(record => record.id !== msg.id));
+    }
+    updateSelectedChatRecords(selectedRecords);
+  };
+
+  // 检查消息是否被选中
+  const isMessageSelected = (msg: ChatRecord) => {
+    return selectedRecords.some(record => record.id === msg.id);
+  };
+
   // 用于分组消息并添加时间戳的辅助函数
   const groupMessagesByTime = (messages: ChatRecord[]) => {
     return messages
@@ -497,18 +548,27 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
         className={`${styles.messageItem} ${
           isOwn ? styles.ownMessage : styles.otherMessage
         }`}
+        onContextMenu={e => handleContextMenu(e, msg, isOwn)}
       >
         <div className={styles.messageContent}>
           {/* 如果不是群聊 */}
           {!isGroup && !isOwn && (
             <>
+              {/* Checkbox 显示控制 */}
+              {showCheckbox && (
+                <div className={styles.checkboxContainer}>
+                  <Checkbox
+                    checked={isMessageSelected(msg)}
+                    onChange={e => handleCheckboxChange(e.target.checked, msg)}
+                  />
+                </div>
+              )}
               <Avatar
                 size={32}
                 src={contract.avatar}
                 icon={<UserOutlined />}
                 className={styles.messageAvatar}
               />
-
               <div>
                 {!isOwn && (
                   <div className={styles.messageSender}>
@@ -522,13 +582,21 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
           {/* 如果是群聊 */}
           {isGroup && !isOwn && (
             <>
+              {/* Checkbox 显示控制 */}
+              {showCheckbox && (
+                <div className={styles.checkboxContainer}>
+                  <Checkbox
+                    checked={isMessageSelected(msg)}
+                    onChange={e => handleCheckboxChange(e.target.checked, msg)}
+                  />
+                </div>
+              )}
               <Avatar
                 size={32}
                 src={groupMemberAvatar(msg)}
                 icon={<UserOutlined />}
                 className={styles.messageAvatar}
               />
-
               <div>
                 {!isOwn && (
                   <div className={styles.messageSender}>
@@ -545,8 +613,26 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
               </div>
             </>
           )}
-
-          {isOwn && <>{parseMessageContent(msg?.content, msg, msg?.msgType)}</>}
+          {isOwn && (
+            <>
+              {/* Checkbox 显示控制 */}
+              {showCheckbox && (
+                <div className={styles.checkboxContainer}>
+                  <Checkbox
+                    checked={isMessageSelected(msg)}
+                    onChange={e => handleCheckboxChange(e.target.checked, msg)}
+                  />
+                </div>
+              )}
+              <Avatar
+                size={32}
+                src={currentKf.avatar}
+                icon={<UserOutlined />}
+                className={styles.messageAvatar}
+              />
+              <div>{parseMessageContent(msg?.content, msg, msg?.msgType)}</div>
+            </>
+          )}
         </div>
       </div>
     );
@@ -581,6 +667,42 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
     loadChatMessages(false, timestamp);
   };
 
+  const handleForwardMessage = (messageData: ChatRecord) => {
+    updateSelectedChatRecords([messageData]);
+    updateTransmitModal(true);
+  };
+
+  const handRecall = messageData => {
+    // 撤回消息的处理逻辑
+    fetchReCallApi({
+      friendMessageId: messageData?.wechatFriendId ? messageData.id : 0,
+      chatroomMessageId: messageData?.wechatFriendId ? 0 : messageData.id,
+      seq: +new Date(),
+    });
+  };
+
+  const handCommad = (action: string) => {
+    switch (action) {
+      case "transmit":
+        handleForwardMessage(contextMenu.messageData);
+        break;
+      case "multipleForwarding":
+        // 多条转发逻辑
+        updateEnterModule(!showCheckbox ? "multipleForwarding" : "common");
+        updateShowCheckbox(!showCheckbox);
+        break;
+      case "quote":
+        // 引用逻辑
+        break;
+      case "recall":
+        // 撤回逻辑
+        handRecall(contextMenu.messageData);
+        break;
+      default:
+        break;
+    }
+  };
+
   return (
     <div className={styles.messagesContainer}>
       <div className={styles.loadMore} onClick={() => loadMoreMessages()}>
@@ -601,12 +723,23 @@ const MessageRecord: React.FC<MessageRecordProps> = ({ contract }) => {
           {group.messages
             .filter(v => ![10000].includes(v.msgType))
             .map(msg => {
-              console.log("Rendering message with msgType:", msg.msgType);
               return renderMessage(msg);
             })}
         </React.Fragment>
       ))}
       <div ref={messagesEndRef} />
+      {/* 右键菜单组件 */}
+      <ClickMenu
+        visible={contextMenu.visible}
+        x={contextMenu.x}
+        y={contextMenu.y}
+        messageData={contextMenu.messageData}
+        isOwn={nowIsOwn}
+        onClose={handleCloseContextMenu}
+        onCommad={handCommad}
+      />
+      {/*  转发模态框 */}
+      <TransmitModal />
     </div>
   );
 };
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/api.ts b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/api.ts
index 8da04005..d801999e 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/api.ts
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/api.ts
@@ -1,6 +1,106 @@
-import request2 from "@/api/request2";
-import request from "@/api/request";
-// 静音聊天会话
-// export const muteChatSession = (chatId: string): Promise<void> => {
-//   return request2(`/v1/chats/${chatId}/mute`, {}, "PUT");
-// };
+// 朋友圈相关的API接口
+import { useWebSocketStore } from "@/store/module/websocket/websocket";
+
+// 朋友圈请求参数接口
+export interface FetchMomentParams {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  createTimeSec?: number;
+  prevSnsId?: number;
+  count?: number;
+  isTimeline?: boolean;
+  seq?: number;
+}
+
+// 获取朋友圈数据
+export const fetchFriendsCircleData = async (params: FetchMomentParams) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  sendCommand("CmdFetchMoment", params);
+};
+
+// 点赞朋友圈
+export const likeMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentInteract",
+    momentInteractType: 1,
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    snsId: params.snsId,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentInteract", requestData);
+};
+
+// 取消点赞
+export const cancelLikeMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentCancelInteract",
+    optType: 1,
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    CommentId2: "",
+    CommentTime: 0,
+    snsId: params.snsId,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentCancelInteract", requestData);
+};
+
+// 评论朋友圈
+export const commentMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  sendWord: string;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentInteract",
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    snsId: params.snsId,
+    sendWord: params.sendWord,
+    momentInteractType: 2,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentInteract", requestData);
+};
+
+// 撤销评论
+export const cancelCommentMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  CommentTime: number;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentCancelInteract",
+    optType: 2,
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    CommentId2: "",
+    CommentTime: params.CommentTime,
+    snsId: params.snsId,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentCancelInteract", requestData);
+};
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/components/api.ts b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/components/api.ts
new file mode 100644
index 00000000..311b5100
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/components/api.ts
@@ -0,0 +1,107 @@
+// 朋友圈相关的API接口
+import { useWebSocketStore } from "@/store/module/websocket/websocket";
+
+// 朋友圈请求参数接口
+export interface FetchMomentParams {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  createTimeSec?: number;
+  prevSnsId?: number;
+  count?: number;
+  isTimeline?: boolean;
+  seq?: number;
+}
+
+// 获取朋友圈数据
+export const fetchFriendsCircleData = async (params: FetchMomentParams) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  sendCommand("CmdFetchMoment", params);
+};
+
+// 点赞朋友圈
+export const likeMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentInteract",
+    momentInteractType: 1,
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    snsId: params.snsId,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentInteract", requestData);
+};
+
+// 取消点赞
+export const cancelLikeMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentCancelInteract",
+    optType: 1,
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    CommentId2: "",
+    CommentTime: 0,
+    snsId: params.snsId,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentCancelInteract", requestData);
+};
+
+// 评论朋友圈
+export const commentMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  sendWord: string;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentInteract",
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    snsId: params.snsId,
+    sendWord: params.sendWord,
+    momentInteractType: 2,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentInteract", requestData);
+};
+
+// 撤销评论
+export const cancelCommentMoment = async (params: {
+  wechatAccountId: number;
+  wechatFriendId?: number;
+  snsId: string;
+  commentTime: number;
+  commentId2: number;
+  seq?: number;
+}) => {
+  const { sendCommand } = useWebSocketStore.getState();
+  const requestData = {
+    cmdType: "CmdMomentCancelInteract",
+    optType: 2,
+    wechatAccountId: params.wechatAccountId,
+    wechatFriendId: params.wechatFriendId || 0,
+    CommentId2: params.commentId2,
+    CommentTime: params.commentTime,
+    snsId: params.snsId,
+    seq: params.seq || Date.now(),
+  };
+
+  sendCommand("CmdMomentCancelInteract", requestData);
+};
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/components/friendCard.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/components/friendCard.tsx
new file mode 100644
index 00000000..ada75633
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/components/friendCard.tsx
@@ -0,0 +1,320 @@
+import React, { useState } from "react";
+import { Avatar, Button, Image, Spin, Input, message } from "antd";
+import {
+  HeartOutlined,
+  MessageOutlined,
+  LoadingOutlined,
+  SendOutlined,
+  DeleteOutlined,
+} from "@ant-design/icons";
+import {
+  CommentItem,
+  likeListItem,
+  FriendCardProps,
+  MomentListProps,
+  FriendsCircleItem,
+} from "@/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.data";
+import styles from "../index.module.scss";
+import {
+  likeMoment,
+  cancelLikeMoment,
+  commentMoment,
+  cancelCommentMoment,
+} from "./api";
+import { comfirm } from "@/utils/common";
+
+import { useWeChatStore } from "@/store/module/weChat/weChat";
+// 单个朋友圈项目组件
+export const FriendCard: React.FC<FriendCardProps> = ({
+  monent,
+  isNotMy = false,
+  currentKf,
+  wechatFriendId,
+  formatTime,
+}) => {
+  const content = monent?.momentEntity?.content || "";
+  const images = monent?.momentEntity?.resUrls || [];
+  const time = formatTime(monent.createTime);
+  const likesCount = monent?.likeList?.length || 0;
+  const commentsCount = monent?.commentList?.length || 0;
+  const { updateLikeMoment, updateComment } = useWeChatStore();
+
+  // 评论相关状态
+  const [showCommentInput, setShowCommentInput] = useState(false);
+  const [commentText, setCommentText] = useState("");
+
+  const handleLike = (moment: FriendsCircleItem) => {
+    console.log(currentKf);
+
+    //判断是否已经点赞了
+    const isLiked = moment?.likeList?.some(
+      (item: likeListItem) => item.wechatId === currentKf?.wechatId,
+    );
+    if (isLiked) {
+      cancelLikeMoment({
+        wechatAccountId: currentKf?.id || 0,
+        wechatFriendId: wechatFriendId || 0,
+        snsId: moment.snsId,
+        seq: Date.now(),
+      });
+      // 更新点赞
+      updateLikeMoment(
+        moment.snsId,
+        moment.likeList.filter(v => v.wechatId !== currentKf?.wechatId),
+      );
+    } else {
+      likeMoment({
+        wechatAccountId: currentKf?.id || 0,
+        wechatFriendId: wechatFriendId || 0,
+        snsId: moment.snsId,
+        seq: Date.now(),
+      });
+      // 更新点赞
+      updateLikeMoment(moment.snsId, [
+        ...moment.likeList,
+        {
+          createTime: Date.now(),
+          nickName: currentKf?.nickname || "",
+          wechatId: currentKf?.wechatId || "",
+        },
+      ]);
+    }
+  };
+
+  const handleSendComment = monent => {
+    if (!commentText.trim()) {
+      message.warning("请输入评论内容");
+      return;
+    }
+
+    // TODO: 调用发送评论的API
+    commentMoment({
+      wechatAccountId: currentKf?.id || 0,
+      wechatFriendId: wechatFriendId || 0,
+      snsId: monent.snsId,
+      sendWord: commentText,
+      seq: Date.now(),
+    });
+    // 更新评论
+    updateComment(monent.snsId, [
+      ...monent.commentList,
+      {
+        commentArg: 0,
+        commentId1: Date.now(),
+        commentId2: Date.now(),
+        commentTime: Date.now(),
+        content: commentText,
+        nickName: currentKf?.nickname || "",
+        wechatId: currentKf?.wechatId || "",
+      },
+    ]);
+    // 清空输入框并隐藏
+    setCommentText("");
+    setShowCommentInput(false);
+    message.success("评论发送成功");
+  };
+
+  const handleDeleteComment = (snsId: string, comment: CommentItem) => {
+    // TODO: 调用删除评论的API
+    comfirm("确定删除评论吗？").then(() => {
+      cancelCommentMoment({
+        wechatAccountId: currentKf?.id || 0,
+        wechatFriendId: wechatFriendId || 0,
+        snsId: snsId,
+        seq: Date.now(),
+        commentId2: comment.commentId2,
+        commentTime: comment.commentTime,
+      });
+      // 更新评论
+      const commentList = monent.commentList.filter(v => {
+        return !(
+          v.commentId2 == comment.commentId2 &&
+          v.wechatId == currentKf?.wechatId
+        );
+      });
+      updateComment(snsId, commentList);
+      message.success("评论删除成功");
+    });
+  };
+
+  return (
+    <div className={styles.circleItem}>
+      {isNotMy && (
+        <div className={styles.avatar}>
+          <Avatar size={36} shape="square" src="/public/assets/face/1.png" />
+        </div>
+      )}
+      <div className={styles.itemWrap}>
+        <div className={styles.itemHeader}>
+          <div className={styles.userInfo}>
+            {/* <div className={styles.username}>{nickName}</div> */}
+          </div>
+        </div>
+
+        <div className={styles.itemContent}>
+          <div className={styles.contentText}>{content}</div>
+          {images && images.length > 0 && (
+            <div className={styles.imageContainer}>
+              {images.map((image, index) => (
+                <Image
+                  key={index}
+                  src={image}
+                  className={styles.contentImage}
+                />
+              ))}
+            </div>
+          )}
+        </div>
+
+        <div className={styles.itemFooter}>
+          <div className={styles.timeInfo}>{time}</div>
+          <div className={styles.actions}>
+            <Button
+              type="text"
+              size="small"
+              icon={<HeartOutlined />}
+              onClick={() => handleLike(monent)}
+              className={styles.actionButton}
+            >
+              {likesCount > 0 && <span>{likesCount}</span>}
+            </Button>
+            <Button
+              type="text"
+              size="small"
+              icon={<MessageOutlined />}
+              onClick={() => setShowCommentInput(!showCommentInput)}
+              className={styles.actionButton}
+            >
+              {commentsCount > 0 && <span>{commentsCount}</span>}
+            </Button>
+          </div>
+        </div>
+
+        {/* 点赞和评论区域 */}
+        {(monent?.likeList?.length > 0 || monent?.commentList?.length > 0) && (
+          <div className={styles.interactionArea}>
+            {/* 点赞列表 */}
+            {monent?.likeList?.length > 0 && (
+              <div className={styles.likeArea}>
+                <HeartOutlined className={styles.likeIcon} />
+                <span className={styles.likeList}>
+                  {monent?.likeList?.map((like, index) => (
+                    <span key={`${like.wechatId}-${like.createTime}-${index}`}>
+                      {like.nickName}
+                      {index < (monent?.likeList?.length || 0) - 1 && "、"}
+                    </span>
+                  ))}
+                </span>
+              </div>
+            )}
+
+            {/* 评论列表 */}
+            {monent?.commentList?.length > 0 && (
+              <div className={styles.commentArea}>
+                {monent?.commentList?.map(comment => (
+                  <div
+                    key={`${comment.wechatId}-${comment.commentTime}`}
+                    className={styles.commentItem}
+                  >
+                    <span className={styles.commentUser}>
+                      {comment.nickName}
+                    </span>
+                    <span className={styles.commentSeparator}>: </span>
+                    <span className={styles.commentContent}>
+                      {comment.content}
+                    </span>
+                    <Button
+                      type="text"
+                      size="small"
+                      icon={<DeleteOutlined />}
+                      onClick={() => handleDeleteComment(monent.snsId, comment)}
+                      className={styles.deleteCommentBtn}
+                      danger
+                    />
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+        )}
+
+        {/* 评论输入框 */}
+        {showCommentInput && (
+          <div className={styles.commentInputArea}>
+            <Input.TextArea
+              value={commentText}
+              onChange={e => setCommentText(e.target.value)}
+              placeholder="写评论..."
+              autoSize={{ minRows: 2, maxRows: 4 }}
+              className={styles.commentInput}
+            />
+            <div className={styles.commentInputActions}>
+              <Button
+                type="primary"
+                size="small"
+                icon={<SendOutlined />}
+                onClick={() => handleSendComment(monent)}
+                className={styles.sendCommentBtn}
+              >
+                发送
+              </Button>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+// 朋友圈列表组件
+export const MomentList: React.FC<MomentListProps> = ({
+  MomentCommon,
+  MomentCommonLoading,
+  formatTime,
+  currentKf,
+  loadMomentData,
+}) => {
+  return (
+    <div className={styles.myCircleContent}>
+      {MomentCommon.length > 0 ? (
+        <>
+          {MomentCommon.map((v, index) => (
+            <div
+              key={`${v.snsId}-${v.createTime}-${index}`}
+              className={styles.itemWrapper}
+            >
+              <FriendCard
+                monent={v}
+                isNotMy={false}
+                formatTime={formatTime}
+                currentKf={currentKf}
+              />
+            </div>
+          ))}
+          {MomentCommonLoading && (
+            <div className={styles.loadingMore}>
+              <Spin indicator={<LoadingOutlined spin />} /> 加载中...
+            </div>
+          )}
+          {!MomentCommonLoading && (
+            <div style={{ textAlign: "center" }}>
+              <Button
+                size="small"
+                type="primary"
+                onClick={() => loadMomentData(true)}
+              >
+                加载更多...
+              </Button>
+            </div>
+          )}
+        </>
+      ) : MomentCommonLoading ? (
+        <div className={styles.loadingMore}>
+          <Spin indicator={<LoadingOutlined spin />} /> 加载中...
+        </div>
+      ) : (
+        <p className={styles.emptyText}>暂无我的朋友圈内容</p>
+      )}
+    </div>
+  );
+};
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.data.ts b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.data.ts
new file mode 100644
index 00000000..d61c2870
--- /dev/null
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.data.ts
@@ -0,0 +1,71 @@
+// 评论数据类型
+export interface CommentItem {
+  commentArg: number;
+  commentId1: number;
+  commentId2: number;
+  commentTime: number;
+  content: string;
+  nickName: string;
+  wechatId: string;
+}
+
+// 点赞数据类型
+export interface LikeItem {
+  createTime: number;
+  nickName: string;
+  wechatId: string;
+}
+
+// 朋友圈实体数据类型
+export interface MomentEntity {
+  content: string;
+  createTime: number;
+  lat: number;
+  lng: number;
+  location: string;
+  objectType: number;
+  picSize: number;
+  resUrls: string[];
+  snsId: string;
+  urls: string[];
+  userName: string;
+}
+
+// 朋友圈数据类型定义
+export interface FriendsCircleItem {
+  commentList: CommentItem[];
+  createTime: number;
+  likeList: LikeItem[];
+  momentEntity: MomentEntity;
+  snsId: string;
+  type: number;
+}
+
+// API响应类型
+export interface ApiResponse {
+  list: FriendsCircleItem[];
+  total: number;
+  hasMore: boolean;
+}
+
+export interface FriendCardProps {
+  monent: FriendsCircleItem;
+  isNotMy?: boolean;
+  currentKf?: any;
+  wechatFriendId?: number;
+  formatTime: (time: number) => string;
+}
+
+export interface MomentListProps {
+  MomentCommon: FriendsCircleItem[];
+  MomentCommonLoading: boolean;
+  currentKf?: any;
+  wechatFriendId?: number;
+  formatTime: (time: number) => string;
+  loadMomentData: (loadMore: boolean) => void;
+}
+export interface likeListItem {
+  createTime: number;
+  nickName: string;
+  wechatId: string;
+}
diff --git a/Touchkebao/src/store/module/websocket/sendMessages.ts b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.func.ts
similarity index 100%
rename from Touchkebao/src/store/module/websocket/sendMessages.ts
rename to Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.func.ts
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.module.scss b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.module.scss
index ddb2a15f..1c39f04c 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.module.scss
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.module.scss
@@ -55,7 +55,11 @@
       display: flex;
       align-items: center;
       gap: 6px;
-
+      .avatar {
+        width: 20px;
+        height: 20px;
+        border-radius: 5px;
+      }
       /* 特殊头像样式 */
       .specialAvatar {
         background-color: #1890ff;
@@ -164,7 +168,11 @@
           /* 图片容器 */
           .imageContainer {
             margin: 8px 0;
-
+            &::after {
+              content: "";
+              display: table;
+              clear: both;
+            }
             .contentImage {
               width: 60px;
               height: 60px;
@@ -172,6 +180,13 @@
               border-radius: 4px;
               margin-right: 8px;
               margin-bottom: 8px;
+              cursor: pointer;
+              transition: transform 0.2s;
+              float: left;
+
+              &:hover {
+                transform: scale(1.05);
+              }
             }
           }
 
@@ -240,10 +255,10 @@
 
             .likeList {
               color: #576b95;
-              
+
               span {
                 cursor: pointer;
-                
+
                 &:hover {
                   text-decoration: underline;
                 }
@@ -254,12 +269,11 @@
           .commentArea {
             .commentItem {
               margin-bottom: 2px;
-              line-height: 1.4;
 
               .commentUser {
                 color: #576b95;
                 cursor: pointer;
-                
+
                 &:hover {
                   text-decoration: underline;
                 }
@@ -271,7 +285,46 @@
 
               .commentContent {
                 color: #333;
+                flex: 1;
               }
+
+              .deleteCommentBtn {
+                opacity: 1;
+                transition: opacity 0.2s;
+                margin-left: 8px;
+                padding: 0;
+                height: auto;
+                min-width: auto;
+                display: inline-block;
+              }
+            }
+          }
+        }
+        // 评论输入框样式
+        .commentInputArea {
+          background-color: #f8f9fa;
+          border-radius: 8px;
+          border: 1px solid #e9ecef;
+
+          .commentInput {
+            border: none;
+            background: transparent;
+            resize: none;
+            font-size: 12px;
+            color: #333;
+
+            &:focus {
+              box-shadow: none;
+            }
+          }
+
+          .commentInputActions {
+            text-align: right;
+            padding-right: 10px;
+            padding-bottom: 10px;
+            .sendCommentBtn {
+              height: 28px;
+              font-size: 12px;
             }
           }
         }
@@ -303,3 +356,95 @@
     }
   }
 }
+
+/* ===== 图片预览Modal样式 ===== */
+.imagePreviewModal {
+  :global(.ant-modal-content) {
+    background: transparent;
+    box-shadow: none;
+  }
+
+  :global(.ant-modal-header) {
+    display: none;
+  }
+
+  :global(.ant-modal-close) {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 1001;
+    color: white;
+    font-size: 24px;
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.1);
+    }
+  }
+
+  :global(.ant-modal-body) {
+    padding: 0;
+  }
+}
+
+.previewContainer {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.9);
+
+  .previewImage {
+    max-width: 90vw;
+    max-height: 90vh;
+    object-fit: contain;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+  }
+
+  .navButton {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: rgba(0, 0, 0, 0.5);
+    border: none;
+    color: white;
+    font-size: 24px;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s;
+    z-index: 1000;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.7);
+      transform: translateY(-50%) scale(1.1);
+    }
+
+    &.prevButton {
+      left: 20px;
+    }
+
+    &.nextButton {
+      right: 20px;
+    }
+  }
+
+  .imageCounter {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    background: rgba(0, 0, 0, 0.7);
+    color: white;
+    padding: 8px 16px;
+    border-radius: 20px;
+    font-size: 14px;
+    z-index: 1000;
+  }
+}
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.tsx
index d8938386..f7e054af 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.tsx
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.tsx
@@ -1,279 +1,63 @@
 import React, { useState, useEffect } from "react";
-import { Avatar, Button, Collapse, Spin } from "antd";
-import {
-  HeartOutlined,
-  ChromeOutlined,
-  MessageOutlined,
-  LoadingOutlined,
-  AppstoreOutlined,
-} from "@ant-design/icons";
-import { InfiniteScroll } from "antd-mobile";
+import { Collapse } from "antd";
+import { ChromeOutlined } from "@ant-design/icons";
+import { MomentList } from "./components/friendCard";
+
+import dayjs from "dayjs";
 import styles from "./index.module.scss";
+import { fetchFriendsCircleData } from "./api";
+import { useCkChatStore } from "@/store/module/ckchat/ckchat";
+import { useWeChatStore } from "@/store/module/weChat/weChat";
 
-// 评论数据类型
-interface CommentItem {
-  commentArg: number;
-  commentId1: number;
-  commentId2: number;
-  commentTime: number;
-  content: string;
-  nickName: string;
-  wechatId: string;
+interface FriendsCircleProps {
+  wechatFriendId?: number;
 }
 
-// 点赞数据类型
-interface LikeItem {
-  createTime: number;
-  nickName: string;
-  wechatId: string;
-}
+const FriendsCircle: React.FC<FriendsCircleProps> = ({ wechatFriendId }) => {
+  const currentKf = useCkChatStore(state =>
+    state.kfUserList.find(kf => kf.id === state.kfSelected),
+  );
+  const { clearMomentCommon, updateMomentCommonLoading } = useWeChatStore();
+  const MomentCommon = useWeChatStore(state => state.MomentCommon);
+  const MomentCommonLoading = useWeChatStore(
+    state => state.MomentCommonLoading,
+  );
 
-// 朋友圈实体数据类型
-interface MomentEntity {
-  content: string;
-  createTime: number;
-  lat: number;
-  lng: number;
-  location: string;
-  objectType: number;
-  picSize: number;
-  resUrls: string[];
-  snsId: string;
-  urls: string[];
-  userName: string;
-}
+  // 页面重新渲染时重置MomentCommonLoading状态
+  useEffect(() => {
+    updateMomentCommonLoading(false);
+  }, []);
 
-// 朋友圈数据类型定义
-interface FriendsCircleItem {
-  commentList: CommentItem[];
-  createTime: number;
-  likeList: LikeItem[];
-  momentEntity: MomentEntity;
-  snsId: string;
-  type: number;
-}
-
-// API响应类型
-interface ApiResponse {
-  list: FriendsCircleItem[];
-  total: number;
-  hasMore: boolean;
-}
-
-// 分页参数类型
-interface PaginationParams {
-  pageNum: number;
-  pageSize: number;
-  type: "my" | "square";
-}
-
-// 模拟朋友圈数据
-const mockFriendsCircleData: FriendsCircleItem[] = [
-  {
-    commentList: [
-      {
-        commentArg: 2,
-        commentId1: 0,
-        commentId2: 35,
-        commentTime: 1758011325,
-        content: "测试评论",
-        nickName: "老坑爹- 解放双手，释放时间",
-        wechatId: "wxid_480es52qsj2812",
-      },
-    ],
-    createTime: 1757258659,
-    likeList: [
-      {
-        createTime: 1757315556,
-        nickName: "老坑爹- 解放双手，释放时间",
-        wechatId: "wxid_480es52qsj2812",
-      },
-    ],
-    momentEntity: {
-      content: "没看到血月[旺柴]",
-      createTime: 1757258659,
-      lat: 0,
-      lng: 0,
-      location: "",
-      objectType: 1,
-      picSize: 0,
-      resUrls: [
-        "https://ac-weremote-s2.oss-cn-shenzhen.aliyuncs.com/weremote/chat-logs/5E2C38F5A275450D935F3ECEC076124E/aa6d4c2f7b1fe24d04d34f4f409883e6/sns/wxid_480es52qsj2812/-3705790026851937712/-3705790026851937712-14740954047910318662.jpg",
-      ],
-      snsId: "-3705790026851937712",
-      urls: ["/sns/3/3/snst_14740954047910318662"],
-      userName: "wxid_dlhi90odctcl22",
-    },
-    snsId: "-3705790026851937712",
-    type: 1,
-  },
-  {
-    commentList: [],
-    createTime: 1757258600,
-    likeList: [],
-    momentEntity: {
-      content:
-        "🎉🎊🎈欢迎小伙伴加入单群聊客宝地盘思慕斯蛋糕的小伙伴们的支持与信任！！！",
-      createTime: 1757258600,
-      lat: 0,
-      lng: 0,
-      location: "",
-      objectType: 1,
-      picSize: 0,
-      resUrls: ["/public/assets/face/1.png"],
-      snsId: "-3705790026851937713",
-      urls: ["/sns/3/3/snst_14740954047910318663"],
-      userName: "wxid_dlhi90odctcl23",
-    },
-    snsId: "-3705790026851937713",
-    type: 1,
-  },
-  {
-    commentList: [],
-    createTime: 1757258500,
-    likeList: [],
-    momentEntity: {
-      content: "一整年卡1好的产品有用户的好评是买卖说的再多不如用户的有说服力",
-      createTime: 1757258500,
-      lat: 0,
-      lng: 0,
-      location: "",
-      objectType: 1,
-      picSize: 0,
-      resUrls: ["/public/assets/face/1.png"],
-      snsId: "-3705790026851937714",
-      urls: ["/sns/3/3/snst_14740954047910318664"],
-      userName: "wxid_dlhi90odctcl24",
-    },
-    snsId: "-3705790026851937714",
-    type: 1,
-  },
-];
-
-const FriendsCircle: React.FC = () => {
   // 状态管理
-  const [myCircleData, setMyCircleData] = useState<FriendsCircleItem[]>([]);
-  const [squareData, setSquareData] = useState<FriendsCircleItem[]>([]);
-  const [myCircleLoading, setMyCircleLoading] = useState(false);
-  const [squareLoading, setSquareLoading] = useState(false);
-  const [myCircleHasMore, setMyCircleHasMore] = useState(true);
-  const [squareHasMore, setSquareHasMore] = useState(true);
-  const [myCirclePage, setMyCirclePage] = useState(1);
-  const [squarePage, setSquarePage] = useState(1);
   const [expandedKeys, setExpandedKeys] = useState<string[]>([]);
 
-  // 模拟API调用函数
-  const fetchFriendsCircleData = async (
-    params: PaginationParams,
-  ): Promise<ApiResponse> => {
-    // 模拟网络延迟
-    await new Promise(resolve => setTimeout(resolve, 1000));
-
-    const { pageNum, pageSize, type } = params;
-    const startIndex = (pageNum - 1) * pageSize;
-
-    // 使用模拟数据
-    const allData = mockFriendsCircleData;
-    const typeData = type === "my" ? allData.slice(0, 1) : allData;
-    const paginatedData = typeData.slice(startIndex, startIndex + pageSize);
-
-    return {
-      list: paginatedData,
-      total: typeData.length,
-      hasMore: startIndex + pageSize < typeData.length,
-    };
-  };
-
-  // 加载我的朋友圈数据
-  const loadMyCircleData = async (
-    pageNum: number = 1,
-    reset: boolean = false,
-  ) => {
-    setMyCircleLoading(true);
-    try {
-      const response = await fetchFriendsCircleData({
-        pageNum,
-        pageSize: 10,
-        type: "my",
-      });
-
-      if (reset) {
-        setMyCircleData(response.list);
-      } else {
-        setMyCircleData(prev => [...prev, ...response.list]);
-      }
-
-      setMyCircleHasMore(response.hasMore);
-      setMyCirclePage(pageNum);
-    } catch (error) {
-      console.error("加载我的朋友圈失败:", error);
-    } finally {
-      setMyCircleLoading(false);
-    }
-  };
-
-  // 加载朋友圈广场数据
-  const loadSquareData = async (
-    pageNum: number = 1,
-    reset: boolean = false,
-  ) => {
-    setSquareLoading(true);
-    try {
-      const response = await fetchFriendsCircleData({
-        pageNum,
-        pageSize: 10,
-        type: "square",
-      });
-
-      if (reset) {
-        setSquareData(response.list);
-      } else {
-        setSquareData(prev => [...prev, ...response.list]);
-      }
-
-      setSquareHasMore(response.hasMore);
-      setSquarePage(pageNum);
-    } catch (error) {
-      console.error("加载朋友圈广场失败:", error);
-    } finally {
-      setSquareLoading(false);
-    }
-  };
-
   // 加载更多我的朋友圈
-  const loadMoreMyCircle = async () => {
-    if (!myCircleHasMore || myCircleLoading) return;
-    await loadMyCircleData(myCirclePage + 1);
-  };
-
-  // 加载更多朋友圈广场
-  const loadMoreSquare = async () => {
-    if (!squareHasMore || squareLoading) return;
-    await loadSquareData(squarePage + 1);
+  const loadMomentData = async (loadMore: boolean = false) => {
+    updateMomentCommonLoading(true);
+    // 加载数据;
+    const requestData = {
+      cmdType: "CmdFetchMoment",
+      wechatAccountId: currentKf?.id || 0,
+      wechatFriendId: wechatFriendId || 0,
+      createTimeSec: Math.floor(dayjs().subtract(2, "month").valueOf() / 1000),
+      prevSnsId: loadMore
+        ? Number(MomentCommon[MomentCommon.length - 1]?.snsId) || 0
+        : 0,
+      count: 10,
+      isTimeline: expandedKeys.includes("1"),
+      seq: Date.now(),
+    };
+    await fetchFriendsCircleData(requestData);
   };
 
   // 处理折叠面板展开/收起
   const handleCollapseChange = (keys: string | string[]) => {
     const keyArray = Array.isArray(keys) ? keys : [keys];
     setExpandedKeys(keyArray);
-
-    // 当展开时加载数据
-    keyArray.forEach(key => {
-      if (key === "1" && myCircleData.length === 0) {
-        loadMyCircleData(1, true);
-      }
-      if (key === "2" && squareData.length === 0) {
-        loadSquareData(1, true);
-      }
-    });
-  };
-
-  const handleLike = (id: string) => {
-    console.log("点赞:", id);
-  };
-
-  const handleComment = (id: string) => {
-    console.log("评论:", id);
+    if (!MomentCommonLoading && keys.length > 0) {
+      clearMomentCommon();
+      loadMomentData(false);
+    }
   };
 
   // 格式化时间戳
@@ -288,214 +72,69 @@ const FriendsCircle: React.FC = () => {
     });
   };
 
-  // 获取用户昵称
-  const getUserNickName = (item: FriendsCircleItem) => {
-    // 优先从点赞列表或评论列表中获取昵称
-    if (item.likeList.length > 0) {
-      return item.likeList[0].nickName;
-    }
-    if (item.commentList.length > 0) {
-      return item.commentList[0].nickName;
-    }
-    return item.momentEntity.userName;
-  };
-
-  const renderNormalItem = (item: FriendsCircleItem, isNotMy?: boolean) => {
-    const nickName = getUserNickName(item);
-    const content = item.momentEntity.content;
-    const images = item.momentEntity.resUrls;
-    const time = formatTime(item.createTime);
-    const likesCount = item.likeList.length;
-    const commentsCount = item.commentList.length;
-
-    return (
-      <div className={styles.circleItem}>
-        {isNotMy && (
-          <div className={styles.avatar}>
-            <Avatar size={36} shape="square" src="/public/assets/face/1.png" />
-          </div>
-        )}
-        <div className={styles.itemWrap}>
-          <div className={styles.itemHeader}>
-            <div className={styles.userInfo}>
-              <div className={styles.username}>{nickName}</div>
-            </div>
-          </div>
-
-          <div className={styles.itemContent}>
-            <div className={styles.contentText}>{content}</div>
-            {images && images.length > 0 && (
-              <div className={styles.imageContainer}>
-                {images.map((image, index) => (
-                  <img
-                    key={index}
-                    src={image}
-                    className={styles.contentImage}
-                  />
-                ))}
-              </div>
-            )}
-
-            {images && images.length > 0 && (
-              <div className={styles.blueLink}>查看图片</div>
-            )}
-          </div>
-
-          <div className={styles.itemFooter}>
-            <div className={styles.timeInfo}>{time}</div>
-            <div className={styles.actions}>
-              <Button
-                type="text"
-                size="small"
-                icon={<HeartOutlined />}
-                onClick={() => handleLike(item.snsId)}
-                className={styles.actionButton}
-              >
-                {likesCount > 0 && <span>{likesCount}</span>}
-              </Button>
-              <Button
-                type="text"
-                size="small"
-                icon={<MessageOutlined />}
-                onClick={() => handleComment(item.snsId)}
-                className={styles.actionButton}
-              >
-                {commentsCount > 0 && <span>{commentsCount}</span>}
-              </Button>
-            </div>
-          </div>
-
-          {/* 点赞和评论区域 */}
-          {(item.likeList.length > 0 || item.commentList.length > 0) && (
-            <div className={styles.interactionArea}>
-              {/* 点赞列表 */}
-              {item.likeList.length > 0 && (
-                <div className={styles.likeArea}>
-                  <HeartOutlined className={styles.likeIcon} />
-                  <span className={styles.likeList}>
-                    {item.likeList.map((like, index) => (
-                      <span key={like.wechatId}>
-                        {like.nickName}
-                        {index < item.likeList.length - 1 && "、"}
-                      </span>
-                    ))}
-                  </span>
-                </div>
-              )}
-
-              {/* 评论列表 */}
-              {item.commentList.length > 0 && (
-                <div className={styles.commentArea}>
-                  {item.commentList.map(comment => (
-                    <div
-                      key={`${comment.wechatId}-${comment.commentTime}`}
-                      className={styles.commentItem}
-                    >
-                      <span className={styles.commentUser}>
-                        {comment.nickName}
-                      </span>
-                      <span className={styles.commentSeparator}>: </span>
-                      <span className={styles.commentContent}>
-                        {comment.content}
-                      </span>
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  };
-
-  const renderMyFriendsCircle = () => {
-    return (
-      <div className={styles.myCircleContent}>
-        {myCircleData.length > 0 ? (
-          <>
-            {myCircleData.map(item => (
-              <div key={item.snsId} className={styles.itemWrapper}>
-                {renderNormalItem(item, false)}
-              </div>
-            ))}
-            <InfiniteScroll
-              loadMore={loadMoreMyCircle}
-              hasMore={myCircleHasMore}
-              threshold={10}
-            >
-              {myCircleLoading && (
-                <div className={styles.loadingMore}>
-                  <Spin indicator={<LoadingOutlined spin />} /> 加载中...
-                </div>
-              )}
-            </InfiniteScroll>
-          </>
-        ) : myCircleLoading ? (
-          <div className={styles.loadingMore}>
-            <Spin indicator={<LoadingOutlined spin />} /> 加载中...
-          </div>
-        ) : (
-          <p className={styles.emptyText}>暂无我的朋友圈内容</p>
-        )}
-      </div>
-    );
-  };
-
-  const renderFriendsSquare = () => {
-    return (
-      <div className={styles.squareContent}>
-        {squareData.length > 0 ? (
-          <>
-            {squareData.map(item => (
-              <div key={item.snsId} className={styles.itemWrapper}>
-                {renderNormalItem(item, true)}
-              </div>
-            ))}
-            <InfiniteScroll
-              loadMore={loadMoreSquare}
-              hasMore={squareHasMore}
-              threshold={10}
-            >
-              {squareLoading && (
-                <div className={styles.loadingMore}>
-                  <Spin indicator={<LoadingOutlined spin />} /> 加载中...
-                </div>
-              )}
-            </InfiniteScroll>
-          </>
-        ) : squareLoading ? (
-          <div className={styles.loadingMore}>
-            <Spin indicator={<LoadingOutlined spin />} /> 加载中...
-          </div>
-        ) : (
-          <p className={styles.emptyText}>暂无朋友圈广场内容</p>
-        )}
-      </div>
-    );
-  };
-
   const collapseItems = [
     {
       key: "1",
       label: (
         <div className={styles.collapseHeader}>
-          <ChromeOutlined style={{ fontSize: 20 }} />
+          <img
+            className={styles.avatar}
+            src={currentKf?.avatar}
+            alt="客服头像"
+          />
           <span className={styles.specialText}>我的朋友圈</span>
         </div>
       ),
-      children: renderMyFriendsCircle(),
+      children: (
+        <MomentList
+          currentKf={currentKf}
+          MomentCommon={MomentCommon}
+          MomentCommonLoading={MomentCommonLoading}
+          loadMomentData={loadMomentData}
+          formatTime={formatTime}
+        />
+      ),
     },
     {
       key: "2",
       label: (
         <div className={styles.collapseHeader}>
-          <AppstoreOutlined style={{ fontSize: 20 }} />
+          <ChromeOutlined style={{ fontSize: 20 }} />
           <span className={styles.specialText}>朋友圈广场</span>
         </div>
       ),
-      children: renderFriendsSquare(),
+      children: (
+        <MomentList
+          currentKf={currentKf}
+          MomentCommon={MomentCommon}
+          MomentCommonLoading={MomentCommonLoading}
+          loadMomentData={loadMomentData}
+          formatTime={formatTime}
+        />
+      ),
     },
+    ...(wechatFriendId
+      ? [
+          {
+            key: "3",
+            label: (
+              <div className={styles.collapseHeader}>
+                <ChromeOutlined style={{ fontSize: 20 }} />
+                <span className={styles.specialText}>好友朋友圈</span>
+              </div>
+            ),
+            children: (
+              <MomentList
+                currentKf={currentKf}
+                MomentCommon={MomentCommon}
+                MomentCommonLoading={MomentCommonLoading}
+                loadMomentData={loadMomentData}
+                formatTime={formatTime}
+              />
+            ),
+          },
+        ]
+      : []),
   ];
 
   return (
@@ -505,6 +144,7 @@ const FriendsCircle: React.FC = () => {
         items={collapseItems}
         className={styles.collapseContainer}
         ghost
+        accordion
         activeKey={expandedKeys}
         onChange={handleCollapseChange}
       />
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/index.tsx
index 132cc616..37516986 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/index.tsx
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/components/SidebarMenu/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { Input, Skeleton } from "antd";
 import { SearchOutlined, ChromeOutlined } from "@ant-design/icons";
 import WechatFriends from "./WechatFriends";
@@ -26,7 +26,9 @@ const SidebarMenu: React.FC<SidebarMenuProps> = ({ loading = false }) => {
     clearSearchKeyword();
   };
 
-  // 过滤逻辑已移至store中，这里直接使用store返回的已过滤数据
+  useEffect(() => {
+    setActiveTab("chats");
+  }, [kfSelected]);
 
   // 渲染骨架屏
   const renderSkeleton = () => (
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/index.tsx b/Touchkebao/src/pages/pc/ckbox/weChat/index.tsx
index 88255d2c..88c3e84a 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/index.tsx
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/index.tsx
@@ -6,13 +6,10 @@ import SidebarMenu from "./components/SidebarMenu/index";
 import VerticalUserList from "./components/VerticalUserList";
 import PageSkeleton from "./components/Skeleton";
 import styles from "./index.module.scss";
-import { addChatSession } from "@/store/module/ckchat/ckchat";
 const { Content, Sider } = Layout;
 import { chatInitAPIdata, initSocket } from "./main";
 import { useWeChatStore } from "@/store/module/weChat/weChat";
 
-import { KfUserListData } from "@/pages/pc/ckbox/data";
-
 const CkboxPage: React.FC = () => {
   // 不要在组件初始化时获取sendCommand，而是在需要时动态获取
   const [loading, setLoading] = useState(false);
@@ -21,23 +18,7 @@ const CkboxPage: React.FC = () => {
     // 方法一：使用 Promise 链式调用处理异步函数
     setLoading(true);
     chatInitAPIdata()
-      .then(response => {
-        // const data = response as {
-        //   contractList: any[];
-        //   groupList: any[];
-        //   kfUserList: KfUserListData[];
-        //   newContractList: { groupName: string; contacts: any[] }[];
-        // };
-        // const { contractList } = data;
-
-        // //找出已经在聊天的
-        // const isChatList = contractList.filter(
-        //   v => (v?.config && v.config?.chat) || false,
-        // );
-        // isChatList.forEach(v => {
-        //   addChatSession(v);
-        // });
-
+      .then(() => {
         // 数据加载完成后初始化WebSocket连接
         initSocket();
       })
diff --git a/Touchkebao/src/pages/pc/ckbox/weChat/main.ts b/Touchkebao/src/pages/pc/ckbox/weChat/main.ts
index 8bec0cc1..3a017b35 100644
--- a/Touchkebao/src/pages/pc/ckbox/weChat/main.ts
+++ b/Touchkebao/src/pages/pc/ckbox/weChat/main.ts
@@ -103,13 +103,13 @@ export const chatInitAPIdata = async () => {
 //发起soket连接
 export const initSocket = () => {
   // 检查WebSocket是否已经连接
-  const { status } = useWebSocketStore.getState();
+  // const { status } = useWebSocketStore.getState();
 
   // 如果已经连接或正在连接，则不重复连接
-  if (["connected", "connecting"].includes(status)) {
-    console.log("WebSocket已连接或正在连接，跳过重复连接", { status });
-    return;
-  }
+  // if (["connected", "connecting"].includes(status)) {
+  //   console.log("WebSocket已连接或正在连接，跳过重复连接", { status });
+  //   return;
+  // }
 
   // 从store获取token和accountId
   const { token2 } = useUserStore.getState();
@@ -199,8 +199,10 @@ export const getAllContactList = async () => {
 
       allContacts = [...allContacts, ...contractList];
 
+      // console.log(contractList.length == 0);
+
       // 如果返回的数据少于请求的数量，说明已经没有更多数据了
-      if (contractList.length < count) {
+      if (contractList.length == 0) {
         hasMore = false;
       } else {
         // 获取最后一条数据的id作为下一次请求的prevId
diff --git a/Touchkebao/src/store/module/ckchat/api.ts b/Touchkebao/src/store/module/ckchat/api.ts
index 5c91f734..b921e605 100644
--- a/Touchkebao/src/store/module/ckchat/api.ts
+++ b/Touchkebao/src/store/module/ckchat/api.ts
@@ -12,12 +12,25 @@ export const createContractList = async (
   countLables: ContactGroupByLabel[],
 ) => {
   // 根据 groupType 决定查询不同的服务
+  const realGroup = countLables
+    .filter(item => item.id !== 0)
+    .map(item => item.id);
+
   const dataByLabels = [];
   for (const label of countLables) {
     let data;
     if (label.groupType === 1) {
-      // groupType: 1, 查询 contractService
-      data = await contractService.findWhere("groupId", label.id);
+      if (label.id == 0) {
+        data = await contractService.findWhereMultiple([
+          {
+            field: "groupId",
+            operator: "notIn",
+            value: realGroup,
+          },
+        ]);
+      } else {
+        data = await contractService.findWhere("groupId", label.id);
+      }
       // 过滤出 kfSelected 对应的联系人
       if (kfSelected && kfSelected != 0) {
         data = data.filter(contact => contact.wechatAccountId === kfSelected);
@@ -25,7 +38,18 @@ export const createContractList = async (
       // console.log(`标签 ${label.groupName} 对应的联系人数据:`, data);
     } else if (label.groupType === 2) {
       // groupType: 2, 查询 weChatGroupService
-      data = await weChatGroupService.findWhere("groupId", label.id);
+      if (label.id == 0) {
+        data = await weChatGroupService.findWhereMultiple([
+          {
+            field: "groupId",
+            operator: "notIn",
+            value: realGroup,
+          },
+        ]);
+      } else {
+        data = await weChatGroupService.findWhere("groupId", label.id);
+        // 过滤出 kfSelected 对应的联系人
+      }
       if (kfSelected && kfSelected != 0) {
         data = data.filter(contact => contact.wechatAccountId === kfSelected);
       }
diff --git a/Touchkebao/src/store/module/weChat/weChat.data.ts b/Touchkebao/src/store/module/weChat/weChat.data.ts
index 7cdd4b73..477d740b 100644
--- a/Touchkebao/src/store/module/weChat/weChat.data.ts
+++ b/Touchkebao/src/store/module/weChat/weChat.data.ts
@@ -1,33 +1,107 @@
 import { ChatRecord, ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
-// 微信聊天相关的类型定义
+import {
+  CommentItem,
+  likeListItem,
+  FriendsCircleItem,
+} from "@/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.data";
+
+/**
+ * 微信聊天状态管理接口定义
+ * 包含聊天消息、联系人管理、朋友圈等功能的状态和方法
+ */
 export interface WeChatState {
-  // 当前选中的联系人/群组
+  // ==================== Transmit Module =========Start===========
+  /** 选中的聊天记录列表 */
+  selectedChatRecords: ChatRecord[];
+  /** 更新选中的聊天记录 */
+  updateSelectedChatRecords: (message: ChatRecord[]) => void;
+
+  /** 选中的联系人或群组列表 */
+  selectedTransmitContact: ContractData[] | weChatGroup[];
+  /** 更新选中的联系人或群组 */
+  updateSelectedTransmitContact: (
+    contact: ContractData[] | weChatGroup[],
+  ) => void;
+
+  /** 转发弹窗开启状态 */
+  openTransmitModal: boolean;
+  /** 更新转发弹窗状态 */
+  updateTransmitModal: (open: boolean) => void;
+  // ==================== Transmit Module =========END===========
+
+  // ==================== 当前联系人管理 ====================
+  /** 当前选中的联系人/群组 */
   currentContract: ContractData | weChatGroup | null;
-
-  // 当前聊天用户的消息列表（只存储当前聊天用户的消息）
-  currentMessages: ChatRecord[];
-  // 清空当前联系人
+  /** 清空当前联系人 */
   clearCurrentContact: () => void;
-  // 消息加载状态
-  messagesLoading: boolean;
-  isLoadingData: boolean;
-  currentGroupMembers: any[];
-
-  // Actions
+  /** 设置当前联系人 */
   setCurrentContact: (
     contract: ContractData | weChatGroup,
     isExist?: boolean,
   ) => void;
+
+  // ==================== 聊天消息管理 ====================
+  /** 当前聊天的消息列表 */
+  currentMessages: ChatRecord[];
+  /** 添加新消息 */
+  addMessage: (message: ChatRecord) => void;
+  /** 更新指定消息 */
+  updateMessage: (messageId: number, updates: Partial<ChatRecord>) => void;
+  /** 撤回指定消息 */
+  recallMessage: (messageId: number) => void;
+  /** 消息加载状态 */
+  messagesLoading: boolean;
+  /** 数据初始化加载状态 */
+  isLoadingData: boolean;
+  /** 当前群组成员列表 */
+  currentGroupMembers: any[];
+
+  // ==================== 界面状态管理 ====================
+  /** 是否显示复选框 */
+  showCheckbox: boolean;
+  /** 更新复选框显示状态 */
+  updateShowCheckbox: (show: boolean) => void;
+  /** 进入模块类型 (common | multipleForwarding) */
+  EnterModule: string;
+  /** 更新进入模块类型 */
+  updateEnterModule: (module: string) => void;
+
+  // ==================== 朋友圈相关 ====================
+  /** 朋友圈数据列表 */
+  MomentCommon: FriendsCircleItem[];
+  /** 朋友圈数据加载状态 */
+  MomentCommonLoading: boolean;
+  /** 清空朋友圈数据 */
+  clearMomentCommon: () => void;
+  /** 添加朋友圈数据 */
+  addMomentCommon: (moment: FriendsCircleItem[]) => void;
+  /** 更新朋友圈数据 */
+  updateMomentCommon: (moments: FriendsCircleItem[]) => void;
+  /** 更新朋友圈加载状态 */
+  updateMomentCommonLoading: (loading: boolean) => void;
+  /** 更新朋友圈点赞 */
+  updateLikeMoment: (snsId: string, likeList: likeListItem[]) => void;
+  /** 更新朋友圈评论 */
+  updateComment: (snsId: string, commentList: CommentItem[]) => void;
+
+  // ==================== 消息加载方法 ====================
+  /** 加载聊天消息 */
   loadChatMessages: (Init: boolean, To?: number) => Promise<void>;
+  /** 搜索消息 */
   SearchMessage: (params: {
     From: number;
     To: number;
     keyword: string;
     Count?: number;
   }) => Promise<void>;
-  // 视频消息处理方法
+
+  // ==================== 视频消息处理 ====================
+  /** 设置视频消息加载状态 */
   setVideoLoading: (messageId: number, isLoading: boolean) => void;
+  /** 设置视频消息URL */
   setVideoUrl: (messageId: number, videoUrl: string) => void;
-  addMessage: (message: ChatRecord) => void;
+
+  // ==================== 消息接收处理 ====================
+  /** 接收新消息处理 */
   receivedMsg: (message: ChatRecord) => void;
 }
diff --git a/Touchkebao/src/store/module/weChat/weChat.ts b/Touchkebao/src/store/module/weChat/weChat.ts
index f4f3cb0c..e9df46b0 100644
--- a/Touchkebao/src/store/module/weChat/weChat.ts
+++ b/Touchkebao/src/store/module/weChat/weChat.ts
@@ -6,8 +6,13 @@ import {
   getGroupMembers,
 } from "@/pages/pc/ckbox/api";
 import { WeChatState } from "./weChat.data";
+
+import {
+  likeListItem,
+  CommentItem,
+} from "@/pages/pc/ckbox/weChat/components/SidebarMenu/FriendsCicle/index.data";
 import { clearUnreadCount, updateConfig } from "@/pages/pc/ckbox/api";
-import { ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
+import { ChatRecord, ContractData, weChatGroup } from "@/pages/pc/ckbox/data";
 import { weChatGroupService, contractService } from "@/utils/db";
 import {
   addChatSession,
@@ -15,27 +20,123 @@ import {
   useCkChatStore,
 } from "@/store/module/ckchat/ckchat";
 
+/**
+ * 微信聊天状态管理 Store
+ * 使用 Zustand 管理微信聊天相关的状态和操作
+ */
 export const useWeChatStore = create<WeChatState>()(
   persist(
     (set, get) => ({
-      // 初始状态
+      // ==================== Transmit Module =========Start===========
+      /** 选中的聊天记录列表 */
+      selectedChatRecords: [],
+      /** 更新选中的聊天记录 */
+      updateSelectedChatRecords: (message: ChatRecord[]) => {
+        set({ selectedChatRecords: message });
+      },
+
+      /** 选中的联系人或群组列表 */
+      selectedTransmitContact: [],
+      /** 更新选中的联系人或群组 */
+      updateSelectedTransmitContact: (
+        contact: ContractData[] | weChatGroup[],
+      ) => {
+        set({ selectedTransmitContact: contact });
+      },
+
+      /** 转发弹窗开启状态 */
+      openTransmitModal: false,
+      /** 更新转发弹窗状态 */
+      updateTransmitModal: (open: boolean) => {
+        set({ openTransmitModal: open });
+      },
+      // ==================== Transmit Module =========END===========
+
+      // ==================== 当前联系人管理状态 ====================
+      /** 当前选中的联系人/群组 */
       currentContract: null,
+      /** 当前聊天的消息列表 */
       currentMessages: [],
+
+      // ==================== 聊天消息管理方法 ====================
+      /** 添加新消息到当前聊天 */
+      addMessage: message => {
+        const { wechatAccountId, wechatChatroomId, wechatFriendId } = message;
+        const currentContract = get().currentContract;
+        if (currentContract) {
+          if (
+            currentContract.wechatAccountId === wechatAccountId &&
+            (currentContract.id === wechatFriendId ||
+              currentContract.id === wechatChatroomId)
+          ) {
+            set(state => ({
+              currentMessages: [...state.currentMessages, message],
+            }));
+          }
+        }
+      },
+      /** 更新指定消息内容 */
+      updateMessage: (messageId, updates) => {
+        set(state => ({
+          currentMessages: state.currentMessages.map(msg =>
+            msg.id === messageId ? { ...msg, ...updates } : msg,
+          ),
+        }));
+      },
+      /** 撤回指定消息 */
+      recallMessage: (messageId: number) => {
+        set(state => ({
+          currentMessages: state.currentMessages.filter(
+            msg => msg.id !== messageId,
+          ),
+        }));
+      },
+
+      // ==================== 加载状态管理 ====================
+      /** 消息加载状态 */
       messagesLoading: false,
+      /** 数据初始化加载状态 */
       isLoadingData: false,
+      /** 当前群组成员列表 */
       currentGroupMembers: [],
-      //清空当前联系人
+
+      // ==================== 界面状态管理 ====================
+      /** 是否显示复选框 */
+      showCheckbox: false,
+      /** 更新复选框显示状态 */
+      updateShowCheckbox: (show: boolean) => {
+        set({ showCheckbox: show });
+      },
+      /** 进入模块类型 (common | multipleForwarding) */
+      EnterModule: "common",
+      /** 更新进入模块类型 */
+      updateEnterModule: (module: string) => {
+        set({ EnterModule: module });
+      },
+
+      // ==================== 朋友圈相关状态 ====================
+      /** 朋友圈数据列表 */
+      MomentCommon: [],
+      /** 朋友圈数据加载状态 */
+      MomentCommonLoading: false,
+      /** 更新朋友圈加载状态 */
+      updateMomentCommonLoading: (loading: boolean) => {
+        set({ MomentCommonLoading: loading });
+      },
+
+      // ==================== 当前联系人管理方法 ====================
+      /** 清空当前联系人和消息 */
       clearCurrentContact: () => {
         set({ currentContract: null, currentMessages: [] });
       },
-      // Actions
+      /** 设置当前联系人并加载相关数据 */
       setCurrentContact: (
         contract: ContractData | weChatGroup,
         isExist?: boolean,
       ) => {
         const state = useWeChatStore.getState();
         // 切换联系人时清空当前消息，等待重新加载
-        set({ currentMessages: [] });
+        set({ currentMessages: [], openTransmitModal: false });
         clearUnreadCount([contract.id]).then(() => {
           if (isExist) {
             updateChatSession({ ...contract, unreadCount: 0 });
@@ -50,6 +151,9 @@ export const useWeChatStore = create<WeChatState>()(
           state.loadChatMessages(true, 4704624000000);
         });
       },
+
+      // ==================== 消息加载方法 ====================
+      /** 加载聊天消息 */
       loadChatMessages: async (Init: boolean, To?: number) => {
         const state = useWeChatStore.getState();
         const contact = state.currentContract;
@@ -65,6 +169,7 @@ export const useWeChatStore = create<WeChatState>()(
           };
 
           if ("chatroomId" in contact && contact.chatroomId) {
+            // 群聊消息加载
             params.wechatChatroomId = contact.id;
             const messages = await getChatroomMessages(params);
             const currentGroupMembers = await getGroupMembers({
@@ -81,6 +186,7 @@ export const useWeChatStore = create<WeChatState>()(
               });
             }
           } else {
+            // 私聊消息加载
             params.wechatFriendId = contact.id;
             const messages = await getChatMessages(params);
             if (Init) {
@@ -101,6 +207,8 @@ export const useWeChatStore = create<WeChatState>()(
           set({ messagesLoading: false });
         }
       },
+
+      /** 搜索消息 */
       SearchMessage: async ({
         From = 1,
         To = 4704624000000,
@@ -127,6 +235,7 @@ export const useWeChatStore = create<WeChatState>()(
           };
 
           if ("chatroomId" in contact && contact.chatroomId) {
+            // 群聊消息搜索
             params.wechatChatroomId = contact.id;
             const messages = await getChatroomMessages(params);
             const currentGroupMembers = await getGroupMembers({
@@ -134,6 +243,7 @@ export const useWeChatStore = create<WeChatState>()(
             });
             set({ currentMessages: messages || [], currentGroupMembers });
           } else {
+            // 私聊消息搜索
             params.wechatFriendId = contact.id;
             const messages = await getChatMessages(params);
             set({ currentMessages: messages || [] });
@@ -146,35 +256,34 @@ export const useWeChatStore = create<WeChatState>()(
         }
       },
 
+      /** 设置消息加载状态 */
       setMessageLoading: loading => {
         set({ messagesLoading: Boolean(loading) });
       },
 
-      addMessage: message => {
-        set(state => ({
-          currentMessages: [...state.currentMessages, message],
-        }));
-      },
-
+      // ==================== 消息接收处理 ====================
+      /** 接收新消息处理 */
       receivedMsg: async message => {
         const currentContract = useWeChatStore.getState().currentContract;
-        //判断群还是好友
+        // 判断是群聊还是私聊
         const getMessageId =
           message?.wechatChatroomId || message.wechatFriendId;
         const isWechatGroup = message?.wechatChatroomId;
-        //当前选中聊天的群或好友
+
+        // 如果是当前选中的聊天，直接添加到消息列表
         if (currentContract && currentContract.id == getMessageId) {
           set(state => ({
             currentMessages: [...state.currentMessages, message],
           }));
         } else {
-          //更新消息列表unread数值，根据接收的++1 这样
+          // 更新其他聊天的未读消息数
           const chatSessions = useCkChatStore.getState().chatSessions;
           const session = chatSessions.find(item => item.id == getMessageId);
           if (session) {
             session.unreadCount = Number(session.unreadCount) + 1;
             updateChatSession(session);
           } else {
+            // 如果会话不存在，创建新会话
             if (isWechatGroup) {
               const [group] = await weChatGroupService.findByIds(getMessageId);
               if (group) {
@@ -194,20 +303,16 @@ export const useWeChatStore = create<WeChatState>()(
         }
       },
 
-      updateMessage: (messageId, updates) => {
-        set(state => ({
-          currentMessages: state.currentMessages.map(msg =>
-            msg.id === messageId ? { ...msg, ...updates } : msg,
-          ),
-        }));
-      },
-
-      // 便捷选择器
+      // ==================== 便捷选择器方法 ====================
+      /** 获取当前联系人 */
       getCurrentContact: () => get().currentContract,
+      /** 获取当前消息列表 */
       getCurrentMessages: () => get().currentMessages,
+      /** 获取消息加载状态 */
       getMessagesLoading: () => get().messagesLoading,
 
-      // 视频消息处理方法
+      // ==================== 视频消息处理方法 ====================
+      /** 设置视频消息加载状态 */
       setVideoLoading: (messageId: number, isLoading: boolean) => {
         set(state => ({
           currentMessages: state.currentMessages.map(msg => {
@@ -230,6 +335,7 @@ export const useWeChatStore = create<WeChatState>()(
         }));
       },
 
+      /** 设置视频消息URL */
       setVideoUrl: (messageId: number, videoUrl: string) => {
         set(state => ({
           currentMessages: state.currentMessages.map(msg => {
@@ -261,6 +367,9 @@ export const useWeChatStore = create<WeChatState>()(
           }),
         }));
       },
+
+      // ==================== 数据清理方法 ====================
+      /** 清空所有数据 */
       clearAllData: () => {
         set({
           currentContract: null,
@@ -268,6 +377,42 @@ export const useWeChatStore = create<WeChatState>()(
           messagesLoading: false,
         });
       },
+
+      // ==================== 朋友圈管理方法 ====================
+      /** 清空朋友圈数据 */
+      clearMomentCommon: () => {
+        set({ MomentCommon: [] });
+      },
+
+      /** 添加朋友圈数据 */
+      addMomentCommon: moment => {
+        set(state => ({
+          MomentCommon: [...state.MomentCommon, ...moment],
+        }));
+      },
+
+      /** 更新朋友圈数据 */
+      updateMomentCommon: moments => {
+        set({ MomentCommon: moments });
+      },
+
+      /** 更新朋友圈点赞 */
+      updateLikeMoment: (snsId: string, likeList: likeListItem[]) => {
+        set(state => ({
+          MomentCommon: state.MomentCommon.map(moment =>
+            moment.snsId === snsId ? { ...moment, likeList } : moment,
+          ),
+        }));
+      },
+
+      /** 更新朋友圈评论 */
+      updateComment: (snsId: string, commentList: CommentItem[]) => {
+        set(state => ({
+          MomentCommon: state.MomentCommon.map(moment =>
+            moment.snsId === snsId ? { ...moment, commentList } : moment,
+          ),
+        }));
+      },
     }),
     {
       name: "wechat-storage",
@@ -278,10 +423,16 @@ export const useWeChatStore = create<WeChatState>()(
   ),
 );
 
-// 导出便捷的选择器函数
+// ==================== 便捷选择器导出 ====================
+/** 获取当前联系人的 Hook */
 export const useCurrentContact = () =>
   useWeChatStore(state => state.currentContract);
+/** 获取当前消息列表的 Hook */
 export const useCurrentMessages = () =>
   useWeChatStore(state => state.currentMessages);
+/** 获取消息加载状态的 Hook */
 export const useMessagesLoading = () =>
   useWeChatStore(state => state.messagesLoading);
+/** 获取复选框显示状态的 Hook */
+export const useShowCheckbox = () =>
+  useWeChatStore(state => state.showCheckbox);
diff --git a/Touchkebao/src/store/module/websocket/msgManage.ts b/Touchkebao/src/store/module/websocket/msgManage.ts
index 3f70d947..063ee6ce 100644
--- a/Touchkebao/src/store/module/websocket/msgManage.ts
+++ b/Touchkebao/src/store/module/websocket/msgManage.ts
@@ -1,16 +1,18 @@
 //消息管理器
-import { deepCopy } from "@/utils/common";
-import { WebSocketMessage } from "./websocket";
 import { getkfUserList, asyncKfUserList } from "@/store/module/ckchat/ckchat";
+import { useWeChatStore } from "../weChat/weChat";
+import { WebSocketMessage } from "./websocket";
+import { deepCopy } from "@/utils/common";
 import { Messages } from "./msg.data";
-
-import { useWeChatStore } from "@/store/module/weChat/weChat";
+import { db } from "@/utils/db";
 // 消息处理器类型定义
 type MessageHandler = (message: WebSocketMessage) => void;
-const setVideoUrl = useWeChatStore.getState().setVideoUrl;
 const addMessage = useWeChatStore.getState().addMessage;
+const recallMessage = useWeChatStore.getState().recallMessage;
 const receivedMsg = useWeChatStore.getState().receivedMsg;
-
+const updateMomentCommonLoading =
+  useWeChatStore.getState().updateMomentCommonLoading;
+const addMomentCommon = useWeChatStore.getState().addMomentCommon;
 // 消息处理器映射
 const messageHandlers: Record<string, MessageHandler> = {
   // 微信账号存活状态响应
@@ -36,7 +38,7 @@ const messageHandlers: Record<string, MessageHandler> = {
   // 发送消息响应
   CmdSendMessageResp: message => {
     console.log("发送消息响应", message);
-    addMessage(message.friendMessage || message.chatroomMessage);
+    // addMessage(message.friendMessage || message.chatroomMessage);
     // 在这里添加具体的处理逻辑
   },
   CmdSendMessageResult: message => {
@@ -65,19 +67,42 @@ const messageHandlers: Record<string, MessageHandler> = {
     // 在这里添加具体的处理逻辑
   },
 
-  // 通知消息
-  CmdNotify: message => {
+  CmdDownloadVideoResult: message => {
+    // 在这里添加具体的处理逻辑
+    console.log("视频下载结果:", message);
+    // setVideoUrl(message.friendMessageId, message.url);
+  },
+
+  CmdFetchMomentResult: message => {
+    addMomentCommon(message.result);
+    updateMomentCommonLoading(false);
+  },
+
+  CmdNotify: async (message: WebSocketMessage) => {
     console.log("通知消息", message);
     // 在这里添加具体的处理逻辑
-    if (message.notify == "Kicked out") {
-      // 被踢出时直接跳转到登录页面
+    if (message.notify == "Auth failed") {
+      // 被踢出时删除所有缓存数据
+      localStorage.clear();
+      // 删除
+      await db.kfUsers.clear();
+      await db.weChatGroup.clear();
+      await db.contracts.clear();
+      await db.newContractList.clear();
       window.location.href = "/login";
     }
   },
 
-  CmdDownloadVideoResult: message => {
-    // 在这里添加具体的处理逻辑
-    setVideoUrl(message.friendMessageId, message.url);
+  //撤回消息
+  CmdMessageRecalled: message => {
+    const MessageId = message.friendMessageId || message.chatroomMessageId;
+    recallMessage(MessageId);
+    //     {
+    //     "friendMessageId": 745007874,
+    //     "chatroomMessageId": 0,
+    //     "seq": 2076470,
+    //     "cmdType": "CmdMessageRecalled"
+    // }
   },
 
   // 可以继续添加更多处理器...
diff --git a/Touchkebao/src/types/weChat.ts b/Touchkebao/src/types/weChat.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/Touchkebao/src/utils/db.ts b/Touchkebao/src/utils/db.ts
index e225a564..fb1a179f 100644
--- a/Touchkebao/src/utils/db.ts
+++ b/Touchkebao/src/utils/db.ts
@@ -238,27 +238,53 @@ export class DatabaseService<T> {
   async findWhereMultiple(
     conditions: {
       field: keyof T;
-      operator: "equals" | "above" | "below" | "startsWith";
+      operator:
+        | "equals"
+        | "notEqual"
+        | "above"
+        | "below"
+        | "aboveOrEqual"
+        | "belowOrEqual"
+        | "startsWith"
+        | "anyOf"
+        | "notIn"
+        | "between"
+        | "contains";
       value: any;
+      value2?: any; // 用于 between 操作符
     }[],
   ): Promise<T[]> {
     let collection = this.table.toCollection();
 
     for (const condition of conditions) {
-      const { field, operator, value } = condition;
+      const { field, operator, value, value2 } = condition;
       collection = collection.and(item => {
         const fieldValue = (item as any)[field];
         switch (operator) {
           case "equals":
             return fieldValue === value;
+          case "notEqual":
+            return fieldValue !== value;
           case "above":
             return fieldValue > value;
           case "below":
             return fieldValue < value;
+          case "aboveOrEqual":
+            return fieldValue >= value;
+          case "belowOrEqual":
+            return fieldValue <= value;
           case "startsWith":
             return (
               typeof fieldValue === "string" && fieldValue.startsWith(value)
             );
+          case "contains":
+            return typeof fieldValue === "string" && fieldValue.includes(value);
+          case "anyOf":
+            return Array.isArray(value) && value.includes(fieldValue);
+          case "notIn":
+            return Array.isArray(value) && !value.includes(fieldValue);
+          case "between":
+            return fieldValue >= value && fieldValue <= (value2 ?? value);
           default:
             return true;
         }