diff --git a/resources/views/chat/partials/right-panel.blade.php b/resources/views/chat/partials/right-panel.blade.php
index 49ee52d..3df09dd 100644
--- a/resources/views/chat/partials/right-panel.blade.php
+++ b/resources/views/chat/partials/right-panel.blade.php
@@ -61,11 +61,11 @@
         </div>
     </div>
 
-    {{-- 贴图面板 --}}
+    {{-- 贴图面板（懒加载：切换到该 Tab 时才加载图片） --}}
     <div class="user-list-content" id="panel-emoji" style="display: none; padding: 6px;">
         <div style="display: flex; flex-wrap: wrap; gap: 2px; justify-content: center;">
             @for ($i = 1; $i <= 50; $i++)
-                <img src="/images/emoji/{{ $i }}.gif" width="24" height="24"
+                <img data-src="/images/emoji/{{ $i }}.gif" width="24" height="24"
                     style="cursor: pointer; border: 1px solid transparent; border-radius: 2px;"
                     onmouseover="this.style.borderColor='#336699'" onmouseout="this.style.borderColor='transparent'"
                     onclick="insertEmoji('[IMG]{{ $i }}[/IMG]')" title="表情{{ $i }}"
diff --git a/resources/views/chat/partials/scripts.blade.php b/resources/views/chat/partials/scripts.blade.php
index 86a1247..4cede0d 100644
--- a/resources/views/chat/partials/scripts.blade.php
+++ b/resources/views/chat/partials/scripts.blade.php
@@ -31,6 +31,13 @@
             document.getElementById('panel-' + t).style.display = t === tab ? 'block' : 'none';
             document.getElementById('tab-' + t).classList.toggle('active', t === tab);
         });
+        // 贴图 Tab 懒加载：首次切换时将 data-src 赋值到 src
+        if (tab === 'emoji') {
+            document.querySelectorAll('#panel-emoji img[data-src]').forEach(img => {
+                img.src = img.dataset.src;
+                img.removeAttribute('data-src');
+            });
+        }
     }
 
     // ── 分屏切换 ──────────────────────────────────────