feat(web): 按 ui-ux-pro-max 设计系统重构前端（侧边导航 + 组件库 + 图标 + 可视化）

- 设计令牌与组件体系：语义色/间距/圆角/状态 + Card/Metric/Pill/Btn/Field/Empty/Skeleton/Progress 等
- 桌面左侧导航 + 窄屏抽屉（usePathname 高亮、ESC/遮罩关闭）；修复抽屉/遮罩占据网格把 main 挤到第二行的问题
- 自绘内联 SVG 图标集替代 emoji；图标/表格/按钮等交互态齐全，空态/加载/错误/禁用态补齐
- 因子研究分层柱状、因子组合与回测净值/回撤双图 + 月度收益热力表、实验页任务状态徽标
- LineChart 主题化并按需引入 echarts（回测/组合首载 JS 448k→281k）；next.config 放行局域网 dev 来源

frontend/web/app/layout.tsx

@@ -1,26 +1,21 @@
-import type { Metadata } from "next";
-import Link from "next/link";
+import type { Metadata, Viewport } from "next";
+import { AppShell } from "@/components/app-shell";
 import "./globals.css";
 
 export const metadata: Metadata = {
   title: "qlib-platform · A股量化研究",
-  description: "个人 A 股量化研究平台：股票池 / 因子 / 回测",
+  description: "个人 A 股量化研究平台：股票池 / 因子研究 / 因子组合 / 回测 / 实验归档",
+};
+
+export const viewport: Viewport = {
+  themeColor: "#060912",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="zh-CN">
       <body>
-        <nav>
-          <span className="brand">qlib-platform</span>
-          <Link href="/">总览</Link>
-          <Link href="/stocks">股票池</Link>
-          <Link href="/factors">因子研究</Link>
-          <Link href="/factors/compose">因子组合</Link>
-          <Link href="/backtest">回测</Link>
-          <Link href="/experiments">实验</Link>
-        </nav>
-        <main>{children}</main>
+        <AppShell>{children}</AppShell>
       </body>
     </html>
   );