优化多个组件的样式和结构，简化了主题切换器、快捷栏、用户通知和用户个人资料的布局，提升了用户体验。同时，移除了不必要的样式，确保组件在不同主题下的显示效果一致。

src/@core/components/ThemeSwitcher.vue

@@ -195,36 +195,31 @@ onMounted(() => {
         <VIcon :icon="getThemeIcon" />
       </IconBtn>
     </template>
-    <VList class="theme-switcher-list pt-0 overflow-hidden">
-      <VCardItem class="theme-switcher-header">
-        <VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
+    <VList class="pt-0">
+      <VCardItem class="py-3">
+        <VCardTitle>主题选择</VCardTitle>
       </VCardItem>
-      <div class="theme-switcher-options px-2">
+      <VDivider class="mb-2" />
+      <div class="px-2">
         <VListItem
           v-for="theme in props.themes"
           :key="theme.name"
           @click="changeTheme(theme.name)"
-          class="theme-option"
-          :class="{ 'theme-option-active': currentThemeName === theme.name }"
+          :active="currentThemeName === theme.name"
+          class="mb-1"
         >
           <template #prepend>
-            <div class="theme-icon-wrapper">
-              <VIcon :icon="theme.icon" />
-            </div>
+            <VIcon :icon="theme.icon" />
           </template>
           <VListItemTitle>{{ theme.title }}</VListItemTitle>
           <template #append v-if="currentThemeName === theme.name">
             <VIcon icon="mdi-check" color="primary" size="small" />
           </template>
         </VListItem>
-
         <VDivider class="my-2" />
-
-        <VListItem @click="cssDialog = true" class="theme-option custom-theme-option">
+        <VListItem @click="cssDialog = true">
           <template #prepend>
-            <div class="theme-icon-wrapper custom-theme-icon">
-              <VIcon icon="mdi-palette" />
-            </div>
+            <VIcon icon="mdi-palette" />
           </template>
           <VListItemTitle>自定义主题</VListItemTitle>
         </VListItem>
@@ -242,12 +237,7 @@ onMounted(() => {
         <VDialogCloseBtn @click="cssDialog = false" />
       </VCardItem>
       <VDivider />
-      <VAceEditor
-        v-model:value="customCSS"
-        lang="css"
-        :theme="editorTheme"
-        style="block-size: 100%; min-block-size: 30rem"
-      />
+      <VAceEditor v-model:value="customCSS" lang="css" :theme="editorTheme" class="w-full min-h-[30rem]" />
       <VDivider />
       <VCardText class="text-center">
         <VBtn @click="saveCustomCSS" class="w-1/2">
@@ -260,73 +250,3 @@ onMounted(() => {
     </VCard>
   </VDialog>
 </template>
-
-<style lang="scss">
-.theme-switcher-header {
-  background: linear-gradient(to right, rgba(var(--v-theme-primary), 0.04), rgba(var(--v-theme-primary), 0.01));
-  border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.08);
-  padding-block: 12px;
-  padding-inline: 16px;
-}
-
-.theme-switcher-options {
-  overflow-y: hidden;
-}
-
-.theme-option {
-  border-radius: 8px;
-  margin-block: 4px;
-  margin-inline: 0;
-  transition: all 0.2s ease;
-
-  &:hover {
-    background-color: rgba(var(--v-theme-primary), 0.04);
-    transform: translateX(4px);
-  }
-
-  &.theme-option-active {
-    background-color: rgba(var(--v-theme-primary), 0.08);
-  }
-}
-
-.theme-icon-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  background-color: rgba(var(--v-theme-primary), 0.08);
-  block-size: 36px;
-  inline-size: 36px;
-  margin-inline-end: 12px;
-  transition: all 0.2s ease;
-
-  .v-icon {
-    color: rgba(var(--v-theme-primary), 0.9);
-  }
-}
-
-.custom-theme-icon {
-  background: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.15), rgba(var(--v-theme-info), 0.15));
-
-  .v-icon {
-    color: rgba(var(--v-theme-primary), 0.9);
-  }
-}
-
-// Theme transition
-.app-copy {
-  position: fixed !important;
-  z-index: -1 !important;
-  overflow: clip !important;
-  contain: size style !important;
-  pointer-events: none !important;
-}
-
-.app-transition {
-  --clip-size: 0;
-  --clip-pos: 0 0;
-
-  clip-path: circle(var(--clip-size) at var(--clip-pos));
-  transition: clip-path 0.35s ease-out;
-}
-</style>