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

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

src/page/index/top/index.vue

@@ -17,7 +17,7 @@
       <div v-if="setting.color" class="top-bar__item">
         <top-color></top-color>
       </div>
-      <div v-if="setting.theme" class="top-bar__item">
+      <div v-if="setting.theme" class="top-bar__item" style="display: none;">
         <top-theme></top-theme>
       </div>
       <div v-if="setting.lock" class="top-bar__item">
@@ -372,7 +372,7 @@ export default {
 
   &:hover,
   &:focus {
-    background-color: rgba(0, 0, 0, 0.04);
+    background-color: rgba(255, 255, 255, 0.15);
   }
 
   .top-bar__img {