fix(webui): 底部导航选中态只换颜色（去掉背景块与顶部指示条）

用户：「同时底部导航栏选中对应的文字和图标变色即可」。

- NarrowNav：删掉 bg-blue-400 顶部指示条
- index.css：.narrow-nav .nav-item[data-active='true'] 背景置 transparent——
  只作用在底部导航；宽屏侧栏是 48px 竖条、没有文字标签，那块底色是它唯一的选中线索
- 图标本就是 stroke=currentColor，所以跟着文字色走（判据钉住这一点）
- 判据 nav-merge ④ + 变异自检：把 bg-blue-400 加回去，④ 立刻红

client/electron/src/components/NarrowNav.tsx

@@ -97,7 +97,14 @@ export default function NarrowNav() {
                 {badge > 99 ? '99+' : badge}
               </span>
             )}
-            {active && <span className="absolute top-0 left-1/4 right-1/4 h-0.5 bg-blue-400" />}
+            {/*
+             * 选中态**只换颜色**（用户 2026-09-14：「底部导航栏选中对应的文字和图标变色即可」）。
+             * 这里原本还挂着一条 bg-blue-400 的顶部指示条，加上 .nav-item 的
+             * nav-active-bg 底色，选中同时被三种手段表达；底部只有 51px 高，
+             * 多出来的形状只会把图标和标签挤小。现在只有一处：文字/图标变色
+             * （图标是 currentColor 描边，跟着走），样式见 index.css 的
+             * `.narrow-nav .nav-item[data-active='true']`。
+             */}
           </button>
         );
       })}

client/electron/src/index.css

@@ -1327,6 +1327,22 @@ html.view-switch .glass-control,
   color: rgb(var(--nav-active-fg));
 }
 
+/*
+ * 底部导航的选中态**只换颜色**。
+ *
+ * 用户（2026-09-14）：「同时底部导航栏选中对应的文字和图标变色即可」。
+ * 之前底部这一栏的选中同时被三样东西表达：`--nav-active-bg` 底色、一条
+ * `bg-blue-400` 顶部指示条、以及颜色。底部条只有 51px 高，多出来的两个"形状"
+ * 只是把图标与文字挤小。
+ *
+ * 只作用在 `.narrow-nav` 上：宽屏侧栏是 48px 宽的竖条，图标底下那一块底色是它
+ * 唯一的选中线索（窄屏还有文字标签与当前页面对应，宽屏没有可参照的文字），
+ * 所以"只变色"不能无差别推广到所有 `.nav-item`。
+ */
+.narrow-nav .nav-item[data-active='true'] {
+  background-color: transparent;
+}
+
 /* 底部导航条：与侧栏同一套令牌（深色主题才变深） */
 .narrow-nav {
   background-color: rgb(var(--nav-bg)) !important;