feat(nav): 浅色模式导航重构（顶栏一级 + 侧边栏二级图标卡 + 三级右侧列）

浅色（红/蓝）主题改为与深色一致的导航逻辑，颜色经 --brand-* 变量自动切换：
- 一级导航正常横排进顶栏（白字落在 banner 上，选中加粗 + 底部粗白线）
- 二级导航为侧边栏图标卡片（图标主题色、文字 #222222、选中铺满列宽 + 右侧粗边）
- 三级导航改到侧边栏二级右侧的「三级列」：激活二级项有三级时整列展开、
  侧边栏 96→236px 整体变宽并带过渡动画，主内容左内边距同步平滑右移
- 顶栏三级横条改为仅深色用；浅色不支持侧边栏收起
- 任务管理二级项改用区分图标（ClipboardList/Activity/Gauge/Radar）
- 字体统一用全局 --font-sans，修复雅黑兜底下加粗不生效
- 抽出 getActiveThirdLevelItems / useActiveThirdLevel 供侧边栏与 PageRoutes 共用

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend-web/src/pages/PageRoutes.tsx

@@ -5,8 +5,10 @@ import { PageSidebar } from "@/components/page-sidebar";
 import { PageSidebarDark } from "@/components/page-sidebar-dark";
 import { isChatsIframeWorkspacePath } from "@/core/page-layout/chats-iframe-route";
 import { readSidebarEnabled } from "@/core/page-layout/sidebar-enabled";
+import { isWujieEnv } from "@/core/embed/wujie";
 import { useTheme } from "@/contexts/ThemeContext";
 import { useLocation } from "react-router-dom";
+import { useActiveThirdLevel } from "@/core/page-layout/use-sidebar-menu";
 import { useLayoutMode } from "@/core/system-settings/hooks";
 
 import WorkspaceRoutes from "./WorkspaceRoutes";
@@ -22,6 +24,12 @@ function PageLayout() {
   const location = useLocation();
   const { theme } = useTheme();
   const isDark = theme === "dark";
+  // 浅色非嵌入：侧边栏为新版「二级导航图标卡片」窄栏(96px)；wujie 嵌入仍走旧版手风琴(64/256px)。
+  const inWujie = useMemo(() => isWujieEnv(), []);
+  const lightNarrowSidebar = !isDark && !inWujie;
+  // 浅色窄栏在右侧展开「三级列」时整体变宽(96→236px)，主内容左内边距随之过渡。
+  const thirdLevel = useActiveThirdLevel();
+  const lightExpanded = lightNarrowSidebar && thirdLevel.length > 0;
   // 界面模式（外观设置）：用户显式选「全量/简洁」时以其为准；否则跟随管理员系统默认
   // (default_layout_mode)；两者都没有才回退到会话级 sidebarEnabled（外部门户/yUserId
   // 登录时置位）这一旧默认。这样无论是否走门户登录，「全量↔简洁」都能真正控制顶栏+侧边栏。
@@ -60,8 +68,11 @@ function PageLayout() {
                 // 只剩左下角浮动按钮（fixed，叠在 main 上不影响布局）。
                 // 不加 transition：transition + sidebar 立刻 unmount 不同步会抽搐
                 ? (collapsed ? "pl-0" : "pl-[118px]")
-                // 浅色仍保留过渡动画（pl-16 ↔ pl-64 平滑收展）
-                : `transition-[padding] duration-300 ${collapsed ? "pl-16" : "pl-64"}`
+                : lightNarrowSidebar
+                  // 浅色新版窄栏：展开三级列时 96→236px，主内容左内边距随之过渡
+                  ? `transition-[padding] duration-300 ${lightExpanded ? "pl-[236px]" : "pl-[96px]"}`
+                  // 浅色旧版手风琴（wujie 嵌入）：pl-16 ↔ pl-64 平滑收展
+                  : `transition-[padding] duration-300 ${collapsed ? "pl-16" : "pl-64"}`
           }`}
         >
           <Routes>