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

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

.workbuddy/memory/2026-07-31.md

@@ -115,3 +115,10 @@
 - **新增规则**：`.avue-crud__dialog .el-dialog__body { max-height: calc(100vh - 200px); overflow-y: auto; }`
 - **效果**：全站所有 Avue CRUD 弹窗（含 process-config、cargo-type）的 body 在 `calc(100vh - 200px)` 内滚动，内容超长时在窗内滚动而非撑爆整窗；矮弹窗不受影响（max-height 仅为上限）。
 - **验证**：已 `pnpm build` 后台运行验证全站编译。
+
+## 顶部状态栏标题区加背景条
+
+- **需求**：给顶部状态栏（`.top-bar__title` 中间区域）加一条背景条，与白色头部区分。
+- **文件**：`src/styles/top.scss` 的 `.top-bar__title` 规则（原来背景是纯白 `#fff`，看不出边界）
+- **改动**：`background: rgba(64,158,255,0.12)`（品牌色淡底）+ `border-left: 4px solid #409eff`（左侧主色竖条），沿用项目主色 `#409eff`；文字保持深色 `rgba(0,0,0,0.85)`、搜索框可读。
+- **注意**：默认 light 主题（go/d2 等白底头部）效果好；dark 主题头部 `#2c3643` 下淡蓝条可能略冲突（原 `#fff` 背景在 dark 下本就冲突，属历史遗留），如需可给 dark 主题单独覆盖。