diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 50787d0..da5da9a 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -25,7 +25,7 @@
     <header v-if="settingsStore.mode === 'pc' && (settingsStore.menu.menuMode === 'head' || settingsStore.menu.menuMode === 'top')">
       <div class="header-container">
         <div class="main">
-          <Logo :show-logo="settingsStore.app.enableLogo" />
+          <logo :show-logo="settingsStore.app.enableLogo" />
           <!-- 混合模式-主导航 -->
           <div v-if="settingsStore.menu.menuMode === 'head'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -41,10 +41,10 @@
           </div>
           <!-- 顶部模式-菜单  -->
           <div v-if="settingsStore.menu.menuMode === 'top'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
-            <TopMenu />
+            <top-menu />
           </div>
         </div>
-        <Tools />
+        <tools />
       </div>
     </header>
   </transition>
@@ -63,6 +63,7 @@
   height: var(--g-header-height);
   color: var(--g-header-color);
   background-color: var(--g-header-bg);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
   transition: background-color 0.3s, var(--el-transition-color);
 
   .header-container {
@@ -163,7 +164,7 @@
       }
 
       .round-item {
-        padding: 10px 16px;
+        padding: 10px 20px;
         border-radius: 50px;
       }
 

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 50787d0..da5da9a 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -25,7 +25,7 @@
     <header v-if="settingsStore.mode === 'pc' && (settingsStore.menu.menuMode === 'head' || settingsStore.menu.menuMode === 'top')">
       <div class="header-container">
         <div class="main">
-          <Logo :show-logo="settingsStore.app.enableLogo" />
+          <logo :show-logo="settingsStore.app.enableLogo" />
           <!-- 混合模式-主导航 -->
           <div v-if="settingsStore.menu.menuMode === 'head'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -41,10 +41,10 @@
           </div>
           <!-- 顶部模式-菜单  -->
           <div v-if="settingsStore.menu.menuMode === 'top'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
-            <TopMenu />
+            <top-menu />
           </div>
         </div>
-        <Tools />
+        <tools />
       </div>
     </header>
   </transition>
@@ -63,6 +63,7 @@
   height: var(--g-header-height);
   color: var(--g-header-color);
   background-color: var(--g-header-bg);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
   transition: background-color 0.3s, var(--el-transition-color);
 
   .header-container {
@@ -163,7 +164,7 @@
       }
 
       .round-item {
-        padding: 10px 16px;
+        padding: 10px 20px;
         border-radius: 50px;
       }
 
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 995efee..b930871 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -48,7 +48,7 @@
         <span class="title">{{ item.meta.title }}</span>
       </template>
       <template v-for="route in item.children">
-        <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
+        <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
       </template>
     </el-sub-menu>
   </div>
@@ -72,6 +72,16 @@
   justify-content: center;
 }
 
+:deep(.el-sub-menu) {
+  .el-menu-item {
+    height: 40px;
+    line-height: 40px;
+    margin: 4px 0;
+    border-radius: 7px;
+    min-width: 160px;
+  }
+}
+
 :deep(.el-sub-menu),
 :deep(.el-menu-item) {
   .title-icon {
@@ -114,6 +124,7 @@
 <style lang="scss">
 .el-menu--inline {
   background-color: var(--g-sub-sidebar-menu-bg) !important;
+  border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
@@ -131,6 +142,10 @@
 .el-sub-menu__title {
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
+  height: 40px;
+  line-height: 40px;
+  margin: 4px 0;
+  border-radius: 7px;
 
   &:hover {
     color: var(--g-sub-sidebar-menu-hover-color) !important;

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 50787d0..da5da9a 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -25,7 +25,7 @@
     <header v-if="settingsStore.mode === 'pc' && (settingsStore.menu.menuMode === 'head' || settingsStore.menu.menuMode === 'top')">
       <div class="header-container">
         <div class="main">
-          <Logo :show-logo="settingsStore.app.enableLogo" />
+          <logo :show-logo="settingsStore.app.enableLogo" />
           <!-- 混合模式-主导航 -->
           <div v-if="settingsStore.menu.menuMode === 'head'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -41,10 +41,10 @@
           </div>
           <!-- 顶部模式-菜单  -->
           <div v-if="settingsStore.menu.menuMode === 'top'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
-            <TopMenu />
+            <top-menu />
           </div>
         </div>
-        <Tools />
+        <tools />
       </div>
     </header>
   </transition>
@@ -63,6 +63,7 @@
   height: var(--g-header-height);
   color: var(--g-header-color);
   background-color: var(--g-header-bg);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
   transition: background-color 0.3s, var(--el-transition-color);
 
   .header-container {
@@ -163,7 +164,7 @@
       }
 
       .round-item {
-        padding: 10px 16px;
+        padding: 10px 20px;
         border-radius: 50px;
       }
 
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 995efee..b930871 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -48,7 +48,7 @@
         <span class="title">{{ item.meta.title }}</span>
       </template>
       <template v-for="route in item.children">
-        <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
+        <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
       </template>
     </el-sub-menu>
   </div>
@@ -72,6 +72,16 @@
   justify-content: center;
 }
 
+:deep(.el-sub-menu) {
+  .el-menu-item {
+    height: 40px;
+    line-height: 40px;
+    margin: 4px 0;
+    border-radius: 7px;
+    min-width: 160px;
+  }
+}
+
 :deep(.el-sub-menu),
 :deep(.el-menu-item) {
   .title-icon {
@@ -114,6 +124,7 @@
 <style lang="scss">
 .el-menu--inline {
   background-color: var(--g-sub-sidebar-menu-bg) !important;
+  border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
@@ -131,6 +142,10 @@
 .el-sub-menu__title {
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
+  height: 40px;
+  line-height: 40px;
+  margin: 4px 0;
+  border-radius: 7px;
 
   &:hover {
     color: var(--g-sub-sidebar-menu-hover-color) !important;
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index cf6833b..9fc8a18 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -16,7 +16,7 @@
 
 <template>
   <div v-if="['side', 'head', 'single'].includes(settingsStore.menu.menuMode) || settingsStore.mode === 'mobile'" class="sub-sidebar-container" :class="{ 'is-collapse': settingsStore.mode === 'pc' && settingsStore.menu.subMenuCollapse }" @scroll="onSidebarScroll">
-    <Logo
+    <logo
       :show-logo="settingsStore.menu.menuMode === 'single'" class="sidebar-logo" :class="{
         'sidebar-logo-bg': settingsStore.menu.menuMode === 'single',
         'shadow': sidebarScrollTop,
@@ -30,7 +30,7 @@
     >
       <transition-group name="sub-sidebar">
         <template v-for="(route, index) in menuStore.sidebarMenus">
-          <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
+          <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
         </template>
       </transition-group>
     </el-menu>
@@ -57,6 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
+  background-image: linear-gradient(180deg, #70b4ff, #4384ff);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -95,9 +96,11 @@
 
   .el-menu {
     border-right: 0;
+    padding: 0 10px;
     padding-top: var(--g-sidebar-logo-height);
+    padding-top: 16px !important;
     transition: border-color 0.3s, background-color 0.3s, color 0.3s, padding-top 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    background-color: #0000;
 
     &:not(.el-menu--collapse) {
       width: inherit;
@@ -114,6 +117,11 @@
 
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
+        height: 40px;
+        line-height: 40px;
+        margin: 4px 0;
+        border-radius: 7px;
+
         span,
         .el-sub-menu__icon-arrow {
           display: none;
@@ -137,7 +145,7 @@
       :deep(.el-menu--inline),
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
-        border-radius: 10px;
+        border-radius: 7px;
       }
     }
   }

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 50787d0..da5da9a 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -25,7 +25,7 @@
     <header v-if="settingsStore.mode === 'pc' && (settingsStore.menu.menuMode === 'head' || settingsStore.menu.menuMode === 'top')">
       <div class="header-container">
         <div class="main">
-          <Logo :show-logo="settingsStore.app.enableLogo" />
+          <logo :show-logo="settingsStore.app.enableLogo" />
           <!-- 混合模式-主导航 -->
           <div v-if="settingsStore.menu.menuMode === 'head'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -41,10 +41,10 @@
           </div>
           <!-- 顶部模式-菜单  -->
           <div v-if="settingsStore.menu.menuMode === 'top'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
-            <TopMenu />
+            <top-menu />
           </div>
         </div>
-        <Tools />
+        <tools />
       </div>
     </header>
   </transition>
@@ -63,6 +63,7 @@
   height: var(--g-header-height);
   color: var(--g-header-color);
   background-color: var(--g-header-bg);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
   transition: background-color 0.3s, var(--el-transition-color);
 
   .header-container {
@@ -163,7 +164,7 @@
       }
 
       .round-item {
-        padding: 10px 16px;
+        padding: 10px 20px;
         border-radius: 50px;
       }
 
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 995efee..b930871 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -48,7 +48,7 @@
         <span class="title">{{ item.meta.title }}</span>
       </template>
       <template v-for="route in item.children">
-        <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
+        <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
       </template>
     </el-sub-menu>
   </div>
@@ -72,6 +72,16 @@
   justify-content: center;
 }
 
+:deep(.el-sub-menu) {
+  .el-menu-item {
+    height: 40px;
+    line-height: 40px;
+    margin: 4px 0;
+    border-radius: 7px;
+    min-width: 160px;
+  }
+}
+
 :deep(.el-sub-menu),
 :deep(.el-menu-item) {
   .title-icon {
@@ -114,6 +124,7 @@
 <style lang="scss">
 .el-menu--inline {
   background-color: var(--g-sub-sidebar-menu-bg) !important;
+  border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
@@ -131,6 +142,10 @@
 .el-sub-menu__title {
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
+  height: 40px;
+  line-height: 40px;
+  margin: 4px 0;
+  border-radius: 7px;
 
   &:hover {
     color: var(--g-sub-sidebar-menu-hover-color) !important;
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index cf6833b..9fc8a18 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -16,7 +16,7 @@
 
 <template>
   <div v-if="['side', 'head', 'single'].includes(settingsStore.menu.menuMode) || settingsStore.mode === 'mobile'" class="sub-sidebar-container" :class="{ 'is-collapse': settingsStore.mode === 'pc' && settingsStore.menu.subMenuCollapse }" @scroll="onSidebarScroll">
-    <Logo
+    <logo
       :show-logo="settingsStore.menu.menuMode === 'single'" class="sidebar-logo" :class="{
         'sidebar-logo-bg': settingsStore.menu.menuMode === 'single',
         'shadow': sidebarScrollTop,
@@ -30,7 +30,7 @@
     >
       <transition-group name="sub-sidebar">
         <template v-for="(route, index) in menuStore.sidebarMenus">
-          <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
+          <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
         </template>
       </transition-group>
     </el-menu>
@@ -57,6 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
+  background-image: linear-gradient(180deg, #70b4ff, #4384ff);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -95,9 +96,11 @@
 
   .el-menu {
     border-right: 0;
+    padding: 0 10px;
     padding-top: var(--g-sidebar-logo-height);
+    padding-top: 16px !important;
     transition: border-color 0.3s, background-color 0.3s, color 0.3s, padding-top 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    background-color: #0000;
 
     &:not(.el-menu--collapse) {
       width: inherit;
@@ -114,6 +117,11 @@
 
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
+        height: 40px;
+        line-height: 40px;
+        margin: 4px 0;
+        border-radius: 7px;
+
         span,
         .el-sub-menu__icon-arrow {
           display: none;
@@ -137,7 +145,7 @@
       :deep(.el-menu--inline),
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
-        border-radius: 10px;
+        border-radius: 7px;
       }
     }
   }
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 84e7833..7c1dfb7 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -73,19 +73,19 @@
     </div>
     <el-dropdown class="user-container" size="default" @command="userCommand">
       <div class="user-wrapper">
-        <el-avatar size="small">
+        <!-- <el-avatar size="small">
           <el-icon>
             <svg-icon name="ep:user-filled" />
           </el-icon>
-        </el-avatar>
-        {{ userStore.username }}
+        </el-avatar> -->
+        {{ userStore.name }}
         <el-icon>
           <svg-icon name="ep:caret-bottom" />
         </el-icon>
       </div>
       <template #dropdown>
         <el-dropdown-menu class="user-dropdown">
-          <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
+          <!-- <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
             控制台
           </el-dropdown-item>
           <el-dropdown-item command="setting">
@@ -93,7 +93,7 @@
           </el-dropdown-item>
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
-          </el-dropdown-item>
+          </el-dropdown-item> -->
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 50787d0..da5da9a 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -25,7 +25,7 @@
     <header v-if="settingsStore.mode === 'pc' && (settingsStore.menu.menuMode === 'head' || settingsStore.menu.menuMode === 'top')">
       <div class="header-container">
         <div class="main">
-          <Logo :show-logo="settingsStore.app.enableLogo" />
+          <logo :show-logo="settingsStore.app.enableLogo" />
           <!-- 混合模式-主导航 -->
           <div v-if="settingsStore.menu.menuMode === 'head'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -41,10 +41,10 @@
           </div>
           <!-- 顶部模式-菜单  -->
           <div v-if="settingsStore.menu.menuMode === 'top'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
-            <TopMenu />
+            <top-menu />
           </div>
         </div>
-        <Tools />
+        <tools />
       </div>
     </header>
   </transition>
@@ -63,6 +63,7 @@
   height: var(--g-header-height);
   color: var(--g-header-color);
   background-color: var(--g-header-bg);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
   transition: background-color 0.3s, var(--el-transition-color);
 
   .header-container {
@@ -163,7 +164,7 @@
       }
 
       .round-item {
-        padding: 10px 16px;
+        padding: 10px 20px;
         border-radius: 50px;
       }
 
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 995efee..b930871 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -48,7 +48,7 @@
         <span class="title">{{ item.meta.title }}</span>
       </template>
       <template v-for="route in item.children">
-        <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
+        <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
       </template>
     </el-sub-menu>
   </div>
@@ -72,6 +72,16 @@
   justify-content: center;
 }
 
+:deep(.el-sub-menu) {
+  .el-menu-item {
+    height: 40px;
+    line-height: 40px;
+    margin: 4px 0;
+    border-radius: 7px;
+    min-width: 160px;
+  }
+}
+
 :deep(.el-sub-menu),
 :deep(.el-menu-item) {
   .title-icon {
@@ -114,6 +124,7 @@
 <style lang="scss">
 .el-menu--inline {
   background-color: var(--g-sub-sidebar-menu-bg) !important;
+  border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
@@ -131,6 +142,10 @@
 .el-sub-menu__title {
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
+  height: 40px;
+  line-height: 40px;
+  margin: 4px 0;
+  border-radius: 7px;
 
   &:hover {
     color: var(--g-sub-sidebar-menu-hover-color) !important;
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index cf6833b..9fc8a18 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -16,7 +16,7 @@
 
 <template>
   <div v-if="['side', 'head', 'single'].includes(settingsStore.menu.menuMode) || settingsStore.mode === 'mobile'" class="sub-sidebar-container" :class="{ 'is-collapse': settingsStore.mode === 'pc' && settingsStore.menu.subMenuCollapse }" @scroll="onSidebarScroll">
-    <Logo
+    <logo
       :show-logo="settingsStore.menu.menuMode === 'single'" class="sidebar-logo" :class="{
         'sidebar-logo-bg': settingsStore.menu.menuMode === 'single',
         'shadow': sidebarScrollTop,
@@ -30,7 +30,7 @@
     >
       <transition-group name="sub-sidebar">
         <template v-for="(route, index) in menuStore.sidebarMenus">
-          <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
+          <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
         </template>
       </transition-group>
     </el-menu>
@@ -57,6 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
+  background-image: linear-gradient(180deg, #70b4ff, #4384ff);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -95,9 +96,11 @@
 
   .el-menu {
     border-right: 0;
+    padding: 0 10px;
     padding-top: var(--g-sidebar-logo-height);
+    padding-top: 16px !important;
     transition: border-color 0.3s, background-color 0.3s, color 0.3s, padding-top 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    background-color: #0000;
 
     &:not(.el-menu--collapse) {
       width: inherit;
@@ -114,6 +117,11 @@
 
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
+        height: 40px;
+        line-height: 40px;
+        margin: 4px 0;
+        border-radius: 7px;
+
         span,
         .el-sub-menu__icon-arrow {
           display: none;
@@ -137,7 +145,7 @@
       :deep(.el-menu--inline),
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
-        border-radius: 10px;
+        border-radius: 7px;
       }
     }
   }
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 84e7833..7c1dfb7 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -73,19 +73,19 @@
     </div>
     <el-dropdown class="user-container" size="default" @command="userCommand">
       <div class="user-wrapper">
-        <el-avatar size="small">
+        <!-- <el-avatar size="small">
           <el-icon>
             <svg-icon name="ep:user-filled" />
           </el-icon>
-        </el-avatar>
-        {{ userStore.username }}
+        </el-avatar> -->
+        {{ userStore.name }}
         <el-icon>
           <svg-icon name="ep:caret-bottom" />
         </el-icon>
       </div>
       <template #dropdown>
         <el-dropdown-menu class="user-dropdown">
-          <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
+          <!-- <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
             控制台
           </el-dropdown-item>
           <el-dropdown-item command="setting">
@@ -93,7 +93,7 @@
           </el-dropdown-item>
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
-          </el-dropdown-item>
+          </el-dropdown-item> -->
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index 828ab65..ddfb8c4 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -52,21 +52,23 @@
       shadow: scrollTop,
     }" data-fixed-calc-width
   >
-    <div class="left-box">
-      <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
-        <el-icon>
-          <svg-icon name="toolbar-collapse" />
-        </el-icon>
+    <div class="topbar-container-inner">
+      <div class="left-box">
+        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+          <el-icon>
+            <svg-icon name="toolbar-collapse" />
+          </el-icon>
+        </div>
+        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+          <transition-group name="breadcrumb">
+            <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
+              {{ item.title }}
+            </el-breadcrumb-item>
+          </transition-group>
+        </el-breadcrumb>
       </div>
-      <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
-        <transition-group name="breadcrumb">
-          <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
-            {{ item.title }}
-          </el-breadcrumb-item>
-        </transition-group>
-      </el-breadcrumb>
+      <tools />
     </div>
-    <Tools />
   </div>
 </template>
 
@@ -79,8 +81,14 @@
   align-items: center;
   justify-content: space-between;
   height: var(--g-topbar-height);
-  background-color: var(--g-toolbar-bg);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
+
+  .topbar-container-inner {
+    width: 100%;
+    border-radius: 15px 10px 0 0;
+    background-color: var(--g-toolbar-bg);
+  }
 
   &.fixed {
     position: fixed;

diff --git a/src/assets/styles/element-plus/index.scss b/src/assets/styles/element-plus/index.scss
index ec7e379..79a85dc 100644
--- a/src/assets/styles/element-plus/index.scss
+++ b/src/assets/styles/element-plus/index.scss
@@ -1,9 +1,9 @@
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   $colors: (
-//     "primary": (
-//       "base": green
-//     )
-//   )
-// );
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $colors: (
+    "primary": (
+      "base": #4384ff
+    )
+  )
+);
 @use "element-plus/theme-chalk/src/index.scss" as *;
 @use "./dark.scss";
diff --git a/src/assets/styles/globals.scss b/src/assets/styles/globals.scss
index fef2715..a7b0974 100644
--- a/src/assets/styles/globals.scss
+++ b/src/assets/styles/globals.scss
@@ -6,10 +6,10 @@
   // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
   --g-header-width: 100%;
   // 头部高度
-  --g-header-height: 70px;
+  --g-header-height: 67px;
   // 侧边栏宽度
   --g-main-sidebar-width: 70px;
-  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-width: 180px;
   // 侧边栏Logo高度
   --g-sidebar-logo-height: 50px;
   // 顶栏高度
diff --git a/src/assets/styles/themes.scss b/src/assets/styles/themes.scss
index 179e406..31610e4 100644
--- a/src/assets/styles/themes.scss
+++ b/src/assets/styles/themes.scss
@@ -9,7 +9,7 @@
 
   /* ----- 顶部 ----- */
   // 背景色
-  --g-header-bg: #222b45;
+  --g-header-bg: #0000;
   // 文字颜色
   --g-header-color: #fff;
   // 导航文字颜色
@@ -19,9 +19,9 @@
   // 导航鼠标悬浮背景色
   --g-header-menu-hover-bg: #334067;
   // 导航选中文字颜色
-  --g-header-menu-active-color: #fff;
+  --g-header-menu-active-color: #3d7eff;
   // 导航选中背景色
-  --g-header-menu-active-bg: #334067;
+  --g-header-menu-active-bg: #dae9fe;
 
   /* ----- 主导航 ----- */
   // 背景色
@@ -35,23 +35,23 @@
   // 菜单选中文字颜色
   --g-main-sidebar-menu-active-color: #fff;
   // 菜单选中背景色
-  --g-main-sidebar-menu-active-bg: #334067;
+  --g-main-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 次导航 ----- */
   // 背景色
-  --g-sub-sidebar-bg: #fff;
+  --g-sub-sidebar-bg: #70b4ff;
   // 菜单背景色
-  --g-sub-sidebar-menu-bg: #e8e8e8;
+  --g-sub-sidebar-menu-bg: #5aa1ee;
   // 菜单文字颜色
-  --g-sub-sidebar-menu-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-color: #fff;
   // 菜单鼠标悬浮文字颜色
-  --g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
+  --g-sub-sidebar-menu-hover-color: #3d7eff;
   // 菜单鼠标悬浮背景色
-  --g-sub-sidebar-menu-hover-bg: #e1e1e1;
+  --g-sub-sidebar-menu-hover-bg: #dae9fe;
   // 菜单选中文字颜色
-  --g-sub-sidebar-menu-active-color: #fff;
+  --g-sub-sidebar-menu-active-color: #3d7eff;
   // 菜单选中背景色
-  --g-sub-sidebar-menu-active-bg: var(--el-color-primary);
+  --g-sub-sidebar-menu-active-bg: #dae9fe;
 
   /* ----- 顶栏 ----- */
   --g-toolbar-bg: var(--el-bg-color);
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 620806d..419d14d 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -114,6 +114,7 @@
       }
     }
   }
+  showDeptSelect.value = true
 }
 // 输入过滤
 const filterTree = (value: string, data: { name: string }) => data.name?.includes(value)
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index cf91abe..d0a46f3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -97,11 +97,12 @@
 .search-div {
   padding: 12px;
   padding-bottom: 2px; /* 本身输入框有10px下边距 */
-  padding-left: 0;
-  padding-top: 2px;
-  // background-color: #fff; /* Safari */
+  // padding-left: 0;
+  // padding-top: 2px;
+  background-color: #fff; /* Safari */
   display: flex;
   justify-content: space-between;
+  border-radius: 7px;
 
   .search-btn {
     margin-bottom: 10px;
diff --git a/src/components/TableContainer/index.vue b/src/components/TableContainer/index.vue
index 32d2f9d..d87651b 100644
--- a/src/components/TableContainer/index.vue
+++ b/src/components/TableContainer/index.vue
@@ -27,7 +27,10 @@
 <style lang="scss" scoped>
 // 样式
 .table-container {
-  padding: 0;
+  background-color: #fff;
+  padding: 10px;
+  margin-top: 10px;
+  border-radius: 7px;
 
   .button-area {
     display: flex;
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 50787d0..da5da9a 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -25,7 +25,7 @@
     <header v-if="settingsStore.mode === 'pc' && (settingsStore.menu.menuMode === 'head' || settingsStore.menu.menuMode === 'top')">
       <div class="header-container">
         <div class="main">
-          <Logo :show-logo="settingsStore.app.enableLogo" />
+          <logo :show-logo="settingsStore.app.enableLogo" />
           <!-- 混合模式-主导航 -->
           <div v-if="settingsStore.menu.menuMode === 'head'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -41,10 +41,10 @@
           </div>
           <!-- 顶部模式-菜单  -->
           <div v-if="settingsStore.menu.menuMode === 'top'" ref="navRef" class="nav" @wheel.prevent="handlerMouserScroll">
-            <TopMenu />
+            <top-menu />
           </div>
         </div>
-        <Tools />
+        <tools />
       </div>
     </header>
   </transition>
@@ -63,6 +63,7 @@
   height: var(--g-header-height);
   color: var(--g-header-color);
   background-color: var(--g-header-bg);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
   transition: background-color 0.3s, var(--el-transition-color);
 
   .header-container {
@@ -163,7 +164,7 @@
       }
 
       .round-item {
-        padding: 10px 16px;
+        padding: 10px 20px;
         border-radius: 50px;
       }
 
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 995efee..b930871 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -48,7 +48,7 @@
         <span class="title">{{ item.meta.title }}</span>
       </template>
       <template v-for="route in item.children">
-        <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
+        <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path || '')" />
       </template>
     </el-sub-menu>
   </div>
@@ -72,6 +72,16 @@
   justify-content: center;
 }
 
+:deep(.el-sub-menu) {
+  .el-menu-item {
+    height: 40px;
+    line-height: 40px;
+    margin: 4px 0;
+    border-radius: 7px;
+    min-width: 160px;
+  }
+}
+
 :deep(.el-sub-menu),
 :deep(.el-menu-item) {
   .title-icon {
@@ -114,6 +124,7 @@
 <style lang="scss">
 .el-menu--inline {
   background-color: var(--g-sub-sidebar-menu-bg) !important;
+  border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
@@ -131,6 +142,10 @@
 .el-sub-menu__title {
   color: var(--g-sub-sidebar-menu-color) !important;
   background: transparent !important;
+  height: 40px;
+  line-height: 40px;
+  margin: 4px 0;
+  border-radius: 7px;
 
   &:hover {
     color: var(--g-sub-sidebar-menu-hover-color) !important;
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index cf6833b..9fc8a18 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -16,7 +16,7 @@
 
 <template>
   <div v-if="['side', 'head', 'single'].includes(settingsStore.menu.menuMode) || settingsStore.mode === 'mobile'" class="sub-sidebar-container" :class="{ 'is-collapse': settingsStore.mode === 'pc' && settingsStore.menu.subMenuCollapse }" @scroll="onSidebarScroll">
-    <Logo
+    <logo
       :show-logo="settingsStore.menu.menuMode === 'single'" class="sidebar-logo" :class="{
         'sidebar-logo-bg': settingsStore.menu.menuMode === 'single',
         'shadow': sidebarScrollTop,
@@ -30,7 +30,7 @@
     >
       <transition-group name="sub-sidebar">
         <template v-for="(route, index) in menuStore.sidebarMenus">
-          <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
+          <sidebar-item v-if="route.meta.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
         </template>
       </transition-group>
     </el-menu>
@@ -57,6 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
+  background-image: linear-gradient(180deg, #70b4ff, #4384ff);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -95,9 +96,11 @@
 
   .el-menu {
     border-right: 0;
+    padding: 0 10px;
     padding-top: var(--g-sidebar-logo-height);
+    padding-top: 16px !important;
     transition: border-color 0.3s, background-color 0.3s, color 0.3s, padding-top 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    background-color: #0000;
 
     &:not(.el-menu--collapse) {
       width: inherit;
@@ -114,6 +117,11 @@
 
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
+        height: 40px;
+        line-height: 40px;
+        margin: 4px 0;
+        border-radius: 7px;
+
         span,
         .el-sub-menu__icon-arrow {
           display: none;
@@ -137,7 +145,7 @@
       :deep(.el-menu--inline),
       :deep(.el-menu-item),
       :deep(.el-sub-menu__title) {
-        border-radius: 10px;
+        border-radius: 7px;
       }
     }
   }
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 84e7833..7c1dfb7 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -73,19 +73,19 @@
     </div>
     <el-dropdown class="user-container" size="default" @command="userCommand">
       <div class="user-wrapper">
-        <el-avatar size="small">
+        <!-- <el-avatar size="small">
           <el-icon>
             <svg-icon name="ep:user-filled" />
           </el-icon>
-        </el-avatar>
-        {{ userStore.username }}
+        </el-avatar> -->
+        {{ userStore.name }}
         <el-icon>
           <svg-icon name="ep:caret-bottom" />
         </el-icon>
       </div>
       <template #dropdown>
         <el-dropdown-menu class="user-dropdown">
-          <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
+          <!-- <el-dropdown-item v-if="settingsStore.dashboard.enable" command="dashboard">
             控制台
           </el-dropdown-item>
           <el-dropdown-item command="setting">
@@ -93,7 +93,7 @@
           </el-dropdown-item>
           <el-dropdown-item v-if="settingsStore.mode === 'pc'" divided command="hotkeys">
             快捷键介绍
-          </el-dropdown-item>
+          </el-dropdown-item> -->
           <el-dropdown-item divided command="logout">
             退出登录
           </el-dropdown-item>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index 828ab65..ddfb8c4 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -52,21 +52,23 @@
       shadow: scrollTop,
     }" data-fixed-calc-width
   >
-    <div class="left-box">
-      <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
-        <el-icon>
-          <svg-icon name="toolbar-collapse" />
-        </el-icon>
+    <div class="topbar-container-inner">
+      <div class="left-box">
+        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+          <el-icon>
+            <svg-icon name="toolbar-collapse" />
+          </el-icon>
+        </div>
+        <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
+          <transition-group name="breadcrumb">
+            <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
+              {{ item.title }}
+            </el-breadcrumb-item>
+          </transition-group>
+        </el-breadcrumb>
       </div>
-      <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
-        <transition-group name="breadcrumb">
-          <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
-            {{ item.title }}
-          </el-breadcrumb-item>
-        </transition-group>
-      </el-breadcrumb>
+      <tools />
     </div>
-    <Tools />
   </div>
 </template>
 
@@ -79,8 +81,14 @@
   align-items: center;
   justify-content: space-between;
   height: var(--g-topbar-height);
-  background-color: var(--g-toolbar-bg);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
+  background-image: linear-gradient(90deg, #70b4ff 30%, #4384ff);
+
+  .topbar-container-inner {
+    width: 100%;
+    border-radius: 15px 10px 0 0;
+    background-color: var(--g-toolbar-bg);
+  }
 
   &.fixed {
     position: fixed;
diff --git a/src/settings.default.ts b/src/settings.default.ts
index 340aad8..6e099ec 100644
--- a/src/settings.default.ts
+++ b/src/settings.default.ts
@@ -6,7 +6,7 @@
   app: {
     colorScheme: 'light',
     elementSize: 'default',
-    enableLogo: true,
+    enableLogo: false,
     iconifyOfflineUse: false,
     enablePermission: false,
     enableProgress: true,