feat: 优化主题切换器和用户通知组件的样式

src/@core/components/ThemeSwitcher.vue

@@ -234,8 +234,14 @@ onMounted(() => {
   </VMenu>
   <!-- 自定义 CSS -- -->
   <VDialog v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
-    <VCard title="自定义主题风格">
-      <DialogCloseBtn @click="cssDialog = false" />
+    <VCard>
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-palette" class="me-2" />
+          自定义主题风格
+        </VCardTitle>
+        <DialogCloseBtn @click="cssDialog = false" />
+      </VCardItem>
       <VDivider />
       <VAceEditor
         v-model:value="customCSS"

src/layouts/components/UserNotification.vue

@@ -126,13 +126,11 @@ onBeforeUnmount(() => {
 
   &:hover {
     background-color: rgba(var(--v-theme-primary), 0.03);
-    box-shadow: 0 4px 8px rgba(var(--v-theme-on-surface), 0.06);
     transform: translateY(-2px);
   }
 
   .notification-avatar {
     background-color: rgba(var(--v-theme-primary), 0.1);
-    box-shadow: 0 4px 8px rgba(var(--v-theme-primary), 0.15);
   }
 
   .notification-title {