feat: 为多个组件的 VMenu 添加 scrim 属性

src/@core/components/ThemeSwitcher.vue

@@ -189,13 +189,13 @@ onMounted(() => {
 </script>
 
 <template>
-  <VMenu v-if="props.themes" class="theme-menu">
+  <VMenu v-if="props.themes" class="theme-menu" scrim>
     <template v-slot:activator="{ props }">
       <IconBtn v-bind="props">
         <VIcon :icon="getThemeIcon" />
       </IconBtn>
     </template>
-    <VList class="theme-switcher-list pt-0 border">
+    <VList class="theme-switcher-list pt-0">
       <VCardItem class="theme-switcher-header">
         <VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
       </VCardItem>

src/layouts/components/Footer.vue

@@ -60,8 +60,8 @@ const currentPath = computed(() => route.path)
           :icon="moreMenuDialog ? 'mdi-close' : 'mdi-dots-horizontal'"
           :color="moreActiveState ? 'primary' : ''"
         />
-        <VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
-          <VList class="font-bold border" lines="one">
+        <VMenu v-model="moreMenuDialog" close-on-content-click activator="parent" scrim>
+          <VList class="font-bold" lines="one">
             <VListSubheader class="bg-transparent"> 更多 </VListSubheader>
             <VListItem
               class="pe-20 ps-5"

src/layouts/components/ShortcutBar.vue

@@ -113,6 +113,7 @@ onMounted(() => {
     transition="scale-transition"
     close-on-content-click
     close-on-back
+    scrim
   >
     <!-- Menu Activator -->
     <template #activator="{ props }">
@@ -121,7 +122,7 @@ onMounted(() => {
       </IconBtn>
     </template>
     <!-- Menu Content -->
-    <VCard class="shortcut-menu-card border">
+    <VCard class="shortcut-menu-card">
       <VCardItem class="shortcut-header border-b">
         <VCardTitle class="font-weight-medium text-primary">捷径</VCardTitle>
         <template #append>

src/layouts/components/UserNotification.vue

@@ -41,7 +41,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <VMenu v-model="appsMenu" width="400" transition="scale-transition" close-on-content-click class="notification-menu">
+  <VMenu v-model="appsMenu" width="400" transition="scale-transition" close-on-content-click class="notification-menu" scrim>
     <!-- Menu Activator -->
     <template #activator="{ props }">
       <VBadge v-if="hasNewMessage" dot color="error" :offset-x="5" :offset-y="5" v-bind="props">
@@ -54,7 +54,7 @@ onBeforeUnmount(() => {
       </IconBtn>
     </template>
     <!-- Menu Content -->
-    <VCard class="border">
+    <VCard>
       <VCardItem class="notification-header">
         <VCardTitle class="font-weight-medium text-primary">通知中心</VCardTitle>
         <template #append>

src/layouts/components/UserProfile.vue

@@ -85,8 +85,8 @@ const userLevel = computed(() => userStore.level)
   <VAvatar class="cursor-pointer ms-3" color="primary" variant="tonal">
     <VImg :src="avatar" />
 
-    <VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
-      <VList class="overflow-hidden pt-0 border">
+    <VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu" scrim>
+      <VList class="overflow-hidden pt-0">
         <!-- 👉 User Avatar & Name -->
         <div class="user-profile-header px-2 py-4 mb-2">
           <div class="d-flex align-center">