新增聊天室发送图片功能

resources/views/chat/frame.blade.php

@@ -115,7 +115,8 @@
                 claimEnvelopeUrl: (id, ceremonyId) => `/wedding/${id}/claim`,
                 envelopeStatusUrl: (id) => `/wedding/${id}/envelope-status`,
             },
-            earnRewardUrl: "{{ route('earn.video_reward') }}"
+            earnRewardUrl: "{{ route('earn.video_reward') }}",
+            chatImageRetentionDays: 3
         };
     </script>
     @vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/chat.js'])
@@ -174,6 +175,23 @@
     @include('chat.partials.global-dialog')
     {{-- Toast 轻提示 --}}
     @include('chat.partials.toast-notification')
+    {{-- 聊天图片大图预览层 --}}
+    <div id="chat-image-lightbox"
+        style="display:none; position:fixed; inset:0; z-index:10020; background:rgba(15,23,42,.86); backdrop-filter:blur(4px);"
+        onclick="closeChatImageLightbox(event)">
+        <div
+            style="position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:32px;"
+            onclick="closeChatImageLightbox(event)">
+            <img id="chat-image-lightbox-img" src="" alt="聊天图片预览"
+                onclick="event.stopPropagation()"
+                style="max-width:92vw; max-height:86vh; border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.45);">
+        </div>
+        <button type="button" onclick="closeChatImageLightbox(event)"
+            style="position:absolute; top:20px; right:24px; z-index:10021; border:none; background:transparent; color:#fff; font-size:34px; cursor:pointer;">&times;</button>
+        <div id="chat-image-lightbox-name"
+            style="position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:10021; max-width:88vw; color:#e2e8f0; font-size:12px; text-align:center; word-break:break-all;">
+        </div>
+    </div>
     {{-- 大卡片通知（任命公告、好友通知、礼包选择等） --}}
     @include('chat.partials.chat-banner')