diff --git a/frontend/pages/chat.vue b/frontend/pages/chat.vue
index ecf894e..db63e2d 100644
--- a/frontend/pages/chat.vue
+++ b/frontend/pages/chat.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-screen flex overflow-hidden" style="background-color: #EDEDED">
     <!-- 左侧边栏 -->
-    <div class="w-16 border-r border-gray-200 flex flex-col" style="background-color: #EDEDED">
+    <div class="w-16 border-r border-gray-200 flex flex-col" style="background-color: #e8e7e7">
       <div class="flex-1 flex flex-col justify-start pt-0">
         <!-- 聊天图标 (与 oh-my-wechat 一致) -->
         <div class="w-16 h-16 flex items-center justify-center chat-tab text-[#03C160]">
@@ -75,7 +75,7 @@
           <template v-else>
             <div v-for="contact in filteredContacts" :key="contact.id"
               class="px-3 py-2 cursor-pointer transition-colors duration-150 border-b border-gray-100"
-              :class="selectedContact?.id === contact.id ? 'bg-[#DEDEDE]' : 'hover:bg-[#eaeaea]'"
+              :class="selectedContact?.id === contact.id ? 'bg-[#DEDEDE] hover:bg-[#d3d3d3]' : 'hover:bg-[#eaeaea]'"
               @click="selectContact(contact)">
               <div class="flex items-center space-x-3">
                 <!-- 联系人头像 -->
@@ -156,13 +156,13 @@
 
           <div v-for="message in renderMessages" :key="message.id" class="mb-6">
             <div v-if="message.showTimeDivider" class="flex justify-center mb-4">
-              <div class="px-3 py-1 rounded-md text-xs text-gray-600" style="background-color: rgba(222,222,222,0.65)">
+              <div class="px-3 py-1 text-xs text-[#9e9e9e]">
                 {{ message.timeDivider }}
               </div>
             </div>
 
             <div v-if="message.renderType === 'system'" class="flex justify-center">
-              <div class="px-3 py-1 rounded-md text-xs text-gray-600" style="background-color: rgba(222,222,222,0.65)">
+              <div class="px-3 py-1 text-xs text-[#9e9e9e]">
                 {{ message.content }}
               </div>
             </div>
@@ -201,22 +201,21 @@
                     :from="message.from"
                   />
                   <div v-else-if="message.renderType === 'file'"
-                    class="max-w-80 py-2.5 pr-2 pl-4 flex items-start bg-white space-x-2.5 rounded-xl cursor-pointer border border-neutral-200 hover:bg-gray-50 transition-colors"
+                    class="max-w-80 py-2.5 pr-2 pl-4 flex items-start bg-white space-x-2.5 msg-radius cursor-pointer border border-neutral-200 hover:bg-gray-50 transition-colors"
+                    @click="onFileClick(message)"
                     @contextmenu="openMediaContextMenu($event, message, 'file')">
                     <div class="flex-1 min-w-0">
                       <h4 class="break-words font-medium text-sm text-gray-900">{{ message.title || message.content }}</h4>
                       <small class="text-neutral-500 text-xs" v-if="message.fileSize">{{ formatFileSize(message.fileSize) }}</small>
                     </div>
                     <div class="shrink-0 w-10 h-10 flex items-center justify-center">
-                      <!-- 文件图标 -->
-                      <svg class="w-8 h-8 text-gray-400" viewBox="0 0 24 24" fill="currentColor">
-                        <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h6v6h6v10H6z"/>
-                      </svg>
+                      <!-- 根据文件类型显示图标 -->
+                      <component :is="getFileIcon(message.title || message.content)" class="w-8 h-8" />
                     </div>
                   </div>
                   <div v-else-if="message.renderType === 'image'"
                     class="max-w-sm">
-                    <div class="rounded-lg overflow-hidden cursor-pointer" :class="message.isSent ? '' : ''" @click="message.imageUrl && openImagePreview(message.imageUrl)" @contextmenu="openMediaContextMenu($event, message, 'image')">
+                    <div class="msg-radius overflow-hidden cursor-pointer" :class="message.isSent ? '' : ''" @click="message.imageUrl && openImagePreview(message.imageUrl)" @contextmenu="openMediaContextMenu($event, message, 'image')">
                       <img v-if="message.imageUrl" :src="message.imageUrl" alt="图片" class="max-w-[240px] max-h-[240px] object-cover hover:opacity-90 transition-opacity">
                       <div v-else class="px-3 py-2 text-sm max-w-sm relative msg-bubble whitespace-pre-wrap break-words leading-relaxed"
                         :class="message.isSent ? 'bg-[#95EC69] text-black bubble-tail-r' : 'bg-white text-gray-800 bubble-tail-l'">
@@ -225,7 +224,7 @@
                     </div>
                   </div>
                   <div v-else-if="message.renderType === 'video'" class="max-w-sm">
-                    <div class="rounded-lg overflow-hidden relative bg-black/5" @contextmenu="openMediaContextMenu($event, message, 'video')">
+                    <div class="msg-radius overflow-hidden relative bg-black/5" @contextmenu="openMediaContextMenu($event, message, 'video')">
                       <img v-if="message.videoThumbUrl" :src="message.videoThumbUrl" alt="视频" class="max-w-[260px] max-h-[260px] object-cover">
                       <div v-else class="px-3 py-2 text-sm relative msg-bubble whitespace-pre-wrap break-words leading-relaxed"
                         :class="message.isSent ? 'bg-[#95EC69] text-black bubble-tail-r' : 'bg-white text-gray-800 bubble-tail-l'">
@@ -250,26 +249,24 @@
                     </div>
                   </div>
                   <div v-else-if="message.renderType === 'voice'"
-                    class="voice-message-wrap"
-                    :class="message.isSent ? 'justify-end' : 'justify-start'"
+                    class="wechat-voice-wrapper"
                     @contextmenu="openMediaContextMenu($event, message, 'voice')">
                     <div
-                      class="voice-bubble cursor-pointer select-none"
-                      :class="message.isSent ? 'bg-[#95EC69] voice-sent' : 'bg-white voice-received'"
-                      :style="{ minWidth: '80px', maxWidth: '180px' }"
+                      class="wechat-voice-bubble msg-radius"
+                      :class="message.isSent ? 'wechat-voice-sent' : 'wechat-voice-received'"
+                      :style="{ width: getVoiceWidth(message.voiceDuration) }"
                       @click="message.voiceUrl && playVoice(message)"
                     >
-                      <div class="flex items-center gap-1.5 px-3 py-2" :class="message.isSent ? 'flex-row-reverse' : ''">
-                        <!-- 声波图标 -->
-                        <svg class="w-5 h-5 flex-shrink-0" :class="message.isSent ? 'text-gray-700' : 'text-gray-500'" viewBox="0 0 24 24" fill="currentColor">
-                          <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
+                      <div class="wechat-voice-content" :class="message.isSent ? 'flex-row-reverse' : ''">
+                        <svg class="wechat-voice-icon" :class="[message.isSent ? 'voice-icon-sent' : 'voice-icon-received', { 'voice-playing': playingVoiceId === message.id }]" viewBox="0 0 32 32" fill="currentColor">
+                          <path d="M10.24 11.616l-4.224 4.192 4.224 4.192c1.088-1.056 1.76-2.56 1.76-4.192s-0.672-3.136-1.76-4.192z"></path>
+                          <path class="voice-wave-2" d="M15.199 6.721l-1.791 1.76c1.856 1.888 3.008 4.48 3.008 7.328s-1.152 5.44-3.008 7.328l1.791 1.76c2.336-2.304 3.809-5.536 3.809-9.088s-1.473-6.784-3.809-9.088z"></path>
+                          <path class="voice-wave-3" d="M20.129 1.793l-1.762 1.76c3.104 3.168 5.025 7.488 5.025 12.256s-1.921 9.088-5.025 12.256l1.762 1.76c3.648-3.616 5.887-8.544 5.887-14.016s-2.239-10.432-5.887-14.016z"></path>
                         </svg>
-                        <span class="text-xs font-medium" :class="message.isSent ? 'text-gray-700' : 'text-gray-600'">
-                          {{ message.voiceDuration || '' }}
-                        </span>
+                        <span class="wechat-voice-duration">{{ getVoiceDurationInSeconds(message.voiceDuration) }}"</span>
                       </div>
+                      <span v-if="!message.voiceRead && !message.isSent" class="wechat-voice-unread"></span>
                     </div>
-                    <!-- 隐藏的 audio 元素用于播放 -->
                     <audio
                       v-if="message.voiceUrl"
                       :ref="el => setVoiceRef(message.id, el)"
@@ -278,6 +275,15 @@
                       class="hidden"
                     ></audio>
                   </div>
+                  <div v-else-if="message.renderType === 'voip'"
+                    class="wechat-voip-bubble msg-radius"
+                    :class="message.isSent ? 'wechat-voip-sent' : 'wechat-voip-received'">
+                    <div class="wechat-voip-content" :class="message.isSent ? 'flex-row-reverse' : ''">
+                      <img v-if="message.voipType === 'video'" src="/assets/images/wechat/wechat-video-light.png" class="wechat-voip-icon" alt="">
+                      <img v-else src="/assets/images/wechat/wechat-audio-light.png" class="wechat-voip-icon" alt="">
+                      <span class="wechat-voip-text">{{ message.content || '通话' }}</span>
+                    </div>
+                  </div>
                   <div v-else-if="message.renderType === 'emoji'" class="max-w-sm">
                     <img v-if="message.emojiUrl" :src="message.emojiUrl" alt="表情" class="w-24 h-24 object-contain" @contextmenu="openMediaContextMenu($event, message, 'emoji')">
                     <div v-else class="px-3 py-2 text-sm max-w-sm relative msg-bubble whitespace-pre-wrap break-words leading-relaxed"
@@ -285,72 +291,60 @@
                       {{ message.content }}
                     </div>
                   </div>
-                  <div v-else-if="message.renderType === 'quote'"
-                    class="px-3 py-2 text-sm max-w-sm relative msg-bubble whitespace-pre-wrap break-words leading-relaxed rounded-lg"
-                    :class="message.isSent ? 'bg-[#95EC69] text-black' : 'bg-white text-gray-800'">
-                    <div>{{ message.content }}</div>
-                    <div 
+                  <template v-else-if="message.renderType === 'quote'">
+                    <div
+                      class="px-3 py-2 text-sm max-w-sm relative msg-bubble whitespace-pre-wrap break-words leading-relaxed"
+                      :class="message.isSent ? 'bg-[#95EC69] text-black bubble-tail-r' : 'bg-white text-gray-800 bubble-tail-l'">
+                      <template v-for="(seg, idx) in parseTextWithEmoji(message.content)" :key="idx">
+                        <span v-if="seg.type === 'text'">{{ seg.content }}</span>
+                        <img v-else :src="seg.emojiSrc" :alt="seg.content" class="inline-block w-[1.25em] h-[1.25em] align-text-bottom mx-px">
+                      </template>
+                    </div>
+                    <div
                       v-if="message.quoteTitle || message.quoteContent"
-                      class="mt-2 pl-1.5 pr-2.5 py-1 text-xs leading-normal text-neutral-600 border-l-2 rounded"
-                      :class="message.isSent ? 'bg-white/25 border-white/55' : 'bg-[rgba(222,222,222,0.3)] border-[rgba(193,193,193,0.6)]'">
-                      <div class="font-medium" v-if="message.quoteTitle">{{ message.quoteTitle }}</div>
-                      <div class="line-clamp-2 opacity-80" v-if="message.quoteContent">{{ message.quoteContent }}</div>
+                      class="mt-[5px] px-2 text-xs text-neutral-600 rounded max-w-[404px] max-h-[61px] flex items-center bg-[#e1e1e1]">
+                      <div class="line-clamp-2 py-2">{{ message.quoteTitle }}: {{ message.quoteContent }}</div>
                     </div>
-                  </div>
+                  </template>
                   <div v-else-if="message.renderType === 'transfer'"
-                    class="max-w-[20em] w-fit py-4 pl-4 pr-6 flex gap-4 items-center bg-white rounded-2xl border border-neutral-200">
-                    <div class="shrink-0 w-10 h-10">
-                      <!-- 转账图标 (黄色双向箭头) -->
-                      <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 relative -left-1 -top-1">
-                        <rect width="40" height="40" fill="white"/>
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M20 36C28.8366 36 36 28.8366 36 20C36 11.1634 28.8366 4 20 4C11.1634 4 4 11.1634 4 20C4 28.8366 11.1634 36 20 36ZM16.872 13.8839C17.3602 13.3957 17.3602 12.6043 16.872 12.1161C16.3839 11.628 15.5924 11.628 15.1043 12.1161L12.3602 14.8602C11.5466 15.6738 11.5466 16.9929 12.3602 17.8065L15.1043 20.5506C15.5924 21.0387 16.3839 21.0387 16.872 20.5506C17.3602 20.0624 17.3602 19.2709 16.872 18.7828L15.6726 17.5833H26.4048C27.0951 17.5833 27.6548 17.0237 27.6548 16.3333C27.6548 15.643 27.0951 15.0833 26.4048 15.0833H15.6726L16.872 13.8839ZM24.372 20.4494C23.8838 19.9613 23.0924 19.9613 22.6042 20.4494C22.1161 20.9376 22.1161 21.7291 22.6042 22.2172L23.8037 23.4167H13.0715C12.3811 23.4167 11.8215 23.9763 11.8215 24.6667C11.8215 25.357 12.3811 25.9167 13.0715 25.9167H23.8037L22.6042 27.1161C22.1161 27.6043 22.1161 28.3957 22.6042 28.8839C23.0924 29.372 23.8838 29.372 24.372 28.8839L27.116 26.1399L27.1161 26.1398C27.9297 25.3262 27.9297 24.0071 27.1161 23.1935L27.116 23.1934L24.372 20.4494Z" fill="#FFCC33"/>
-                      </svg>
+                    class="wechat-transfer-card msg-radius"
+                    :class="[{ 'wechat-transfer-received': message.transferReceived, 'wechat-transfer-returned': isTransferReturned(message) }, message.isSent ? 'wechat-transfer-sent-side' : 'wechat-transfer-received-side']">
+                    <div class="wechat-transfer-content">
+                      <img src="/assets/images/wechat/wechat-returned.png" v-if="isTransferReturned(message)" class="wechat-transfer-icon" alt="">
+                      <img src="/assets/images/wechat/wechat-trans-icon2.png" v-else-if="message.transferReceived" class="wechat-transfer-icon" alt="">
+                      <img src="/assets/images/wechat/wechat-trans-icon1.png" v-else class="wechat-transfer-icon" alt="">
+                      <div class="wechat-transfer-info">
+                        <span class="wechat-transfer-amount" v-if="message.amount">¥{{ formatTransferAmount(message.amount) }}</span>
+                        <span class="wechat-transfer-status">{{ getTransferTitle(message) }}</span>
+                      </div>
                     </div>
-                    <div>
-                      <h4 class="font-medium text-sm">{{ getTransferTitle(message) }}</h4>
-                      <p class="text-sm text-neutral-600" v-if="message.amount">{{ message.amount }}</p>
+                    <div class="wechat-transfer-bottom">
+                      <span>微信转账</span>
                     </div>
                   </div>
-                  <div v-else-if="message.renderType === 'redPacket'" class="max-w-64">
-                    <!-- 有封面的红包 -->
-                    <div v-if="message.coverUrl" class="w-64 bg-white overflow-hidden rounded-2xl border border-neutral-200">
-                      <img :src="message.coverUrl" alt="红包封面" class="rounded-2xl w-full object-cover">
-                      <div class="py-2 pl-2 pr-3 flex gap-1">
-                        <div class="w-6 h-6">
-                          <!-- 红包图标 -->
-                          <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full h-full">
-                            <rect width="24" height="24" rx="4" fill="#FA9D3B"/>
-                            <path d="M12 6C9.5 6 7.5 7.5 7.5 9.5C7.5 11 8.5 12 10 12.5L9 14H15L14 12.5C15.5 12 16.5 11 16.5 9.5C16.5 7.5 14.5 6 12 6Z" fill="#FFF2D9"/>
-                            <rect x="9" y="14" width="6" height="4" rx="0.5" fill="#FFF2D9"/>
-                          </svg>
-                        </div>
-                        <div>
-                          <h4 class="font-medium text-sm">{{ message.content || '红包' }}</h4>
-                        </div>
+                  <!-- 红包消息 - 微信风格橙色卡片 -->
+                  <div v-else-if="message.renderType === 'redPacket'" class="wechat-redpacket-card msg-radius"
+                    :class="{ 'wechat-redpacket-received': message.redPacketReceived }">
+                    <div class="wechat-redpacket-content">
+                      <img src="/assets/images/wechat/wechat-trans-icon3.png" v-if="!message.redPacketReceived" class="wechat-redpacket-icon" alt="">
+                      <img src="/assets/images/wechat/wechat-trans-icon4.png" v-else class="wechat-redpacket-icon" alt="">
+                      <div class="wechat-redpacket-info">
+                        <span class="wechat-redpacket-text">{{ message.content || '恭喜发财，大吉大利' }}</span>
+                        <span class="wechat-redpacket-status" v-if="message.redPacketReceived">已领取</span>
                       </div>
                     </div>
-                    <!-- 无封面的红包 -->
-                    <div v-else class="max-w-[20em] w-fit py-4 pl-4 pr-6 flex gap-4 items-center bg-white rounded-2xl border border-neutral-200">
-                      <div class="shrink-0 w-10 h-10">
-                        <!-- 红包图标 -->
-                        <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 relative -left-1 -top-1">
-                          <rect width="40" height="40" fill="white"/>
-                          <path fill-rule="evenodd" clip-rule="evenodd" d="M20 36C28.8366 36 36 28.8366 36 20C36 11.1634 28.8366 4 20 4C11.1634 4 4 11.1634 4 20C4 28.8366 11.1634 36 20 36Z" fill="#FA9D3B"/>
-                          <path d="M20 10C15.5 10 12 12.5 12 15.5C12 18 14 20 16.5 21L15 24H25L23.5 21C26 20 28 18 28 15.5C28 12.5 24.5 10 20 10Z" fill="#FFF2D9"/>
-                          <rect x="15" y="24" width="10" height="6" rx="1" fill="#FFF2D9"/>
-                        </svg>
-                      </div>
-                      <div>
-                        <h4 class="font-medium text-sm">{{ message.content || '红包' }}</h4>
-                        <p class="text-sm text-neutral-600" v-if="message.title">{{ message.title }}</p>
-                      </div>
+                    <div class="wechat-redpacket-bottom">
+                      <span>微信红包</span>
                     </div>
                   </div>
                   <!-- 文本消息 -->
                   <div v-else-if="message.renderType === 'text'"
                     class="px-3 py-2 text-sm max-w-sm relative msg-bubble whitespace-pre-wrap break-words leading-relaxed"
                     :class="message.isSent ? 'bg-[#95EC69] text-black bubble-tail-r' : 'bg-white text-gray-800 bubble-tail-l'">
-                    {{ message.content }}
+                    <template v-for="(seg, idx) in parseTextWithEmoji(message.content)" :key="idx">
+                      <span v-if="seg.type === 'text'">{{ seg.content }}</span>
+                      <img v-else :src="seg.emojiSrc" :alt="seg.content" class="inline-block w-[1.25em] h-[1.25em] align-text-bottom mx-px">
+                    </template>
                   </div>
                   <!-- 表情消息 -->
                   <!-- 其他类型统一降级为普通文本展示 -->
@@ -418,6 +412,7 @@
 import { ref, computed, onMounted, onUnmounted, nextTick, defineComponent, h } from 'vue'
 
 import { useApi } from '~/composables/useApi'
+import { parseTextWithEmoji } from '~/utils/wechat-emojis'
 
 // 设置页面标题
 useHead({
@@ -467,10 +462,17 @@ const closeImagePreview = () => {
 
 const voiceRefs = ref({})
 const currentPlayingVoice = ref(null)
+const playingVoiceId = ref(null)
 
 const setVoiceRef = (id, el) => {
   if (el) {
     voiceRefs.value[id] = el
+    el.onended = () => {
+      if (playingVoiceId.value === id) {
+        playingVoiceId.value = null
+        currentPlayingVoice.value = null
+      }
+    }
   }
 }
 
@@ -482,18 +484,36 @@ const playVoice = (message) => {
   if (currentPlayingVoice.value && currentPlayingVoice.value !== audio) {
     currentPlayingVoice.value.pause()
     currentPlayingVoice.value.currentTime = 0
+    playingVoiceId.value = null
   }
 
   if (audio.paused) {
     audio.play()
     currentPlayingVoice.value = audio
+    playingVoiceId.value = message.id
   } else {
     audio.pause()
     audio.currentTime = 0
     currentPlayingVoice.value = null
+    playingVoiceId.value = null
   }
 }
 
+// 将毫秒转换为秒（voiceLength 存储的是毫秒）
+const getVoiceDurationInSeconds = (durationMs) => {
+  const ms = parseInt(durationMs) || 0
+  return Math.round(ms / 1000)
+}
+
+// 根据语音时长计算宽度（基于秒数）
+const getVoiceWidth = (durationMs) => {
+  const seconds = getVoiceDurationInSeconds(durationMs)
+  const minWidth = 80
+  const maxWidth = 200
+  const width = Math.min(maxWidth, minWidth + seconds * 4)
+  return `${width}px`
+}
+
 const contextMenu = ref({ visible: false, x: 0, y: 0, message: null, kind: '', disabled: false })
 
 const closeContextMenu = () => {
@@ -636,21 +656,144 @@ const formatFileSize = (size) => {
   return `${(num / 1024 / 1024).toFixed(2)} MB`
 }
 
+const formatTransferAmount = (amount) => {
+  const s = String(amount ?? '').trim()
+  if (!s) return ''
+  return s.replace(/[￥¥]/g, '').trim()
+}
+
+// 文件类型图标组件
+const FileIconPdf = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'none', class: 'text-red-500' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z', stroke: 'currentColor', 'stroke-width': '1.5', fill: 'none' }),
+      h('path', { d: 'M14 2v6h6', stroke: 'currentColor', 'stroke-width': '1.5' }),
+      h('text', { x: '7', y: '17', 'font-size': '6', fill: 'currentColor', 'font-weight': 'bold' }, 'PDF')
+    ])
+  }
+})
+
+const FileIconZip = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'none', class: 'text-yellow-600' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z', stroke: 'currentColor', 'stroke-width': '1.5', fill: 'none' }),
+      h('path', { d: 'M14 2v6h6', stroke: 'currentColor', 'stroke-width': '1.5' }),
+      h('text', { x: '7', y: '17', 'font-size': '6', fill: 'currentColor', 'font-weight': 'bold' }, 'ZIP')
+    ])
+  }
+})
+
+const FileIconDoc = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'none', class: 'text-blue-600' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z', stroke: 'currentColor', 'stroke-width': '1.5', fill: 'none' }),
+      h('path', { d: 'M14 2v6h6', stroke: 'currentColor', 'stroke-width': '1.5' }),
+      h('text', { x: '5', y: '17', 'font-size': '5', fill: 'currentColor', 'font-weight': 'bold' }, 'DOC')
+    ])
+  }
+})
+
+const FileIconXls = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'none', class: 'text-green-600' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z', stroke: 'currentColor', 'stroke-width': '1.5', fill: 'none' }),
+      h('path', { d: 'M14 2v6h6', stroke: 'currentColor', 'stroke-width': '1.5' }),
+      h('text', { x: '6', y: '17', 'font-size': '5', fill: 'currentColor', 'font-weight': 'bold' }, 'XLS')
+    ])
+  }
+})
+
+const FileIconPpt = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'none', class: 'text-orange-500' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z', stroke: 'currentColor', 'stroke-width': '1.5', fill: 'none' }),
+      h('path', { d: 'M14 2v6h6', stroke: 'currentColor', 'stroke-width': '1.5' }),
+      h('text', { x: '6', y: '17', 'font-size': '5', fill: 'currentColor', 'font-weight': 'bold' }, 'PPT')
+    ])
+  }
+})
+
+const FileIconTxt = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'none', class: 'text-gray-500' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z', stroke: 'currentColor', 'stroke-width': '1.5', fill: 'none' }),
+      h('path', { d: 'M14 2v6h6', stroke: 'currentColor', 'stroke-width': '1.5' }),
+      h('text', { x: '6', y: '17', 'font-size': '5', fill: 'currentColor', 'font-weight': 'bold' }, 'TXT')
+    ])
+  }
+})
+
+const FileIconDefault = defineComponent({
+  render() {
+    return h('svg', { viewBox: '0 0 24 24', fill: 'currentColor', class: 'text-gray-400' }, [
+      h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h6v6h6v10H6z' })
+    ])
+  }
+})
+
+// 根据文件名获取对应图标
+const getFileIcon = (fileName) => {
+  if (!fileName) return FileIconDefault
+  const ext = String(fileName).split('.').pop()?.toLowerCase() || ''
+  switch (ext) {
+    case 'pdf': return FileIconPdf
+    case 'zip': case 'rar': case '7z': case 'tar': case 'gz': return FileIconZip
+    case 'doc': case 'docx': return FileIconDoc
+    case 'xls': case 'xlsx': case 'csv': return FileIconXls
+    case 'ppt': case 'pptx': return FileIconPpt
+    case 'txt': case 'md': case 'log': return FileIconTxt
+    default: return FileIconDefault
+  }
+}
+
+// 文件点击事件 - 打开文件所在文件夹
+const onFileClick = async (message) => {
+  if (!message?.fileMd5) return
+  const api = useApi()
+  
+  try {
+    if (!selectedAccount.value) return
+    if (!selectedContact.value?.username) return
+    
+    await api.openChatMediaFolder({
+      account: selectedAccount.value,
+      username: selectedContact.value.username,
+      kind: 'file',
+      md5: message.fileMd5
+    })
+  } catch (err) {
+    console.error('打开文件夹失败:', err)
+  }
+}
+
+const isTransferReturned = (message) => {
+  const paySubType = String(message?.paySubType || '').trim()
+  if (paySubType === '4' || paySubType === '9') return true
+  const s = String(message?.transferStatus || '').trim()
+  const c = String(message?.content || '').trim()
+  const text = `${s} ${c}`.trim()
+  if (!text) return false
+  return text.includes('退回') || text.includes('退还')
+}
+
 const getTransferTitle = (message) => {
+  const paySubType = String(message.paySubType || '').trim()
+  // paysubtype 含义：
+  // 1=不明确 3=已收款/接收转账 4=对方退回给你 8=发起转账 9=被对方退回 10=已过期
+  // 优先使用后端计算的 transferStatus（如果有）
   if (message.transferStatus) return message.transferStatus
+  switch (paySubType) {
+    case '1': return '转账'
+    case '3': return message.isSent ? '已收款' : '已被接收'
+    case '8': return '发起转账'
+    case '4': return '已退还'
+    case '9': return '已被退还'
+    case '10': return '已过期'
+  }
   if (message.content && message.content !== '转账' && message.content !== '[转账]') {
     return message.content
   }
-  const paySubType = String(message.paySubType || '').trim()
-  switch (paySubType) {
-    case '1': return '转账'
-    case '3': return '接收转账'
-    case '8': return '发起转账'
-    case '4': return '已退回'
-    case '9': return '已被退回'
-    case '10': return '已过期'
-    default: return '转账'
-  }
+  return '转账'
 }
 
 const renderMessages = computed(() => {
@@ -842,8 +985,9 @@ const normalizeMessage = (msg) => {
     fileMd5: msg.fileMd5 || '',
     paySubType: msg.paySubType || '',
     transferStatus: msg.transferStatus || '',
+    transferReceived: msg.paySubType === '3' || msg.transferStatus === '已收款',
     voiceUrl: normalizedVoiceUrl || '',
-    voiceDuration: msg.voiceDuration || '',
+    voiceDuration: msg.voiceLength || msg.voiceDuration || '',
     preview: msg.thumbUrl || '',
     from: '',
     isGroup: !!selectedContact.value?.isGroup,
@@ -978,7 +1122,7 @@ const LinkCard = defineComponent({
         href: props.href,
         target: '_blank',
         rel: 'noreferrer',
-        class: 'block max-w-sm w-full bg-white rounded-xl border border-neutral-200 overflow-hidden hover:bg-gray-50 transition-colors'
+        class: 'block max-w-sm w-full bg-white msg-radius border border-neutral-200 overflow-hidden hover:bg-gray-50 transition-colors'
       },
       [
         props.preview ? h('div', { class: 'w-full bg-black/5' }, [
@@ -1017,7 +1161,7 @@ const LinkCard = defineComponent({
 
 /* 消息气泡样式 */
 .message-bubble {
-  border-radius: 8px;
+  border-radius: var(--message-radius);
   position: relative;
   z-index: 1;
 }
@@ -1025,7 +1169,7 @@ const LinkCard = defineComponent({
 /* 发送的消息（右侧绿色气泡） */
 .sent-message {
   background-color: #95EB69 !important;
-  border-radius: 8px;
+  border-radius: var(--message-radius);
 }
 
 .sent-message::after {
@@ -1034,17 +1178,16 @@ const LinkCard = defineComponent({
   top: 50%;
   right: -4px;
   transform: translateY(-50%) rotate(45deg);
-  width: 12px;
-  height: 12px;
+  width: 10px;
+  height: 10px;
   background-color: #95EB69;
-  border-radius: 3px;
-  z-index: -1;
+  border-radius: 2px;
 }
 
 /* 接收的消息（左侧白色气泡） */
 .received-message {
   background-color: white !important;
-  border-radius: 8px;
+  border-radius: var(--message-radius);
 }
 
 .received-message::before {
@@ -1053,11 +1196,10 @@ const LinkCard = defineComponent({
   top: 50%;
   left: -4px;
   transform: translateY(-50%) rotate(45deg);
-  width: 12px;
-  height: 12px;
+  width: 10px;
+  height: 10px;
   background-color: white;
-  border-radius: 3px;
-  z-index: -1;
+  border-radius: 2px;
 }
 
 /* 聊天标签页样式 */
@@ -1086,7 +1228,7 @@ const LinkCard = defineComponent({
 }
 
 .voice-bubble {
-  border-radius: 8px;
+  border-radius: var(--message-radius);
   position: relative;
   transition: opacity 0.15s ease;
 }
@@ -1100,7 +1242,7 @@ const LinkCard = defineComponent({
 }
 
 .voice-sent {
-  border-radius: 8px;
+  border-radius: var(--message-radius);
 }
 
 .voice-sent::after {
@@ -1113,11 +1255,10 @@ const LinkCard = defineComponent({
   height: 10px;
   background-color: #95EC69;
   border-radius: 2px;
-  z-index: -1;
 }
 
 .voice-received {
-  border-radius: 8px;
+  border-radius: var(--message-radius);
 }
 
 .voice-received::before {
@@ -1130,7 +1271,376 @@ const LinkCard = defineComponent({
   height: 10px;
   background-color: white;
   border-radius: 2px;
-  z-index: -1;
+}
+
+/* 语音消息样式 - 微信风格 */
+.wechat-voice-wrapper {
+  display: flex;
+  width: 100%;
+  position: relative;
+}
+
+.wechat-voice-bubble {
+  border-radius: var(--message-radius);
+  position: relative;
+  transition: opacity 0.15s ease;
+  min-width: 80px;
+  max-width: 200px;
+}
+
+.wechat-voice-bubble:hover {
+  opacity: 0.85;
+}
+
+.wechat-voice-bubble:active {
+  opacity: 0.7;
+}
+
+.wechat-voice-sent {
+  background: #95EC69;
+}
+
+.wechat-voice-sent::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: -4px;
+  transform: translateY(-50%) rotate(45deg);
+  width: 10px;
+  height: 10px;
+  background: #95EC69;
+  border-radius: 2px;
+}
+
+.wechat-voice-received {
+  background: white;
+}
+
+.wechat-voice-received::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: -4px;
+  transform: translateY(-50%) rotate(45deg);
+  width: 10px;
+  height: 10px;
+  background: white;
+  border-radius: 2px;
+}
+
+.wechat-voice-content {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  gap: 8px;
+}
+
+/* 语音图标样式 */
+.wechat-voice-icon {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  color: #1a1a1a;
+}
+
+.voice-icon-sent {
+  transform: scaleX(-1);
+}
+
+/* 播放时的波动动画 */
+.wechat-voice-icon.voice-playing .voice-wave-2 {
+  animation: voice-wave-2 1s infinite;
+}
+
+.wechat-voice-icon.voice-playing .voice-wave-3 {
+  animation: voice-wave-3 1s infinite;
+}
+
+@keyframes voice-wave-2 {
+  0%, 33% { opacity: 0; }
+  34%, 100% { opacity: 1; }
+}
+
+@keyframes voice-wave-3 {
+  0%, 66% { opacity: 0; }
+  67%, 100% { opacity: 1; }
+}
+
+.wechat-voice-duration {
+  font-size: 14px;
+  color: #1a1a1a;
+}
+
+.wechat-voice-unread {
+  position: absolute;
+  top: 50%;
+  right: -20px;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #e75e58;
+}
+
+/* 音视频通话消息样式 - 微信风格 */
+.wechat-voip-bubble {
+  border-radius: var(--message-radius);
+  position: relative;
+  min-width: 120px;
+}
+
+.wechat-voip-sent {
+  background: #95EC69;
+}
+
+.wechat-voip-sent::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: -4px;
+  transform: translateY(-50%) rotate(45deg);
+  width: 10px;
+  height: 10px;
+  background: #95EC69;
+  border-radius: 2px;
+}
+
+.wechat-voip-received {
+  background: white;
+}
+
+.wechat-voip-received::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: -4px;
+  transform: translateY(-50%) rotate(45deg);
+  width: 10px;
+  height: 10px;
+  background: white;
+  border-radius: 2px;
+}
+
+.wechat-voip-content {
+  display: flex;
+  align-items: center;
+  padding: 8px 14px;
+  gap: 8px;
+}
+
+.wechat-voip-icon {
+  width: 22px;
+  height: 14px;
+  flex-shrink: 0;
+  object-fit: contain;
+}
+
+.wechat-voip-text {
+  font-size: 14px;
+  color: #1a1a1a;
+}
+
+/* 转账消息样式 - 微信风格 */
+.wechat-transfer-card {
+  width: 240px;
+  background: #f79c46;
+  border-radius: var(--message-radius);
+  overflow: visible;
+  position: relative;
+}
+
+.wechat-transfer-card::after {
+  content: '';
+  position: absolute;
+  top: 16px;
+  left: -4px;
+  width: 10px;
+  height: 10px;
+  background: #f79c46;
+  transform: rotate(45deg);
+  border-radius: 2px;
+}
+
+.wechat-transfer-sent-side::after {
+  left: auto;
+  right: -4px;
+}
+
+.wechat-transfer-content {
+  display: flex;
+  align-items: center;
+  padding: 12px 14px;
+  min-height: 56px;
+}
+
+.wechat-transfer-icon {
+  width: 36px;
+  height: 36px;
+  flex-shrink: 0;
+  object-fit: contain;
+}
+
+.wechat-transfer-info {
+  flex: 1;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.wechat-transfer-amount {
+  font-size: 16px;
+  font-weight: 500;
+  color: #fff;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.wechat-transfer-status {
+  font-size: 12px;
+  color: #fff;
+  margin-top: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.wechat-transfer-bottom {
+  height: 24px;
+  display: flex;
+  align-items: center;
+  padding: 0 14px;
+  border-top: 1px solid rgba(255,255,255,0.2);
+}
+
+.wechat-transfer-bottom span {
+  font-size: 11px;
+  color: #fff;
+}
+
+/* 已领取的转账样式 */
+.wechat-transfer-received {
+  background: #f8e2c6;
+}
+
+.wechat-transfer-received::after {
+  background: #f8e2c6;
+}
+
+.wechat-transfer-received .wechat-transfer-amount,
+.wechat-transfer-received .wechat-transfer-status {
+  color: #fff;
+}
+
+.wechat-transfer-received .wechat-transfer-bottom span {
+  color: #fff;
+}
+
+/* 退回的转账样式 */
+.wechat-transfer-returned {
+  background: #fde1c3;
+}
+
+.wechat-transfer-returned::after {
+  background: #fde1c3;
+}
+
+.wechat-transfer-returned .wechat-transfer-amount,
+.wechat-transfer-returned .wechat-transfer-status {
+  color: #fff;
+}
+
+.wechat-transfer-returned .wechat-transfer-bottom span {
+  color: #fff;
+}
+
+/* 红包消息样式 - 微信风格 */
+.wechat-redpacket-card {
+  width: 240px;
+  background: #fa9d3b;
+  border-radius: var(--message-radius);
+  overflow: hidden;
+  position: relative;
+}
+
+.wechat-redpacket-card::after {
+  content: '';
+  position: absolute;
+  top: 16px;
+  left: -4px;
+  width: 10px;
+  height: 10px;
+  background: #fa9d3b;
+  transform: rotate(45deg);
+  border-radius: 2px;
+}
+
+.wechat-redpacket-content {
+  display: flex;
+  align-items: center;
+  padding: 12px 14px;
+  min-height: 56px;
+}
+
+.wechat-redpacket-icon {
+  width: 32px;
+  height: 36px;
+  flex-shrink: 0;
+  object-fit: contain;
+}
+
+.wechat-redpacket-info {
+  flex: 1;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.wechat-redpacket-text {
+  font-size: 14px;
+  color: #fff;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.wechat-redpacket-status {
+  font-size: 12px;
+  color: #fff;
+  margin-top: 2px;
+}
+
+.wechat-redpacket-bottom {
+  height: 24px;
+  display: flex;
+  align-items: center;
+  padding: 0 14px;
+  border-top: 1px solid rgba(255,255,255,0.2);
+}
+
+.wechat-redpacket-bottom span {
+  font-size: 11px;
+  color: #faecda;
+}
+
+/* 已领取的红包样式 */
+.wechat-redpacket-received {
+  background: #f8e2c6;
+}
+
+.wechat-redpacket-received::after {
+  background: #f8e2c6;
+}
+
+.wechat-redpacket-received .wechat-redpacket-text,
+.wechat-redpacket-received .wechat-redpacket-status {
+  color: #b88550;
+}
+
+.wechat-redpacket-received .wechat-redpacket-bottom span {
+  color: #c9a67a;
 }
 
 /* 隐私模式模糊效果 */
diff --git a/frontend/public/assets/images/wechat/wechat-audio-dark.png b/frontend/public/assets/images/wechat/wechat-audio-dark.png
new file mode 100644
index 0000000..0fd8b05
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-audio-dark.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-audio-light.png b/frontend/public/assets/images/wechat/wechat-audio-light.png
new file mode 100644
index 0000000..25eea47
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-audio-light.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-redp-icon1.png b/frontend/public/assets/images/wechat/wechat-redp-icon1.png
new file mode 100644
index 0000000..1a7a439
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-redp-icon1.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-returned.png b/frontend/public/assets/images/wechat/wechat-returned.png
new file mode 100644
index 0000000..aadb473
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-returned.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-trans-icon1.png b/frontend/public/assets/images/wechat/wechat-trans-icon1.png
new file mode 100644
index 0000000..1a3cc37
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-trans-icon1.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-trans-icon2.png b/frontend/public/assets/images/wechat/wechat-trans-icon2.png
new file mode 100644
index 0000000..b9f72da
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-trans-icon2.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-trans-icon3.png b/frontend/public/assets/images/wechat/wechat-trans-icon3.png
new file mode 100644
index 0000000..ec91928
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-trans-icon3.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-trans-icon4.png b/frontend/public/assets/images/wechat/wechat-trans-icon4.png
new file mode 100644
index 0000000..e246f0e
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-trans-icon4.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-video-dark.png b/frontend/public/assets/images/wechat/wechat-video-dark.png
new file mode 100644
index 0000000..4cff094
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-video-dark.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-video-light.png b/frontend/public/assets/images/wechat/wechat-video-light.png
new file mode 100644
index 0000000..9be69dc
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-video-light.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-voice-icon1-dark.png b/frontend/public/assets/images/wechat/wechat-voice-icon1-dark.png
new file mode 100644
index 0000000..38580c2
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-voice-icon1-dark.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-voice-icon1-light.png b/frontend/public/assets/images/wechat/wechat-voice-icon1-light.png
new file mode 100644
index 0000000..508f173
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-voice-icon1-light.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-voice-icon2-dark.png b/frontend/public/assets/images/wechat/wechat-voice-icon2-dark.png
new file mode 100644
index 0000000..2889574
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-voice-icon2-dark.png differ
diff --git a/frontend/public/assets/images/wechat/wechat-voice-icon2-light.png b/frontend/public/assets/images/wechat/wechat-voice-icon2-light.png
new file mode 100644
index 0000000..1dd5996
Binary files /dev/null and b/frontend/public/assets/images/wechat/wechat-voice-icon2-light.png differ
diff --git a/frontend/public/wxemoji/Expression_100@2x.png b/frontend/public/wxemoji/Expression_100@2x.png
new file mode 100644
index 0000000..aaa83b0
Binary files /dev/null and b/frontend/public/wxemoji/Expression_100@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_101@2x.png b/frontend/public/wxemoji/Expression_101@2x.png
new file mode 100644
index 0000000..0a879df
Binary files /dev/null and b/frontend/public/wxemoji/Expression_101@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_102@2x.png b/frontend/public/wxemoji/Expression_102@2x.png
new file mode 100644
index 0000000..8865235
Binary files /dev/null and b/frontend/public/wxemoji/Expression_102@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_103@2x.png b/frontend/public/wxemoji/Expression_103@2x.png
new file mode 100644
index 0000000..58ab0f7
Binary files /dev/null and b/frontend/public/wxemoji/Expression_103@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_104@2x.png b/frontend/public/wxemoji/Expression_104@2x.png
new file mode 100644
index 0000000..13a9afa
Binary files /dev/null and b/frontend/public/wxemoji/Expression_104@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_105@2x.png b/frontend/public/wxemoji/Expression_105@2x.png
new file mode 100644
index 0000000..4a6da4e
Binary files /dev/null and b/frontend/public/wxemoji/Expression_105@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_10@2x.png b/frontend/public/wxemoji/Expression_10@2x.png
new file mode 100644
index 0000000..7406718
Binary files /dev/null and b/frontend/public/wxemoji/Expression_10@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_11@2x.png b/frontend/public/wxemoji/Expression_11@2x.png
new file mode 100644
index 0000000..ff748c2
Binary files /dev/null and b/frontend/public/wxemoji/Expression_11@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_12@2x.png b/frontend/public/wxemoji/Expression_12@2x.png
new file mode 100644
index 0000000..316b381
Binary files /dev/null and b/frontend/public/wxemoji/Expression_12@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_13@2x.png b/frontend/public/wxemoji/Expression_13@2x.png
new file mode 100644
index 0000000..08d10c6
Binary files /dev/null and b/frontend/public/wxemoji/Expression_13@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_14@2x.png b/frontend/public/wxemoji/Expression_14@2x.png
new file mode 100644
index 0000000..e43935f
Binary files /dev/null and b/frontend/public/wxemoji/Expression_14@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_15@2x.png b/frontend/public/wxemoji/Expression_15@2x.png
new file mode 100644
index 0000000..4b3909d
Binary files /dev/null and b/frontend/public/wxemoji/Expression_15@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_16@2x.png b/frontend/public/wxemoji/Expression_16@2x.png
new file mode 100644
index 0000000..56daec4
Binary files /dev/null and b/frontend/public/wxemoji/Expression_16@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_17@2x.png b/frontend/public/wxemoji/Expression_17@2x.png
new file mode 100644
index 0000000..f98a7cd
Binary files /dev/null and b/frontend/public/wxemoji/Expression_17@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_18@2x.png b/frontend/public/wxemoji/Expression_18@2x.png
new file mode 100644
index 0000000..3e543e4
Binary files /dev/null and b/frontend/public/wxemoji/Expression_18@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_19@2x.png b/frontend/public/wxemoji/Expression_19@2x.png
new file mode 100644
index 0000000..a6b93a0
Binary files /dev/null and b/frontend/public/wxemoji/Expression_19@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_1@2x.png b/frontend/public/wxemoji/Expression_1@2x.png
new file mode 100644
index 0000000..f1accd6
Binary files /dev/null and b/frontend/public/wxemoji/Expression_1@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_20@2x.png b/frontend/public/wxemoji/Expression_20@2x.png
new file mode 100644
index 0000000..0bffba5
Binary files /dev/null and b/frontend/public/wxemoji/Expression_20@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_21@2x.png b/frontend/public/wxemoji/Expression_21@2x.png
new file mode 100644
index 0000000..bfe168d
Binary files /dev/null and b/frontend/public/wxemoji/Expression_21@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_22@2x.png b/frontend/public/wxemoji/Expression_22@2x.png
new file mode 100644
index 0000000..12f08c9
Binary files /dev/null and b/frontend/public/wxemoji/Expression_22@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_23@2x.png b/frontend/public/wxemoji/Expression_23@2x.png
new file mode 100644
index 0000000..d3ac6e5
Binary files /dev/null and b/frontend/public/wxemoji/Expression_23@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_24@2x.png b/frontend/public/wxemoji/Expression_24@2x.png
new file mode 100644
index 0000000..8793a0f
Binary files /dev/null and b/frontend/public/wxemoji/Expression_24@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_25@2x.png b/frontend/public/wxemoji/Expression_25@2x.png
new file mode 100644
index 0000000..6a4d9fc
Binary files /dev/null and b/frontend/public/wxemoji/Expression_25@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_26@2x.png b/frontend/public/wxemoji/Expression_26@2x.png
new file mode 100644
index 0000000..a9ab333
Binary files /dev/null and b/frontend/public/wxemoji/Expression_26@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_27@2x.png b/frontend/public/wxemoji/Expression_27@2x.png
new file mode 100644
index 0000000..0233e9a
Binary files /dev/null and b/frontend/public/wxemoji/Expression_27@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_28@2x.png b/frontend/public/wxemoji/Expression_28@2x.png
new file mode 100644
index 0000000..b4de063
Binary files /dev/null and b/frontend/public/wxemoji/Expression_28@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_29@2x.png b/frontend/public/wxemoji/Expression_29@2x.png
new file mode 100644
index 0000000..40c2dc7
Binary files /dev/null and b/frontend/public/wxemoji/Expression_29@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_2@2x.png b/frontend/public/wxemoji/Expression_2@2x.png
new file mode 100644
index 0000000..ca5ce30
Binary files /dev/null and b/frontend/public/wxemoji/Expression_2@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_30@2x.png b/frontend/public/wxemoji/Expression_30@2x.png
new file mode 100644
index 0000000..36e82f1
Binary files /dev/null and b/frontend/public/wxemoji/Expression_30@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_31@2x.png b/frontend/public/wxemoji/Expression_31@2x.png
new file mode 100644
index 0000000..b79be35
Binary files /dev/null and b/frontend/public/wxemoji/Expression_31@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_32@2x.png b/frontend/public/wxemoji/Expression_32@2x.png
new file mode 100644
index 0000000..5ca4bc7
Binary files /dev/null and b/frontend/public/wxemoji/Expression_32@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_33@2x.png b/frontend/public/wxemoji/Expression_33@2x.png
new file mode 100644
index 0000000..5bc7c1d
Binary files /dev/null and b/frontend/public/wxemoji/Expression_33@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_34@2x.png b/frontend/public/wxemoji/Expression_34@2x.png
new file mode 100644
index 0000000..3982d75
Binary files /dev/null and b/frontend/public/wxemoji/Expression_34@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_35@2x.png b/frontend/public/wxemoji/Expression_35@2x.png
new file mode 100644
index 0000000..c7824ad
Binary files /dev/null and b/frontend/public/wxemoji/Expression_35@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_36@2x.png b/frontend/public/wxemoji/Expression_36@2x.png
new file mode 100644
index 0000000..9031084
Binary files /dev/null and b/frontend/public/wxemoji/Expression_36@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_37@2x.png b/frontend/public/wxemoji/Expression_37@2x.png
new file mode 100644
index 0000000..29d262d
Binary files /dev/null and b/frontend/public/wxemoji/Expression_37@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_38@2x.png b/frontend/public/wxemoji/Expression_38@2x.png
new file mode 100644
index 0000000..9df26c3
Binary files /dev/null and b/frontend/public/wxemoji/Expression_38@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_39@2x.png b/frontend/public/wxemoji/Expression_39@2x.png
new file mode 100644
index 0000000..b5662de
Binary files /dev/null and b/frontend/public/wxemoji/Expression_39@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_3@2x.png b/frontend/public/wxemoji/Expression_3@2x.png
new file mode 100644
index 0000000..250337f
Binary files /dev/null and b/frontend/public/wxemoji/Expression_3@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_40@2x.png b/frontend/public/wxemoji/Expression_40@2x.png
new file mode 100644
index 0000000..5a56709
Binary files /dev/null and b/frontend/public/wxemoji/Expression_40@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_41@2x.png b/frontend/public/wxemoji/Expression_41@2x.png
new file mode 100644
index 0000000..8b88410
Binary files /dev/null and b/frontend/public/wxemoji/Expression_41@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_42@2x.png b/frontend/public/wxemoji/Expression_42@2x.png
new file mode 100644
index 0000000..372e781
Binary files /dev/null and b/frontend/public/wxemoji/Expression_42@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_43@2x.png b/frontend/public/wxemoji/Expression_43@2x.png
new file mode 100644
index 0000000..d35f81b
Binary files /dev/null and b/frontend/public/wxemoji/Expression_43@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_44@2x.png b/frontend/public/wxemoji/Expression_44@2x.png
new file mode 100644
index 0000000..c506ac9
Binary files /dev/null and b/frontend/public/wxemoji/Expression_44@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_45@2x.png b/frontend/public/wxemoji/Expression_45@2x.png
new file mode 100644
index 0000000..5e59847
Binary files /dev/null and b/frontend/public/wxemoji/Expression_45@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_46@2x.png b/frontend/public/wxemoji/Expression_46@2x.png
new file mode 100644
index 0000000..21c73de
Binary files /dev/null and b/frontend/public/wxemoji/Expression_46@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_47@2x.png b/frontend/public/wxemoji/Expression_47@2x.png
new file mode 100644
index 0000000..b817f9e
Binary files /dev/null and b/frontend/public/wxemoji/Expression_47@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_48@2x.png b/frontend/public/wxemoji/Expression_48@2x.png
new file mode 100644
index 0000000..bacff2c
Binary files /dev/null and b/frontend/public/wxemoji/Expression_48@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_49@2x.png b/frontend/public/wxemoji/Expression_49@2x.png
new file mode 100644
index 0000000..b29a9e8
Binary files /dev/null and b/frontend/public/wxemoji/Expression_49@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_4@2x.png b/frontend/public/wxemoji/Expression_4@2x.png
new file mode 100644
index 0000000..722cc4a
Binary files /dev/null and b/frontend/public/wxemoji/Expression_4@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_50@2x.png b/frontend/public/wxemoji/Expression_50@2x.png
new file mode 100644
index 0000000..44cf6fe
Binary files /dev/null and b/frontend/public/wxemoji/Expression_50@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_51@2x.png b/frontend/public/wxemoji/Expression_51@2x.png
new file mode 100644
index 0000000..6f642d6
Binary files /dev/null and b/frontend/public/wxemoji/Expression_51@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_52@2x.png b/frontend/public/wxemoji/Expression_52@2x.png
new file mode 100644
index 0000000..7697a28
Binary files /dev/null and b/frontend/public/wxemoji/Expression_52@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_53@2x.png b/frontend/public/wxemoji/Expression_53@2x.png
new file mode 100644
index 0000000..392a552
Binary files /dev/null and b/frontend/public/wxemoji/Expression_53@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_54@2x.png b/frontend/public/wxemoji/Expression_54@2x.png
new file mode 100644
index 0000000..07b77d4
Binary files /dev/null and b/frontend/public/wxemoji/Expression_54@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_55@2x.png b/frontend/public/wxemoji/Expression_55@2x.png
new file mode 100644
index 0000000..acb3eee
Binary files /dev/null and b/frontend/public/wxemoji/Expression_55@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_56@2x.png b/frontend/public/wxemoji/Expression_56@2x.png
new file mode 100644
index 0000000..17dfcae
Binary files /dev/null and b/frontend/public/wxemoji/Expression_56@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_57@2x.png b/frontend/public/wxemoji/Expression_57@2x.png
new file mode 100644
index 0000000..7efde32
Binary files /dev/null and b/frontend/public/wxemoji/Expression_57@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_58@2x.png b/frontend/public/wxemoji/Expression_58@2x.png
new file mode 100644
index 0000000..288fee1
Binary files /dev/null and b/frontend/public/wxemoji/Expression_58@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_59@2x.png b/frontend/public/wxemoji/Expression_59@2x.png
new file mode 100644
index 0000000..bddcf50
Binary files /dev/null and b/frontend/public/wxemoji/Expression_59@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_5@2x.png b/frontend/public/wxemoji/Expression_5@2x.png
new file mode 100644
index 0000000..1ee9175
Binary files /dev/null and b/frontend/public/wxemoji/Expression_5@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_60@2x.png b/frontend/public/wxemoji/Expression_60@2x.png
new file mode 100644
index 0000000..2b4630a
Binary files /dev/null and b/frontend/public/wxemoji/Expression_60@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_61@2x.png b/frontend/public/wxemoji/Expression_61@2x.png
new file mode 100644
index 0000000..6732f13
Binary files /dev/null and b/frontend/public/wxemoji/Expression_61@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_62@2x.png b/frontend/public/wxemoji/Expression_62@2x.png
new file mode 100644
index 0000000..5b744cf
Binary files /dev/null and b/frontend/public/wxemoji/Expression_62@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_63@2x.png b/frontend/public/wxemoji/Expression_63@2x.png
new file mode 100644
index 0000000..da6863c
Binary files /dev/null and b/frontend/public/wxemoji/Expression_63@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_64@2x.png b/frontend/public/wxemoji/Expression_64@2x.png
new file mode 100644
index 0000000..6a4842e
Binary files /dev/null and b/frontend/public/wxemoji/Expression_64@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_65@2x.png b/frontend/public/wxemoji/Expression_65@2x.png
new file mode 100644
index 0000000..0dfe18c
Binary files /dev/null and b/frontend/public/wxemoji/Expression_65@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_66@2x.png b/frontend/public/wxemoji/Expression_66@2x.png
new file mode 100644
index 0000000..dc38543
Binary files /dev/null and b/frontend/public/wxemoji/Expression_66@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_67@2x.png b/frontend/public/wxemoji/Expression_67@2x.png
new file mode 100644
index 0000000..f49bdb0
Binary files /dev/null and b/frontend/public/wxemoji/Expression_67@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_68@2x.png b/frontend/public/wxemoji/Expression_68@2x.png
new file mode 100644
index 0000000..07c64db
Binary files /dev/null and b/frontend/public/wxemoji/Expression_68@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_69@2x.png b/frontend/public/wxemoji/Expression_69@2x.png
new file mode 100644
index 0000000..57064dd
Binary files /dev/null and b/frontend/public/wxemoji/Expression_69@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_6@2x.png b/frontend/public/wxemoji/Expression_6@2x.png
new file mode 100644
index 0000000..94861fe
Binary files /dev/null and b/frontend/public/wxemoji/Expression_6@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_70@2x.png b/frontend/public/wxemoji/Expression_70@2x.png
new file mode 100644
index 0000000..c40761c
Binary files /dev/null and b/frontend/public/wxemoji/Expression_70@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_71@2x.png b/frontend/public/wxemoji/Expression_71@2x.png
new file mode 100644
index 0000000..b9b8760
Binary files /dev/null and b/frontend/public/wxemoji/Expression_71@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_72@2x.png b/frontend/public/wxemoji/Expression_72@2x.png
new file mode 100644
index 0000000..2bc7c69
Binary files /dev/null and b/frontend/public/wxemoji/Expression_72@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_73@2x.png b/frontend/public/wxemoji/Expression_73@2x.png
new file mode 100644
index 0000000..2e1374d
Binary files /dev/null and b/frontend/public/wxemoji/Expression_73@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_74@2x.png b/frontend/public/wxemoji/Expression_74@2x.png
new file mode 100644
index 0000000..494f098
Binary files /dev/null and b/frontend/public/wxemoji/Expression_74@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_75@2x.png b/frontend/public/wxemoji/Expression_75@2x.png
new file mode 100644
index 0000000..06e1aa6
Binary files /dev/null and b/frontend/public/wxemoji/Expression_75@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_76@2x.png b/frontend/public/wxemoji/Expression_76@2x.png
new file mode 100644
index 0000000..7b03a0e
Binary files /dev/null and b/frontend/public/wxemoji/Expression_76@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_77@2x.png b/frontend/public/wxemoji/Expression_77@2x.png
new file mode 100644
index 0000000..e2986d0
Binary files /dev/null and b/frontend/public/wxemoji/Expression_77@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_78@2x.png b/frontend/public/wxemoji/Expression_78@2x.png
new file mode 100644
index 0000000..d580732
Binary files /dev/null and b/frontend/public/wxemoji/Expression_78@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_79@2x.png b/frontend/public/wxemoji/Expression_79@2x.png
new file mode 100644
index 0000000..e424114
Binary files /dev/null and b/frontend/public/wxemoji/Expression_79@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_7@2x.png b/frontend/public/wxemoji/Expression_7@2x.png
new file mode 100644
index 0000000..ab2c284
Binary files /dev/null and b/frontend/public/wxemoji/Expression_7@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_80@2x.png b/frontend/public/wxemoji/Expression_80@2x.png
new file mode 100644
index 0000000..5971a8a
Binary files /dev/null and b/frontend/public/wxemoji/Expression_80@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_81@2x.png b/frontend/public/wxemoji/Expression_81@2x.png
new file mode 100644
index 0000000..6ab9b21
Binary files /dev/null and b/frontend/public/wxemoji/Expression_81@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_82@2x.png b/frontend/public/wxemoji/Expression_82@2x.png
new file mode 100644
index 0000000..31b69b2
Binary files /dev/null and b/frontend/public/wxemoji/Expression_82@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_83@2x.png b/frontend/public/wxemoji/Expression_83@2x.png
new file mode 100644
index 0000000..ee0b0e4
Binary files /dev/null and b/frontend/public/wxemoji/Expression_83@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_84@2x.png b/frontend/public/wxemoji/Expression_84@2x.png
new file mode 100644
index 0000000..a92f5ef
Binary files /dev/null and b/frontend/public/wxemoji/Expression_84@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_85@2x.png b/frontend/public/wxemoji/Expression_85@2x.png
new file mode 100644
index 0000000..b4156dc
Binary files /dev/null and b/frontend/public/wxemoji/Expression_85@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_86@2x.png b/frontend/public/wxemoji/Expression_86@2x.png
new file mode 100644
index 0000000..f2c8b02
Binary files /dev/null and b/frontend/public/wxemoji/Expression_86@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_87@2x.png b/frontend/public/wxemoji/Expression_87@2x.png
new file mode 100644
index 0000000..ff390a7
Binary files /dev/null and b/frontend/public/wxemoji/Expression_87@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_88@2x.png b/frontend/public/wxemoji/Expression_88@2x.png
new file mode 100644
index 0000000..5f0cb00
Binary files /dev/null and b/frontend/public/wxemoji/Expression_88@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_89@2x.png b/frontend/public/wxemoji/Expression_89@2x.png
new file mode 100644
index 0000000..8aa0fe5
Binary files /dev/null and b/frontend/public/wxemoji/Expression_89@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_8@2x.png b/frontend/public/wxemoji/Expression_8@2x.png
new file mode 100644
index 0000000..d594d51
Binary files /dev/null and b/frontend/public/wxemoji/Expression_8@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_90@2x.png b/frontend/public/wxemoji/Expression_90@2x.png
new file mode 100644
index 0000000..8ba0961
Binary files /dev/null and b/frontend/public/wxemoji/Expression_90@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_91@2x.png b/frontend/public/wxemoji/Expression_91@2x.png
new file mode 100644
index 0000000..047e1a7
Binary files /dev/null and b/frontend/public/wxemoji/Expression_91@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_92@2x.png b/frontend/public/wxemoji/Expression_92@2x.png
new file mode 100644
index 0000000..7fb9536
Binary files /dev/null and b/frontend/public/wxemoji/Expression_92@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_93@2x.png b/frontend/public/wxemoji/Expression_93@2x.png
new file mode 100644
index 0000000..03fe485
Binary files /dev/null and b/frontend/public/wxemoji/Expression_93@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_94@2x.png b/frontend/public/wxemoji/Expression_94@2x.png
new file mode 100644
index 0000000..f095839
Binary files /dev/null and b/frontend/public/wxemoji/Expression_94@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_95@2x.png b/frontend/public/wxemoji/Expression_95@2x.png
new file mode 100644
index 0000000..5515483
Binary files /dev/null and b/frontend/public/wxemoji/Expression_95@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_96@2x.png b/frontend/public/wxemoji/Expression_96@2x.png
new file mode 100644
index 0000000..efcb170
Binary files /dev/null and b/frontend/public/wxemoji/Expression_96@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_97@2x.png b/frontend/public/wxemoji/Expression_97@2x.png
new file mode 100644
index 0000000..82068ec
Binary files /dev/null and b/frontend/public/wxemoji/Expression_97@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_98@2x.png b/frontend/public/wxemoji/Expression_98@2x.png
new file mode 100644
index 0000000..05e6349
Binary files /dev/null and b/frontend/public/wxemoji/Expression_98@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_99@2x.png b/frontend/public/wxemoji/Expression_99@2x.png
new file mode 100644
index 0000000..41372d9
Binary files /dev/null and b/frontend/public/wxemoji/Expression_99@2x.png differ
diff --git a/frontend/public/wxemoji/Expression_9@2x.png b/frontend/public/wxemoji/Expression_9@2x.png
new file mode 100644
index 0000000..52d898d
Binary files /dev/null and b/frontend/public/wxemoji/Expression_9@2x.png differ
diff --git a/frontend/public/wxemoji/new/2_02.png b/frontend/public/wxemoji/new/2_02.png
new file mode 100644
index 0000000..16e2afe
Binary files /dev/null and b/frontend/public/wxemoji/new/2_02.png differ
diff --git a/frontend/public/wxemoji/new/2_04.png b/frontend/public/wxemoji/new/2_04.png
new file mode 100644
index 0000000..0ed42e8
Binary files /dev/null and b/frontend/public/wxemoji/new/2_04.png differ
diff --git a/frontend/public/wxemoji/new/2_05.png b/frontend/public/wxemoji/new/2_05.png
new file mode 100644
index 0000000..f8bba36
Binary files /dev/null and b/frontend/public/wxemoji/new/2_05.png differ
diff --git a/frontend/public/wxemoji/new/2_06.png b/frontend/public/wxemoji/new/2_06.png
new file mode 100644
index 0000000..f988243
Binary files /dev/null and b/frontend/public/wxemoji/new/2_06.png differ
diff --git a/frontend/public/wxemoji/new/2_07.png b/frontend/public/wxemoji/new/2_07.png
new file mode 100644
index 0000000..e117dcd
Binary files /dev/null and b/frontend/public/wxemoji/new/2_07.png differ
diff --git a/frontend/public/wxemoji/new/2_09.png b/frontend/public/wxemoji/new/2_09.png
new file mode 100644
index 0000000..b774979
Binary files /dev/null and b/frontend/public/wxemoji/new/2_09.png differ
diff --git a/frontend/public/wxemoji/new/2_10.png b/frontend/public/wxemoji/new/2_10.png
new file mode 100644
index 0000000..f3ba1f6
Binary files /dev/null and b/frontend/public/wxemoji/new/2_10.png differ
diff --git a/frontend/public/wxemoji/new/2_11.png b/frontend/public/wxemoji/new/2_11.png
new file mode 100644
index 0000000..a5442fd
Binary files /dev/null and b/frontend/public/wxemoji/new/2_11.png differ
diff --git a/frontend/public/wxemoji/new/2_12.png b/frontend/public/wxemoji/new/2_12.png
new file mode 100644
index 0000000..c0f1342
Binary files /dev/null and b/frontend/public/wxemoji/new/2_12.png differ
diff --git a/frontend/public/wxemoji/new/2_14.png b/frontend/public/wxemoji/new/2_14.png
new file mode 100644
index 0000000..0f7e161
Binary files /dev/null and b/frontend/public/wxemoji/new/2_14.png differ
diff --git a/frontend/public/wxemoji/new/2_15.png b/frontend/public/wxemoji/new/2_15.png
new file mode 100644
index 0000000..8bc9a77
Binary files /dev/null and b/frontend/public/wxemoji/new/2_15.png differ
diff --git a/frontend/public/wxemoji/new/2_16.png b/frontend/public/wxemoji/new/2_16.png
new file mode 100644
index 0000000..a6274b4
Binary files /dev/null and b/frontend/public/wxemoji/new/2_16.png differ
diff --git a/frontend/public/wxemoji/new/2_17.png b/frontend/public/wxemoji/new/2_17.png
new file mode 100644
index 0000000..8f23802
Binary files /dev/null and b/frontend/public/wxemoji/new/2_17.png differ
diff --git a/frontend/public/wxemoji/new/666.png b/frontend/public/wxemoji/new/666.png
new file mode 100644
index 0000000..57e5015
Binary files /dev/null and b/frontend/public/wxemoji/new/666.png differ
diff --git a/frontend/public/wxemoji/new/Addoil.png b/frontend/public/wxemoji/new/Addoil.png
new file mode 100644
index 0000000..2f40ed7
Binary files /dev/null and b/frontend/public/wxemoji/new/Addoil.png differ
diff --git a/frontend/public/wxemoji/new/Boring.png b/frontend/public/wxemoji/new/Boring.png
new file mode 100644
index 0000000..8d43fea
Binary files /dev/null and b/frontend/public/wxemoji/new/Boring.png differ
diff --git a/frontend/public/wxemoji/new/Broken.png b/frontend/public/wxemoji/new/Broken.png
new file mode 100644
index 0000000..650aa02
Binary files /dev/null and b/frontend/public/wxemoji/new/Broken.png differ
diff --git a/frontend/public/wxemoji/new/Cold.png b/frontend/public/wxemoji/new/Cold.png
new file mode 100644
index 0000000..4063e35
Binary files /dev/null and b/frontend/public/wxemoji/new/Cold.png differ
diff --git a/frontend/public/wxemoji/new/Duh.png b/frontend/public/wxemoji/new/Duh.png
new file mode 100644
index 0000000..2895701
Binary files /dev/null and b/frontend/public/wxemoji/new/Duh.png differ
diff --git a/frontend/public/wxemoji/new/Firecracker.png b/frontend/public/wxemoji/new/Firecracker.png
new file mode 100644
index 0000000..9b59b37
Binary files /dev/null and b/frontend/public/wxemoji/new/Firecracker.png differ
diff --git a/frontend/public/wxemoji/new/Fireworks.png b/frontend/public/wxemoji/new/Fireworks.png
new file mode 100644
index 0000000..949f858
Binary files /dev/null and b/frontend/public/wxemoji/new/Fireworks.png differ
diff --git a/frontend/public/wxemoji/new/Flushed.png b/frontend/public/wxemoji/new/Flushed.png
new file mode 100644
index 0000000..062c906
Binary files /dev/null and b/frontend/public/wxemoji/new/Flushed.png differ
diff --git a/frontend/public/wxemoji/new/Happy.png b/frontend/public/wxemoji/new/Happy.png
new file mode 100644
index 0000000..ba6dece
Binary files /dev/null and b/frontend/public/wxemoji/new/Happy.png differ
diff --git a/frontend/public/wxemoji/new/Hurt.png b/frontend/public/wxemoji/new/Hurt.png
new file mode 100644
index 0000000..911fe89
Binary files /dev/null and b/frontend/public/wxemoji/new/Hurt.png differ
diff --git a/frontend/public/wxemoji/new/KeepFighting.png b/frontend/public/wxemoji/new/KeepFighting.png
new file mode 100644
index 0000000..d87fd29
Binary files /dev/null and b/frontend/public/wxemoji/new/KeepFighting.png differ
diff --git a/frontend/public/wxemoji/new/LetDown.png b/frontend/public/wxemoji/new/LetDown.png
new file mode 100644
index 0000000..9d7efcb
Binary files /dev/null and b/frontend/public/wxemoji/new/LetDown.png differ
diff --git a/frontend/public/wxemoji/new/LetMeSee.png b/frontend/public/wxemoji/new/LetMeSee.png
new file mode 100644
index 0000000..49d9e0e
Binary files /dev/null and b/frontend/public/wxemoji/new/LetMeSee.png differ
diff --git a/frontend/public/wxemoji/new/Lol.png b/frontend/public/wxemoji/new/Lol.png
new file mode 100644
index 0000000..fc376a9
Binary files /dev/null and b/frontend/public/wxemoji/new/Lol.png differ
diff --git a/frontend/public/wxemoji/new/NoProb.png b/frontend/public/wxemoji/new/NoProb.png
new file mode 100644
index 0000000..0d18899
Binary files /dev/null and b/frontend/public/wxemoji/new/NoProb.png differ
diff --git a/frontend/public/wxemoji/new/Party.png b/frontend/public/wxemoji/new/Party.png
new file mode 100644
index 0000000..4b7fabc
Binary files /dev/null and b/frontend/public/wxemoji/new/Party.png differ
diff --git a/frontend/public/wxemoji/new/Shocked.png b/frontend/public/wxemoji/new/Shocked.png
new file mode 100644
index 0000000..cb085cd
Binary files /dev/null and b/frontend/public/wxemoji/new/Shocked.png differ
diff --git a/frontend/public/wxemoji/new/Sick.png b/frontend/public/wxemoji/new/Sick.png
new file mode 100644
index 0000000..282b98b
Binary files /dev/null and b/frontend/public/wxemoji/new/Sick.png differ
diff --git a/frontend/public/wxemoji/new/Sigh.png b/frontend/public/wxemoji/new/Sigh.png
new file mode 100644
index 0000000..bae45f4
Binary files /dev/null and b/frontend/public/wxemoji/new/Sigh.png differ
diff --git a/frontend/public/wxemoji/new/Slap.png b/frontend/public/wxemoji/new/Slap.png
new file mode 100644
index 0000000..5430ba8
Binary files /dev/null and b/frontend/public/wxemoji/new/Slap.png differ
diff --git a/frontend/public/wxemoji/new/Social.png b/frontend/public/wxemoji/new/Social.png
new file mode 100644
index 0000000..b63cd23
Binary files /dev/null and b/frontend/public/wxemoji/new/Social.png differ
diff --git a/frontend/public/wxemoji/new/Sweat.png b/frontend/public/wxemoji/new/Sweat.png
new file mode 100644
index 0000000..0b7778f
Binary files /dev/null and b/frontend/public/wxemoji/new/Sweat.png differ
diff --git a/frontend/public/wxemoji/new/Terror.png b/frontend/public/wxemoji/new/Terror.png
new file mode 100644
index 0000000..f3c4934
Binary files /dev/null and b/frontend/public/wxemoji/new/Terror.png differ
diff --git a/frontend/public/wxemoji/new/Watermelon.png b/frontend/public/wxemoji/new/Watermelon.png
new file mode 100644
index 0000000..a47df61
Binary files /dev/null and b/frontend/public/wxemoji/new/Watermelon.png differ
diff --git a/frontend/public/wxemoji/new/Worship.png b/frontend/public/wxemoji/new/Worship.png
new file mode 100644
index 0000000..1c06921
Binary files /dev/null and b/frontend/public/wxemoji/new/Worship.png differ
diff --git a/frontend/public/wxemoji/new/Wow.png b/frontend/public/wxemoji/new/Wow.png
new file mode 100644
index 0000000..6d44ffc
Binary files /dev/null and b/frontend/public/wxemoji/new/Wow.png differ
diff --git a/frontend/public/wxemoji/new/Yellowdog.png b/frontend/public/wxemoji/new/Yellowdog.png
new file mode 100644
index 0000000..ca9488c
Binary files /dev/null and b/frontend/public/wxemoji/new/Yellowdog.png differ
diff --git a/frontend/public/wxemoji/new/smiley_39b.png b/frontend/public/wxemoji/new/smiley_39b.png
new file mode 100644
index 0000000..d5b6c05
Binary files /dev/null and b/frontend/public/wxemoji/new/smiley_39b.png differ
diff --git a/frontend/public/wxemoji/new/smiley_83b.png b/frontend/public/wxemoji/new/smiley_83b.png
new file mode 100644
index 0000000..3166a23
Binary files /dev/null and b/frontend/public/wxemoji/new/smiley_83b.png differ
diff --git a/frontend/utils/wechat-emojis.ts b/frontend/utils/wechat-emojis.ts
new file mode 100644
index 0000000..f9e59b2
--- /dev/null
+++ b/frontend/utils/wechat-emojis.ts
@@ -0,0 +1,886 @@
+const WechatEmojiTable: Record<string, string> = {
+	"/::)": "Expression_1@2x.png",
+	"/微笑": "Expression_1@2x.png",
+	"[微笑]": "Expression_1@2x.png",
+	"[Smile]": "Expression_1@2x.png",
+	"[ยม]": "Expression_1@2x.png",
+
+	"/::~": "Expression_2@2x.png",
+	"/撇嘴": "Expression_2@2x.png",
+	"[撇嘴]": "Expression_2@2x.png",
+	"[Grimace]": "Expression_2@2x.png",
+	"[หนาบด]": "Expression_2@2x.png",
+
+	"/::B": "Expression_3@2x.png",
+	"/色": "Expression_3@2x.png",
+	"[色]": "Expression_3@2x.png",
+	"[Drool]": "Expression_3@2x.png",
+	"[นลายไหล]": "Expression_3@2x.png",
+
+	"/::|": "Expression_4@2x.png",
+	"/发呆": "Expression_4@2x.png",
+	"[发呆]": "Expression_4@2x.png",
+	"[發呆]": "Expression_4@2x.png",
+	"[Scowl]": "Expression_4@2x.png",
+	"[หนาบง]": "Expression_4@2x.png",
+
+	"/:8-)": "Expression_5@2x.png",
+	"/得意": "Expression_5@2x.png",
+	"[得意]": "Expression_5@2x.png",
+	"[CoolGuy]": "Expression_5@2x.png",
+	"[สบาย]": "Expression_5@2x.png",
+
+	"/::<": "Expression_6@2x.png",
+	"/流泪": "Expression_6@2x.png",
+	"[流泪]": "Expression_6@2x.png",
+	"[流淚]": "Expression_6@2x.png",
+	"[Sob]": "Expression_6@2x.png",
+	"[รองไหโฮ]": "Expression_6@2x.png",
+
+	"/::$": "Expression_7@2x.png",
+	"/害羞": "Expression_7@2x.png",
+	"[害羞]": "Expression_7@2x.png",
+	"[Shy]": "Expression_7@2x.png",
+	"[อาย]": "Expression_7@2x.png",
+
+	"/::X": "Expression_8@2x.png",
+	"/闭嘴": "Expression_8@2x.png",
+	"[闭嘴]": "Expression_8@2x.png",
+	"[閉嘴]": "Expression_8@2x.png",
+	"[Silent]": "Expression_8@2x.png",
+	"[หามพด]": "Expression_8@2x.png",
+
+	"/::Z": "Expression_9@2x.png",
+	"/睡": "Expression_9@2x.png",
+	"[睡]": "Expression_9@2x.png",
+	"[Sleep]": "Expression_9@2x.png",
+	"[หลบ]": "Expression_9@2x.png",
+
+	// "/::\'(": "Expression_10@2x.png",
+	"/大哭": "Expression_10@2x.png",
+	"[大哭]": "Expression_10@2x.png",
+	"[Cry]": "Expression_10@2x.png",
+	"[รองไห]": "Expression_10@2x.png",
+
+	"/::-|": "Expression_11@2x.png",
+	"/尴尬": "Expression_11@2x.png",
+	"[尴尬]": "Expression_11@2x.png",
+	"[尷尬]": "Expression_11@2x.png",
+	"[Awkward]": "Expression_11@2x.png",
+	"[ลบากใจ]": "Expression_11@2x.png",
+
+	"/::@": "Expression_12@2x.png",
+	"/发怒": "Expression_12@2x.png",
+	"[发怒]": "Expression_12@2x.png",
+	"[發怒]": "Expression_12@2x.png",
+	"[Angry]": "Expression_12@2x.png",
+	"[โกรธสด]": "Expression_12@2x.png",
+
+	"/::P": "Expression_13@2x.png",
+	"/调皮": "Expression_13@2x.png",
+	"[吐舌]": "Expression_13@2x.png",
+	"[调皮]": "Expression_13@2x.png",
+	"[調皮]": "Expression_13@2x.png",
+	"[Tongue]": "Expression_13@2x.png",
+	"[ขยบตา]": "Expression_13@2x.png",
+
+	"/::D": "Expression_14@2x.png",
+	"/呲牙": "Expression_14@2x.png",
+	"[呲牙]": "Expression_14@2x.png",
+	"[Grin]": "Expression_14@2x.png",
+	"[ยมกวาง]": "Expression_14@2x.png",
+
+	"/::O": "Expression_15@2x.png",
+	"/惊讶": "Expression_15@2x.png",
+	"[惊讶]": "Expression_15@2x.png",
+	"[驚訝]": "Expression_15@2x.png",
+	"[Surprise]": "Expression_15@2x.png",
+	"[ประหลาดใจ]": "Expression_15@2x.png",
+
+	"/::(": "Expression_16@2x.png",
+	"/难过": "Expression_16@2x.png",
+	"[难过]": "Expression_16@2x.png",
+	"[難過]": "Expression_16@2x.png",
+	"[Frown]": "Expression_16@2x.png",
+	"[เสยใจ]": "Expression_16@2x.png",
+
+	"/::+": "Expression_17@2x.png",
+	"/酷": "Expression_17@2x.png",
+	"[酷]": "Expression_17@2x.png",
+	"[Ruthless]": "Expression_17@2x.png",
+	"[เจง]": "Expression_17@2x.png",
+
+	"/:--b": "Expression_18@2x.png",
+	"/冷汗": "Expression_18@2x.png",
+	"[囧]": "Expression_18@2x.png",
+	"[Blush]": "Expression_18@2x.png",
+
+	"/::Q": "Expression_19@2x.png",
+	"/抓狂": "Expression_19@2x.png",
+	"[抓狂]": "Expression_19@2x.png",
+	"[Scream]": "Expression_19@2x.png",
+	"[กรดรอง]": "Expression_19@2x.png",
+
+	"/::T": "Expression_20@2x.png",
+	"/吐": "Expression_20@2x.png",
+	"[吐]": "Expression_20@2x.png",
+	"[Puke]": "Expression_20@2x.png",
+	"[อาเจยน]": "Expression_20@2x.png",
+
+	"/:,@P": "Expression_21@2x.png",
+	"/偷笑": "Expression_21@2x.png",
+	"[偷笑]": "Expression_21@2x.png",
+	"[Chuckle]": "Expression_21@2x.png",
+	"[หวเราะหๆ]": "Expression_21@2x.png",
+
+	"/:,@-D": "Expression_22@2x.png",
+	"/可爱": "Expression_22@2x.png",
+	"[愉快]": "Expression_22@2x.png",
+	"[Joyful]": "Expression_22@2x.png",
+	"[พอใจ]": "Expression_22@2x.png",
+
+	"/::d": "Expression_23@2x.png",
+	"/白眼": "Expression_23@2x.png",
+	"[白眼]": "Expression_23@2x.png",
+	"[Slight]": "Expression_23@2x.png",
+	"[สงสย]": "Expression_23@2x.png",
+
+	"/:,@o": "Expression_24@2x.png",
+	"/傲慢": "Expression_24@2x.png",
+	"[傲慢]": "Expression_24@2x.png",
+	"[Smug]": "Expression_24@2x.png",
+	"[หยง]": "Expression_24@2x.png",
+
+	"/::g": "Expression_25@2x.png",
+	"/饥饿": "Expression_25@2x.png",
+	"[饥饿]": "Expression_25@2x.png",
+	"[饑餓]": "Expression_25@2x.png",
+	"[Hungry]": "Expression_25@2x.png",
+	"[หว]": "Expression_25@2x.png",
+
+	"/:|-)": "Expression_26@2x.png",
+	"/困": "Expression_26@2x.png",
+	"[困]": "Expression_26@2x.png",
+	"[累]": "Expression_26@2x.png",
+	"[Drowsy]": "Expression_26@2x.png",
+	"[งวงนอน]": "Expression_26@2x.png",
+
+	"/::!": "Expression_27@2x.png",
+	"/惊恐": "Expression_27@2x.png",
+	"[惊恐]": "Expression_27@2x.png",
+	"[驚恐]": "Expression_27@2x.png",
+	"[Panic]": "Expression_27@2x.png",
+	"[ตกใจกลว]": "Expression_27@2x.png",
+
+	"/::L": "Expression_28@2x.png",
+	"/流汗": "Expression_28@2x.png",
+	"[流汗]": "Expression_28@2x.png",
+	"[Sweat]": "Expression_28@2x.png",
+	"[เหงอตก]": "Expression_28@2x.png",
+
+	"/::>": "Expression_29@2x.png",
+	"/憨笑": "Expression_29@2x.png",
+	"[憨笑]": "Expression_29@2x.png",
+	"[大笑]": "Expression_29@2x.png",
+	"[Laugh]": "Expression_29@2x.png",
+	"[หวเราะ]": "Expression_29@2x.png",
+
+	"/::,@": "Expression_30@2x.png",
+	"/大兵": "Expression_30@2x.png",
+	"[悠闲]": "Expression_30@2x.png",
+	"[悠閑]": "Expression_30@2x.png",
+	"[Commando]": "Expression_30@2x.png",
+	"[ทหาร]": "Expression_30@2x.png",
+
+	"/:,@f": "Expression_31@2x.png",
+	"/奋斗": "Expression_31@2x.png",
+	"[奋斗]": "Expression_31@2x.png",
+	"[奮鬥]": "Expression_31@2x.png",
+	"[Determined]": "Expression_31@2x.png",
+	"[มงมน]": "Expression_31@2x.png",
+
+	"/::-S": "Expression_32@2x.png",
+	"/咒骂": "Expression_32@2x.png",
+	"[咒骂]": "Expression_32@2x.png",
+	"[咒罵]": "Expression_32@2x.png",
+	"[Scold]": "Expression_32@2x.png",
+	"[ดาวาา]": "Expression_32@2x.png",
+
+	"/:?": "Expression_33@2x.png",
+	"/疑问": "Expression_33@2x.png",
+	"[疑问]": "Expression_33@2x.png",
+	"[疑問]": "Expression_33@2x.png",
+	"[Shocked]": "Expression_33@2x.png",
+	"[สบสน]": "Expression_33@2x.png",
+
+	"/:,@x": "Expression_34@2x.png",
+	"/嘘": "Expression_34@2x.png",
+	"[嘘]": "Expression_34@2x.png",
+	"[噓]": "Expression_34@2x.png",
+	"[Shhh]": "Expression_34@2x.png",
+	"[จๆ]": "Expression_34@2x.png",
+
+	"/:,@@": "Expression_35@2x.png",
+	"/晕": "Expression_35@2x.png",
+	"[晕]": "Expression_35@2x.png",
+	"[暈]": "Expression_35@2x.png",
+	"[Dizzy]": "Expression_35@2x.png",
+	"[เวยนหว]": "Expression_35@2x.png",
+
+	"/::8": "Expression_36@2x.png",
+	"/折磨": "Expression_36@2x.png",
+	"[疯了]": "Expression_36@2x.png",
+	"[瘋了]": "Expression_36@2x.png",
+	"[Tormented]": "Expression_36@2x.png",
+	"[ทอแท]": "Expression_36@2x.png",
+
+	"/:,@!": "Expression_37@2x.png",
+	"/衰": "Expression_37@2x.png",
+	"[衰]": "Expression_37@2x.png",
+	"[Toasted]": "Expression_37@2x.png",
+	"[ชวราย]": "Expression_37@2x.png",
+
+	"/:!!!": "Expression_38@2x.png",
+	"/骷髅": "Expression_38@2x.png",
+	"[骷髅]": "Expression_38@2x.png",
+	"[骷髏頭]": "Expression_38@2x.png",
+	"[Skull]": "Expression_38@2x.png",
+	"[หวกะโหลก]": "Expression_38@2x.png",
+
+	"/:xx": "Expression_39@2x.png",
+	"/敲打": "Expression_39@2x.png",
+	"[敲打]": "Expression_39@2x.png",
+	"[Hammer]": "Expression_39@2x.png",
+	"[คอนทบ]": "Expression_39@2x.png",
+
+	"/:bye": "Expression_40@2x.png",
+	"/再见": "Expression_40@2x.png",
+	// "[再見]": "Expression_40@2x.png",
+	"[Wave]": "Expression_40@2x.png",
+	"[บายๆ]": "Expression_40@2x.png",
+
+	"/:wipe": "Expression_41@2x.png",
+	"/擦汗": "Expression_41@2x.png",
+	"[擦汗]": "Expression_41@2x.png",
+	"[Speechless]": "Expression_41@2x.png",
+	"[เชดเหงอ]": "Expression_41@2x.png",
+
+	"/:dig": "Expression_42@2x.png",
+	"/抠鼻": "Expression_42@2x.png",
+	"[抠鼻]": "Expression_42@2x.png",
+	"[摳鼻]": "Expression_42@2x.png",
+	"[NosePick]": "Expression_42@2x.png",
+	"[แคะจมก]": "Expression_42@2x.png",
+
+	"/:handclap": "Expression_43@2x.png",
+	"/鼓掌": "Expression_43@2x.png",
+	"[鼓掌]": "Expression_43@2x.png",
+	"[Clap]": "Expression_43@2x.png",
+	"[ตบมอ]": "Expression_43@2x.png",
+
+	"/:&-(": "Expression_44@2x.png",
+	"/糗大了": "Expression_44@2x.png",
+	"[糗大了]": "Expression_44@2x.png",
+	"[羞辱]": "Expression_44@2x.png",
+	"[Shame]": "Expression_44@2x.png",
+	"[อบอาย]": "Expression_44@2x.png",
+
+	"/:B-)": "Expression_45@2x.png",
+	"/坏笑": "Expression_45@2x.png",
+	"[坏笑]": "Expression_45@2x.png",
+	"[壞笑]": "Expression_45@2x.png",
+	"[Trick]": "Expression_45@2x.png",
+	"[กลโกง]": "Expression_45@2x.png",
+
+	"/:<@": "Expression_46@2x.png",
+	"/左哼哼": "Expression_46@2x.png",
+	"[左哼哼]": "Expression_46@2x.png",
+	"[Bah！L]": "Expression_46@2x.png",
+	"[เชดซาย]": "Expression_46@2x.png",
+
+	"/:@>": "Expression_47@2x.png",
+	"/右哼哼": "Expression_47@2x.png",
+	"[右哼哼]": "Expression_47@2x.png",
+	"[Bah！R]": "Expression_47@2x.png",
+	"[เชดขวา]": "Expression_47@2x.png",
+
+	"/::-O": "Expression_48@2x.png",
+	"/哈欠": "Expression_48@2x.png",
+	"[哈欠]": "Expression_48@2x.png",
+	"[Yawn]": "Expression_48@2x.png",
+	"[หาว]": "Expression_48@2x.png",
+
+	"/:>-|": "Expression_49@2x.png",
+	"/鄙视": "Expression_49@2x.png",
+	"[鄙视]": "Expression_49@2x.png",
+	"[鄙視]": "Expression_49@2x.png",
+	"[Pooh-pooh]": "Expression_49@2x.png",
+	"[ดถก]": "Expression_49@2x.png",
+
+	"/:P-(": "Expression_50@2x.png",
+	"/委屈": "Expression_50@2x.png",
+	"[委屈]": "Expression_50@2x.png",
+	"[Shrunken]": "Expression_50@2x.png",
+	"[ของใจ]": "Expression_50@2x.png",
+
+	// "/::\'|": "Expression_51@2x.png",
+	"/快哭了": "Expression_51@2x.png",
+	"[快哭了]": "Expression_51@2x.png",
+	"[TearingUp]": "Expression_51@2x.png",
+	"[เกอบรองไห]": "Expression_51@2x.png",
+
+	"/:X-)": "Expression_52@2x.png",
+	"/阴险": "Expression_52@2x.png",
+	"[阴险]": "Expression_52@2x.png",
+	"[陰險]": "Expression_52@2x.png",
+	"[Sly]": "Expression_52@2x.png",
+	"[ขโกง]": "Expression_52@2x.png",
+
+	"/::*": "Expression_53@2x.png",
+	"/亲亲": "Expression_53@2x.png",
+	"[亲亲]": "Expression_53@2x.png",
+	"[親親]": "Expression_53@2x.png",
+	"[Kiss]": "Expression_53@2x.png",
+	"[จบ]": "Expression_53@2x.png",
+
+	"/:@x": "Expression_54@2x.png",
+	"/吓": "Expression_54@2x.png",
+	"[吓]": "Expression_54@2x.png",
+	"[嚇]": "Expression_54@2x.png",
+	"[Wrath]": "Expression_54@2x.png",
+	"[หา]": "Expression_54@2x.png",
+
+	"/:8*": "Expression_55@2x.png",
+	"/可怜": "Expression_55@2x.png",
+	"[可怜]": "Expression_55@2x.png",
+	"[可憐]": "Expression_55@2x.png",
+	"[Whimper]": "Expression_55@2x.png",
+	"[นาสงสาร]": "Expression_55@2x.png",
+
+	"/:pd": "Expression_56@2x.png",
+	"/菜刀": "Expression_56@2x.png",
+	"[菜刀]": "Expression_56@2x.png",
+	"[Cleaver]": "Expression_56@2x.png",
+	"[มด]": "Expression_56@2x.png",
+
+	"/:<W>": "Expression_57@2x.png",
+	"/西瓜": "Expression_57@2x.png",
+	"[西瓜]": "Expression_57@2x.png",
+	"[Watermelon]": "Expression_57@2x.png",
+	"[แตงโม]": "Expression_57@2x.png",
+
+	"/:beer": "Expression_58@2x.png",
+	"/啤酒": "Expression_58@2x.png",
+	"[啤酒]": "Expression_58@2x.png",
+	"[Beer]": "Expression_58@2x.png",
+	"[เบยร]": "Expression_58@2x.png",
+
+	"/:basketb": "Expression_59@2x.png",
+	"/篮球": "Expression_59@2x.png",
+	"[篮球]": "Expression_59@2x.png",
+	"[籃球]": "Expression_59@2x.png",
+	"[Basketball]": "Expression_59@2x.png",
+	"[บาสเกตบอล]": "Expression_59@2x.png",
+
+	"/:oo": "Expression_60@2x.png",
+	"/乒乓": "Expression_60@2x.png",
+	"[乒乓]": "Expression_60@2x.png",
+	"[PingPong]": "Expression_60@2x.png",
+	"[ปงปอง]": "Expression_60@2x.png",
+
+	"/:coffee": "Expression_61@2x.png",
+	"/咖啡": "Expression_61@2x.png",
+	"[咖啡]": "Expression_61@2x.png",
+	"[Coffee]": "Expression_61@2x.png",
+	"[กาแฟ]": "Expression_61@2x.png",
+
+	"/:eat": "Expression_62@2x.png",
+	"/饭": "Expression_62@2x.png",
+	"[饭]": "Expression_62@2x.png",
+	"[飯]": "Expression_62@2x.png",
+	"[Rice]": "Expression_62@2x.png",
+	"[ขาว]": "Expression_62@2x.png",
+
+	"/:pig": "Expression_63@2x.png",
+	"/猪头": "Expression_63@2x.png",
+	"[猪头]": "Expression_63@2x.png",
+	"[豬頭]": "Expression_63@2x.png",
+	"[Pig]": "Expression_63@2x.png",
+	"[หม]": "Expression_63@2x.png",
+
+	"/:rose": "Expression_64@2x.png",
+	"/玫瑰": "Expression_64@2x.png",
+	"[玫瑰]": "Expression_64@2x.png",
+	"[Rose]": "Expression_64@2x.png",
+	"[กหลาบ]": "Expression_64@2x.png",
+
+	"/:fade": "Expression_65@2x.png",
+	"/凋谢": "Expression_65@2x.png",
+	"[凋谢]": "Expression_65@2x.png",
+	"[枯萎]": "Expression_65@2x.png",
+	"[Wilt]": "Expression_65@2x.png",
+	"[รวงโรย]": "Expression_65@2x.png",
+
+	"/:showlove": "Expression_66@2x.png",
+	"/示爱": "Expression_66@2x.png",
+	"[嘴唇]": "Expression_66@2x.png",
+	"[Lips]": "Expression_66@2x.png",
+	"[รมฝปาก]": "Expression_66@2x.png",
+
+	"/:heart": "Expression_67@2x.png",
+	"/爱心": "Expression_67@2x.png",
+	"[爱心]": "Expression_67@2x.png",
+	"[愛心]": "Expression_67@2x.png",
+	"[Heart]": "Expression_67@2x.png",
+	"[หวใจ]": "Expression_67@2x.png",
+
+	"/:break": "Expression_68@2x.png",
+	"/心碎": "Expression_68@2x.png",
+	"[心碎]": "Expression_68@2x.png",
+	"[BrokenHeart]": "Expression_68@2x.png",
+	"[ใจสลาย]": "Expression_68@2x.png",
+
+	"/:cake": "Expression_69@2x.png",
+	"/蛋糕": "Expression_69@2x.png",
+	"[蛋糕]": "Expression_69@2x.png",
+	"[Cake]": "Expression_69@2x.png",
+	"[เคก]": "Expression_69@2x.png",
+
+	"/:li": "Expression_70@2x.png",
+	"/闪电": "Expression_70@2x.png",
+	"[闪电]": "Expression_70@2x.png",
+	"[閃電]": "Expression_70@2x.png",
+	"[Lightning]": "Expression_70@2x.png",
+	"[ฟาผา]": "Expression_70@2x.png",
+
+	"/:bome": "Expression_71@2x.png",
+	"/炸弹": "Expression_71@2x.png",
+	"[炸弹]": "Expression_71@2x.png",
+	"[炸彈]": "Expression_71@2x.png",
+	"[Bomb]": "Expression_71@2x.png",
+	"[ระเบด]": "Expression_71@2x.png",
+
+	"/:kn": "Expression_72@2x.png",
+	"/刀": "Expression_72@2x.png",
+	"[刀]": "Expression_72@2x.png",
+	"[Dagger]": "Expression_72@2x.png",
+	"[ดาบ]": "Expression_72@2x.png",
+
+	"/:footb": "Expression_73@2x.png",
+	"/足球": "Expression_73@2x.png",
+	"[足球]": "Expression_73@2x.png",
+	"[Soccer]": "Expression_73@2x.png",
+	"[ฟตบอล]": "Expression_73@2x.png",
+
+	"/:ladybug": "Expression_74@2x.png",
+	"/瓢虫": "Expression_74@2x.png",
+	"[瓢虫]": "Expression_74@2x.png",
+	"[甲蟲]": "Expression_74@2x.png",
+	"[Ladybug]": "Expression_74@2x.png",
+	"[เตาทอง]": "Expression_74@2x.png",
+
+	"/:shit": "Expression_75@2x.png",
+	"/便便": "Expression_75@2x.png",
+	"[便便]": "Expression_75@2x.png",
+	"[Poop]": "Expression_75@2x.png",
+	"[อจจาระ]": "Expression_75@2x.png",
+
+	"/:moon": "Expression_76@2x.png",
+	"/月亮": "Expression_76@2x.png",
+	"[月亮]": "Expression_76@2x.png",
+	"[Moon]": "Expression_76@2x.png",
+	"[พระจนทร]": "Expression_76@2x.png",
+
+	"/:sun": "Expression_77@2x.png",
+	"/太阳": "Expression_77@2x.png",
+	"[太阳]": "Expression_77@2x.png",
+	"[太陽]": "Expression_77@2x.png",
+	"[Sun]": "Expression_77@2x.png",
+	"[พระอาทตย]": "Expression_77@2x.png",
+
+	"/:gift": "Expression_78@2x.png",
+	"/礼物": "Expression_78@2x.png",
+	"[禮物]": "Expression_78@2x.png",
+	"[礼物]": "Expression_78@2x.png",
+	"[Gift]": "Expression_78@2x.png",
+
+	"/:hug": "Expression_79@2x.png",
+	"/拥抱": "Expression_79@2x.png",
+	"[拥抱]": "Expression_79@2x.png",
+	"[擁抱]": "Expression_79@2x.png",
+	"[Hug]": "Expression_79@2x.png",
+	"[กอด]": "Expression_79@2x.png",
+
+	"/:strong": "Expression_80@2x.png",
+	"/强": "Expression_80@2x.png",
+	"[强]": "Expression_80@2x.png",
+	"[強]": "Expression_80@2x.png",
+	"[ThumbsUp]": "Expression_80@2x.png",
+	"[ยอดเยยม]": "Expression_80@2x.png",
+
+	"/:weak": "Expression_81@2x.png",
+	"/弱": "Expression_81@2x.png",
+	"[弱]": "Expression_81@2x.png",
+	"[ThumbsDown]": "Expression_81@2x.png",
+	"[ยอดแย]": "Expression_81@2x.png",
+
+	"/:share": "Expression_82@2x.png",
+	"/握手": "Expression_82@2x.png",
+	"[握手]": "Expression_82@2x.png",
+	"[Shake]": "Expression_82@2x.png",
+	"[จบมอ]": "Expression_82@2x.png",
+
+	"/:v": "Expression_83@2x.png",
+	"/胜利": "Expression_83@2x.png",
+	"[胜利]": "Expression_83@2x.png",
+	"[勝利]": "Expression_83@2x.png",
+	"[Peace]": "Expression_83@2x.png",
+	"[สตาย]": "Expression_83@2x.png",
+
+	"/:@)": "Expression_84@2x.png",
+	"/抱拳": "Expression_84@2x.png",
+	// "[抱拳]": "Expression_84@2x.png",
+	"[Fight]": "Expression_84@2x.png",
+	"[คารวะ]": "Expression_84@2x.png",
+
+	"/:jj": "Expression_85@2x.png",
+	"/勾引": "Expression_85@2x.png",
+	"[勾引]": "Expression_85@2x.png",
+	"[Beckon]": "Expression_85@2x.png",
+	"[เขามา]": "Expression_85@2x.png",
+
+	"/:@@": "Expression_86@2x.png",
+	"/拳头": "Expression_86@2x.png",
+	"[拳头]": "Expression_86@2x.png",
+	"[拳頭]": "Expression_86@2x.png",
+	"[Fist]": "Expression_86@2x.png",
+	"[กหมด]": "Expression_86@2x.png",
+
+	"/:bad": "Expression_87@2x.png",
+	"/差劲": "Expression_87@2x.png",
+	"[差劲]": "Expression_87@2x.png",
+	"[差勁]": "Expression_87@2x.png",
+	"[Pinky]": "Expression_87@2x.png",
+	"[ดกน]": "Expression_87@2x.png",
+
+	"/:lvu": "Expression_88@2x.png",
+	"/爱你": "Expression_88@2x.png",
+	"[爱你]": "Expression_88@2x.png",
+	"[愛你]": "Expression_88@2x.png",
+	"[RockOn]": "Expression_88@2x.png",
+	"[ฉนรกคณ]": "Expression_88@2x.png",
+
+	"/:no": "Expression_89@2x.png",
+	"/NO": "Expression_89@2x.png",
+	"[NO]": "Expression_89@2x.png",
+	"[Nuh-uh]": "Expression_89@2x.png",
+	"[ไม]": "Expression_89@2x.png",
+
+	"/:ok": "Expression_90@2x.png",
+	"/OK": "Expression_90@2x.png",
+	"[OK]": "Expression_90@2x.png",
+	"[ตกลง]": "Expression_90@2x.png",
+
+	"/:love": "Expression_91@2x.png",
+	"/爱情": "Expression_91@2x.png",
+	"[爱情]": "Expression_91@2x.png",
+	"[愛情]": "Expression_91@2x.png",
+	"[InLove]": "Expression_91@2x.png",
+	"[รกกน]": "Expression_91@2x.png",
+
+	"/:<L>": "Expression_92@2x.png",
+	"/飞吻": "Expression_92@2x.png",
+	"[飞吻]": "Expression_92@2x.png",
+	"[飛吻]": "Expression_92@2x.png",
+	"[Blowkiss]": "Expression_92@2x.png",
+	"[มรก]": "Expression_92@2x.png",
+
+	"/:jump": "Expression_93@2x.png",
+	"/跳跳": "Expression_93@2x.png",
+	"[跳跳]": "Expression_93@2x.png",
+	"[Waddle]": "Expression_93@2x.png",
+	"[กระโดด]": "Expression_93@2x.png",
+
+	"/:shake": "Expression_94@2x.png",
+	"/发抖": "Expression_94@2x.png",
+	"[发抖]": "Expression_94@2x.png",
+	"[發抖]": "Expression_94@2x.png",
+	"[Tremble]": "Expression_94@2x.png",
+	"[เขยา]": "Expression_94@2x.png",
+
+	"/:<O>": "Expression_95@2x.png",
+	"/怄火": "Expression_95@2x.png",
+	"[怄火]": "Expression_95@2x.png",
+	"[噴火]": "Expression_95@2x.png",
+	"[Aaagh!]": "Expression_95@2x.png",
+	"[อากส!]": "Expression_95@2x.png",
+
+	"/:circle": "Expression_96@2x.png",
+	"/转圈": "Expression_96@2x.png",
+	"[转圈]": "Expression_96@2x.png",
+	"[轉圈]": "Expression_96@2x.png",
+	"[Twirl]": "Expression_96@2x.png",
+	"[หมนตว]": "Expression_96@2x.png",
+
+	"/:kotow": "Expression_97@2x.png",
+	"/磕头": "Expression_97@2x.png",
+	"[磕头]": "Expression_97@2x.png",
+	"[磕頭]": "Expression_97@2x.png",
+	"[Kotow]": "Expression_97@2x.png",
+	"[คนบ]": "Expression_97@2x.png",
+
+	"/:turn": "Expression_98@2x.png",
+	"/回头": "Expression_98@2x.png",
+	"[回头]": "Expression_98@2x.png",
+	"[回頭]": "Expression_98@2x.png",
+	"[Dramatic]": "Expression_98@2x.png",
+	"[เหลยวหลง]": "Expression_98@2x.png",
+
+	"/:skip": "Expression_99@2x.png",
+	"/跳绳": "Expression_99@2x.png",
+	"[跳绳]": "Expression_99@2x.png",
+	"[跳繩]": "Expression_99@2x.png",
+	"[JumpRope]": "Expression_99@2x.png",
+	// "[กระโดด]": "Expression_99@2x.png",
+
+	"/:oY": "Expression_100@2x.png",
+	"/挥手": "Expression_100@2x.png",
+	"[投降]": "Expression_100@2x.png",
+	"[Surrender]": "Expression_100@2x.png",
+	"[ยอมแพ]": "Expression_100@2x.png",
+
+	"/:#-0": "Expression_101@2x.png",
+	"/激动": "Expression_101@2x.png",
+	"[激动]": "Expression_101@2x.png",
+	"[激動]": "Expression_101@2x.png",
+	"[Hooray]": "Expression_101@2x.png",
+	"[ไชโย]": "Expression_101@2x.png",
+
+	"/:hiphot": "Expression_102@2x.png",
+	"/街舞": "Expression_102@2x.png",
+	"[乱舞]": "Expression_102@2x.png",
+	"[亂舞]": "Expression_102@2x.png",
+	"[Meditate]": "Expression_102@2x.png",
+	"[เยเย]": "Expression_102@2x.png",
+
+	"/:kiss": "Expression_103@2x.png",
+	"/献吻": "Expression_103@2x.png",
+	"[献吻]": "Expression_103@2x.png",
+	"[獻吻]": "Expression_103@2x.png",
+	"[Smooch]": "Expression_103@2x.png",
+	// "[จบ]": "Expression_103@2x.png",
+
+	"/:<&": "Expression_104@2x.png",
+	"/左太极": "Expression_104@2x.png",
+	"[左太极]": "Expression_104@2x.png",
+	"[左太極]": "Expression_104@2x.png",
+	"[TaiChi L]": "Expression_104@2x.png",
+	"[หญงตอส]": "Expression_104@2x.png",
+
+	// "/:&\\"": "Expression_105@2x.png",
+	"/右太极": "Expression_105@2x.png",
+	"[右太极]": "Expression_105@2x.png",
+	"[右太極]": "Expression_105@2x.png",
+	"[TaiChi R]": "Expression_105@2x.png",
+	"[ชายตอส]": "Expression_105@2x.png",
+
+	"[奸笑]": "new/2_02.png",
+	"[Smirk]": "new/2_02.png",
+
+	"[嘿哈]": "new/2_04.png",
+	"[吼嘿]": "new/2_04.png",
+	"[Hey]": "new/2_04.png",
+
+	"[捂脸]": "new/2_05.png",
+	"[掩面]": "new/2_05.png",
+	"[Facepalm]": "new/2_05.png",
+
+	"[机智]": "new/2_06.png",
+	"[機智]": "new/2_06.png",
+	"[Smart]": "new/2_06.png",
+
+	"[茶]": "new/2_07.png",
+	"[Tea]": "new/2_07.png",
+
+	"[红包]": "new/2_09.png",
+	"[Packet]": "new/2_09.png",
+
+	"[蜡烛]": "new/2_10.png",
+	"[蠟燭]": "new/2_10.png",
+	"[Candle]": "new/2_10.png",
+
+	"[耶]": "new/2_11.png",
+	"[歐耶]": "new/2_11.png",
+	"[Yeah!]": "new/2_11.png",
+
+	"[皱眉]": "new/2_12.png",
+	"[皺眉]": "new/2_12.png",
+	"[Concerned]": "new/2_12.png",
+
+	"[抱拳]": "new/smiley_83b.png",
+	"[Salute]": "new/smiley_83b.png",
+
+	"[鸡]": "new/2_14.png",
+	"[小雞]": "new/2_14.png",
+	"[Chick]": "new/2_14.png",
+
+	"[福]": "new/2_15.png",
+	"[Blessing]": "new/2_15.png",
+
+	"[再见]": "new/smiley_39b.png",
+	"[再見]": "new/smiley_39b.png",
+	"[Bye]": "new/smiley_39b.png",
+
+	"[發]": "new/2_16.png",
+	"[Rich]": "new/2_16.png",
+
+	"[小狗]": "new/2_17.png",
+	"[Pup]": "new/2_17.png",
+
+	"[吃瓜]": "new/Watermelon.png",
+	"[吃西瓜]": "new/Watermelon.png",
+	"[Onlooker]": "new/Watermelon.png",
+
+	"[加油]": "new/Addoil.png",
+	"[GoForIt]": "new/Addoil.png",
+
+	"[汗]": "new/Sweat.png",
+	"[Sweats]": "new/Sweat.png",
+
+	"[天啊]": "new/Shocked.png",
+	"[OMG]": "new/Shocked.png",
+
+	"[一言難盡]": "new/Cold.png",
+	"[Emm]": "new/Cold.png",
+
+	"[社会社会]": "new/Social.png",
+	"[失敬失敬]": "new/Social.png",
+	"[Respect]": "new/Social.png",
+
+	"[旺柴]": "new/Yellowdog.png",
+	"[Doge]": "new/Yellowdog.png",
+
+	"[好的]": "new/NoProb.png",
+	"[NoProb]": "new/NoProb.png",
+
+	"[打脸]": "new/Slap.png",
+	"[打臉]": "new/Slap.png",
+	"[MyBad]": "new/Slap.png",
+
+	"[哇]": "new/Wow.png",
+	"[Wow]": "new/Wow.png",
+
+	"[加油加油]": "new/KeepFighting.png",
+	"[加油！]": "new/KeepFighting.png",
+	"[KeepFighting]": "new/KeepFighting.png",
+
+	"[翻白眼]": "new/Boring.png",
+	"[Boring]": "new/Boring.png",
+
+	"[666]": "new/666.png",
+	"[Awesome]": "new/666.png",
+
+	"[让我看看]": "new/LetMeSee.png",
+	"[讓我看看]": "new/LetMeSee.png",
+	"[LetMeSee]": "new/LetMeSee.png",
+
+	"[叹气]": "new/Sigh.png",
+	"[嘆息]": "new/Sigh.png",
+	"[Sigh]": "new/Sigh.png",
+
+	"[苦涩]": "new/Hurt.png",
+	"[難受]": "new/Hurt.png",
+	"[Hurt]": "new/Hurt.png",
+
+	"[裂开]": "new/Broken.png",
+	"[崩潰]": "new/Broken.png",
+	"[Broken]": "new/Broken.png",
+
+	"[脸红]": "new/Flushed.png",
+	"[臉紅]": "new/Flushed.png",
+	"[Flushed]": "new/Flushed.png",
+
+	"[笑脸]": "new/Happy.png",
+	"[笑臉]": "new/Happy.png",
+	"[Happy]": "new/Happy.png",
+
+	"[破涕为笑]": "new/Lol.png",
+	"[破涕為笑]": "new/Lol.png",
+	"[Lol]": "new/Lol.png",
+
+	"[烟花]": "new/Fireworks.png",
+	"[煙花]": "new/Fireworks.png",
+	"[Fireworks]": "new/Fireworks.png",
+
+	"[爆竹]": "new/Firecracker.png",
+	"[Firecracker]": "new/Firecracker.png",
+
+	"[庆祝]": "new/Party.png",
+	"[慶祝]": "new/Party.png",
+	"[Party]": "new/Party.png",
+
+	"[恐惧]": "new/Terror.png",
+	"[恐懼]": "new/Terror.png",
+	"[Terror]": "new/Terror.png",
+
+	"[无语]": "new/Duh.png",
+	"[無語]": "new/Duh.png",
+	"[Duh]": "new/Duh.png",
+
+	"[LetDown]": "new/LetDown.png",
+	"[失望]": "new/LetDown.png",
+	"[Let Down]": "new/LetDown.png",
+
+	"[生病]": "new/Sick.png",
+	"[Sick]": "new/Sick.png",
+
+	"[合十]": "new/Worship.png",
+	"[Worship]": "new/Worship.png",
+};
+
+export default WechatEmojiTable;
+
+// 构建正则表达式匹配所有 emoji key
+const emojiKeys = Object.keys(WechatEmojiTable);
+// 按长度降序排序，确保长的 key 优先匹配
+const sortedKeys = emojiKeys.sort((a, b) => b.length - a.length);
+const escapedKeys = sortedKeys.map(k => k.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'));
+const emojiRegex = new RegExp(`(${escapedKeys.join('|')})`, 'g');
+
+export interface TextSegment {
+  type: 'text' | 'emoji';
+  content: string;
+  emojiSrc?: string;
+}
+
+// 解析文本，将 emoji 代码转换为分段数组
+export function parseTextWithEmoji(text: string): TextSegment[] {
+  if (!text) return [];
+
+  const segments: TextSegment[] = [];
+  let lastIndex = 0;
+  let match: RegExpExecArray | null;
+
+  emojiRegex.lastIndex = 0;
+  while ((match = emojiRegex.exec(text)) !== null) {
+    // 添加 emoji 前的文本
+    if (match.index > lastIndex) {
+      segments.push({ type: 'text', content: text.slice(lastIndex, match.index) });
+    }
+    // 添加 emoji
+    const emojiKey = match[0];
+    segments.push({
+      type: 'emoji',
+      content: emojiKey,
+      emojiSrc: `/wxemoji/${WechatEmojiTable[emojiKey]}`
+    });
+    lastIndex = match.index + emojiKey.length;
+  }
+
+  // 添加剩余文本
+  if (lastIndex < text.length) {
+    segments.push({ type: 'text', content: text.slice(lastIndex) });
+  }
+
+  return segments;
+}