feat: 解决全局弹窗会被首页顶部拖拽区域遮挡的问题

src/assets/styles/main.css

@@ -50,3 +50,8 @@
 .dark ::-webkit-scrollbar-thumb:hover {
   background-color: var(--color-gray-600);
 }
+
+/* 禁用窗口拖拽区域 - 用于弹窗等需要正常交互的元素 */
+.app-region-no-drag {
+  -webkit-app-region: no-drag;
+}

src/components/common/SettingModal.vue

@@ -100,7 +100,11 @@ watch(
 </script>
 
 <template>
-  <UModal :open="open" @update:open="emit('update:open', $event)" :ui="{ content: 'md:w-full max-w-2xl' }">
+  <UModal
+    :open="open"
+    @update:open="emit('update:open', $event)"
+    :ui="{ overlay: 'app-region-no-drag', content: 'md:w-full max-w-2xl app-region-no-drag' }"
+  >
     <template #content>
       <div class="p-6">
         <!-- Header -->