新增聊天室状态与功能快捷菜单

resources/views/chat/partials/layout/toolbar.blade.php

@@ -24,7 +24,7 @@
     <div class="tool-btn" onclick="openMarriageStatusModal()" title="婚姻状态">婚姻</div>
     <div class="tool-btn" onclick="openFriendPanel()" title="好友列表">好友</div>
     <div class="tool-btn" onclick="openAvatarPicker()" title="修改头像">头像</div>
-    <div class="tool-btn" onclick="document.getElementById('settings-modal').style.display='flex'" title="个人设置">设置
+    <div class="tool-btn" onclick="openSettingsModal()" title="个人设置">设置
     </div>
     <div class="tool-btn" onclick="window.open('{{ route('feedback.index') }}', '_blank')" title="反馈">反馈</div>
     <div class="tool-btn" onclick="window.open('{{ route('guestbook.index') }}', '_blank')" title="留言板/私信">留言</div>
@@ -89,9 +89,10 @@
 
 {{-- ═══════════ 个人设置弹窗 ═══════════ --}}
 <div id="settings-modal"
+    onclick="closeSettingsModal()"
     style="display:none; position:fixed; top:0; left:0; right:0; bottom:0;
     background:rgba(0,0,0,0.5); z-index:10000; justify-content:center; align-items:center;">
-    <div
+    <div onclick="event.stopPropagation()"
         style="background:#fff; border-radius:8px; width:380px; max-height:90vh;
         box-shadow:0 8px 32px rgba(0,0,0,0.3); display:flex; flex-direction:column;">
         {{--  --}}
@@ -99,7 +100,7 @@
             style="background:linear-gradient(135deg,#336699,#5a8fc0); color:#fff;
             padding:12px 16px; border-radius:8px 8px 0 0; display:flex; justify-content:space-between; align-items:center; flex-shrink:0;">
             <span style="font-size:14px; font-weight:bold;">⚙️ 个人设置</span>
-            <span onclick="document.getElementById('settings-modal').style.display='none'"
+            <span onclick="closeSettingsModal()"
                 style="cursor:pointer; font-size:18px; opacity:0.8;">&times;</span>
         </div>
 
@@ -261,6 +262,20 @@
         document.getElementById('avatar-picker-modal').style.display = 'none';
     }
 
+    /**
+     * 打开个人设置弹窗。
+     */
+    function openSettingsModal() {
+        document.getElementById('settings-modal').style.display = 'flex';
+    }
+
+    /**
+     * 关闭个人设置弹窗。
+     */
+    function closeSettingsModal() {
+        document.getElementById('settings-modal').style.display = 'none';
+    }
+
     /**
      * 加载头像列表（懒加载，首次打开时请求）
      */