style(top-bar): 给顶部状态栏标题区添加背景条以区分视觉层次

- 顶部状态栏 `.top-bar__title` 增加品牌色淡底背景和左侧主色竖条
- 文字颜色调整为深色，保持搜索框可读性
- 调整主题相关样式，处理 light 主题和 dark 主题下背景条效果差异
- 优化多个主题下 Logo 背景和文字颜色，提升整体视觉一致性
- 修改欢迎页背景颜色及相关元素颜色，增强视觉层次感
- 调整部分组件和布局的内边距与边框颜色，提升界面细节表现
- 隐藏顶部主题切换项，调整 hover 背景颜色以适应新视觉风格

src/styles/common.scss

@@ -119,7 +119,7 @@ a {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
-  margin-bottom: 6px;
+  //margin-bottom: 6px;
   padding: 12px;
 }
 

src/styles/element-ui.scss

@@ -274,7 +274,7 @@
   justify-content: flex-end;
   width: 100%;
   box-sizing: border-box;
-  padding: 10px 0 !important;
+  padding: 16px 0 !important;
 }
 
 .avue-crud__pagination .el-pagination,

src/styles/theme/beautiful.scss

@@ -26,7 +26,6 @@
   }
 
   .avue-logo {
-    background: #fff !important;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   }
 

src/styles/theme/d2.scss

@@ -1,7 +1,6 @@
 .theme-d2 {
   .avue-logo {
     color: rgba(0, 0, 0, 0.85);
-    background-color: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 
     .avue-logo_title {
@@ -11,7 +10,6 @@
   }
 
   .avue-top {
-    background-color: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   }
 

src/styles/theme/index.scss

@@ -47,17 +47,17 @@
 .theme-cool,
 .theme-beautiful {
   .avue-logo {
-    background: #fff !important;
-    background-color: #fff !important;
-    color: rgba(0, 0, 0, 0.85);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    background: #419eff !important;
+    background-color: #419eff !important;
+    color: #fff;
+    box-shadow: none;
 
     .avue-logo_title,
     .avue-logo_subtitle,
     .logo-title {
-      color: rgba(0, 0, 0, 0.85);
+      color: #fff;
       background-image: none;
-      -webkit-text-fill-color: rgba(0, 0, 0, 0.85);
+      -webkit-text-fill-color: #fff;
     }
   }
 }

src/styles/top.scss

@@ -20,10 +20,10 @@
 
 .avue-breadcrumb {
   height: 100%;
-  color: rgba(0, 0, 0, 0.65);
+  color: #fff;
 
   i {
-    color: rgba(0, 0, 0, 0.65);
+    color: #fff;
     font-size: 30px !important;
   }
 
@@ -73,7 +73,7 @@
   height: 30px;
   border-radius: 100%;
   box-sizing: border-box;
-  border: 1px solid #eee;
+  border: 1px solid rgba(255, 255, 255, 0.5);
   vertical-align: middle;
 }
 
@@ -96,7 +96,7 @@
   right: 10px;
   display: flex;
   align-items: center;
-  color: rgba(0, 0, 0, 0.85);
+  color: #fff;
 
   i,
   .el-icon,
@@ -106,7 +106,7 @@
   }
 
   .el-color-picker__trigger {
-    border-color: rgba(0, 0, 0, 0.15);
+    border-color: rgba(255, 255, 255, 0.4);
   }
 
   .el-color-picker__icon {
@@ -132,24 +132,26 @@
   height: 100%;
   padding-left: 50px;
   box-sizing: border-box;
-  background: #fff;
+  // 顶部状态栏背景条：品牌色淡底 + 左侧主色竖条，与白色头部区分
+  background: #419eff;
+  //border-left: 4px solid #409eff;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: inherit;
   font-weight: 500;
-  color: rgba(0, 0, 0, 0.85);
+  color: #fff;
 }
 
 .avue-logo {
   height: variables.$top_height;
   line-height: variables.$top_height;
-  background-color: #fff;
+  background-color: #419eff;
   font-size: 20px;
   overflow: hidden;
   box-sizing: border-box;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-  color: rgba(0, 0, 0, 0.85);
+  box-shadow: none;
+  color: #fff;
 
   &_title {
     display: block;