feat: 拖拽区域优化

src/pages/home/components/AgreementModal.vue

@@ -125,7 +125,8 @@ function handleDisagree() {
     }"
   >
     <template #content>
-      <div class="flex max-h-[85vh] flex-col p-6">
+      <!-- 弹窗区域禁止拖拽，避免顶部点击被拖拽区域抢占 -->
+      <div class="agreement-modal flex max-h-[85vh] flex-col p-6">
         <!-- Header -->
         <div class="mb-4 flex items-center justify-between gap-3">
           <div class="flex items-center gap-3">
@@ -179,6 +180,11 @@ function handleDisagree() {
 </template>
 
 <style scoped>
+/* 弹窗内禁用窗口拖拽 */
+.agreement-modal {
+  -webkit-app-region: no-drag;
+}
+
 /* 用户协议 markdown 样式优化 */
 .agreement-content {
   font-size: 0.875rem;

src/pages/home/index.vue

@@ -29,10 +29,10 @@ const features = computed(() => [
     <div class="relative h-full w-full overflow-y-auto">
       <div class="flex min-h-full w-full flex-col items-center justify-center px-4 py-12">
         <!-- Hero Section -->
-        <div class="relative xl:mb-6 mb-4 text-center">
-          <!-- Draggable Area above title -->
+        <div class="relative xl:mb-6 mb-4 w-full text-center">
+          <!-- 标题上方可拖拽区域，向上扩展覆盖空隙 -->
           <div
-            class="absolute -top-24 left-1/2 h-24 w-full max-w-3xl -translate-x-1/2"
+            class="absolute -top-32 left-0 right-0 h-32"
             style="-webkit-app-region: drag"
           />
           <!-- Title -->