style(ui): 抽屉遮罩改为半透明加背景模糊，透出底下的看板

原来的遮罩压得太重（浅色 slate-900/40、深色 black/60），打开抽屉后左边几乎
是一片灰，看不出底下是什么。改为浅色 slate-900/25、深色 black/40，并加
backdrop-blur-sm：背景仍然看得见轮廓，模糊把它推远，不和面板抢焦点。

补三条测试盯住这个观感：遮罩必须半透明、必须带模糊、必须铺满视口且在
面板之下。

src/components/SideDrawer.vue

@@ -85,7 +85,14 @@ onBeforeUnmount(stopListening)
 <template>
   <Teleport to="body">
     <div v-if="open" class="fixed inset-0 z-40">
-      <div class="absolute inset-0 bg-slate-900/40 dark:bg-black/60" @click="emit('close')" />
+      <!--
+        遮罩：压暗 + 轻微模糊。刻意压得比较轻，让底下的看板仍然看得见轮廓，
+        只把注意力让给抽屉；模糊负责把背景「推远」，避免和面板内容抢焦点。
+      -->
+      <div
+        class="absolute inset-0 bg-slate-900/25 backdrop-blur-sm dark:bg-black/40"
+        @click="emit('close')"
+      />
 
       <aside
         ref="panelRef"