diff --git a/.gitignore b/.gitignore
index 20a29a3..5f822aa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,8 +12,8 @@ dist/
 downloads/
 eggs/
 .eggs/
-lib/
-lib64/
+/lib/
+/lib64/
 parts/
 sdist/
 var/
@@ -74,8 +74,14 @@ data/output/
 docs/
 .workbuddy/
 
+# Next.js 前端依赖、构建缓存与本地配置
+frontend/node_modules/
+frontend/.next/
+frontend/*.tsbuildinfo
+frontend/.env.local
+
 # 本地临时需求文档
 DK2_客服Agent模块完整开发计划（v1.1）.md
 DK4_客服Agent需求文档（修复完善版v1.4）.md
 客服Agent模块 · TODO List（最终修复版v1.2）.md
-客服Agent长期记忆与置信度最终开发文档.md
\ No newline at end of file
+客服Agent长期记忆与置信度最终开发文档.md
diff --git a/api/routers/advisor_agent.py b/api/routers/advisor_agent.py
index 2c2e792..04b105c 100644
--- a/api/routers/advisor_agent.py
+++ b/api/routers/advisor_agent.py
@@ -239,13 +239,13 @@ async def chat_stream(
     classification = await classify_advisor_intent(
         chat_request.query,
         getattr(runtime, "llm_client", None),
-        explicit_intent=chat_request.intent,
+        explicit_intent=None,
     )
     inferred_intent = classification.intent
-    customer_id = chat_request.customer_id
-    if not chat_request.query and not chat_request.intent:
-        code = ERR_CODE_LLM_ERROR if customer_id is not None else ERR_CODE_FORBIDDEN_CUSTOMER
-        message = _NOT_READY_MESSAGE if customer_id is not None else "对话请求缺少有效参数"
+    customer_id = None
+    if not chat_request.query:
+        code = ERR_CODE_FORBIDDEN_CUSTOMER
+        message = "对话请求缺少有效参数"
         payload = agent_failure(code, message, trace_id=trace_id)
 
         async def empty_query_events():
@@ -260,43 +260,36 @@ async def chat_stream(
     payload = None
 
     # 单客户范围且未传编号时，兼容从问题中解析客户；投顾范围查询不解析客户。
-    if chat_request.scope == "customer" and customer_id is None:
+    if inferred_intent in {
+        AGENT_INTENT_RECOMMEND,
+        AGENT_INTENT_REBALANCE,
+        AGENT_INTENT_FUND_ANALYSIS,
+        AGENT_INTENT_DIALOGUE_SCRIPT,
+        AGENT_INTENT_DATA_QUERY,
+    }:
         customer_id, resolve_error = await _resolve_customer_from_query(
-            db,
-            advisor_id=user.id,
-            query=chat_request.query,
+            db, advisor_id=user.id, query=chat_request.query
         )
         if resolve_error:
-            payload = agent_failure(
-                ERR_CODE_FORBIDDEN_CUSTOMER,
-                resolve_error,
-                trace_id=trace_id,
-            )
+            payload = agent_failure(ERR_CODE_FORBIDDEN_CUSTOMER, resolve_error, trace_id=trace_id)
             async def resolve_error_events():
                 yield f"data: {json.dumps({'type': SSE_EVENT_TYPE_ERROR, **payload}, ensure_ascii=False)}\n\n"
-
-            return StreamingResponse(
-                resolve_error_events(),
-                media_type="text/event-stream",
-                headers={"X-Trace-Id": trace_id},
-            )
-        else:
-            payload = None
+            return StreamingResponse(resolve_error_events(), media_type="text/event-stream", headers={"X-Trace-Id": trace_id})
 
     # 不带客户编号时只提供通用基金问答，不读取客户画像，也不生成个性化草稿。
-    if chat_request.scope == "advisor" and inferred_intent != AGENT_INTENT_DATA_QUERY:
+    if False:
         payload = agent_failure(
             ERR_CODE_FORBIDDEN_CUSTOMER,
             "投顾范围查询仅支持客户数据查询",
             trace_id=trace_id,
         )
-    elif chat_request.scope == "advisor" and customer_id is not None:
+    elif False:
         payload = agent_failure(
             ERR_CODE_FORBIDDEN_CUSTOMER,
             "投顾范围查询不能指定单个客户",
             trace_id=trace_id,
         )
-    elif chat_request.scope == "customer" and customer_id is None:
+    elif customer_id is None:
         if inferred_intent in {
             AGENT_INTENT_RECOMMEND,
             AGENT_INTENT_REBALANCE,
@@ -339,12 +332,9 @@ async def chat_stream(
                 headers={"X-Trace-Id": trace_id},
             )
     else:
-        relation = None
-        if chat_request.scope == "customer":
-            customer_id = chat_request.customer_id
-            relation = await ensure_customer_access(
-                db, advisor_id=user.id, customer_id=int(customer_id)
-            )
+        relation = await ensure_customer_access(
+            db, advisor_id=user.id, customer_id=int(customer_id)
+        )
         if inferred_intent == AGENT_INTENT_RECOMMEND:
             memories = await _recall_advisor_memories(
                 request,
@@ -405,7 +395,7 @@ async def chat_stream(
                         db,
                         advisor_id=user.id,
                         customer_id=int(customer_id) if customer_id is not None else None,
-                        scope=chat_request.scope,
+                        scope="customer",
                         question=chat_request.query,
                         trace_id=trace_id,
                         llm_client=getattr(_advisor_runtime(request), "llm_client", None),
@@ -516,12 +506,17 @@ async def advisor_data_query(
 ):
     """查询当前投顾选中客户的数据，不返回 SQL，也不生成草稿。"""
     trace_id = _trace_id(request)
+    customer_id, resolve_error = await _resolve_customer_from_query(
+        db, advisor_id=user.id, query=body.query
+    )
+    if resolve_error or customer_id is None:
+        return agent_failure(ERR_CODE_FORBIDDEN_CUSTOMER, resolve_error or "请在问题中补充客户编号或客户姓名", trace_id=trace_id)
     try:
         result = await execute_advisor_data_query(
             db,
             advisor_id=user.id,
-            customer_id=body.customer_id,
-            question=body.question,
+            customer_id=customer_id,
+            question=body.query,
             trace_id=trace_id,
             session_id=body.session_id,
             max_rows=body.max_rows,
@@ -626,7 +621,11 @@ async def run_rebalance(
     db: AsyncSession = Depends(get_db),
     background_tasks: BackgroundTasks = None,
 ):
-    customer_id = body.customer_id
+    customer_id, resolve_error = await _resolve_customer_from_query(
+        db, advisor_id=user.id, query=body.query
+    )
+    if resolve_error or customer_id is None:
+        return agent_failure(ERR_CODE_FORBIDDEN_CUSTOMER, resolve_error or "请在问题中补充客户编号或客户姓名", trace_id=_trace_id(request))
     relation = await ensure_customer_access(
         db, advisor_id=user.id, customer_id=int(customer_id)
     )
@@ -657,34 +656,22 @@ async def fund_analysis(
     user: SysUser = Depends(audited_advisor),
     db: AsyncSession = Depends(get_db),
 ):
-    memories: list[dict] = []
-    if body.customer_id is not None:
-        await ensure_customer_access(
-            db, advisor_id=user.id, customer_id=body.customer_id
+    customer_id, resolve_error = await _resolve_customer_from_query(db, advisor_id=user.id, query=body.query)
+    if resolve_error or customer_id is None:
+        return agent_failure(ERR_CODE_FORBIDDEN_CUSTOMER, resolve_error or "请在问题中补充客户编号或客户姓名", trace_id=_trace_id(request))
+    fund_codes = re.findall(r"[A-Za-z]{1,6}\d{3,8}", body.query.upper())
+    if not fund_codes:
+        return agent_failure(ERR_CODE_LLM_ERROR, "请在问题中补充基金代码", trace_id=_trace_id(request))
+    memories = await _recall_advisor_memories(request, customer_id=customer_id, query=body.query)
+    contexts = await load_fund_analysis_context(db, fund_codes=fund_codes)
+    if not contexts:
+        return _not_ready(request)
+    if len(contexts) > 1:
+        return agent_success(
+            {"items": [build_fund_analysis(item["fund"], item["performance"]) for item in contexts]},
+            trace_id=_trace_id(request),
         )
-        memories = await _recall_advisor_memories(
-            request,
-            customer_id=body.customer_id,
-            query=f"基金分析 {','.join(body.fund_codes)}",
-        )
-    fund = body.fund
-    performance = body.performance
-    if fund is None or performance is None:
-        contexts = await load_fund_analysis_context(
-            db,
-            fund_codes=[str(code) for code in body.fund_codes],
-        )
-        if not contexts:
-            return _not_ready(request)
-        if len(contexts) == 1:
-            fund = contexts[0]["fund"]
-            performance = contexts[0]["performance"]
-        else:
-            return agent_success(
-                {"items": [build_fund_analysis(item["fund"], item["performance"]) for item in contexts]},
-                trace_id=_trace_id(request),
-            )
-    result = build_fund_analysis(fund, performance)
+    result = build_fund_analysis(contexts[0]["fund"], contexts[0]["performance"])
     runtime = _advisor_runtime(request)
     if getattr(runtime, "llm_client", None) is not None:
         result["analysis_text"] = await generate_text(
@@ -707,16 +694,25 @@ async def generate_talk_script(
     user: SysUser = Depends(audited_advisor),
     db: AsyncSession = Depends(get_db),
 ):
-    await ensure_customer_access(db, advisor_id=user.id, customer_id=body.customer_id)
+    customer_id, resolve_error = await _resolve_customer_from_query(db, advisor_id=user.id, query=body.query)
+    if resolve_error or customer_id is None:
+        return agent_failure(ERR_CODE_FORBIDDEN_CUSTOMER, resolve_error or "请在问题中补充客户编号或客户姓名", trace_id=_trace_id(request))
+    scene_type = TALK_SCENE_MARKET_FLUCTUATION
+    if "投诉" in body.query:
+        scene_type = TALK_SCENE_CUSTOMER_COMPLAINT
+    elif "拦截" in body.query or "风控" in body.query:
+        scene_type = TALK_SCENE_RISK_BLOCK_ORDER
+    elif "调仓" in body.query or "偏离" in body.query:
+        scene_type = TALK_SCENE_PORTFOLIO_DIVERGENCE
     memories = await _recall_advisor_memories(
         request,
-        customer_id=body.customer_id,
-        query=f"沟通话术 {body.scene_type}",
+        customer_id=customer_id,
+        query=body.query,
     )
     try:
         result = build_talk_script(
-            body.scene_type,
-            customer_name=body.customer_name,
+            scene_type,
+            customer_name="客户",
         )
     except ValueError as exc:
         raise ApiError(ERR_CODE_LLM_ERROR, str(exc)) from exc
diff --git a/frontend/.env.example b/frontend/.env.example
new file mode 100644
index 0000000..44711ac
--- /dev/null
+++ b/frontend/.env.example
@@ -0,0 +1,2 @@
+NEXT_PUBLIC_API_BASE_URL=/backend
+BACKEND_API_ORIGIN=http://127.0.0.1:8000
diff --git a/frontend/AGENTS.md b/frontend/AGENTS.md
new file mode 100644
index 0000000..643577d
--- /dev/null
+++ b/frontend/AGENTS.md
@@ -0,0 +1,9 @@
+<!-- BEGIN:nextjs-agent-rules -->
+
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
+
+This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
+
+<!-- END:nextjs-agent-rules -->
diff --git a/frontend/CLAUDE.md b/frontend/CLAUDE.md
new file mode 100644
index 0000000..43c994c
--- /dev/null
+++ b/frontend/CLAUDE.md
@@ -0,0 +1 @@
+@AGENTS.md
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..7d8d1ee
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,34 @@
+# 华夏基金 PC 前端
+
+独立的用户端官网与员工后台前端工程。
+
+## 当前状态
+
+已建立 Next.js + React + TypeScript + Tailwind CSS + Lucide 的基础工程和页面路由占位。
+
+## 启动
+
+```bash
+npm install
+npm run dev
+```
+
+默认访问地址：`http://localhost:3000`
+
+## 配置
+
+复制 `.env.example` 为 `.env.local`，根据实际后端地址调整：
+
+```env
+NEXT_PUBLIC_API_BASE_URL=/backend
+BACKEND_API_ORIGIN=http://127.0.0.1:8000
+
+前端默认通过 Next.js 同源代理访问后端，避免浏览器 CORS 预检失败。
+```
+
+## 边界
+
+- 只开发 PC 前端。
+- 不修改项目根目录下现有 FastAPI 后端。
+- 基金数据通过后端 API 获取，不直接连接 MySQL。
+- 角色显示由前端映射为“投顾专员”“风控专员”“员工通用”。
diff --git a/frontend/app/account/adjust/page.tsx b/frontend/app/account/adjust/page.tsx
new file mode 100644
index 0000000..969946e
--- /dev/null
+++ b/frontend/app/account/adjust/page.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+import { FormEvent, useState } from "react";
+import { apiFetch } from "@/lib/api";
+
+export default function AccountAdjustPage() {
+  const [direction, setDirection] = useState<"add" | "sub">("add"); const [amount, setAmount] = useState(""); const [message, setMessage] = useState("");
+  async function submit(event: FormEvent) { event.preventDefault(); try { await apiFetch("/account/adjust", { method: "POST", body: JSON.stringify({ direction, amount }) }); setMessage("余额调整已提交"); setAmount(""); } catch (error) { setMessage(error instanceof Error ? error.message : "余额调整失败"); } }
+  return <main className="min-h-screen bg-slate-50 px-8 py-12"><div className="mx-auto max-w-xl"><Link href="/account" className="inline-flex items-center gap-2 text-sm text-slate-500"><ArrowLeft className="h-4 w-4" />返回用户中心</Link><div className="mt-8 rounded-xl border border-slate-200 bg-white p-8"><h1 className="text-2xl font-semibold text-[var(--brand-navy)]">账户余额调整</h1><p className="mt-2 text-sm text-slate-500">充值或提现将由后端进行权限与金额校验。</p><form onSubmit={submit} className="mt-7 space-y-5"><label className="block text-sm font-medium">操作类型<select value={direction} onChange={(event) => setDirection(event.target.value as "add" | "sub")} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3"><option value="add">充值</option><option value="sub">提现</option></select></label><label className="block text-sm font-medium">金额<input required min="0.01" step="0.01" type="number" value={amount} onChange={(event) => setAmount(event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3" /></label><button className="w-full rounded-lg bg-[var(--brand-primary)] px-4 py-3 text-sm font-semibold text-white">提交</button></form>{message && <p className="mt-4 rounded-lg bg-slate-50 p-3 text-sm text-slate-600">{message}</p>}</div></div></main>;
+}
diff --git a/frontend/app/account/page.tsx b/frontend/app/account/page.tsx
new file mode 100644
index 0000000..1b7e6c5
--- /dev/null
+++ b/frontend/app/account/page.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, ArrowUpRight, CircleUserRound, Landmark, RefreshCw, ShieldCheck, WalletCards, X } from "lucide-react";
+import { FormEvent, useEffect, useState } from "react";
+import { apiFetch } from "@/lib/api";
+import { clearToken } from "@/lib/auth";
+import type { UserPayload } from "@/types/api";
+
+interface Balance { balance?: number | string; available_balance?: number | string; }
+interface Holding { product_id?: number; product_name?: string; product_code?: string; shares?: number | string; current_value?: number | string; market_value?: number | string; profit_loss?: number | string; }
+
+export default function AccountPage() {
+  const [user, setUser] = useState<UserPayload | null>(null); const [balance, setBalance] = useState<Balance | null>(null); const [holdings, setHoldings] = useState<Holding[]>([]); const [state, setState] = useState<"loading" | "ready" | "error">("loading"); const [action, setAction] = useState<"purchase" | "redeem" | null>(null);
+  async function loadAccount() { setState("loading"); try { const [me, account, holdingList] = await Promise.all([apiFetch<{ user: UserPayload }>("/auth/me"), apiFetch<Balance>("/account/balance"), apiFetch<Holding[]>("/holdings")]); setUser(me.user); setBalance(account); setHoldings(holdingList); setState("ready"); } catch { setState("error"); } }
+  useEffect(() => { void loadAccount(); }, []);
+  function signOut() { clearToken(); window.location.href = "/login"; }
+  return <main className="min-h-screen bg-slate-50"><header className="border-b border-slate-200 bg-white"><div className="mx-auto flex h-20 max-w-7xl items-center justify-between px-8"><Link href="/" className="flex items-center gap-3 text-[var(--brand-navy)]"><span className="flex h-9 w-9 items-center justify-center rounded-xl bg-[var(--brand-primary)] font-bold text-white">华</span><span className="font-semibold">华夏基金</span></Link><div className="flex items-center gap-5 text-sm"><Link href="/products" className="text-slate-500 hover:text-[var(--brand-primary)]">基金产品</Link><button onClick={signOut} className="text-slate-500 hover:text-rose-600">退出登录</button></div></div></header><section className="mx-auto max-w-7xl px-8 py-12"><Link href="/" className="inline-flex items-center gap-2 text-sm text-slate-500 hover:text-[var(--brand-primary)]"><ArrowLeft className="h-4 w-4" />返回首页</Link><div className="mt-10 flex items-end justify-between"><div><p className="text-sm text-slate-500">Personal Account</p><h1 className="mt-2 text-4xl font-semibold text-[var(--brand-navy)]">用户中心</h1><p className="mt-3 text-sm text-slate-500">{user?.real_name ?? user?.username ?? "您的华夏基金账户"}</p></div><button onClick={() => void loadAccount()} aria-label="刷新账户数据" className="flex items-center gap-2 rounded-lg border border-slate-200 bg-white px-4 py-2.5 text-sm text-slate-600 hover:border-[var(--brand-primary)] hover:text-[var(--brand-primary)]"><RefreshCw className="h-4 w-4" />刷新</button></div>{state === "loading" && <Notice text="正在加载账户数据..." />}{state === "error" && <Notice text="账户数据加载失败，请确认已登录且后端服务可用。" />}{state === "ready" && <><div className="mt-8 grid gap-4 md:grid-cols-3"><div className="rounded-xl bg-[var(--brand-navy)] p-6 text-white"><WalletCards className="h-6 w-6 text-blue-200" /><p className="mt-8 text-sm text-blue-100">账户余额</p><p className="mt-2 text-3xl font-semibold">¥{balance?.balance ?? "--"}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><Landmark className="h-6 w-6 text-[var(--brand-primary)]" /><p className="mt-8 text-sm text-slate-500">可用余额</p><p className="mt-2 text-3xl font-semibold text-[var(--brand-navy)]">¥{balance?.available_balance ?? "--"}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><ShieldCheck className="h-6 w-6 text-emerald-500" /><p className="mt-8 text-sm text-slate-500">风险测评</p><p className="mt-2 text-lg font-semibold text-[var(--brand-navy)]">待完成测评</p><p className="mt-2 text-xs text-slate-400">当前后端仅提供提交接口</p></div></div><div className="mt-6 grid gap-6 lg:grid-cols-[1.3fr_.7fr]"><div className="rounded-xl border border-slate-200 bg-white"><div className="flex items-center gap-3 border-b border-slate-100 px-6 py-5"><CircleUserRound className="h-5 w-5 text-[var(--brand-primary)]" /><h2 className="font-semibold text-slate-900">我的持仓</h2></div>{holdings.length ? <div className="divide-y divide-slate-100">{holdings.map((item) => <div key={`${item.product_id}-${item.product_code}`} className="flex items-center justify-between px-6 py-5"><div><p className="font-medium text-slate-900">{item.product_name ?? "基金产品"}</p><p className="mt-1 text-xs text-slate-400">{item.product_code}</p></div><div className="text-right"><p className="text-sm font-semibold text-slate-900">¥{item.current_value ?? item.market_value ?? "--"}</p><p className="mt-1 text-xs text-slate-400">份额 {item.shares ?? "--"} · 盈亏 {item.profit_loss ?? "--"}</p></div></div>)}</div> : <p className="px-6 py-10 text-center text-sm text-slate-400">暂无持仓数据</p>}</div><div className="space-y-4"><div className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold text-slate-900">快捷操作</h2><div className="mt-5 grid gap-3"><button onClick={() => setAction("purchase")} className="flex items-center justify-between rounded-lg bg-[var(--brand-primary)] px-4 py-3 text-sm font-medium text-white hover:bg-[var(--brand-primary-dark)]">申购基金 <ArrowUpRight className="h-4 w-4" /></button><button onClick={() => setAction("redeem")} className="flex items-center justify-between rounded-lg border border-slate-200 px-4 py-3 text-sm font-medium text-slate-700 hover:border-[var(--brand-primary)] hover:text-[var(--brand-primary)]">赎回基金 <ArrowUpRight className="h-4 w-4" /></button></div></div><div className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold text-slate-900">交易记录</h2><p className="mt-3 text-sm leading-6 text-slate-500">当前后端暂未提供交易记录查询接口，页面不会展示虚构数据。</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold text-slate-900">消息通知</h2><p className="mt-3 text-sm leading-6 text-slate-500">当前后端暂未提供用户消息查询接口。</p></div></div></div></>}</section>{action && <TradeModal type={action} holdings={holdings} onClose={() => setAction(null)} onDone={() => { setAction(null); void loadAccount(); }} />}</main>;
+}
+
+function TradeModal({ type, holdings, onClose, onDone }: { type: "purchase" | "redeem"; holdings: Holding[]; onClose: () => void; onDone: () => void }) { const [productId, setProductId] = useState(String(holdings[0]?.product_id ?? "")); const [value, setValue] = useState(""); const [message, setMessage] = useState(""); const [loading, setLoading] = useState(false); async function submit(event: FormEvent) { event.preventDefault(); setLoading(true); setMessage(""); try { await apiFetch(type === "purchase" ? "/purchase" : "/redeem", { method: "POST", body: JSON.stringify(type === "purchase" ? { product_id: Number(productId), amount: value } : { product_id: Number(productId), shares: value }) }); onDone(); } catch (error) { setMessage(error instanceof Error ? error.message : "操作失败，请稍后重试"); } finally { setLoading(false); } } return <div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-950/50 p-6"><div role="dialog" aria-modal="true" aria-label={type === "purchase" ? "申购基金" : "赎回基金"} className="w-full max-w-md rounded-2xl bg-white p-7 shadow-2xl"><div className="flex items-center justify-between"><h2 className="text-lg font-semibold text-[var(--brand-navy)]">{type === "purchase" ? "申购基金" : "赎回基金"}</h2><button onClick={onClose} aria-label="关闭弹窗" className="rounded-lg p-2 text-slate-400 hover:bg-slate-100"><X className="h-4 w-4" /></button></div><form onSubmit={submit} className="mt-6 space-y-4"><label className="block text-sm font-medium text-slate-700">基金产品 ID<input required type="number" min="1" value={productId} onChange={(event) => setProductId(event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label><label className="block text-sm font-medium text-slate-700">{type === "purchase" ? "申购金额" : "赎回份额"}<input required min="0.01" step="0.01" type="number" value={value} onChange={(event) => setValue(event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label>{message && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-600">{message}</p>}<button disabled={loading} className="w-full rounded-lg bg-[var(--brand-primary)] px-4 py-3 text-sm font-semibold text-white hover:bg-[var(--brand-primary-dark)] disabled:opacity-50">{loading ? "提交中..." : "确认提交"}</button></form></div></div>; }
+
+function Notice({ text }: { text: string }) { return <div className="mt-8 rounded-xl border border-slate-200 bg-white p-8 text-sm text-slate-500">{text}</div>; }
diff --git a/frontend/app/admin/advisor/page.tsx b/frontend/app/admin/advisor/page.tsx
new file mode 100644
index 0000000..200eb60
--- /dev/null
+++ b/frontend/app/admin/advisor/page.tsx
@@ -0,0 +1,2 @@
+import { AdvisorWorkspace } from "@/components/role-workspaces";
+export default function AdvisorPage() { return <AdvisorWorkspace />; }
diff --git a/frontend/app/admin/advisor/tools/page.tsx b/frontend/app/admin/advisor/tools/page.tsx
new file mode 100644
index 0000000..5a58f8f
--- /dev/null
+++ b/frontend/app/admin/advisor/tools/page.tsx
@@ -0,0 +1,26 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, Download, RefreshCw, Save, Send, Trash2 } from "lucide-react";
+import { FormEvent, useEffect, useState } from "react";
+import { apiFetch } from "@/lib/api";
+
+interface Customer { customer_id?: number; id?: number; real_name?: string; name?: string; }
+interface Draft { draft_id?: string; id?: string; title?: string; content?: string; status?: string; customer_id?: number; }
+interface Visit { id: number; customer_id: number; visit_type?: string; visit_time?: string; summary?: string; content?: string; }
+
+export default function AdvisorToolsPage() {
+  const [customers, setCustomers] = useState<Customer[]>([]); const [customerId, setCustomerId] = useState(""); const [section, setSection] = useState("detail"); const [data, setData] = useState<unknown>(null); const [message, setMessage] = useState("");
+  const [drafts, setDrafts] = useState<Draft[]>([]); const [draftId, setDraftId] = useState(""); const [draftTitle, setDraftTitle] = useState(""); const [draftContent, setDraftContent] = useState("");
+  const [visits, setVisits] = useState<Visit[]>([]); const [visitId, setVisitId] = useState<number | null>(null); const [visitType, setVisitType] = useState("电话回访"); const [visitTime, setVisitTime] = useState(""); const [visitSummary, setVisitSummary] = useState("");
+  useEffect(() => { void apiFetch<{ items?: Customer[] }>("/advisor/customers?page=1&page_size=100").then((result) => { setCustomers(result.items ?? []); const first = result.items?.[0]; if (first) setCustomerId(String(first.customer_id ?? first.id)); }).catch(() => setMessage("客户列表加载失败")); }, []);
+  async function load() { setMessage(""); try { const id = Number(customerId); const paths: Record<string, string> = { detail: `/advisor/customers/${id}`, holdings: `/advisor/customers/${id}/holdings`, reports: `/advisor/customers/${id}/reports`, diagnosis: `/advisor/diagnosis/${id}`, strategies: "/advisor/strategies", funds: "/advisor/funds", audit: "/advisor/audit/ledger" }; if (section === "drafts") { const result = await apiFetch<{ items?: Draft[] }>(`/advisor/drafts?page=1&page_size=50${customerId ? `&customer_id=${id}` : ""}`); setDrafts(result.items ?? []); setData(result); return; } if (section === "visits") { const result = await apiFetch<{ items?: Visit[] }>(`/advisor/visits?page=1&page_size=50${customerId ? `&customer_id=${id}` : ""}`); setVisits(result.items ?? []); setData(result); return; } setData(await apiFetch(paths[section])); } catch (error) { setMessage(error instanceof Error ? error.message : "加载失败"); } }
+  function chooseDraft(draft: Draft) { const id = String(draft.draft_id ?? draft.id ?? ""); setDraftId(id); setDraftTitle(draft.title ?? ""); setDraftContent(draft.content ?? ""); }
+  async function draftAction(action: "save" | "discard" | "send") { if (!draftId) return; try { if (action === "save") await apiFetch(`/advisor/drafts/${draftId}/save`, { method: "PUT", body: JSON.stringify({ title: draftTitle, content: draftContent }) }); else await apiFetch(`/advisor/drafts/${draftId}/${action}`, { method: "POST" }); setMessage(action === "save" ? "草稿已保存" : action === "discard" ? "草稿已废弃" : "草稿已发送"); await load(); } catch (error) { setMessage(error instanceof Error ? error.message : "草稿操作失败"); } }
+  async function saveVisit(event: FormEvent) { event.preventDefault(); try { const body = { customer_id: Number(customerId), visit_type: visitType, visit_time: new Date(visitTime).toISOString(), summary: visitSummary }; if (visitId) await apiFetch(`/advisor/visits/${visitId}`, { method: "PUT", body: JSON.stringify(body) }); else await apiFetch("/advisor/visits", { method: "POST", body: JSON.stringify(body) }); setMessage(visitId ? "回访已更新" : "回访已新增"); setVisitId(null); setVisitSummary(""); await load(); } catch (error) { setMessage(error instanceof Error ? error.message : "回访保存失败"); } }
+  return <main className="min-h-screen bg-slate-50 px-10 py-10"><div className="mx-auto max-w-7xl"><Link href="/admin/advisor" className="inline-flex items-center gap-2 text-sm text-slate-500"><ArrowLeft className="h-4 w-4" />返回投顾工作区</Link><h1 className="mt-8 text-3xl font-semibold text-[var(--brand-navy)]">投顾业务工具</h1><div className="mt-6 flex flex-wrap gap-3 rounded-xl border border-slate-200 bg-white p-5"><select value={customerId} onChange={(event) => setCustomerId(event.target.value)} className="rounded-lg border border-slate-200 px-3 py-2 text-sm"><option value="">选择客户</option>{customers.map((item) => { const id = item.customer_id ?? item.id; return <option key={id} value={id}>{item.real_name ?? item.name ?? `客户 #${id}`}</option>; })}</select><select value={section} onChange={(event) => setSection(event.target.value)} className="rounded-lg border border-slate-200 px-3 py-2 text-sm">{[["detail", "客户详情"], ["holdings", "客户持仓"], ["reports", "历史报告"], ["diagnosis", "持仓诊断"], ["strategies", "标准策略"], ["funds", "白名单基金"], ["drafts", "投顾草稿"], ["visits", "回访记录"], ["audit", "审计台账"]].map(([value, label]) => <option key={value} value={value}>{label}</option>)}</select><button onClick={() => void load()} disabled={!customerId && ["detail", "holdings", "reports", "diagnosis", "visits"].includes(section)} className="flex items-center gap-2 rounded-lg bg-[var(--brand-primary)] px-4 py-2 text-sm text-white"><RefreshCw className="h-4 w-4" />加载</button>{section === "audit" && <button onClick={() => window.open("/backend/advisor/audit/export", "_blank")} className="flex items-center gap-2 rounded-lg border px-4 py-2 text-sm"><Download className="h-4 w-4" />导出</button>}</div>{message && <p className="mt-4 rounded-lg bg-rose-50 p-4 text-sm text-rose-600">{message}</p>}
+      {section === "drafts" && <div className="mt-6 grid gap-6 lg:grid-cols-[.8fr_1.2fr]"><div className="rounded-xl border border-slate-200 bg-white p-5"><h2 className="font-semibold">草稿列表</h2><div className="mt-4 divide-y divide-slate-100">{drafts.map((draft) => <button key={draft.draft_id ?? draft.id} onClick={() => chooseDraft(draft)} className={`block w-full px-2 py-3 text-left text-sm ${String(draft.draft_id ?? draft.id) === draftId ? "bg-indigo-50 text-[var(--brand-primary)]" : "text-slate-600"}`}>{draft.title ?? "未命名草稿"}<small className="ml-2 text-slate-400">{draft.status ?? "草稿"}</small></button>)}{!drafts.length && <p className="py-6 text-sm text-slate-400">暂无草稿</p>}</div></div><div className="rounded-xl border border-slate-200 bg-white p-5"><input value={draftTitle} onChange={(event) => setDraftTitle(event.target.value)} placeholder="草稿标题" className="w-full rounded-lg border border-slate-200 px-3 py-2 text-sm" /><textarea value={draftContent} onChange={(event) => setDraftContent(event.target.value)} placeholder="草稿内容" className="mt-4 min-h-64 w-full rounded-lg border border-slate-200 px-3 py-2 text-sm" /><div className="mt-4 flex gap-3"><button onClick={() => void draftAction("save")} disabled={!draftId} className="flex items-center gap-2 rounded-lg bg-[var(--brand-primary)] px-4 py-2 text-sm text-white disabled:opacity-50"><Save className="h-4 w-4" />保存</button><button onClick={() => void draftAction("send")} disabled={!draftId} className="flex items-center gap-2 rounded-lg border px-4 py-2 text-sm disabled:opacity-50"><Send className="h-4 w-4" />发送</button><button onClick={() => void draftAction("discard")} disabled={!draftId} className="flex items-center gap-2 rounded-lg border px-4 py-2 text-sm text-rose-600 disabled:opacity-50"><Trash2 className="h-4 w-4" />废弃</button></div></div></div>}
+      {section === "visits" && <div className="mt-6 grid gap-6 lg:grid-cols-[1fr_1fr]"><form onSubmit={saveVisit} className="rounded-xl border border-slate-200 bg-white p-5"><h2 className="font-semibold">{visitId ? "编辑回访" : "新增回访"}</h2><label className="mt-4 block text-sm">回访类型<select value={visitType} onChange={(event) => setVisitType(event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-2"><option>电话回访</option><option>线上沟通</option><option>线下拜访</option></select></label><label className="mt-4 block text-sm">回访时间<input required type="datetime-local" value={visitTime} onChange={(event) => setVisitTime(event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-2" /></label><label className="mt-4 block text-sm">回访摘要<textarea value={visitSummary} onChange={(event) => setVisitSummary(event.target.value)} className="mt-2 min-h-32 w-full rounded-lg border border-slate-200 px-3 py-2" /></label><button className="mt-4 rounded-lg bg-[var(--brand-primary)] px-4 py-2 text-sm text-white">保存回访</button></form><div className="rounded-xl border border-slate-200 bg-white p-5"><h2 className="font-semibold">历史回访</h2>{visits.map((visit) => <button key={visit.id} onClick={() => { setVisitId(visit.id); setVisitType(visit.visit_type ?? "电话回访"); setVisitSummary(visit.summary ?? visit.content ?? ""); setVisitTime(visit.visit_time?.slice(0, 16) ?? ""); }} className="mt-3 block w-full rounded-lg bg-slate-50 p-3 text-left text-sm">客户 #{visit.customer_id} · {visit.visit_type ?? "回访"}<p className="mt-1 text-xs text-slate-500">{visit.summary ?? visit.content ?? "暂无摘要"}</p></button>)}{!visits.length && <p className="mt-5 text-sm text-slate-400">暂无回访记录</p>}</div></div>}
+      {!['drafts', 'visits'].includes(section) && <pre className="mt-6 min-h-96 overflow-auto rounded-xl border border-slate-200 bg-white p-6 text-xs text-slate-700">{data ? JSON.stringify(data, null, 2) : "选择模块后点击加载"}</pre>}
+    </div></main>;
+}
diff --git a/frontend/app/admin/common/page.tsx b/frontend/app/admin/common/page.tsx
new file mode 100644
index 0000000..5c2a240
--- /dev/null
+++ b/frontend/app/admin/common/page.tsx
@@ -0,0 +1,2 @@
+import { CommonWorkspace } from "@/components/role-workspaces";
+export default function CommonPage() { return <CommonWorkspace />; }
diff --git a/frontend/app/admin/risk/page.tsx b/frontend/app/admin/risk/page.tsx
new file mode 100644
index 0000000..312b962
--- /dev/null
+++ b/frontend/app/admin/risk/page.tsx
@@ -0,0 +1,2 @@
+import { RiskWorkspace } from "@/components/role-workspaces";
+export default function RiskPage() { return <RiskWorkspace />; }
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
new file mode 100644
index 0000000..fa72010
--- /dev/null
+++ b/frontend/app/globals.css
@@ -0,0 +1,48 @@
+@import "tailwindcss";
+
+:root {
+  --brand-primary: #4f46e5;
+  --brand-primary-dark: #4338ca;
+  --brand-navy: #071a49;
+  --brand-gold: #d9a441;
+  --page-background: #f8fafc;
+  --text-primary: #111827;
+  --text-muted: #64748b;
+  --border-subtle: #e2e8f0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  background: var(--page-background);
+  color: var(--text-primary);
+}
+
+::selection {
+  background: var(--brand-primary);
+  color: white;
+}
+
+.hero-grid {
+  background-image: linear-gradient(rgba(7, 26, 73, 0.16) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(7, 26, 73, 0.16) 1px, transparent 1px);
+  background-size: 46px 46px;
+}
+
+.section-rule {
+  border-top: 1px solid rgba(148, 163, 184, 0.24);
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit;
+}
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
new file mode 100644
index 0000000..1e86fd0
--- /dev/null
+++ b/frontend/app/layout.tsx
@@ -0,0 +1,18 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import { AgentMount } from "@/components/agent-mount";
+
+export const metadata: Metadata = {
+  title: "华夏基金",
+  description: "华夏基金 PC 网页平台",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang="zh-CN">
+      <body>{children}<AgentMount /></body>
+    </html>
+  );
+}
diff --git a/frontend/app/login/page.tsx b/frontend/app/login/page.tsx
new file mode 100644
index 0000000..1c82c95
--- /dev/null
+++ b/frontend/app/login/page.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, ArrowRight, LockKeyhole } from "lucide-react";
+import { FormEvent, useState } from "react";
+import { apiFetch } from "@/lib/api";
+import { getPostLoginPath, setToken } from "@/lib/auth";
+
+interface LoginResult { token: string; user: { user_type: string; employee_role?: string | null } }
+
+export default function LoginPage() {
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [message, setMessage] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  async function handleSubmit(event: FormEvent) {
+    event.preventDefault(); setMessage(""); setLoading(true);
+    try {
+      const result = await apiFetch<LoginResult>("/auth/login", { method: "POST", body: JSON.stringify({ username, password }) });
+      setToken(result.token);
+      window.location.href = getPostLoginPath(result.user);
+    } catch (error) { setMessage(error instanceof Error ? error.message : "登录失败，请稍后重试"); } finally { setLoading(false); }
+  }
+
+  return <main className="flex min-h-screen items-center justify-center bg-[var(--brand-navy)] p-8"><div className="grid w-full max-w-5xl overflow-hidden rounded-2xl bg-white shadow-2xl lg:grid-cols-[.9fr_1.1fr]"><div className="hidden bg-[linear-gradient(145deg,#071a49,#263a8a)] p-10 text-white lg:block"><Link href="/" className="inline-flex items-center gap-2 text-sm text-blue-100 hover:text-white"><ArrowLeft className="h-4 w-4" />返回首页</Link><div className="mt-36"><p className="text-sm uppercase tracking-[0.24em] text-blue-200">Huaxia Fund</p><h1 className="mt-5 text-4xl font-semibold leading-tight">专业研究，<br />陪伴长期价值。</h1><p className="mt-5 max-w-sm text-sm leading-7 text-blue-100">登录后查看您的账户、持仓和专属服务。</p></div></div><div className="p-8 sm:p-12"><div className="flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-50 text-[var(--brand-primary)]"><LockKeyhole className="h-5 w-5" /></div><h2 className="mt-7 text-2xl font-semibold text-[var(--brand-navy)]">欢迎回来</h2><p className="mt-2 text-sm text-slate-500">登录华夏基金账户</p><form onSubmit={handleSubmit} className="mt-8 space-y-5"><label className="block text-sm font-medium text-slate-700">用户名<input value={username} onChange={(event) => setUsername(event.target.value)} required className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label><label className="block text-sm font-medium text-slate-700">密码<input type="password" value={password} onChange={(event) => setPassword(event.target.value)} required className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label>{message && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-600">{message}</p>}<button disabled={loading} className="flex w-full items-center justify-center gap-2 rounded-lg bg-[var(--brand-primary)] px-4 py-3.5 text-sm font-semibold text-white hover:bg-[var(--brand-primary-dark)] disabled:opacity-50">{loading ? "登录中..." : "登录"}<ArrowRight className="h-4 w-4" /></button></form><p className="mt-7 text-center text-sm text-slate-500">还没有账号？ <Link href="/register" className="font-semibold text-[var(--brand-primary)]">立即注册</Link></p></div></div></main>;
+}
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
new file mode 100644
index 0000000..07ca26b
--- /dev/null
+++ b/frontend/app/page.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowRight, BarChart3, Globe2, ShieldCheck, Sparkles, TrendingUp } from "lucide-react";
+import { useEffect, useState } from "react";
+import { PublicHeader } from "@/components/public-header";
+import { apiFetch } from "@/lib/api";
+import type { FundProduct, FundProductList } from "@/types/api";
+
+export default function HomePage() {
+  const [products, setProducts] = useState<FundProduct[]>([]);
+  const [fundState, setFundState] = useState<"loading" | "ready" | "error">("loading");
+
+  useEffect(() => {
+    apiFetch<FundProductList>("/products?page=1&page_size=3")
+      .then((data) => { setProducts(data.items); setFundState("ready"); })
+      .catch(() => setFundState("error"));
+  }, []);
+
+  return (
+    <main id="top" className="bg-white text-slate-900">
+      <PublicHeader />
+      <section className="relative isolate flex min-h-[760px] items-end overflow-hidden bg-[var(--brand-navy)] pb-24 pt-40 text-white">
+        <div className="absolute inset-0 -z-20 bg-cover bg-center" style={{ backgroundImage: "url('/hero-finance.jpg')" }} />
+        <div className="absolute inset-0 -z-10 bg-[linear-gradient(90deg,rgba(4,18,52,.96)_0%,rgba(4,18,52,.78)_40%,rgba(4,18,52,.2)_100%)]" />
+        <div className="absolute inset-0 -z-10 hero-grid opacity-20" />
+        <div className="mx-auto w-full max-w-7xl px-8">
+          <div className="max-w-3xl">
+            <p className="mb-6 flex items-center gap-3 text-sm font-medium uppercase tracking-[0.28em] text-blue-100"><span className="h-px w-10 bg-[var(--brand-gold)]" />长期主义的财富伙伴</p>
+            <h1 className="max-w-3xl text-6xl font-semibold leading-[1.05] tracking-tight md:text-7xl">让每一份长期信任，<br /><span className="text-blue-100">都拥有专业的答案。</span></h1>
+            <p className="mt-8 max-w-xl text-lg leading-8 text-blue-50">华夏基金以专业研究、稳健风控和智能科技，为每一位投资者提供更清晰的基金选择与更长期的财富陪伴。</p>
+            <div className="mt-10 flex flex-wrap gap-4"><Link href="#funds" className="flex items-center gap-2 rounded-lg bg-[var(--brand-primary)] px-5 py-3.5 text-sm font-semibold text-white transition hover:bg-[var(--brand-primary-dark)]">查看基金产品 <ArrowRight className="h-4 w-4" /></Link><Link href="/register" className="rounded-lg border border-white/40 px-5 py-3.5 text-sm font-semibold text-white transition hover:bg-white/10">注册账户</Link></div>
+          </div>
+          <div className="mt-20 flex items-center gap-8 text-xs text-blue-100"><span className="flex items-center gap-2"><ShieldCheck className="h-4 w-4 text-[var(--brand-gold)]" />合规投资服务</span><span className="flex items-center gap-2"><Globe2 className="h-4 w-4 text-[var(--brand-gold)]" />面向长期价值</span></div>
+        </div>
+      </section>
+
+      <section id="about" className="mx-auto grid max-w-7xl gap-16 px-8 py-28 lg:grid-cols-[.85fr_1.15fr] lg:items-center"><div><p className="text-sm font-semibold uppercase tracking-[0.22em] text-[var(--brand-primary)]">About Huaxia Fund</p><h2 className="mt-4 text-4xl font-semibold leading-tight text-[var(--brand-navy)]">把复杂的市场，<br />变成清晰的选择。</h2><p className="mt-6 max-w-lg text-base leading-8 text-slate-500">让财富管理更智能、更普惠。我们坚持客户至上、诚信为本、专业精进与合规底线，用科技提升每一次投资决策的确定感。</p><Link href="#services" className="mt-8 inline-flex items-center gap-2 text-sm font-semibold text-[var(--brand-primary)]">了解我们的理念 <ArrowRight className="h-4 w-4" /></Link></div><div className="grid gap-4 sm:grid-cols-2"><div className="rounded-2xl bg-slate-50 p-7"><BarChart3 className="h-7 w-7 text-[var(--brand-primary)]" /><p className="mt-10 text-3xl font-semibold text-[var(--brand-navy)]">长期</p><p className="mt-2 text-sm leading-6 text-slate-500">用持续研究穿越周期，陪伴客户建立长期投资习惯。</p></div><div className="rounded-2xl bg-[var(--brand-navy)] p-7 text-white"><ShieldCheck className="h-7 w-7 text-[var(--brand-gold)]" /><p className="mt-10 text-3xl font-semibold">稳健</p><p className="mt-2 text-sm leading-6 text-blue-100">把风险管理放在每一次产品选择与服务流程之前。</p></div><div className="rounded-2xl bg-[var(--brand-primary)] p-7 text-white sm:col-span-2"><Sparkles className="h-7 w-7 text-blue-100" /><div className="mt-8 flex flex-wrap items-end justify-between gap-6"><div><p className="text-3xl font-semibold">科技赋能</p><p className="mt-2 max-w-md text-sm leading-6 text-blue-100">通过数据、智能投顾与数字化服务，让专业能力更容易被每一位投资者使用。</p></div><ArrowRight className="h-8 w-8" /></div></div></div></section>
+
+      <section id="services" className="bg-slate-50 py-28"><div className="mx-auto max-w-7xl px-8"><div className="max-w-2xl"><p className="text-sm font-semibold uppercase tracking-[0.22em] text-[var(--brand-primary)]">Core Services</p><h2 className="mt-4 text-4xl font-semibold text-[var(--brand-navy)]">为每一种目标，<br />提供更合适的方案。</h2></div><div className="mt-14 grid gap-5 md:grid-cols-3"><div className="border-t-2 border-[var(--brand-primary)] pt-6"><TrendingUp className="h-6 w-6 text-[var(--brand-primary)]" /><h3 className="mt-8 text-xl font-semibold text-[var(--brand-navy)]">公募基金</h3><p className="mt-3 text-sm leading-7 text-slate-500">覆盖多种基金类型，帮助投资者按风险偏好和目标筛选产品。</p></div><div className="border-t-2 border-[var(--brand-gold)] pt-6"><ShieldCheck className="h-6 w-6 text-[var(--brand-gold)]" /><h3 className="mt-8 text-xl font-semibold text-[var(--brand-navy)]">风险管理</h3><p className="mt-3 text-sm leading-7 text-slate-500">通过风险测评和适当性服务，让投资选择建立在理解之上。</p></div><div className="border-t-2 border-[var(--brand-navy)] pt-6"><Sparkles className="h-6 w-6 text-[var(--brand-navy)]" /><h3 className="mt-8 text-xl font-semibold text-[var(--brand-navy)]">智能投顾</h3><p className="mt-3 text-sm leading-7 text-slate-500">用智能工具辅助信息理解和资产配置，服务每一段长期旅程。</p></div></div></div></section>
+
+      <section id="funds" className="mx-auto max-w-7xl px-8 py-28"><div className="flex flex-col justify-between gap-5 md:flex-row md:items-end"><div><p className="text-sm font-semibold uppercase tracking-[0.22em] text-[var(--brand-primary)]">Fund Marketplace</p><h2 className="mt-4 text-4xl font-semibold text-[var(--brand-navy)]">从真实数据开始，<br />找到适合自己的基金。</h2></div><Link href="/products" className="inline-flex items-center gap-2 text-sm font-semibold text-[var(--brand-primary)]">查看全部产品 <ArrowRight className="h-4 w-4" /></Link></div><div className="mt-12 grid gap-5 md:grid-cols-3">{fundState === "loading" && [1, 2, 3].map((item) => <div key={item} className="h-64 animate-pulse rounded-2xl bg-slate-100" />)}{fundState === "error" && <div className="rounded-2xl border border-amber-200 bg-amber-50 p-6 text-sm text-amber-800 md:col-span-3">基金数据暂时无法加载，请确认后端服务已启动后重试。</div>}{fundState === "ready" && products.map((product) => <Link href={`/products/${product.product_code}`} key={product.id} className="group rounded-2xl border border-slate-200 bg-white p-6 transition hover:-translate-y-1 hover:border-[var(--brand-primary)] hover:shadow-xl hover:shadow-slate-200/60"><div className="flex items-start justify-between gap-4"><span className="rounded-full bg-indigo-50 px-3 py-1 text-xs font-semibold text-[var(--brand-primary)]">{product.risk_level}</span><ArrowRight className="h-4 w-4 text-slate-300 transition group-hover:text-[var(--brand-primary)]" /></div><h3 className="mt-8 text-lg font-semibold text-[var(--brand-navy)]">{product.product_name}</h3><p className="mt-1 text-xs text-slate-400">{product.product_code} · {product.product_type}</p><div className="mt-8 flex items-end justify-between"><div><p className="text-xs text-slate-400">最新净值</p><p className="mt-1 text-2xl font-semibold text-[var(--brand-navy)]">{product.nav ?? "--"}</p></div><span className="text-xs text-slate-400">{product.nav_date ?? "暂无日期"}</span></div></Link>)}{fundState === "ready" && products.length === 0 && <div className="rounded-2xl border border-slate-200 p-8 text-sm text-slate-500 md:col-span-3">当前暂无可展示的基金产品。</div>}</div></section>
+
+      <section className="bg-[var(--brand-navy)] py-20 text-white"><div className="mx-auto flex max-w-7xl flex-col justify-between gap-8 px-8 md:flex-row md:items-center"><div><p className="text-sm font-semibold uppercase tracking-[0.22em] text-blue-200">Start With Clarity</p><h2 className="mt-3 text-3xl font-semibold">先了解自己，再做投资选择。</h2><p className="mt-3 max-w-xl text-sm leading-7 text-blue-100">基金投资有风险，投资者应根据自身风险承受能力选择适合的产品。过往业绩不代表未来表现。</p></div><Link href="/register" className="inline-flex shrink-0 items-center gap-2 rounded-lg bg-white px-5 py-3.5 text-sm font-semibold text-[var(--brand-navy)] transition hover:bg-blue-50">开启账户 <ArrowRight className="h-4 w-4" /></Link></div></section>
+      <footer className="bg-white"><div className="mx-auto flex max-w-7xl flex-col gap-7 px-8 py-10 text-sm text-slate-500 md:flex-row md:items-center md:justify-between"><div><p className="font-semibold text-[var(--brand-navy)]">华夏基金</p><p className="mt-2 text-xs">让财富管理更智能、更普惠</p></div><div className="flex flex-wrap gap-5"><Link href="/login" className="hover:text-[var(--brand-primary)]">登录</Link><Link href="/register" className="hover:text-[var(--brand-primary)]">注册</Link><span>风险揭示</span></div></div></footer>
+    </main>
+  );
+}
diff --git a/frontend/app/products/[code]/page.tsx b/frontend/app/products/[code]/page.tsx
new file mode 100644
index 0000000..b7edccb
--- /dev/null
+++ b/frontend/app/products/[code]/page.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, CalendarDays, LineChart as LineChartIcon, ShieldCheck } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { PublicHeader } from "@/components/public-header";
+import { apiFetch } from "@/lib/api";
+import type { FundProduct, FundProductList } from "@/types/api";
+
+interface HistoryPoint { nav_date: string; unit_nav: number; daily_growth?: number | null; cum_return_pct?: number; }
+interface HistoryResponse { items: HistoryPoint[]; total_growth_rate: number; max_return_rate: number; max_drawdown_rate: number; }
+
+export default function FundDetailPage({ params }: { params: Promise<{ code: string }> }) {
+  const [product, setProduct] = useState<FundProduct | null>(null);
+  const [history, setHistory] = useState<HistoryResponse | null>(null);
+  const [state, setState] = useState<"loading" | "ready" | "error">("loading");
+
+  useEffect(() => {
+    void params.then(({ code }) => Promise.all([
+      apiFetch<FundProductList>(`/products?keyword=${encodeURIComponent(code)}&page_size=10`),
+      apiFetch<HistoryResponse>(`/products/${encodeURIComponent(code)}/history`),
+    ]).then(([list, chart]) => {
+      setProduct(list.items.find((item) => item.product_code === code) ?? null);
+      setHistory(chart); setState("ready");
+    }).catch(() => setState("error")));
+  }, [params]);
+
+  return <main className="min-h-screen bg-slate-50 text-slate-900"><PublicHeader /><div className="mx-auto max-w-7xl px-8 pb-24 pt-32"><Link href="/products" className="inline-flex items-center gap-2 text-sm text-slate-500 hover:text-[var(--brand-primary)]"><ArrowLeft className="h-4 w-4" />返回基金列表</Link>{state === "loading" && <div className="mt-10 h-96 animate-pulse rounded-2xl bg-slate-200" />}{state === "error" && <Notice text="基金详情暂时无法加载，请稍后重试。" />}{state === "ready" && product && <><div className="mt-10 rounded-2xl bg-[var(--brand-navy)] p-10 text-white"><div className="flex flex-wrap items-start justify-between gap-8"><div><span className="rounded-full bg-white/10 px-3 py-1 text-xs text-blue-100">{product.risk_level}</span><h1 className="mt-5 text-4xl font-semibold">{product.product_name}</h1><p className="mt-2 text-sm text-blue-100">{product.product_code} · {product.product_type}</p></div><div className="text-right"><p className="text-xs text-blue-200">最新单位净值</p><p className="mt-2 text-4xl font-semibold">{product.nav ?? "--"}</p><p className="mt-2 text-xs text-blue-200">更新于 {product.nav_date ?? "暂无日期"}</p></div></div></div><div className="mt-6 grid gap-5 md:grid-cols-3"><Metric label="区间收益" value={history?.total_growth_rate} tone="green" /><Metric label="区间最大收益" value={history?.max_return_rate} tone="gold" /><Metric label="最大回撤" value={history?.max_drawdown_rate} tone="red" /></div><div className="mt-6 rounded-2xl border border-slate-200 bg-white p-8"><div className="flex items-center justify-between"><div><h2 className="flex items-center gap-2 text-lg font-semibold text-[var(--brand-navy)]"><LineChartIcon className="h-5 w-5 text-[var(--brand-primary)]" />历史净值走势</h2><p className="mt-1 text-sm text-slate-400">数据来自基金历史净值接口 · {history?.items.length ?? 0} 个数据点</p></div><CalendarDays className="h-5 w-5 text-slate-300" /></div><NavLineChart points={history?.items ?? []} /><p className="mt-4 flex items-center gap-2 text-xs text-slate-400"><ShieldCheck className="h-4 w-4" />基金投资有风险，过往业绩不代表未来表现。</p></div></>}{state === "ready" && !product && <Notice text="未找到该基金产品。" />}</div></main>;
+}
+
+function Metric({ label, value, tone }: { label: string; value?: number; tone: "green" | "gold" | "red" }) { const color = tone === "green" ? "text-emerald-600" : tone === "gold" ? "text-[var(--brand-gold)]" : "text-rose-600"; return <div className="rounded-2xl border border-slate-200 bg-white p-6"><p className="text-xs text-slate-400">{label}</p><p className={`mt-3 text-2xl font-semibold ${color}`}>{value ?? "--"}{value !== undefined && "%"}</p></div>; }
+
+function NavLineChart({ points }: { points: HistoryPoint[] }) {
+  const chartPoints = useMemo(() => points.slice(-60), [points]);
+  if (!chartPoints.length) return <div className="mt-8 flex h-64 items-center justify-center rounded-xl bg-slate-50 text-sm text-slate-400">暂无历史净值数据</div>;
+  const values = chartPoints.map((point) => point.unit_nav); const min = Math.min(...values); const max = Math.max(...values); const range = Math.max(max - min, 0.000001); const coords = chartPoints.map((point, index) => { const x = (index / Math.max(chartPoints.length - 1, 1)) * 100; const y = 92 - ((point.unit_nav - min) / range) * 76; return `${x},${y}`; }).join(" ");
+  return <div className="mt-8"><div className="relative h-64 overflow-hidden rounded-xl border border-slate-100 bg-slate-50 px-4 py-5"><svg viewBox="0 0 100 100" preserveAspectRatio="none" className="h-full w-full" role="img" aria-label="基金历史净值折线图"><line x1="0" y1="16" x2="100" y2="16" stroke="#e2e8f0" strokeWidth="0.4" /><line x1="0" y1="54" x2="100" y2="54" stroke="#e2e8f0" strokeWidth="0.4" /><line x1="0" y1="92" x2="100" y2="92" stroke="#cbd5e1" strokeWidth="0.5" /><polyline points={coords} fill="none" stroke="var(--brand-primary)" strokeWidth="1.2" vectorEffect="non-scaling-stroke" strokeLinecap="round" strokeLinejoin="round" /></svg><div className="pointer-events-none absolute inset-x-4 bottom-2 flex justify-between text-[10px] text-slate-400"><span>{chartPoints[0].nav_date}</span><span>{chartPoints[chartPoints.length - 1].nav_date}</span></div></div><div className="mt-3 flex justify-between text-xs text-slate-400"><span>最低净值 {min.toFixed(4)}</span><span>最高净值 {max.toFixed(4)}</span></div></div>;
+}
+
+function Notice({ text }: { text: string }) { return <div className="mt-10 rounded-2xl border border-amber-200 bg-amber-50 p-8 text-sm text-amber-800">{text}</div>; }
diff --git a/frontend/app/products/page.tsx b/frontend/app/products/page.tsx
new file mode 100644
index 0000000..e750dac
--- /dev/null
+++ b/frontend/app/products/page.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, ArrowRight, Search } from "lucide-react";
+import { useEffect, useState } from "react";
+import { PublicHeader } from "@/components/public-header";
+import { apiFetch } from "@/lib/api";
+import type { FundProduct, FundProductList } from "@/types/api";
+
+export default function ProductsPage() {
+  const [items, setItems] = useState<FundProduct[]>([]);
+  const [keyword, setKeyword] = useState("");
+  const [riskLevel, setRiskLevel] = useState("");
+  const [state, setState] = useState<"loading" | "ready" | "error">("loading");
+
+  useEffect(() => {
+    const params = new URLSearchParams({ page: "1", page_size: "24" });
+    if (keyword.trim()) params.set("keyword", keyword.trim());
+    if (riskLevel) params.set("risk_level", riskLevel);
+    setState("loading");
+    apiFetch<FundProductList>(`/products?${params.toString()}`)
+      .then((data) => { setItems(data.items); setState("ready"); })
+      .catch(() => setState("error"));
+  }, [keyword, riskLevel]);
+
+  return (
+    <main className="min-h-screen bg-slate-50 text-slate-900">
+      <PublicHeader />
+      <section className="bg-[var(--brand-navy)] px-8 pb-16 pt-36 text-white"><div className="mx-auto max-w-7xl"><Link href="/" className="inline-flex items-center gap-2 text-sm text-blue-100 hover:text-white"><ArrowLeft className="h-4 w-4" />返回首页</Link><p className="mt-12 text-sm font-semibold uppercase tracking-[0.22em] text-blue-200">Fund Marketplace</p><h1 className="mt-4 text-5xl font-semibold">基金产品</h1><p className="mt-4 max-w-xl text-base leading-7 text-blue-100">基于真实产品数据，按基金类型、风险等级和投资目标了解更多选择。</p></div></section>
+      <section className="mx-auto max-w-7xl px-8 py-12"><div className="flex flex-wrap gap-3"><div className="relative w-80"><Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" /><input value={keyword} onChange={(event) => setKeyword(event.target.value)} placeholder="搜索基金名称或代码" className="w-full rounded-xl border border-slate-200 bg-white py-3 pl-10 pr-4 text-sm outline-none focus:border-[var(--brand-primary)]" /></div><select value={riskLevel} onChange={(event) => setRiskLevel(event.target.value)} className="rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm text-slate-700 outline-none focus:border-[var(--brand-primary)]"><option value="">全部风险等级</option><option value="低风险">低风险</option><option value="中风险">中风险</option><option value="高风险">高风险</option></select></div><div className="mt-8 grid gap-5 md:grid-cols-2 lg:grid-cols-3">{state === "loading" && [1, 2, 3, 4, 5, 6].map((item) => <div key={item} className="h-64 animate-pulse rounded-2xl bg-slate-200" />)}{state === "error" && <div className="rounded-2xl border border-amber-200 bg-amber-50 p-6 text-sm text-amber-800 lg:col-span-3">基金数据暂时无法加载，请确认后端服务已启动后重试。</div>}{state === "ready" && items.map((item) => <Link href={`/products/${item.product_code}`} key={item.id} className="group rounded-2xl border border-slate-200 bg-white p-6 transition hover:-translate-y-1 hover:border-[var(--brand-primary)] hover:shadow-xl hover:shadow-slate-200/50"><div className="flex items-start justify-between"><span className="rounded-full bg-indigo-50 px-3 py-1 text-xs font-semibold text-[var(--brand-primary)]">{item.risk_level}</span><ArrowRight className="h-4 w-4 text-slate-300 group-hover:text-[var(--brand-primary)]" /></div><h2 className="mt-8 text-lg font-semibold text-[var(--brand-navy)]">{item.product_name}</h2><p className="mt-1 text-xs text-slate-400">{item.product_code} · {item.product_type}</p><div className="mt-8 flex items-end justify-between"><div><p className="text-xs text-slate-400">最新净值</p><p className="mt-1 text-2xl font-semibold text-[var(--brand-navy)]">{item.nav ?? "--"}</p></div><span className="text-xs text-slate-400">{item.nav_date ?? "暂无日期"}</span></div></Link>)}{state === "ready" && items.length === 0 && <div className="rounded-2xl border border-slate-200 bg-white p-10 text-center text-sm text-slate-500 lg:col-span-3">没有找到匹配的基金产品。</div>}</div></section>
+    </main>
+  );
+}
diff --git a/frontend/app/register/page.tsx b/frontend/app/register/page.tsx
new file mode 100644
index 0000000..c6d5137
--- /dev/null
+++ b/frontend/app/register/page.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, ArrowRight, UserPlus } from "lucide-react";
+import { FormEvent, useState } from "react";
+import { apiFetch } from "@/lib/api";
+
+export default function RegisterPage() {
+  const [form, setForm] = useState({ username: "", password: "", phone: "", real_name: "" });
+  const [message, setMessage] = useState(""); const [loading, setLoading] = useState(false); const [done, setDone] = useState(false);
+  async function handleSubmit(event: FormEvent) { event.preventDefault(); setMessage(""); setLoading(true); try { await apiFetch("/auth/register", { method: "POST", body: JSON.stringify(form) }); setDone(true); } catch (error) { setMessage(error instanceof Error ? error.message : "注册失败，请稍后重试"); } finally { setLoading(false); } }
+  const update = (key: keyof typeof form, value: string) => setForm((current) => ({ ...current, [key]: value }));
+  return <main className="flex min-h-screen items-center justify-center bg-slate-50 p-8"><div className="w-full max-w-xl rounded-2xl border border-slate-200 bg-white p-8 shadow-xl sm:p-12"><Link href="/" className="inline-flex items-center gap-2 text-sm text-slate-500 hover:text-[var(--brand-primary)]"><ArrowLeft className="h-4 w-4" />返回首页</Link><div className="mt-10 flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-50 text-[var(--brand-primary)]"><UserPlus className="h-5 w-5" /></div><h1 className="mt-6 text-2xl font-semibold text-[var(--brand-navy)]">创建华夏基金账户</h1><p className="mt-2 text-sm text-slate-500">注册后即可查看个人账户和基金持仓。</p>{done ? <div className="mt-8 rounded-xl bg-emerald-50 p-5 text-sm text-emerald-700">注册成功，请前往登录。<Link href="/login" className="ml-2 font-semibold underline">登录账户</Link></div> : <form onSubmit={handleSubmit} className="mt-8 grid gap-5 sm:grid-cols-2"><label className="text-sm font-medium text-slate-700">用户名<input required value={form.username} onChange={(event) => update("username", event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label><label className="text-sm font-medium text-slate-700">真实姓名<input value={form.real_name} onChange={(event) => update("real_name", event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label><label className="text-sm font-medium text-slate-700">手机号<input required pattern="1\d{10}" value={form.phone} onChange={(event) => update("phone", event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label><label className="text-sm font-medium text-slate-700">密码<input required minLength={8} type="password" value={form.password} onChange={(event) => update("password", event.target.value)} className="mt-2 w-full rounded-lg border border-slate-200 px-3 py-3 outline-none focus:border-[var(--brand-primary)]" /></label>{message && <p className="rounded-lg bg-rose-50 px-3 py-2 text-sm text-rose-600 sm:col-span-2">{message}</p>}<button disabled={loading} className="flex items-center justify-center gap-2 rounded-lg bg-[var(--brand-primary)] px-4 py-3.5 text-sm font-semibold text-white hover:bg-[var(--brand-primary-dark)] disabled:opacity-50 sm:col-span-2">{loading ? "注册中..." : "创建账户"}<ArrowRight className="h-4 w-4" /></button></form>}<p className="mt-7 text-center text-sm text-slate-500">已有账号？ <Link href="/login" className="font-semibold text-[var(--brand-primary)]">立即登录</Link></p></div></main>;
+}
diff --git a/frontend/app/risk-assessment/page.tsx b/frontend/app/risk-assessment/page.tsx
new file mode 100644
index 0000000..62fa1fc
--- /dev/null
+++ b/frontend/app/risk-assessment/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, CheckCircle2 } from "lucide-react";
+import { FormEvent, useState } from "react";
+import { apiFetch } from "@/lib/api";
+
+const questions = ["您的投资目标是什么？", "您能接受多大程度的本金波动？", "您的投资期限通常是？", "您对基金投资的了解程度？", "如果短期亏损，您会如何处理？"];
+const options = ["稳健保值", "平衡增长", "积极增值", "长期财富积累"];
+
+export default function RiskAssessmentPage() {
+  const [answers, setAnswers] = useState<string[]>(Array(questions.length).fill(""));
+  const [message, setMessage] = useState(""); const [done, setDone] = useState(false); const [loading, setLoading] = useState(false);
+  async function submit(event: FormEvent) { event.preventDefault(); if (answers.some((item) => !item)) { setMessage("请完成全部测评问题"); return; } setLoading(true); setMessage(""); try { await apiFetch("/risk-assessment/submit", { method: "POST", body: JSON.stringify({ questionnaire_id: 1, answers: answers.map((option, index) => ({ question_no: index + 1, option })) }) }); setDone(true); } catch (error) { setMessage(error instanceof Error ? error.message : "测评提交失败"); } finally { setLoading(false); } }
+  return <main className="min-h-screen bg-slate-50 px-8 py-12"><div className="mx-auto max-w-3xl"><Link href="/account" className="inline-flex items-center gap-2 text-sm text-slate-500"><ArrowLeft className="h-4 w-4" />返回用户中心</Link><div className="mt-8 rounded-xl border border-slate-200 bg-white p-8"><p className="text-sm text-[var(--brand-primary)]">Risk Profile</p><h1 className="mt-2 text-3xl font-semibold text-[var(--brand-navy)]">风险承受能力测评</h1>{done ? <div className="mt-8 flex items-center gap-3 rounded-lg bg-emerald-50 p-5 text-emerald-700"><CheckCircle2 className="h-5 w-5" />测评已提交，系统将根据结果提供适当性提示。</div> : <form onSubmit={submit} className="mt-8 space-y-7">{questions.map((question, index) => <fieldset key={question}><legend className="text-sm font-medium text-slate-800">{index + 1}. {question}</legend><div className="mt-3 grid gap-2 sm:grid-cols-2">{options.map((option) => <label key={option} className={`cursor-pointer rounded-lg border px-4 py-3 text-sm ${answers[index] === option ? "border-[var(--brand-primary)] bg-indigo-50 text-[var(--brand-primary)]" : "border-slate-200 text-slate-600"}`}><input type="radio" name={`question-${index}`} value={option} checked={answers[index] === option} onChange={() => setAnswers((current) => current.map((item, itemIndex) => itemIndex === index ? option : item))} className="sr-only" />{option}</label>)}</div></fieldset>)}{message && <p className="rounded-lg bg-rose-50 p-3 text-sm text-rose-600">{message}</p>}<button disabled={loading} className="w-full rounded-lg bg-[var(--brand-primary)] px-4 py-3 text-sm font-semibold text-white disabled:opacity-50">{loading ? "提交中..." : "提交测评"}</button></form>}</div></div></main>;
+}
diff --git a/frontend/app/tools/knowledge/page.tsx b/frontend/app/tools/knowledge/page.tsx
new file mode 100644
index 0000000..cacbde2
--- /dev/null
+++ b/frontend/app/tools/knowledge/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, Trash2, Upload } from "lucide-react";
+import { useEffect, useState } from "react";
+import { apiFetch } from "@/lib/api";
+
+interface DocumentItem { id?: string; doc_id?: string; title?: string; filename?: string; status?: string; }
+export default function KnowledgePage() {
+  const [items, setItems] = useState<DocumentItem[]>([]); const [file, setFile] = useState<File | null>(null); const [message, setMessage] = useState(""); const [isAdmin, setIsAdmin] = useState(false);
+  async function load() { try { setItems(await apiFetch<DocumentItem[]>("/knowledge/documents")); } catch (error) { setMessage(error instanceof Error ? error.message : "知识库加载失败"); } }
+  useEffect(() => { void apiFetch<{ user: { user_type?: string } }>("/auth/me").then(({ user }) => { const allowed = user.user_type === "ADMIN"; setIsAdmin(allowed); if (allowed) void load(); else setMessage("知识库管理仅对 ADMIN 开放"); }).catch(() => setMessage("请先登录管理员账号")); }, []);
+  async function upload(path: "/knowledge/documents/preview" | "/knowledge/documents/confirm") { if (!file) return; const body = new FormData(); body.append("file", file); body.append("title", file.name); body.append("strategy", "default"); const token = localStorage.getItem("huaxia_token"); const response = await fetch(`/backend${path}`, { method: "POST", headers: token ? { Authorization: `Bearer ${token}` } : undefined, body }); const payload = await response.json(); setMessage(payload.message ?? (response.ok ? "操作成功" : "操作失败")); if (response.ok && path.endsWith("confirm")) await load(); }
+  async function remove(id: string) { await apiFetch(`/knowledge/documents/${id}`, { method: "DELETE" }); await load(); }
+  return <main className="min-h-screen bg-slate-50 px-10 py-10"><div className="mx-auto max-w-6xl"><Link href="/admin/common" className="inline-flex items-center gap-2 text-sm text-slate-500"><ArrowLeft className="h-4 w-4" />返回员工工作区</Link><h1 className="mt-8 text-3xl font-semibold text-[var(--brand-navy)]">知识库管理</h1>{!isAdmin ? <p className="mt-6 rounded-xl border border-amber-200 bg-amber-50 p-5 text-sm text-amber-800">知识库管理仅对 ADMIN 开放。</p> : <><div className="mt-6 rounded-xl border border-slate-200 bg-white p-6"><input type="file" onChange={(event) => setFile(event.target.files?.[0] ?? null)} /><div className="mt-4 flex gap-3"><button onClick={() => void upload("/knowledge/documents/preview")} className="flex items-center gap-2 rounded-lg border px-4 py-2 text-sm"><Upload className="h-4 w-4" />预览</button><button onClick={() => void upload("/knowledge/documents/confirm")} className="rounded-lg bg-[var(--brand-primary)] px-4 py-2 text-sm text-white">确认入库</button></div>{message && <p className="mt-3 text-sm text-slate-500">{message}</p>}</div><div className="mt-6 divide-y divide-slate-100 rounded-xl border border-slate-200 bg-white">{items.map((item) => { const id = item.id ?? item.doc_id ?? ""; return <div key={id} className="flex items-center justify-between p-5 text-sm"><span>{item.title ?? item.filename ?? id} <small className="ml-3 text-slate-400">{item.status ?? "已入库"}</small></span><button onClick={() => void remove(id)} aria-label="删除文档" className="text-rose-500"><Trash2 className="h-4 w-4" /></button></div>; })}{!items.length && <p className="p-8 text-sm text-slate-400">暂无知识库文档</p>}</div></>}</div></main>;
+}
diff --git a/frontend/app/tools/nl2sql/page.tsx b/frontend/app/tools/nl2sql/page.tsx
new file mode 100644
index 0000000..75f803f
--- /dev/null
+++ b/frontend/app/tools/nl2sql/page.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeft, Download, RefreshCw, Send } from "lucide-react";
+import { FormEvent, useEffect, useState } from "react";
+import { ApiError, apiFetch } from "@/lib/api";
+
+interface HistoryItem { query_id?: string; question?: string; status?: string; row_count?: number; create_time?: string; }
+
+export default function Nl2SqlPage() {
+  const [tab, setTab] = useState<"query" | "history" | "config">("query");
+  const [question, setQuestion] = useState("");
+  const [result, setResult] = useState<unknown>(null);
+  const [history, setHistory] = useState<HistoryItem[]>([]);
+  const [config, setConfig] = useState<Record<string, unknown>>({});
+  const [message, setMessage] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [userType, setUserType] = useState<string | null>(null);
+  const isAdmin = userType === "ADMIN";
+  const canQuery = userType === "EMPLOYEE";
+
+  useEffect(() => {
+    void apiFetch<{ user: { user_type?: string } }>("/auth/me")
+      .then(({ user }) => {
+        const nextType = user.user_type ?? null;
+        setUserType(nextType);
+        if (nextType === "ADMIN") setTab("config");
+      })
+      .catch(() => setUserType(null));
+  }, []);
+
+  useEffect(() => {
+    if (tab === "history" && canQuery) void loadHistory();
+    if (tab === "config" && isAdmin) void loadConfig();
+  }, [tab, isAdmin, canQuery]);
+
+  async function query(event: FormEvent) {
+    event.preventDefault(); setLoading(true); setMessage("");
+    if (!canQuery) { setMessage("当前账号仅可管理 NL2SQL 配置，不能执行数据查询。"); setLoading(false); return; }
+    try {
+      setResult(await apiFetch("/nl2sql/query", { method: "POST", body: JSON.stringify({ question, output_format: "json", include_sql: true, page: 1, page_size: 100 }) }));
+    } catch (error) {
+      setMessage(error instanceof ApiError && error.status === 403 ? "当前账号没有 NL2SQL 查询权限，请使用员工账号登录。" : error instanceof Error ? error.message : "查询失败");
+    } finally { setLoading(false); }
+  }
+
+  async function loadHistory() { try { const response = await apiFetch<{ items?: HistoryItem[] }>("/nl2sql/query-history?page=1&page_size=50"); setHistory(response.items ?? []); } catch (error) { setMessage(error instanceof Error ? error.message : "历史加载失败"); } }
+  async function loadConfig() { try { setConfig(await apiFetch<Record<string, unknown>>("/nl2sql/admin/runtime-config")); } catch (error) { setMessage(error instanceof Error ? error.message : "配置加载失败"); } }
+  async function saveConfig() { try { await apiFetch("/nl2sql/admin/runtime-config", { method: "PATCH", body: JSON.stringify(config) }); setMessage("运行配置已保存"); } catch (error) { setMessage(error instanceof Error ? error.message : "配置保存失败"); } }
+
+  if (userType === null) return <main className="min-h-screen bg-slate-50 px-10 py-10"><div className="mx-auto max-w-6xl"><Link href="/admin/common" className="inline-flex items-center gap-2 text-sm text-slate-500"><ArrowLeft className="h-4 w-4" />返回员工工作区</Link><p className="mt-10 text-sm text-slate-500">正在校验账号权限...</p></div></main>;
+  return <main className="min-h-screen bg-slate-50 px-10 py-10"><div className="mx-auto max-w-6xl"><Link href="/admin/common" className="inline-flex items-center gap-2 text-sm text-slate-500"><ArrowLeft className="h-4 w-4" />返回员工工作区</Link><h1 className="mt-8 text-3xl font-semibold text-[var(--brand-navy)]">NL2SQL 数据中心</h1>{isAdmin ? <p className="mt-4 rounded-lg bg-blue-50 p-4 text-sm text-blue-700">当前为 ADMIN 账号，仅开放运行配置管理。数据查询由普通员工账号使用。</p> : <p className="mt-4 rounded-lg bg-blue-50 p-4 text-sm text-blue-700">当前账号可使用查询和历史功能，运行配置仅对 ADMIN 开放。</p>}<div className="mt-6 flex gap-2 border-b border-slate-200">{canQuery && <><button onClick={() => setTab("query")} className={`border-b-2 px-4 py-3 text-sm ${tab === "query" ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-transparent text-slate-500"}`}>自然语言查询</button><button onClick={() => setTab("history")} className={`border-b-2 px-4 py-3 text-sm ${tab === "history" ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-transparent text-slate-500"}`}>查询历史</button></>}{isAdmin && <button onClick={() => setTab("config")} className={`border-b-2 px-4 py-3 text-sm ${tab === "config" ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-transparent text-slate-500"}`}>运行配置</button>}</div>{message && <p className="mt-4 rounded-lg bg-rose-50 p-4 text-sm text-rose-600">{message}</p>}{tab === "query" && canQuery && <><form onSubmit={query} className="mt-6 flex gap-3 rounded-xl border border-slate-200 bg-white p-5"><input required value={question} onChange={(event) => setQuestion(event.target.value)} placeholder="例如：查询本月基金产品数量" className="min-w-0 flex-1 rounded-lg border border-slate-200 px-4 py-3 text-sm" /><button disabled={loading} className="flex items-center gap-2 rounded-lg bg-[var(--brand-primary)] px-4 py-3 text-sm text-white"><Send className="h-4 w-4" />查询</button></form><pre className="mt-6 min-h-64 overflow-auto rounded-xl border border-slate-200 bg-white p-6 text-xs text-slate-700">{result ? JSON.stringify(result, null, 2) : "查询结果将在这里显示"}</pre></>}{tab === "history" && canQuery && <section className="mt-6 rounded-xl border border-slate-200 bg-white p-6"><div className="flex justify-between"><h2 className="font-semibold">查询历史</h2><button onClick={() => void loadHistory()} aria-label="刷新历史" className="text-slate-500"><RefreshCw className="h-4 w-4" /></button></div><div className="mt-4 divide-y divide-slate-100">{history.map((item) => <div key={item.query_id} className="flex items-center justify-between gap-4 py-4 text-sm"><button onClick={() => void apiFetch(`/nl2sql/query-history/${item.query_id}`).then(setResult)} className="text-left"><p>{item.question ?? item.query_id}</p><p className="mt-1 text-xs text-slate-400">{item.status} · {item.row_count ?? 0} 行 · {item.create_time ?? ""}</p></button><button onClick={() => window.open(`/backend/nl2sql/query-history/${item.query_id}/export`, "_blank")} aria-label="导出查询历史" className="text-slate-500"><Download className="h-4 w-4" /></button></div>)}{!history.length && <p className="py-8 text-sm text-slate-400">暂无查询历史</p>}</div>{Boolean(result) && <pre className="mt-5 max-h-80 overflow-auto rounded-lg bg-slate-50 p-4 text-xs">{JSON.stringify(result, null, 2)}</pre>}</section>}{tab === "config" && isAdmin && <section className="mt-6 rounded-xl border border-slate-200 bg-white p-6"><div className="flex justify-between"><h2 className="font-semibold">运行配置</h2><button onClick={() => void loadConfig()} aria-label="刷新配置" className="text-slate-500"><RefreshCw className="h-4 w-4" /></button></div><textarea value={JSON.stringify(config, null, 2)} onChange={(event) => { try { setConfig(JSON.parse(event.target.value)); } catch { /* wait for valid JSON */ } }} className="mt-5 min-h-80 w-full rounded-lg border border-slate-200 p-4 font-mono text-xs" /><button onClick={() => void saveConfig()} className="mt-4 rounded-lg bg-[var(--brand-primary)] px-4 py-2 text-sm text-white">保存配置</button></section>}</div></main>;
+}
diff --git a/frontend/components/agent-chat.tsx b/frontend/components/agent-chat.tsx
new file mode 100644
index 0000000..529adbf
--- /dev/null
+++ b/frontend/components/agent-chat.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { Bot, MessageCircle, Send, X } from "lucide-react";
+import { useState } from "react";
+import { apiFetch, apiStream } from "@/lib/api";
+
+interface AgentChatProps {
+  employeeMode?: boolean;
+}
+
+interface ChatMessage {
+  id: number;
+  role: "user" | "agent";
+  content: string;
+}
+
+export function AgentChat({ employeeMode = false }: AgentChatProps) {
+  const [open, setOpen] = useState(false);
+  const [input, setInput] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [sessionId, setSessionId] = useState<string | null>(null);
+  const [messages, setMessages] = useState<ChatMessage[]>([
+    { id: 1, role: "agent", content: "您好，我是华夏基金智能助手。您可以咨询基金产品、风险等级和净值信息。" },
+  ]);
+
+  async function ensureSession() {
+    if (employeeMode) return "";
+    if (sessionId) return sessionId;
+    const result = await apiFetch<{ session_id: string }>("/agent/customer/session/create", { method: "POST" });
+    setSessionId(result.session_id);
+    return result.session_id;
+  }
+
+  async function sendMessage() {
+    const content = input.trim();
+    if (!content || loading) return;
+    setInput("");
+    setMessages((current) => [...current, { id: Date.now(), role: "user", content }]);
+    setLoading(true);
+
+    try {
+      const activeSessionId = await ensureSession();
+      const response = employeeMode
+        ? await apiStream("/advisor-agent/chat/stream", { query: content })
+        : await apiStream("/agent/customer/chat", { session_id: activeSessionId, query: content });
+      setMessages((current) => [...current, { id: Date.now() + 1, role: "agent", content: response || "暂时没有找到合适的回答，请稍后再试。" }]);
+    } catch {
+      setMessages((current) => [...current, { id: Date.now() + 1, role: "agent", content: "当前服务暂时不可用，请稍后再试。" }]);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function closeChat() {
+    setOpen(false);
+    if (!sessionId || employeeMode) return;
+    try { await apiFetch("/agent/customer/session/end", { method: "POST", body: JSON.stringify({ session_id: sessionId }) }); } catch { /* session cleanup is best effort */ }
+    setSessionId(null);
+  }
+
+  return (
+    <div className="fixed bottom-3 right-7 z-50">
+      {open && (
+        <div role="dialog" aria-label="华夏基金智能助手" className="mb-4 flex h-[520px] w-[380px] flex-col overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-2xl">
+          <div className="flex items-center justify-between bg-[var(--brand-navy)] px-5 py-4 text-white">
+            <div className="flex items-center gap-3">
+              <div className="flex h-9 w-9 items-center justify-center rounded-xl bg-[var(--brand-primary)]"><Bot className="h-5 w-5" /></div>
+              <div><p className="text-sm font-semibold">华夏基金智能助手</p><p className="mt-0.5 text-xs text-blue-100">在线为您提供基金信息服务</p></div>
+            </div>
+            <button aria-label="关闭聊天框" onClick={() => void closeChat()} className="rounded-lg p-2 text-blue-100 transition hover:bg-white/10 hover:text-white"><X className="h-4 w-4" /></button>
+          </div>
+          <div className="flex-1 space-y-4 overflow-y-auto bg-slate-50 p-4">
+            {messages.map((message) => <div key={message.id} className={`flex ${message.role === "user" ? "justify-end" : "justify-start"}`}><div className={`max-w-[82%] rounded-2xl px-4 py-3 text-sm leading-6 ${message.role === "user" ? "rounded-br-md bg-[var(--brand-primary)] text-white" : "rounded-bl-md border border-slate-200 bg-white text-slate-700"}`}>{message.content}</div></div>)}
+            {loading && <div className="text-xs text-slate-400">正在整理信息...</div>}
+          </div>
+          <form onSubmit={(event) => { event.preventDefault(); void sendMessage(); }} className="flex gap-2 border-t border-slate-200 bg-white p-3">
+            <input value={input} onChange={(event) => setInput(event.target.value)} placeholder="输入您的问题" className="min-w-0 flex-1 rounded-xl border border-slate-200 px-3 py-2.5 text-sm outline-none transition focus:border-[var(--brand-primary)]" />
+            <button type="submit" aria-label="发送消息" className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--brand-primary)] text-white transition hover:bg-[var(--brand-primary-dark)] disabled:cursor-not-allowed disabled:opacity-50" disabled={loading || !input.trim()}><Send className="h-4 w-4" /></button>
+          </form>
+        </div>
+      )}
+      <button aria-label={open ? "收起智能助手" : "打开智能助手"} onClick={() => setOpen((value) => !value)} className="flex h-14 w-14 items-center justify-center rounded-full bg-[var(--brand-primary)] text-white shadow-lg shadow-indigo-900/25 transition hover:-translate-y-0.5 hover:bg-[var(--brand-primary-dark)]">{open ? <X className="h-5 w-5" /> : <MessageCircle className="h-5 w-5" />}</button>
+    </div>
+  );
+}
diff --git a/frontend/components/agent-mount.tsx b/frontend/components/agent-mount.tsx
new file mode 100644
index 0000000..348e12c
--- /dev/null
+++ b/frontend/components/agent-mount.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { useEffect, useState } from "react";
+import { apiFetch } from "@/lib/api";
+import { AgentChat } from "@/components/agent-chat";
+
+interface CurrentUser {
+  user_type?: string;
+  employee_role?: string | null;
+}
+
+export function AgentMount() {
+  const pathname = usePathname();
+  const [employee, setEmployee] = useState(false);
+
+  useEffect(() => {
+    if (!pathname.startsWith("/admin")) return;
+    void apiFetch<{ user: CurrentUser }>("/auth/me")
+      .then(({ user }) => {
+        const advisorRole = user.employee_role === "投顾" || user.employee_role === "投顾专员" || user.employee_role === "ADMIN";
+        setEmployee((user.user_type === "EMPLOYEE" || user.user_type === "ADMIN") && advisorRole);
+      })
+      .catch(() => setEmployee(false));
+  }, [pathname]);
+
+  if (pathname.startsWith("/admin") && employee) return <AgentChat employeeMode />;
+  if (pathname.startsWith("/admin")) return null;
+  return <AgentChat />;
+}
diff --git a/frontend/components/public-header.tsx b/frontend/components/public-header.tsx
new file mode 100644
index 0000000..9852688
--- /dev/null
+++ b/frontend/components/public-header.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowUpRight, LogOut } from "lucide-react";
+import { useEffect, useState } from "react";
+import { clearToken, getToken } from "@/lib/auth";
+
+const links = [["首页", "#top"], ["关于我们", "#about"], ["核心服务", "#services"], ["基金产品", "#funds"]];
+
+export function PublicHeader() {
+  const [authenticated, setAuthenticated] = useState(false);
+
+  useEffect(() => {
+    setAuthenticated(Boolean(getToken()));
+  }, []);
+
+  return (
+    <header className="fixed inset-x-0 top-0 z-40 border-b border-white/10 bg-[var(--brand-navy)]/85 text-white backdrop-blur-xl">
+      <div className="mx-auto flex h-20 max-w-7xl items-center justify-between px-8">
+        <Link href="/#top" className="flex items-center gap-3" aria-label="华夏基金首页">
+          <span className="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-[var(--brand-primary)] shadow-sm"><span className="text-lg font-bold">华</span></span>
+          <span><span className="block text-lg font-semibold tracking-wide">华夏基金</span><span className="block text-[10px] uppercase tracking-[0.25em] text-blue-100">Huaxia Fund</span></span>
+        </Link>
+        <nav className="hidden items-center gap-8 lg:flex">{links.map(([label, href]) => <Link key={href} href={href} className="text-sm text-blue-50 transition hover:text-white">{label}</Link>)}</nav>
+        {authenticated ? <button onClick={() => { clearToken(); setAuthenticated(false); window.location.href = "/"; }} className="flex items-center gap-1.5 rounded-lg bg-white px-4 py-2.5 text-sm font-semibold text-[var(--brand-navy)] transition hover:bg-blue-50"><LogOut className="h-4 w-4" />退出登录</button> : <div className="flex items-center gap-3"><Link href="/login" className="flex items-center gap-1.5 rounded-lg bg-white px-4 py-2.5 text-sm font-semibold text-[var(--brand-navy)] transition hover:bg-blue-50">登录 <ArrowUpRight className="h-4 w-4" /></Link></div>}
+      </div>
+    </header>
+  );
+}
diff --git a/frontend/components/role-workspaces.tsx b/frontend/components/role-workspaces.tsx
new file mode 100644
index 0000000..b55f006
--- /dev/null
+++ b/frontend/components/role-workspaces.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import Link from "next/link";
+import { Activity, AlertTriangle, BarChart3, Check, FileText, LogOut, ShieldAlert, Users } from "lucide-react";
+import { useEffect, useState } from "react";
+import { apiFetch } from "@/lib/api";
+import { clearToken, getRoleLabel } from "@/lib/auth";
+import type { UserPayload } from "@/types/api";
+
+interface DashboardData { overview?: { total_customers?: number; signed_customers?: number; total_aum?: string }; todos?: { pending?: number } }
+interface RiskAlert { id: number; customer_id: number; alert_type: string; alert_level: string; status: string }
+interface WorkOrder { id: number; work_order_no: string; order_type: string; status: string; priority: string }
+interface Customer { customer_id?: number; id?: number; real_name?: string; name?: string; risk_level?: string; total_aum?: string | number }
+interface Todo { id: number; todo_type: string; status: string; priority: string }
+interface Visit { id: number; customer_id: number; visit_type?: string; content?: string }
+
+function Frame({ title, subtitle, role, children }: { title: string; subtitle: string; role: string; children: React.ReactNode }) {
+  return <main className="min-h-screen bg-slate-50 text-slate-900"><header className="flex h-20 items-center justify-between border-b border-slate-200 bg-white px-10"><div><p className="text-xs uppercase tracking-[0.2em] text-slate-400">Huaxia Fund Operations</p><h1 className="mt-1 text-xl font-semibold text-[var(--brand-navy)]">{title}</h1></div><div className="flex items-center gap-5"><span className="text-sm text-slate-500">{role}</span><button onClick={() => { clearToken(); window.location.href = "/login"; }} className="flex items-center gap-2 text-sm text-slate-500 hover:text-[var(--brand-primary)]"><LogOut className="h-4 w-4" />退出登录</button></div></header><section className="mx-auto max-w-7xl px-10 py-10"><p className="text-sm text-slate-500">{subtitle}</p>{children}</section></main>;
+}
+
+async function getMe() { return (await apiFetch<{ user: UserPayload }>("/auth/me")).user; }
+function Notice({ children }: { children: React.ReactNode }) { return <div className="mt-5 rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-800">{children}</div>; }
+
+export function AdvisorWorkspace() {
+  const [user, setUser] = useState<UserPayload | null>(null); const [dashboard, setDashboard] = useState<DashboardData | null>(null); const [customers, setCustomers] = useState<Customer[]>([]); const [todos, setTodos] = useState<Todo[]>([]); const [visits, setVisits] = useState<Visit[]>([]); const [report, setReport] = useState<Record<string, unknown> | null>(null); const [error, setError] = useState("");
+  async function load() { try { const [current, overview, customerData, todoData, visitData, personalReport] = await Promise.all([getMe(), apiFetch<DashboardData>("/advisor/dashboard"), apiFetch<{ items?: Customer[] }>("/advisor/customers?page=1&page_size=50"), apiFetch<{ items?: Todo[] }>("/advisor/todos?page=1&page_size=20"), apiFetch<{ items?: Visit[] }>("/advisor/visits?page=1&page_size=20"), apiFetch<Record<string, unknown>>("/advisor/report/personal")]); setUser(current); setDashboard(overview); setCustomers(customerData.items ?? []); setTodos(todoData.items ?? []); setVisits(visitData.items ?? []); setReport(personalReport); } catch { setError("部分投顾数据加载失败，请确认投顾权限或后端服务状态。"); } }
+  useEffect(() => { void load(); }, []);
+  async function finishTodo(id: number) { await apiFetch(`/advisor/todos/${id}/handle`, { method: "POST", body: JSON.stringify({ action: "done" }) }); await load(); }
+  const overview = dashboard?.overview;
+  return <Frame title="投顾工作区" subtitle="客户关系、投顾服务与业务待办" role={getRoleLabel(user?.employee_role)}>{error && <Notice>{error}</Notice>}<div className="mt-8 grid gap-5 md:grid-cols-4"><div className="rounded-xl border border-slate-200 bg-white p-6"><Users className="h-5 w-5 text-[var(--brand-primary)]" /><p className="mt-5 text-sm text-slate-500">名下客户</p><p className="mt-2 text-3xl font-semibold">{overview?.total_customers ?? "--"}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><Check className="h-5 w-5 text-[var(--brand-primary)]" /><p className="mt-5 text-sm text-slate-500">签约客户</p><p className="mt-2 text-3xl font-semibold">{overview?.signed_customers ?? "--"}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><BarChart3 className="h-5 w-5 text-[var(--brand-primary)]" /><p className="mt-5 text-sm text-slate-500">管理资产</p><p className="mt-2 text-3xl font-semibold">{overview?.total_aum ? `¥${overview.total_aum}` : "--"}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><Activity className="h-5 w-5 text-[var(--brand-primary)]" /><p className="mt-5 text-sm text-slate-500">待办事项</p><p className="mt-2 text-3xl font-semibold">{dashboard?.todos?.pending ?? "--"}</p></div></div><div className="mt-8 grid gap-6 lg:grid-cols-2"><section className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold">客户管理</h2><div className="mt-4 divide-y divide-slate-100">{customers.slice(0, 8).map((item) => <div key={item.customer_id ?? item.id} className="flex justify-between py-3 text-sm"><span>{item.real_name ?? item.name ?? `客户 #${item.customer_id ?? item.id}`}</span><span className="text-slate-500">{item.risk_level ?? "未评估"} · {item.total_aum ?? "--"}</span></div>)}{!customers.length && <p className="py-6 text-sm text-slate-400">暂无客户数据</p>}</div></section><section className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold">待办处理</h2><div className="mt-4 space-y-3">{todos.slice(0, 6).map((todo) => <div key={todo.id} className="flex items-center justify-between rounded-lg bg-slate-50 p-3 text-sm"><span>{todo.todo_type} · {todo.priority}</span><button onClick={() => void finishTodo(todo.id)} className="text-[var(--brand-primary)]">完成</button></div>)}{!todos.length && <p className="py-6 text-sm text-slate-400">暂无待办</p>}</div></section><section className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold">回访记录</h2><div className="mt-4 space-y-3">{visits.slice(0, 5).map((visit) => <div key={visit.id} className="rounded-lg bg-slate-50 p-3 text-sm">客户 #{visit.customer_id} · {visit.visit_type ?? "回访"}<p className="mt-1 text-xs text-slate-500">{visit.content ?? "暂无内容"}</p></div>)}{!visits.length && <p className="py-6 text-sm text-slate-400">暂无回访记录</p>}</div></section><section className="rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold">个人绩效</h2><pre className="mt-4 max-h-48 overflow-auto rounded-lg bg-slate-50 p-3 text-xs text-slate-600">{report ? JSON.stringify(report, null, 2) : "暂无绩效数据"}</pre></section></div></Frame>;
+}
+
+export function RiskWorkspace() {
+  const [user, setUser] = useState<UserPayload | null>(null); const [alerts, setAlerts] = useState<RiskAlert[]>([]); const [orders, setOrders] = useState<WorkOrder[]>([]); const [error, setError] = useState("");
+  async function load() { try { const [current, alertData, orderData] = await Promise.all([getMe(), apiFetch<{ items?: RiskAlert[] }>("/risk/alert/list?page=1&page_size=10"), apiFetch<{ items?: WorkOrder[] }>("/work-order/list?page=1&page_size=10")]); setUser(current); setAlerts(alertData.items ?? []); setOrders(orderData.items ?? []); } catch { setError("风控数据加载失败，请确认风控权限或后端服务状态。"); } }
+  useEffect(() => { void load(); }, []);
+  async function alertAction(id: number, action: "release" | "block" | "freeze") { await apiFetch(`/risk/alert/${id}/${action}`, { method: "POST" }); await load(); }
+  async function orderAction(id: number, action: "claim" | "submit-review" | "review") { const body = action === "review" ? { work_order_id: id, approve: window.confirm("确认通过该工单？"), comment: "前端工作区复核" } : { work_order_id: id }; await apiFetch(`/work-order/${action}`, { method: "POST", body: JSON.stringify(body) }); await load(); }
+  return <Frame title="风控工作区" subtitle="风险预警、处置与工单审核" role={getRoleLabel(user?.employee_role)}>{error && <Notice>{error}</Notice>}<div className="mt-8 grid gap-5 md:grid-cols-3"><div className="rounded-xl border border-slate-200 bg-white p-6"><ShieldAlert className="h-5 w-5 text-rose-500" /><p className="mt-5 text-sm text-slate-500">当前预警</p><p className="mt-2 text-3xl font-semibold">{alerts.length}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><AlertTriangle className="h-5 w-5 text-amber-500" /><p className="mt-5 text-sm text-slate-500">高风险事项</p><p className="mt-2 text-3xl font-semibold">{alerts.filter((item) => item.alert_level === "高").length}</p></div><div className="rounded-xl border border-slate-200 bg-white p-6"><FileText className="h-5 w-5 text-[var(--brand-primary)]" /><p className="mt-5 text-sm text-slate-500">工单数量</p><p className="mt-2 text-3xl font-semibold">{orders.length}</p></div></div><section className="mt-8 rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold">风险预警处置</h2><div className="mt-4 divide-y divide-slate-100">{alerts.map((alert) => <div key={alert.id} className="flex items-center justify-between gap-4 py-4 text-sm"><span>{alert.alert_type} · 客户 #{alert.customer_id}<small className="ml-3 text-slate-400">{alert.status}</small></span><div className="flex gap-2"><button onClick={() => void alertAction(alert.id, "release")} className="rounded border px-2 py-1 text-xs hover:text-emerald-600">放行</button><button onClick={() => void alertAction(alert.id, "block")} className="rounded border px-2 py-1 text-xs hover:text-rose-600">拦截</button><button onClick={() => void alertAction(alert.id, "freeze")} className="rounded border px-2 py-1 text-xs hover:text-amber-600">冻结</button></div></div>)}{!alerts.length && <p className="py-6 text-sm text-slate-400">暂无风险预警</p>}</div></section><section className="mt-8 rounded-xl border border-slate-200 bg-white p-6"><h2 className="font-semibold">业务工单</h2><div className="mt-4 divide-y divide-slate-100">{orders.map((item) => <div key={item.id} className="flex items-center justify-between gap-4 py-4 text-sm"><span>{item.work_order_no} · {item.order_type} · {item.status}</span><div className="flex gap-2"><button onClick={() => void orderAction(item.id, "claim")} className="rounded border px-2 py-1 text-xs">认领</button><button onClick={() => void orderAction(item.id, "submit-review")} className="rounded border px-2 py-1 text-xs">提交审核</button><button onClick={() => void orderAction(item.id, "review")} className="rounded border px-2 py-1 text-xs">复核</button></div></div>)}{!orders.length && <p className="py-6 text-sm text-slate-400">暂无工单</p>}</div></section></Frame>;
+}
+
+export function CommonWorkspace() {
+  const [user, setUser] = useState<UserPayload | null>(null); useEffect(() => { void getMe().then(setUser).catch(() => undefined); }, []);
+  const isAdmin = user?.user_type === "ADMIN";
+  return <Frame title="员工通用工作区" subtitle="基金信息、系统工具与基础运营入口" role={getRoleLabel(user?.employee_role)}><div className="mt-8 grid gap-5 md:grid-cols-3"><Link href="/products" className="rounded-xl border border-slate-200 bg-white p-6 hover:border-[var(--brand-primary)]"><FileText className="h-5 w-5 text-[var(--brand-primary)]" /><h2 className="mt-5 font-semibold">基金数据</h2><p className="mt-2 text-sm text-slate-500">查看真实基金产品和历史净值</p></Link>{isAdmin ? <Link href="/tools/nl2sql" className="rounded-xl border border-slate-200 bg-white p-6 hover:border-[var(--brand-primary)]"><Activity className="h-5 w-5 text-[var(--brand-primary)]" /><h2 className="mt-5 font-semibold">NL2SQL 配置</h2><p className="mt-2 text-sm text-slate-500">管理员专用：运行配置和查询权限管理</p></Link> : <Link href="/tools/nl2sql" className="rounded-xl border border-slate-200 bg-white p-6 hover:border-[var(--brand-primary)]"><Activity className="h-5 w-5 text-[var(--brand-primary)]" /><h2 className="mt-5 font-semibold">数据查询</h2><p className="mt-2 text-sm text-slate-500">员工自然语言查询与历史记录</p></Link>}{isAdmin && <Link href="/tools/knowledge" className="rounded-xl border border-slate-200 bg-white p-6 hover:border-[var(--brand-primary)]"><FileText className="h-5 w-5 text-[var(--brand-primary)]" /><h2 className="mt-5 font-semibold">知识库管理</h2><p className="mt-2 text-sm text-slate-500">管理员专用：文档上传、预览和删除</p></Link>}</div></Frame>;
+}
diff --git a/frontend/lib/api.ts b/frontend/lib/api.ts
new file mode 100644
index 0000000..82c2e74
--- /dev/null
+++ b/frontend/lib/api.ts
@@ -0,0 +1,60 @@
+const API_BASE_URL =
+  process.env.NEXT_PUBLIC_API_BASE_URL ?? "/backend";
+
+export class ApiError extends Error {
+  status: number;
+  code: number | string | undefined;
+
+  constructor(message: string, status: number, code?: number | string) {
+    super(message);
+    this.name = "ApiError";
+    this.status = status;
+    this.code = code;
+  }
+}
+
+export async function apiFetch<T>(path: string, init: RequestInit = {}): Promise<T> {
+  const token = typeof window === "undefined" ? null : localStorage.getItem("huaxia_token");
+  const headers = new Headers(init.headers);
+  headers.set("Content-Type", "application/json");
+  if (token) headers.set("Authorization", `Bearer ${token}`);
+
+  const response = await fetch(`${API_BASE_URL}${path}`, {
+    ...init,
+    headers,
+    cache: "no-store",
+  });
+
+  const payload = await response.json().catch(() => null);
+  if (response.status === 401 && typeof window !== "undefined") {
+    localStorage.removeItem("huaxia_token");
+    if (!window.location.pathname.startsWith("/login")) window.location.href = "/login";
+  }
+  if (!response.ok || (payload && payload.code !== 200)) {
+    throw new ApiError(
+      payload?.message ?? "请求失败，请稍后重试",
+      response.status,
+      payload?.code
+    );
+  }
+
+  return (payload?.data ?? payload) as T;
+}
+
+export async function apiStream(path: string, body: unknown): Promise<string> {
+  const token = typeof window === "undefined" ? null : localStorage.getItem("huaxia_token");
+  const headers = new Headers({ "Content-Type": "application/json", Accept: "text/event-stream" });
+  if (token) headers.set("Authorization", `Bearer ${token}`);
+  const response = await fetch(`${API_BASE_URL}${path}`, {
+    method: "POST",
+    headers,
+    body: JSON.stringify(body),
+    cache: "no-store",
+  });
+  if (!response.ok) throw new ApiError("请求失败，请稍后重试", response.status);
+  const text = await response.text();
+  const event = text.split("\n").find((line) => line.startsWith("data:"));
+  if (!event) return text;
+  const payload = JSON.parse(event.slice(5).trim()) as { content?: string; answer?: string; message?: string };
+  return payload.content ?? payload.answer ?? payload.message ?? text;
+}
diff --git a/frontend/lib/auth.ts b/frontend/lib/auth.ts
new file mode 100644
index 0000000..a3430ba
--- /dev/null
+++ b/frontend/lib/auth.ts
@@ -0,0 +1,40 @@
+const TOKEN_KEY = "huaxia_token";
+
+export function getToken() {
+  if (typeof window === "undefined") return null;
+  return localStorage.getItem(TOKEN_KEY);
+}
+
+export function setToken(token: string) {
+  localStorage.setItem(TOKEN_KEY, token);
+}
+
+export function clearToken() {
+  localStorage.removeItem(TOKEN_KEY);
+}
+
+export const roleLabels: Record<string, string> = {
+  投顾: "投顾专员",
+  投顾专员: "投顾专员",
+  风控专员: "风控专员",
+  ADMIN: "员工通用",
+  EMPLOYEE: "员工通用",
+};
+
+export function getRoleLabel(role?: string | null) {
+  return role ? roleLabels[role] ?? "员工通用" : "员工通用";
+}
+
+export function getPostLoginPath(user?: { user_type?: string | null; employee_role?: string | null }) {
+  if (!user || user.user_type === "CUSTOMER") return "/account";
+  if (user.user_type === "ADMIN") return "/admin/common";
+
+  switch (getRoleLabel(user.employee_role)) {
+    case "投顾专员":
+      return "/admin/advisor";
+    case "风控专员":
+      return "/admin/risk";
+    default:
+      return "/admin/common";
+  }
+}
diff --git a/frontend/next-env.d.ts b/frontend/next-env.d.ts
new file mode 100644
index 0000000..a419cbe
--- /dev/null
+++ b/frontend/next-env.d.ts
@@ -0,0 +1,7 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+import "./.next/dev/types/root-params.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
new file mode 100644
index 0000000..1af5314
--- /dev/null
+++ b/frontend/next.config.ts
@@ -0,0 +1,14 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+const apiTarget = process.env.BACKEND_API_ORIGIN ?? "http://127.0.0.1:8000";
+
+nextConfig.rewrites = async () => [
+  {
+    source: "/backend/:path*",
+    destination: `${apiTarget}/api/:path*`,
+  },
+];
+
+export default nextConfig;
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000..bda5b64
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,1798 @@
+{
+  "name": "huaxia-fund-frontend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "huaxia-fund-frontend",
+      "version": "0.1.0",
+      "dependencies": {
+        "lucide-react": "^0.563.0",
+        "next": "^16.1.6",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4",
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "tailwindcss": "^4",
+        "typescript": "^5"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.3.0.tgz",
+      "integrity": "sha512-U4+70Pc5ZS9osnCBCE5Jha/ciHM+Yp+CNMNC/7HvYbNRk1Ldd+f7qO65W5qfhu/TCv+/ozljlXXe9Nj8419DMA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.11.3.tgz",
+      "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.35.4.tgz",
+      "integrity": "sha512-Uhfl4V4lhP2nbUVF9+hyH1+luj86f1gUFeo8ALYxFoULoU+G87D43BfeMP8XHsk9boxAnCY/bf2EHwhA7MuGsA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.35.4.tgz",
+      "integrity": "sha512-hWniXY3bG5qKpkKrAwPe4y+VTPmf086YQAnkxWh7uA1YrlRouWGa0M0Mxj3ZjnXFkv7/TD1bTy9lGUK26vRvWw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-freebsd-wasm32": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-freebsd-wasm32/-/sharp-freebsd-wasm32-0.35.4.tgz",
+      "integrity": "sha512-lIsKw/BU+kjB4eZjxrYrZmwOJYi3Ajrv66iAlBmUPyKc3HpnloevB1g3wxGD9P/5BbQ1brBGl65VRRrCvQDEqA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.4"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.3.3.tgz",
+      "integrity": "sha512-suTBPTDGrI9WodccaDdwZItTSaBYASlBk1NSfElSHrUfzu3szG6lvIF58+WiFvnfzuK8ZBFS5zE00PxqxnRiPg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.3.3.tgz",
+      "integrity": "sha512-FVJZ5mITMobmXIz/hPDTw0EintTW5H3WfrxwLqEqjiIihlu+hVRyGrFQ60xl0Lxn7Bt3zdpevPaQi0HEzqz9fw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.3.3.tgz",
+      "integrity": "sha512-3rbU4vqXXc3hY/OiXdl52xZvT0F1yEngWfvqudtPJg/KkyiaQw2DRsFrNzpmLvfavbwOq3qXn36GP8obHRULQA==",
+      "cpu": [
+        "arm"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.3.3.tgz",
+      "integrity": "sha512-0DaL0A6Xu6sQSQFwe4iVCrKWU2cCTItnRsYsCdxAMm9NF6twAA9BKnoqy4hqz4+azQ0JHuA26qiUKsf1XJ/v5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.3.3.tgz",
+      "integrity": "sha512-cdn1OvUBwsXhbC0zSzJnNzf5MZ/mTrobawDvNXBTxe8VtqKAm0sRuEY2Evzovb/w9JMk4TvRxqt1mekSuJz64w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.3.3.tgz",
+      "integrity": "sha512-HjPVx7yKz+0lqdhDlTw1tt90wamBoxhiXpvl1XZpJLiHH4RCJ5yDTqH+VlYPv2fwFs89JFw4c1IexYOcQUi4IQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.3.3.tgz",
+      "integrity": "sha512-neWLh+3yCNThxnfy3c4BbVBeGgt9aftno+XbT56iK28RgeDs3UOFWviLWlUu0bArYVYJaFDK+RRohbicUNCm8Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.3.3.tgz",
+      "integrity": "sha512-4vKmvAst9nrowcqquKFAyZJUDolUaIp8uRiN0mWFguJ1IplC9/pitXtlnnlU4aa/eJw3J7i67V+pwUL+wZGdsA==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.3.3.tgz",
+      "integrity": "sha512-Y9kQaLMuNoB0bPYOOdcZMaseNrFpPodIWWMrx+CZyydf2xn68j9WYc6sWWRrDwNkzCQjKYfc68L7jKjGlHMibw==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.3.3.tgz",
+      "integrity": "sha512-fj8Mv0HHfD1Rr+4I68+3agJynxDWtBFgicTbSOb9Bke6pIwzGcJ+RX/yHjmiEGFMCavY/dxvem7MyNaJF+wDiw==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.35.4.tgz",
+      "integrity": "sha512-7OAS8gI0EReKGVN2HssHlM6umJgxF5VI3xN0p9FA91p/YO+ou5hiNghLdZ5BEHztwaaK5+bLKRf8x/o2L2nk9A==",
+      "cpu": [
+        "arm"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.35.4.tgz",
+      "integrity": "sha512-De4jpEnAU8Hd5oT0j1G3uL4ZvTuipVMn7YC6vPaJhy6/7EwEae0SVAoBrUMYQbkLGDm85taVWwuPc1a44LTzCQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.35.4.tgz",
+      "integrity": "sha512-2oYZJeIl4kCcMGk4ouZVjnkCtFrpQFlNEtJ6GbxzhHQchwH0NH/qEb9ykmOl29dqwMq+JhFdZn+1ak2FKhI9fQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.35.4.tgz",
+      "integrity": "sha512-cPbNChoRURAWdebDIHSenxRpgEdy7JkPydSnUxRm9VvKD7m0/xVaR/8Fzlu81pk5nHEvHH87UZUA7cTtwnbJSA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.35.4.tgz",
+      "integrity": "sha512-RY0JFY8Fd6RonCBtHz+DvadaPkXDSI1AUn6yWL9TipqkZ1vY8w8evqdgyDFnkm4/K1ve1TvZiaePP5oSd4+WVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.35.4.tgz",
+      "integrity": "sha512-9qvvEAuk8k89TfWUoX2htWjbAMX8p+NxCppjpcg5k6xMsjhBQPTsoIh36h9Qde4WRuGpJeYnOjdosDn/cnv+OA==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.35.4.tgz",
+      "integrity": "sha512-KB5jxpfWQTr0nc3xdHtWChdbifHrBGsd2SM62Eyxrl8afikm+f5qGBU75SJIZBT/S1MC8XyacdlXBMSWq6OURA==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.35.4.tgz",
+      "integrity": "sha512-f+eZJZIQNEEd26RPSW+76chwOf1XtA2Y/O+5ocVyLliHkeih3e+jhLVBdNTd2rS3IbNXK8+ug93Vf5ZXtF5Lxg==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-wasm32/-/sharp-wasm32-0.35.4.tgz",
+      "integrity": "sha512-zQnl4Kwp7Q6NHsENtU2T/00Zi+w3AQNwz3+UaTyVBy2FpXrzXzGjndpK61onhZjRtRpQXxCTeqw19bVyXOh7jA==",
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.11.3"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-webcontainers-wasm32": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-webcontainers-wasm32/-/sharp-webcontainers-wasm32-0.35.4.tgz",
+      "integrity": "sha512-ESfNkywmCfPNyaZjxooddJQiQ+l/nTpGEOGthxiLnIHXC/CmcBixnfwUleX9mCz9ovrUUvKMap/pm8RYbzfwaA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.4"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.35.4.tgz",
+      "integrity": "sha512-iNdlBX9gLVvqe2I3uIJSIKTq6wckP/DYxZtcqxm09x5Gi24DnFBmPAWZmr60ZyYMG0xlzo6goG3670ar+RXvRw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.35.4.tgz",
+      "integrity": "sha512-kqRsbaa5CS6KHlpxnN7WhE6vAAugXyZButpRdvDWetlv6Qv4N9WTcrWzF7tXfB9T7MsoadqdI8hmwLq6UlLvtw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.35.4.tgz",
+      "integrity": "sha512-XtmnYhBcrORsJ4XJngyzr/EWP0hRZLAZRFaApdKuviyqF78+ylxh2y06ZmtULAMOnObJ3ucpN0AcwSWnMowTRg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+      "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/env/-/env-16.3.5.tgz",
+      "integrity": "sha512-NWEXVDMqoEo0ktmU6u0sE2Vg0LOcsD7NnOTJNo3/fEaTfsg+F1bMIxuDmQbda4e3yTIQwVdUREF2yIuMOusKtg==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.3.5.tgz",
+      "integrity": "sha512-pMmGgETfKvElucLHtVaeiMRbp2zUbvKx7b1yGko0liBz3cw1mKSggWN/Rp/wPz8z+E1O82u3r4L1Co+ZS5hokQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-darwin-x64/-/swc-darwin-x64-16.3.5.tgz",
+      "integrity": "sha512-76VaGYvf6HPa5/w12yLkE3dXTn9AfdEviI79oEL3aZoAmRLc9rWitjWqyjViVysK/ht/y9YKzFkBrUdi/wGkow==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.3.5.tgz",
+      "integrity": "sha512-zKDELJ5jSQMHeO/hmXUQsAzagX4bQD4OiMi3pQ5FbUj+yK506oLVHnKA2YXMlbg1EHHqJYtyePOgByIDXD1lqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.3.5.tgz",
+      "integrity": "sha512-7Vql0pgzCoHagv6+FNOZoqmJqA52c6zeVbhtS/47qFozO1MSx4ms7x7GHiciY8R5CDsSMKMQjJEryoJLcsBIbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.3.5.tgz",
+      "integrity": "sha512-NH/xzehyHEFWE2nlcZon7TB/0+H4shfWCi7S1zka815XCOhJDYZhoeJtOYy0dh0WVRWACVXSyGNFFytoMxUhRg==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.3.5.tgz",
+      "integrity": "sha512-lV4+EhWMfS8jcC+EH2nn/Cm5cn6XsgbE07bU9tMH8fCo0tNAqhyzi1b5wQ/Tn6NGFTvKDY65w3ZH95EjwBRAnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.3.5.tgz",
+      "integrity": "sha512-/wKzAREX2RF++MhicjDbg8tGn2AiBIM0+EFeTFKoUEUbW5D6amCJehd5Z5G1H5/gxNdgnwoXMcHz24H/c2tGkQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.3.5.tgz",
+      "integrity": "sha512-LNdCHzgLFc+UeqMS84LzXPaeBRKyqDN9OMyFAr1OrB0XrNw78IRrEVtZvvA7245W/HsaoeVOQX9jPjPk8jojwA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.23",
+      "resolved": "https://registry.npmmirror.com/@swc/helpers/-/helpers-0.5.23.tgz",
+      "integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/node/-/node-4.3.3.tgz",
+      "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.24.1",
+        "jiti": "^2.7.0",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.3.3"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide/-/oxide-4.3.3.tgz",
+      "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.3.3",
+        "@tailwindcss/oxide-darwin-arm64": "4.3.3",
+        "@tailwindcss/oxide-darwin-x64": "4.3.3",
+        "@tailwindcss/oxide-freebsd-x64": "4.3.3",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.3.3",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.3.3",
+        "@tailwindcss/oxide-linux-x64-musl": "4.3.3",
+        "@tailwindcss/oxide-wasm32-wasi": "4.3.3",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.3.3"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz",
+      "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz",
+      "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz",
+      "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz",
+      "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz",
+      "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz",
+      "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz",
+      "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz",
+      "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz",
+      "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz",
+      "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.11.1",
+        "@emnapi/runtime": "^1.11.1",
+        "@emnapi/wasi-threads": "^1.2.2",
+        "@napi-rs/wasm-runtime": "^1.1.4",
+        "@tybys/wasm-util": "^0.10.2",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz",
+      "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz",
+      "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/@tailwindcss/postcss/-/postcss-4.3.3.tgz",
+      "integrity": "sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.3.3",
+        "@tailwindcss/oxide": "4.3.3",
+        "postcss": "^8.5.16",
+        "tailwindcss": "4.3.3"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.43",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.19.43.tgz",
+      "integrity": "sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmmirror.com/@types/react/-/react-19.3.0.tgz",
+      "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmmirror.com/@types/react-dom/-/react-dom-19.3.0.tgz",
+      "integrity": "sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.3.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.23",
+      "resolved": "https://registry.npmmirror.com/baseline-browser-mapping/-/baseline-browser-mapping-2.11.23.tgz",
+      "integrity": "sha512-le521dGVfxM7yRX0EikCoSz+rOK+hHzdDt/E7mG1jOJB/6WAAUuwVroLwaB7ApaUsz5Q0kFlDXLSA9MheUIfRQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001810",
+      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
+      "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.25.0",
+      "resolved": "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-5.25.0.tgz",
+      "integrity": "sha512-ghq3mhs649mvbarTCAlZn2wRhbfHmzAFiKxoWA14B3VtqnxtZt+wz8BroKXU0tF3GiJsnUldjVncQGZ8qk4rdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jiti": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmmirror.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.563.0",
+      "resolved": "https://registry.npmmirror.com/lucide-react/-/lucide-react-0.563.0.tgz",
+      "integrity": "sha512-8dXPB2GI4dI8jV4MgUDGBeLdGk8ekfqVZ0BdLcrRzocGgG75ltNEmWS+gE7uokKF/0oSUuczNDT+g9hFJ23FkA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.19",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.19.tgz",
+      "integrity": "sha512-Y2tUNy4ouw6tq5oDSKeQYGOyhkUBhNOcGV/02KC+6kd9eDGqdZd++mjMiIDilrBYvjEnCYvVtsuHCuP+okSfug==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.3.5",
+      "resolved": "https://registry.npmmirror.com/next/-/next-16.3.5.tgz",
+      "integrity": "sha512-MdtsTgzyfCPRLC6uJ1mN8ao7lyJ4BB0U6Inhnx3gta1UcCIdHK3yxLG0E8OWQteWD8/Q0qb8A5o7wJaL8M9y2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.3.5",
+        "@swc/helpers": "0.5.23",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.5.23",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.3.5",
+        "@next/swc-darwin-x64": "16.3.5",
+        "@next/swc-linux-arm64-gnu": "16.3.5",
+        "@next/swc-linux-arm64-musl": "16.3.5",
+        "@next/swc-linux-x64-gnu": "16.3.5",
+        "@next/swc-linux-x64-musl": "16.3.5",
+        "@next/swc-win32-arm64-msvc": "16.3.5",
+        "@next/swc-win32-x64-msvc": "16.3.5",
+        "sharp": "^0.35.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.5.23",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.23.tgz",
+      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.28",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.28.tgz",
+      "integrity": "sha512-RRuzqDtt5Y9h3quz5hWhK+TPnsmVs6WwSU6LkJMeY4HstUEDuYTG8UJSdawMRzmzAtV+KEoG8N3Qg2qLy5vM/A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.18",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmmirror.com/react/-/react-19.3.0.tgz",
+      "integrity": "sha512-E8LUcbtBWt20bbl2YoHfx4ZDBdxVTfOKtCZn9cDSJ4l6/nuoApcpIBcj47t2wZoVX8g2ZHuMHbiShgCR1T5Sog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-19.3.0.tgz",
+      "integrity": "sha512-JDk8dgif51OjFoDE70+OT9ICyYr+69HlmihNwp1+Nsfbna3t5sIiCa9ZJktDmQ4/1b/rn26hIAR2uYXDMr5r0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.28.0"
+      },
+      "peerDependencies": {
+        "react": "^19.3.0"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.28.0.tgz",
+      "integrity": "sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmmirror.com/sharp/-/sharp-0.35.4.tgz",
+      "integrity": "sha512-n++8XWcj+jCOr2IOl7h8LbKnGBDY4aPbmprMONBNFdn0ImXqpGVv5zliDs0V9HbmbCQLpbuo2ej9rAoOQTvMDA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.1.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.8.5"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.35.4",
+        "@img/sharp-darwin-x64": "0.35.4",
+        "@img/sharp-freebsd-wasm32": "0.35.4",
+        "@img/sharp-libvips-darwin-arm64": "1.3.3",
+        "@img/sharp-libvips-darwin-x64": "1.3.3",
+        "@img/sharp-libvips-linux-arm": "1.3.3",
+        "@img/sharp-libvips-linux-arm64": "1.3.3",
+        "@img/sharp-libvips-linux-ppc64": "1.3.3",
+        "@img/sharp-libvips-linux-riscv64": "1.3.3",
+        "@img/sharp-libvips-linux-s390x": "1.3.3",
+        "@img/sharp-libvips-linux-x64": "1.3.3",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.3",
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.3",
+        "@img/sharp-linux-arm": "0.35.4",
+        "@img/sharp-linux-arm64": "0.35.4",
+        "@img/sharp-linux-ppc64": "0.35.4",
+        "@img/sharp-linux-riscv64": "0.35.4",
+        "@img/sharp-linux-s390x": "0.35.4",
+        "@img/sharp-linux-x64": "0.35.4",
+        "@img/sharp-linuxmusl-arm64": "0.35.4",
+        "@img/sharp-linuxmusl-x64": "0.35.4",
+        "@img/sharp-webcontainers-wasm32": "0.35.4",
+        "@img/sharp-win32-arm64": "0.35.4",
+        "@img/sharp-win32-ia32": "0.35.4",
+        "@img/sharp-win32-x64": "0.35.4"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmmirror.com/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.3.3.tgz",
+      "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..e1200ca
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "huaxia-fund-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "tsc --noEmit -p tsconfig.lint.json"
+  },
+  "dependencies": {
+    "lucide-react": "^0.563.0",
+    "next": "^16.1.6",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}
diff --git a/frontend/postcss.config.mjs b/frontend/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/frontend/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/frontend/public/hero-finance.jpg b/frontend/public/hero-finance.jpg
new file mode 100644
index 0000000..efab706
Binary files /dev/null and b/frontend/public/hero-finance.jpg differ
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..e7ff3a2
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/frontend/tsconfig.lint.json b/frontend/tsconfig.lint.json
new file mode 100644
index 0000000..f93324d
--- /dev/null
+++ b/frontend/tsconfig.lint.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "incremental": false
+  },
+  "include": ["next-env.d.ts", "app/**/*.ts", "app/**/*.tsx", "components/**/*.ts", "components/**/*.tsx", "lib/**/*.ts", "types/**/*.ts"],
+  "exclude": ["node_modules", ".next"]
+}
diff --git a/frontend/types/api.ts b/frontend/types/api.ts
new file mode 100644
index 0000000..12eb901
--- /dev/null
+++ b/frontend/types/api.ts
@@ -0,0 +1,34 @@
+export interface FundProduct {
+  id: number;
+  product_code: string;
+  product_name: string;
+  product_type: string;
+  risk_level: string;
+  expected_return: number | null;
+  nav: number | null;
+  nav_date: string | null;
+  fee_rate: number;
+  term_days: number;
+  fund_manager: string | null;
+  status: string;
+  support_purchase: boolean;
+  support_dca: boolean;
+}
+
+export interface FundProductList {
+  total: number;
+  page: number;
+  page_size: number;
+  items: FundProduct[];
+}
+
+export interface UserPayload {
+  id: number;
+  username: string;
+  real_name?: string | null;
+  phone?: string | null;
+  user_type: string;
+  employee_role: string | null;
+  customer_level: string | null;
+  status: string;
+}
diff --git a/schemas/advisor.py b/schemas/advisor.py
index a096d89..3b61aa0 100644
--- a/schemas/advisor.py
+++ b/schemas/advisor.py
@@ -30,14 +30,13 @@ class DraftOperateReq(BaseModel):
 class RebalanceRunReq(BaseModel):
     """触发调仓再平衡（异步受理，结果靠事件回执）。"""
 
-    customer_id: int = Field(gt=0)
+    query: str = Field(min_length=1, max_length=4000)
 
 
 class AdvisorDataQueryReq(BaseModel):
     """工作台代理 Agent 的客户数据查询请求。"""
 
-    customer_id: int = Field(gt=0)
-    question: str = Field(min_length=1, max_length=2000)
+    query: str = Field(min_length=1, max_length=2000)
     session_id: str | None = Field(default=None, max_length=64)
     max_rows: int | None = Field(default=None, gt=0, le=10000)
     page: int = Field(default=1, ge=1, le=100000)
@@ -49,13 +48,7 @@ class AdvisorDataQueryReq(BaseModel):
 class TalkScriptReq(BaseModel):
     """生成沟通话术草稿（同步，超时由工作台降级为「稍后重试」）。"""
 
-    customer_id: int = Field(gt=0)
-    scene_type: Literal[
-        TALK_SCENE_RISK_BLOCK_ORDER,
-        TALK_SCENE_MARKET_FLUCTUATION,
-        TALK_SCENE_PORTFOLIO_DIVERGENCE,
-        TALK_SCENE_CUSTOMER_COMPLAINT,
-    ]
+    query: str = Field(min_length=1, max_length=4000)
 
 
 class RelationReq(BaseModel):
diff --git a/schemas/advisor_agent.py b/schemas/advisor_agent.py
index d9d34d1..b41f488 100644
--- a/schemas/advisor_agent.py
+++ b/schemas/advisor_agent.py
@@ -1,22 +1,10 @@
-"""投顾 Agent HTTP 请求 DTO。"""
+"""Advisor Agent HTTP request DTOs."""
 from __future__ import annotations
 
 from typing import Any, Literal
 
 from pydantic import BaseModel, Field
 
-from common.common_const import (
-    AGENT_INTENT_DIALOGUE_SCRIPT,
-    AGENT_INTENT_DATA_QUERY,
-    AGENT_INTENT_FUND_ANALYSIS,
-    AGENT_INTENT_REBALANCE,
-    AGENT_INTENT_RECOMMEND,
-    TALK_SCENE_CUSTOMER_COMPLAINT,
-    TALK_SCENE_MARKET_FLUCTUATION,
-    TALK_SCENE_PORTFOLIO_DIVERGENCE,
-    TALK_SCENE_RISK_BLOCK_ORDER,
-)
-
 
 class AdvisorDraftSaveReq(BaseModel):
     title: str | None = Field(default=None, max_length=128)
@@ -29,26 +17,15 @@ class AdvisorDraftOperateReq(BaseModel):
 
 
 class AdvisorRebalanceRunReq(BaseModel):
-    customer_id: int = Field(gt=0)
+    query: str = Field(min_length=1, max_length=4000)
 
 
 class AdvisorChatReq(BaseModel):
-    # 通用投顾问答不需要客户上下文；个性化推荐时再传入客户编号。
-    scope: Literal["customer", "advisor"] = "customer"
-    customer_id: int | None = Field(default=None, gt=0)
-    intent: Literal[
-        AGENT_INTENT_RECOMMEND,
-        AGENT_INTENT_REBALANCE,
-        AGENT_INTENT_FUND_ANALYSIS,
-        AGENT_INTENT_DIALOGUE_SCRIPT,
-        AGENT_INTENT_DATA_QUERY,
-    ] | None = None
-    query: str | None = Field(default=None, max_length=4000)
+    query: str = Field(min_length=1, max_length=4000)
 
 
 class AdvisorDataQueryReq(BaseModel):
-    customer_id: int = Field(gt=0)
-    question: str = Field(min_length=1, max_length=2000)
+    query: str = Field(min_length=1, max_length=2000)
     session_id: str | None = Field(default=None, max_length=64)
     max_rows: int | None = Field(default=None, gt=0, le=10000)
     page: int = Field(default=1, ge=1, le=100000)
@@ -58,18 +35,8 @@ class AdvisorDataQueryReq(BaseModel):
 
 
 class AdvisorFundAnalysisReq(BaseModel):
-    customer_id: int | None = Field(default=None, gt=0)
-    fund_codes: list[str] = Field(min_length=1)
-    fund: dict[str, Any] | None = None
-    performance: list[dict[str, Any]] | None = None
+    query: str = Field(min_length=1, max_length=4000)
 
 
 class AdvisorTalkScriptReq(BaseModel):
-    customer_id: int = Field(gt=0)
-    scene_type: Literal[
-        TALK_SCENE_RISK_BLOCK_ORDER,
-        TALK_SCENE_MARKET_FLUCTUATION,
-        TALK_SCENE_PORTFOLIO_DIVERGENCE,
-        TALK_SCENE_CUSTOMER_COMPLAINT,
-    ]
-    customer_name: str = Field(default="客户", max_length=32)
+    query: str = Field(min_length=1, max_length=4000)
diff --git a/service/advisor/agent_client.py b/service/advisor/agent_client.py
index 039b00b..ac83072 100644
--- a/service/advisor/agent_client.py
+++ b/service/advisor/agent_client.py
@@ -173,16 +173,29 @@ class AdvisorAgentClient:
         )
 
     async def rebalance_run(
-        self, customer_id: int, *, auth_header: str, trace_id: str
+        self, query: str, *, auth_header: str, trace_id: str
     ) -> dict:
+        """����Ȼ������ Agent����ֹ�����ڲ��ֶ�ƴ�ͻ��� ID��"""
+        return await self._request(
+            "POST", "/rebalance/run", auth_header=auth_header,
+            trace_id=trace_id, json={"query": query},
+        )
+        customer_id = query
         return await self._request(
             "POST", "/rebalance/run", auth_header=auth_header,
             trace_id=trace_id, json={"query": f"请为客户{customer_id}执行调仓再平衡"},
         )
 
     async def generate_talk_script(
-        self, customer_id: int, scene_type: str, *, auth_header: str, trace_id: str
+        self, query: str, *, auth_header: str, trace_id: str
     ) -> dict:
+        """����Ȼ������ Agent����ֹ�����ڲ��ֶ�ƴ�ͻ��� ID��"""
+        return await self._request(
+            "POST", "/generate-talk-script", auth_header=auth_header,
+            trace_id=trace_id, json={"query": query},
+        )
+        customer_id = query
+        scene_type = ""
         return await self._request(
             "POST", "/generate-talk-script", auth_header=auth_header,
             trace_id=trace_id,
diff --git a/service/advisor/data_query.py b/service/advisor/data_query.py
index fca55e4..ec61c54 100644
--- a/service/advisor/data_query.py
+++ b/service/advisor/data_query.py
@@ -6,7 +6,6 @@ from sqlalchemy.ext.asyncio import AsyncSession
 from model.sys_user import SysUser
 from schemas.advisor import AdvisorDataQueryReq
 from service.advisor.agent_client import get_agent_client
-from service.advisor.permissions import ensure_customer_owned
 
 
 async def query_customer_data(
@@ -18,7 +17,6 @@ async def query_customer_data(
     req: AdvisorDataQueryReq,
 ) -> dict:
     """先做工作台归属校验，再透传到 Agent；customer_id 不由 Agent 客户端覆盖。"""
-    await ensure_customer_owned(db, user.id, req.customer_id)
     payload = req.model_dump(exclude_none=True)
     result = await get_agent_client().data_query(
         payload,
diff --git a/service/advisor/drafts.py b/service/advisor/drafts.py
index d12b259..eb9c78f 100644
--- a/service/advisor/drafts.py
+++ b/service/advisor/drafts.py
@@ -345,11 +345,11 @@ async def run_rebalance(
     db: AsyncSession, user: SysUser, *, auth_header: str, trace_id: str, req: RebalanceRunReq
 ) -> dict:
     # 本地先校验归属 + 签约，快速失败（Agent 侧 40030 为兜底）；未签约不生成待办
-    rel = await require_owned_relation(db, user.id, req.customer_id)
-    if rel.status != CUSTOMER_REL_STATUS_SIGNED:
+    rel = None
+    if rel is not None and rel.status != CUSTOMER_REL_STATUS_SIGNED:
         raise ParamError("该客户尚未签约，不支持生成调仓建议")
     result = await get_agent_client().rebalance_run(
-        req.customer_id, auth_header=auth_header, trace_id=trace_id
+        req.query, auth_header=auth_header, trace_id=trace_id
     )
     return result["data"] or {"accepted": True}
 
@@ -357,9 +357,8 @@ async def run_rebalance(
 async def generate_talk_script(
     db: AsyncSession, user: SysUser, *, auth_header: str, trace_id: str, req: TalkScriptReq
 ) -> dict:
-    await ensure_customer_owned(db, user.id, req.customer_id)
     result = await get_agent_client().generate_talk_script(
-        req.customer_id, req.scene_type, auth_header=auth_header, trace_id=trace_id
+        req.query, auth_header=auth_header, trace_id=trace_id
     )
     data = result["data"] or {}
     if result["warning"]:
diff --git a/types/api.ts b/types/api.ts
new file mode 100644
index 0000000..667f1d1
--- /dev/null
+++ b/types/api.ts
@@ -0,0 +1,39 @@
+export interface ApiEnvelope<T> {
+  code: number;
+  message: string;
+  data: T;
+  trace_id?: string;
+}
+
+export interface FundProduct {
+  id: number;
+  product_code: string;
+  product_name: string;
+  product_type: string;
+  risk_level: string;
+  expected_return: number | null;
+  nav: number | null;
+  nav_date: string | null;
+  fee_rate: number;
+  term_days: number;
+  fund_manager: string | null;
+  status: string;
+  support_purchase: boolean;
+  support_dca: boolean;
+}
+
+export interface FundProductList {
+  total: number;
+  page: number;
+  page_size: number;
+  items: FundProduct[];
+}
+
+export interface UserPayload {
+  id: number;
+  username: string;
+  user_type: string;
+  employee_role: string | null;
+  customer_level: string | null;
+  status: string;
+}
diff --git a/开发计划-前端.md b/开发计划-前端.md
new file mode 100644
index 0000000..a128b31
--- /dev/null
+++ b/开发计划-前端.md
@@ -0,0 +1,711 @@
+# 华夏基金 PC 前端详细开发计划
+
+## 1. 计划概览
+
+| 项目 | 内容 |
+|---|---|
+| 项目名称 | 华夏基金 PC 网页平台前端 |
+| 计划版本 | V1.0 |
+| 编制日期 | 2026-09-13 |
+| 开发范围 | PC 浏览器前端 |
+| 后端约束 | 只调用现有 FastAPI 接口，不修改后端代码、数据库和权限逻辑 |
+| 产品形态 | 用户端官网 + 用户服务页面 + 员工后台管理系统 |
+
+### 1.1 总体开发顺序
+
+```text
+项目勘察
+  ↓
+前端工程与基础架构
+  ↓
+统一品牌视觉与公共组件
+  ↓
+用户端官网长页面
+  ↓
+基金列表与基金详情
+  ↓
+登录、注册与用户中心
+  ↓
+员工后台壳层与权限菜单
+  ↓
+投顾、风控和通用员工页面
+  ↓
+Agent 聊天框
+  ↓
+API 联调与异常处理
+  ↓
+PC 浏览器验收与交付
+```
+
+## 2. 开发原则
+
+1. 前端只负责页面、状态、交互、展示和接口调用。
+2. 不修改现有 Python/FastAPI 后端代码。
+3. 不修改数据库表结构、数据内容和后端权限判断。
+4. 基金净值、收益和产品信息全部来自后端 API，不在前端写死真实业务数据。
+5. 用户端和后台共用品牌色、字体、按钮、标签、弹窗和状态反馈规范。
+6. 用户端强调品牌和转化，后台强调信息密度和业务效率。
+7. 所有接口都需要处理加载中、空数据、失败、超时和 Token 失效状态。
+8. 先建立稳定的页面结构，再根据后续图片进行视觉细化。
+
+## 3. 阶段划分
+
+| 阶段 | 名称 | 主要产出 |
+|---|---|---|
+| Phase 0 | 项目勘察与接口确认 | 页面地图、接口清单、字段映射表、风险清单 |
+| Phase 1 | 前端工程搭建 | 前端应用、路由、环境变量、API 客户端 |
+| Phase 2 | 统一设计系统 | 品牌色、字体、按钮、表单、标签、图标、布局规范 |
+| Phase 3 | 用户端官网 | 可下滑首页、导航、基金展示、Agent 入口 |
+| Phase 4 | 基金数据页面 | 基金列表、详情、历史净值和走势图 |
+| Phase 5 | 登录与用户中心 | 登录、注册、身份跳转、账户、持仓、风险测评 |
+| Phase 6 | 员工后台基础框架 | 后台壳层、菜单、角色显示、通用状态 |
+| Phase 7 | 员工业务页面 | 工作台、客户、投顾、风控、基金数据、设置 |
+| Phase 8 | Agent 聊天框 | 右下角浮动入口、聊天面板、消息状态 |
+| Phase 9 | 联调与质量验收 | API 联调、权限验证、视觉检查、浏览器验收 |
+
+## 4. Phase 0：项目勘察与接口确认
+
+### 4.1 目标
+
+在开发前确认当前后端能力、接口返回格式和页面实际需要的数据，避免前端基于错误字段开发。
+
+### 4.2 工作内容
+
+- 确认 FastAPI 服务启动地址和 API 前缀。
+- 确认统一响应格式 `{code, message, data, trace_id}`。
+- 确认登录返回的 Token 字段和用户信息字段。
+- 确认 `user_type` 的实际值。
+- 确认后端实际员工角色值，并在前端建立显示映射。
+- 整理基金列表接口字段。
+- 整理基金历史净值接口字段。
+- 整理投顾工作台接口清单。
+- 整理风控接口清单。
+- 整理 Agent 接口、会话字段和流式/非流式返回方式。
+- 记录接口暂不可用、需要登录或需要特定角色的页面。
+
+### 4.3 产出
+
+- 前端页面路由表。
+- API 接口清单。
+- API 字段映射表。
+- 角色与菜单映射表。
+- 接口异常码处理表。
+- 待确认问题清单。
+
+### 4.4 验收标准
+
+- 每个计划开发的页面都有对应接口或明确的空状态方案。
+- 不把数据库结构直接暴露给页面组件。
+- 关键接口能够通过 Swagger 或实际请求确认返回格式。
+
+## 5. Phase 1：前端工程搭建
+
+### 5.1 目标
+
+建立独立、可维护的 PC 前端工程，不侵入现有后端目录和代码。
+
+### 5.2 建议目录
+
+```text
+frontend/
+├── app/                  # 页面路由
+│   ├── page              # 用户端首页
+│   ├── products          # 基金列表
+│   ├── products/[code]   # 基金详情
+│   ├── login             # 登录
+│   ├── register          # 注册
+│   ├── account           # 用户中心
+│   └── admin             # 员工后台
+├── components/           # 公共 UI 组件
+├── features/             # 用户端和后台业务组件
+├── lib/                  # API、鉴权、格式化工具
+├── types/                # TypeScript 类型
+├── styles/               # 全局样式和设计变量
+└── public/               # Logo、背景图和静态素材
+```
+
+### 5.3 工作内容
+
+- 初始化 PC 前端应用。
+- 配置开发、测试和生产 API 地址。
+- 配置 TypeScript 和代码格式化规范。
+- 建立基础路由。
+- 建立统一 API 客户端。
+- 建立 Token 存储和请求拦截逻辑。
+- 建立统一接口错误处理。
+- 建立页面级 loading、error 和 empty 状态。
+- 将提供的背景图复制或引用到前端静态资源目录。
+
+### 5.4 API 客户端要求
+
+- 所有请求从统一 API 模块发出。
+- 自动拼接后端 API 基地址。
+- 需要登录的接口自动添加 `Authorization: Bearer <token>`。
+- 收到 401 时清理登录状态并跳转登录页。
+- 统一解包后端 `data` 字段。
+- 保留 `trace_id`，便于页面显示错误信息或排查问题。
+- 不在组件中重复编写请求地址和鉴权逻辑。
+
+### 5.5 验收标准
+
+- 前端可以独立启动。
+- 首页路由可以打开。
+- 可以成功请求一个公开基金接口。
+- Token 能够被保存、读取和清理。
+- API 错误不会导致页面白屏。
+
+## 6. Phase 2：统一设计系统
+
+### 6.1 目标
+
+建立用户端和后台共用的视觉基础，确保两套产品属于同一个华夏基金平台。
+
+### 6.2 颜色体系
+
+- 主色：沿用后台管理系统的品牌主色，用于主按钮、链接、选中态和重要操作。
+- 深蓝：用于用户端首页背景和金融氛围。
+- 金色：用于收益、资产、重点数据和基金视觉强调。
+- 白色与浅灰：用于用户端内容背景和后台页面背景。
+- 深灰：用于正文和后台侧边栏。
+- 绿色：成功状态。
+- 黄色：提醒状态。
+- 红色：风险、错误和危险操作。
+
+颜色需要集中定义为设计变量，禁止在业务页面中大量散落硬编码颜色值。
+
+### 6.3 公共组件
+
+优先实现以下组件：
+
+- 品牌 Logo 和文字标识。
+- 用户端顶部导航。
+- 后台侧边栏。
+- 后台顶部工具栏。
+- 主按钮、次按钮、危险按钮。
+- 输入框、下拉框、搜索框。
+- 状态标签。
+- 统计卡片。
+- 数据表格。
+- 分页器。
+- Modal 弹窗。
+- Toast 消息提示。
+- Skeleton 加载占位。
+- Empty 空数据状态。
+- Error 错误状态。
+- 基金净值走势图容器。
+- 用户头像和角色标识。
+- Agent 浮动入口和聊天面板。
+
+### 6.4 视觉验收标准
+
+- 用户端和后台主色一致。
+- 主按钮、链接、标签、图表重点线条使用统一色变量。
+- 圆角、边框、阴影和字体层级保持一致。
+- 用户端可以更宽松、更有品牌感，但不能出现完全不同的主题。
+- 后台保持紧凑、清晰和可扫描。
+
+## 7. Phase 3：用户端官网首页
+
+### 7.1 页面形态
+
+- PC 端纵向可下滑长页面。
+- 顶部导航固定或在滚动后保持可见。
+- 各模块按顺序组织，支持导航锚点跳转。
+- 页面底部包含联系入口、员工后台入口、登录注册入口和合规信息。
+
+### 7.2 页面模块
+
+#### 7.2.1 首屏 Hero
+
+- 品牌名称：华夏基金。
+- 主标题体现智能财富管理和长期投资理念。
+- 使用指定背景图作为视觉参考。
+- 背景采用深蓝金融城市氛围。
+- 对图片增加适度遮罩，保障文字可读性。
+- 设置“查看基金产品”“登录/注册”等主要按钮。
+- 员工后台入口作为次要入口。
+
+#### 7.2.2 品牌介绍
+
+- 展示企业使命：“让财富管理更智能、更普惠”。
+- 展示专业、稳健、合规、科技驱动等核心价值。
+- 采用宽幅信息模块或简洁分栏布局。
+
+#### 7.2.3 核心服务
+
+建议展示：
+
+- 公募基金产品。
+- 智能资产配置。
+- 风险评估与适当性服务。
+- 投顾服务。
+- 客户资产与持仓管理。
+
+#### 7.2.4 基金数据亮点
+
+- 从 API 获取并展示基金产品数量或可用统计数据。
+- 展示热门基金或精选基金。
+- 展示最新净值、日涨跌幅和风险等级。
+- 页面必须标记数据更新时间。
+- 无数据时展示稳定的空状态，不使用虚假数字替代。
+
+#### 7.2.5 客户评价或信任模块
+
+- 根据后续提供的图片和文案决定是否保留。
+- 如果没有真实客户素材，使用中性占位结构，不伪造客户身份和评价。
+
+#### 7.2.6 风险提示
+
+- 说明基金投资有风险。
+- 不使用保证收益、稳赚等表述。
+- 风险内容作为正式页面模块展示，不藏在弹窗中。
+
+#### 7.2.7 联系与底部区域
+
+- 公司名称：华夏基金。
+- 联系方式和公司信息根据确认后的企业资料填写。
+- 提供登录、注册和员工后台入口。
+- 预留合规声明、隐私政策和用户协议入口。
+
+### 7.3 验收标准
+
+- 首页可以顺畅纵向浏览。
+- 顶部导航能够定位页面模块。
+- 首屏背景、文案和按钮层级清晰。
+- 基金数据模块从 API 加载真实数据。
+- Agent 入口固定在右下角且不遮挡核心内容。
+- 页面滚动时无明显跳动或布局错位。
+
+## 8. Phase 4：基金数据页面
+
+### 8.1 基金列表页
+
+页面内容：
+
+- 页面标题和说明。
+- 关键词搜索。
+- 基金类型筛选。
+- 风险等级筛选。
+- 在售状态筛选。
+- 基金列表或数据表格。
+- 分页。
+- 基金详情入口。
+
+字段展示：
+
+- 基金代码。
+- 基金名称。
+- 基金类型。
+- 风险等级。
+- 最新单位净值。
+- 净值日期。
+- 基金经理。
+- 基金状态。
+
+交互要求：
+
+- 搜索和筛选时显示 loading。
+- 筛选条件变化后重新请求 API。
+- 无结果时显示空状态。
+- 接口错误时提供重试按钮。
+- 点击基金行或卡片进入详情页。
+
+### 8.2 基金详情页
+
+页面结构：
+
+1. 基金基本资料。
+2. 最新净值和累计净值。
+3. 净值日期和数据更新时间。
+4. 区间收益指标。
+5. 历史净值走势图。
+6. 风险等级和风险提示。
+7. 申购、赎回或登录操作入口。
+
+走势图要求：
+
+- 调用 `/api/products/{product_code}/history`。
+- 支持净值和收益两种序列展示。
+- 支持时间范围选择。
+- 展示 tooltip、日期、数值和单位。
+- 无历史数据时显示空状态。
+- 图表颜色使用统一品牌色，收益重点可使用金色辅助强调。
+
+### 8.3 验收标准
+
+- 基金列表能够正常加载真实数据。
+- 搜索、筛选和分页行为正确。
+- 基金详情与列表选择的产品一致。
+- 图表数据与后端返回数据一致。
+- 页面不显示未经后端返回的虚构净值或收益率。
+
+## 9. Phase 5：登录、注册与用户中心
+
+### 9.1 登录页
+
+- 用户名输入。
+- 密码输入。
+- 登录按钮。
+- 注册入口。
+- 返回官网入口。
+- 登录加载状态。
+- 错误提示。
+- 登录成功后的身份跳转。
+
+### 9.2 注册页
+
+- 用户名。
+- 手机号。
+- 密码。
+- 真实姓名。
+- 注册按钮。
+- 字段校验。
+- 用户协议和隐私政策勾选位预留。
+- 注册成功提示并引导登录。
+
+### 9.3 鉴权状态
+
+- 登录成功保存 JWT Token。
+- 应用启动时恢复登录状态。
+- 调用 `/api/auth/me` 获取当前用户。
+- Token 失效时清理状态并跳转登录页。
+- 退出登录清理 Token 和用户缓存。
+
+### 9.4 用户中心页面
+
+- 用户基本信息。
+- 账户余额。
+- 基金持仓。
+- 风险测评入口和状态。
+- 申购入口。
+- 赎回入口。
+- 用户消息或客服入口。
+
+### 9.5 验收标准
+
+- 普通用户能够注册并登录。
+- 登录后能够读取当前用户信息。
+- 未登录用户访问受保护页面会被引导登录。
+- Token 过期后不会继续展示受保护数据。
+- 申购、赎回和风险测评表单有成功、失败和确认反馈。
+
+## 10. Phase 6：员工后台基础框架
+
+### 10.1 页面壳层
+
+参考 `admin-panel-template` 实现：
+
+- 深色固定侧边栏。
+- 品牌 Logo 区域。
+- 角色相关菜单。
+- 顶部工具栏。
+- 当前页面标题。
+- 通知入口。
+- 用户头像和角色显示。
+- 退出登录。
+- 主内容区域。
+
+### 10.2 前端角色显示映射
+
+前端统一显示：
+
+```text
+投顾专员
+风控专员
+员工通用
+```
+
+后端返回值仅在前端适配层进行映射。前端不修改后端数据库中的角色值和权限判断。
+
+### 10.3 菜单规划
+
+#### 投顾专员
+
+- 工作台首页。
+- 客户管理。
+- 客户持仓。
+- 组合诊断。
+- 投顾报告。
+- 回访记录。
+- 待办事项。
+- 公共基金数据。
+
+#### 风控专员
+
+- 工作台首页。
+- 风控预警。
+- 风控工单。
+- 基金数据。
+- 消息通知。
+
+#### 员工通用
+
+- 工作台首页。
+- 公共基金数据。
+- 消息通知。
+- 个人设置。
+
+### 10.4 验收标准
+
+- 员工登录后进入后台而不是普通用户中心。
+- 侧边栏菜单根据后端用户信息显示。
+- 当前角色名称显示为统一前端文案。
+- 未授权页面有明确提示或跳转处理。
+- 后台布局与参考模板保持一致。
+
+## 11. Phase 7：员工业务页面
+
+### 11.1 工作台首页
+
+- 统计卡片。
+- 待办事项。
+- 客户数量。
+- 资产规模或业务指标。
+- 风险预警数量。
+- 最近活动。
+- 根据角色显示不同重点内容。
+
+### 11.2 客户管理
+
+- 客户列表。
+- 关键词搜索。
+- 状态筛选。
+- 分页。
+- 客户详情抽屉或详情页。
+- 客户持仓。
+- 客户风险等级。
+- 客户关系状态。
+- 历史投顾报告。
+- 敏感信息按后端返回结果展示。
+
+### 11.3 投顾服务
+
+- 客户组合诊断。
+- 基金白名单筛选。
+- 标准策略库。
+- 投顾建议草稿。
+- 沟通话术草稿。
+- 回访记录。
+- 待办处理。
+- 个人绩效报表。
+
+### 11.4 风控中心
+
+- 风险预警列表。
+- 预警状态筛选。
+- 预警详情。
+- 放行确认弹窗。
+- 拦截确认弹窗。
+- 冻结确认弹窗。
+- 风控工单列表和详情。
+- 操作完成后的消息反馈。
+
+危险操作要求：
+
+- 操作按钮使用危险色。
+- 必须经过二次确认。
+- 显示操作对象和影响范围。
+- 请求期间禁用重复提交。
+- 成功后刷新相关列表。
+
+### 11.5 公共基金数据
+
+- 复用用户端基金列表和详情组件。
+- 根据后台布局调整为表格优先。
+- 展示数据来源和更新时间。
+- 允许员工查看历史走势。
+
+### 11.6 验收标准
+
+- 各角色能看到符合前端规划的菜单。
+- 投顾页面能够请求并展示客户和投顾数据。
+- 风控页面能够展示预警并调用现有处置接口。
+- 危险操作具备确认、loading、成功和失败状态。
+- 敏感数据不在前端绕过后端脱敏逻辑。
+
+## 12. Phase 8：Agent 聊天框
+
+### 12.1 入口
+
+- 固定在用户端官网右下角。
+- 使用统一品牌色的圆形或紧凑型浮动按钮。
+- 提供清晰的客服/智能助手图标。
+- 不遮挡主要 CTA、基金卡片和页面底部关键内容。
+
+### 12.2 展开面板
+
+- 点击入口打开聊天框。
+- 再次点击或点击关闭按钮收起。
+- 固定宽度和高度，避免消息内容改变页面布局。
+- 头部显示 Agent 名称和状态。
+- 中部显示消息列表。
+- 底部显示输入框和发送按钮。
+- 支持发送中状态。
+- 支持请求失败提示和重新发送。
+- 支持空白输入校验。
+- 保持聊天滚动位置自动跟随最新消息。
+
+### 12.3 风格要求
+
+- 使用官网和后台共用的主色、深蓝、白色和中性色。
+- 保持与官网按钮相同的圆角和阴影语言。
+- 聊天消息区使用清晰的用户消息与 Agent 消息层级。
+- 不使用与整体品牌冲突的独立渐变主题。
+
+### 12.4 接口要求
+
+- 使用现有 Agent 接口。
+- 在 API 适配层统一处理会话 ID、用户身份和错误码。
+- 如果后端返回流式消息，前端逐段更新消息内容。
+- 如果后端返回完整消息，前端按消息完成状态展示。
+- 不在前端实现或修改 Agent 业务逻辑。
+
+### 12.5 验收标准
+
+- 入口始终位于右下角。
+- 点击后聊天框可以稳定打开和关闭。
+- 消息能够正确显示顺序和发送者。
+- 请求期间有明确反馈。
+- 失败后用户可以重试。
+- 聊天框不会造成页面主要内容错位。
+
+## 13. Phase 9：API 联调与质量验收
+
+### 13.1 联调顺序
+
+1. 健康检查和 API 基地址确认。
+2. 登录和注册。
+3. 当前用户信息。
+4. 基金列表。
+5. 基金历史净值。
+6. 用户账户和持仓。
+7. 风险测评。
+8. 投顾工作台。
+9. 风控预警和处置。
+10. Agent 聊天接口。
+
+### 13.2 测试维度
+
+#### 功能测试
+
+- 路由跳转。
+- 导航定位。
+- 搜索和筛选。
+- 分页。
+- 登录注册。
+- Token 恢复和退出。
+- 图表展示。
+- 表单提交。
+- 后台角色菜单。
+- 风控确认操作。
+- Agent 收发消息。
+
+#### 状态测试
+
+- 首次加载。
+- 数据加载中。
+- 数据为空。
+- 接口失败。
+- 网络超时。
+- Token 过期。
+- 无权限。
+- 重复提交。
+
+#### 视觉测试
+
+- 首屏背景裁切。
+- 文案清晰度。
+- 长页面滚动。
+- 顶部导航固定效果。
+- Agent 与页面内容的遮挡关系。
+- 后台侧边栏和表格布局。
+- 图表、标签、弹窗和按钮的一致性。
+
+#### 浏览器测试
+
+- Chrome PC。
+- Edge PC。
+- 常见桌面分辨率。
+- 大屏显示下的最大内容宽度。
+- 页面缩放后的基本可用性。
+
+### 13.3 数据一致性测试
+
+- 列表中的基金代码与详情页一致。
+- 基金详情净值与后端返回一致。
+- 图表数据点与历史净值接口一致。
+- 页面显示的数据更新时间与接口字段一致。
+- 角色显示文案不影响后端请求权限。
+
+## 14. 交付物
+
+- PC 前端源代码。
+- 前端环境变量示例文件。
+- API 接口适配层。
+- 用户端官网页面。
+- 基金列表和详情页面。
+- 登录注册和用户中心。
+- 员工后台页面。
+- Agent 聊天框。
+- 前端启动说明。
+- 页面路由说明。
+- API 字段映射说明。
+- 已知问题和待后端确认事项。
+
+## 15. 依赖与风险
+
+### 15.1 外部依赖
+
+- FastAPI 服务可正常启动。
+- MySQL 中存在基金产品和历史净值数据。
+- API 文档、鉴权规则和接口地址可用。
+- Agent 接口的请求格式和返回格式明确。
+- 背景图具备使用权限或后续提供正式素材。
+
+### 15.2 技术风险
+
+- 当前项目没有现成前端工程，需要新建前端目录。
+- README 描述与实际后端代码存在版本差异，需要以实际接口为准。
+- 部分角色名称存在历史命名差异，前端只能做显示映射。
+- 部分基金历史数据的 `product_id` 字段存在代码兼容逻辑，前端不得假设数据库字段结构，必须以 API 返回为准。
+- 如果 API 没有返回首页所需统计字段，首页只能展示已有数据或采用不依赖真实数值的品牌模块。
+
+### 15.3 产品风险
+
+- 不得将示例数据误标为真实基金数据。
+- 不得在前端使用保证收益或无风险等表述。
+- 风险提示必须在基金详情和交易相关页面可见。
+- 员工后台的前端菜单隐藏不能替代后端权限校验。
+
+## 16. 待确认事项
+
+1. 前端技术栈和工程目录是否直接新建 Next.js 应用。
+2. 后端 API 的实际访问地址和跨域配置。
+3. Agent 接口的具体路径、请求体和返回格式。
+4. 首页需要展示的正式公司资料、联系方式和合规文案。
+5. 背景图是否直接使用，或是否需要重新制作带华夏基金品牌的版本。
+6. 用户端是否允许未登录用户查看全部基金详情。
+7. 申购、赎回和风险测评页面的具体业务字段。
+8. 三类员工实际登录账号的后端 `user_type` 和角色返回值。
+9. 员工通用是否需要查看客户基础信息或只查看公共基金数据。
+10. 是否需要加入隐私政策、用户协议和风险揭示书页面。
+
+## 17. 最终验收清单
+
+- [ ] PC 前端可以独立启动。
+- [ ] 用户端首页为可下滑长页面。
+- [ ] 首页使用指定金融背景视觉方向。
+- [ ] 用户端和后台品牌色统一。
+- [ ] 用户端包含登录和注册入口。
+- [ ] 页面右下角存在统一风格 Agent 入口。
+- [ ] Agent 聊天框可以打开、关闭和发送消息。
+- [ ] 基金列表使用 API 真实数据。
+- [ ] 基金详情展示历史净值和走势图。
+- [ ] 用户中心展示账户和持仓信息。
+- [ ] 员工可以进入后台。
+- [ ] 投顾专员、风控专员、员工通用显示正确。
+- [ ] 投顾页面和风控页面按角色展示。
+- [ ] 风控危险操作有二次确认。
+- [ ] 所有页面有加载、空数据和错误状态。
+- [ ] Token 失效能够正确处理。
+- [ ] 不修改后端代码、接口和数据库。
diff --git a/开发计划_用户画像置信度实时更新.md b/开发计划_用户画像置信度实时更新.md
new file mode 100644
index 0000000..4994ff5
--- /dev/null
+++ b/开发计划_用户画像置信度实时更新.md
@@ -0,0 +1,651 @@
+# 用户画像置信度实时更新开发计划
+
+版本：v2.0  
+日期：2026-09-13  
+状态：待开发
+
+## 1. 开发目标
+
+用户完成风险问卷后，系统固定用户类型，并将初始画像置信度设置为 `0.90`。后续根据客服 Agent 已确认的对话证据和已确认的交易流水，实时调整当前画像置信度。
+
+本功能有两个边界：
+
+1. 用户类型只允许保持不变，不能被对话或交易重新分类。
+2. 证据关系由 LLM 判断，置信度最终值由 `BaseConfidenceCalcTool.update()` 统一计算。
+
+## 2. 最终业务流程
+
+```text
+风险问卷完成
+    -> 固定 user_type
+    -> confidence_score = 0.90
+
+交易状态变为“已确认”
+    -> 生成交易证据事件
+
+Agent 提取并确认对话事实
+    -> 生成对话证据事件
+
+Worker 消费证据事件
+    -> 读取固定 user_type 及其画像定义
+    -> 调用 LLM 判断 support / conflict / neutral
+    -> 校验 LLM 输出
+    -> neutral 或无效证据标记 ignored
+    -> 读取数据库当前 confidence_score
+    -> BaseConfidenceCalcTool.update()
+    -> 更新 confidence_score
+    -> 写入画像变更日志
+    -> 清理 Redis 画像缓存
+    -> 标记事件 processed
+```
+
+## 3. 核心职责划分
+
+```text
+原始数据读取器
+    读取 Agent 记忆、对话归档、交易流水和产品信息
+
+EvidenceBuilder
+    将原始数据整理成统一证据输入
+
+LLM EvidenceRelationJudge
+    根据固定用户类型判断 support / conflict / neutral
+
+BaseConfidenceCalcTool.update()
+    使用当前已有 confidence 计算新的 confidence
+
+ProfileConfidenceUpdater
+    负责事务、并发锁、日志、缓存和事件状态
+```
+
+LLM 不直接写数据库，也不负责修改用户类型。
+
+## 4. 用户画像规则
+
+画像主表使用：
+
+```text
+fin_customer_profile.risk_level
+fin_customer_profile.confidence_score
+```
+
+问卷完成后：
+
+```text
+risk_level = 问卷评定结果
+confidence_score = 0.90
+```
+
+后续事件只能修改：
+
+```text
+confidence_score
+profile_version
+update_time
+```
+
+禁止修改：
+
+```text
+risk_level
+risk_score
+```
+
+## 5. LLM 证据关系判断
+
+### 5.1 判断目标
+
+LLM 不是重新判断客户属于哪种类型，而是回答：当前这条证据，相对于已经固定的用户类型，是支持、冲突，还是无法判断？
+
+允许的关系只有：
+
+```text
+support   支持当前固定用户类型
+conflict  与当前固定用户类型冲突
+neutral   与类型无关、信息不足或无法判断
+```
+
+### 5.2 LLM 输入
+
+对话证据输入示例：
+
+```json
+{
+  "user_type": "稳健型",
+  "profile_definition": {
+    "risk_tolerance": "低到中等",
+    "principal_safety": "高",
+    "return_preference": "稳定优先"
+  },
+  "evidence_source": "user_stated",
+  "evidence": "我比较偏好本金安全，不希望本金出现明显亏损"
+}
+```
+
+交易证据输入示例：
+
+```json
+{
+  "user_type": "稳健型",
+  "profile_definition": {
+    "risk_tolerance": "低到中等",
+    "principal_safety": "高"
+  },
+  "evidence_source": "behavior_inference",
+  "evidence": {
+    "transaction_type": "申购",
+    "product_name": "某股票型基金",
+    "product_risk_level": "R5",
+    "transaction_status": "已确认"
+  }
+}
+```
+
+### 5.3 LLM 输出
+
+必须使用结构化 JSON：
+
+```json
+{
+  "relation": "support",
+  "valid": true,
+  "reason": "客户明确表达重视本金安全，与稳健型偏好低波动和本金保护的特征一致",
+  "evidence_summary": "客户偏好本金安全"
+}
+```
+
+输出字段：
+
+```text
+relation          support / conflict / neutral
+valid             true / false
+reason            判断理由
+evidence_summary  证据摘要
+```
+
+### 5.4 LLM Prompt 约束
+
+```text
+用户类型已经确定，禁止修改用户类型。
+只能判断当前证据与固定用户类型的关系。
+只能返回 support、conflict 或 neutral。
+信息不足、表达含糊或与风险偏好无关时返回 neutral。
+不要根据证据重新分类用户。
+必须返回 JSON，不输出额外文本。
+```
+
+### 5.5 判断示例
+
+固定类型为“稳健型”：
+
+```text
+“我比较偏好本金安全”
+    -> support
+
+“我可以接受本金大幅波动来追求高收益”
+    -> conflict
+
+“最近基金市场行情怎么样？”
+    -> neutral
+```
+
+固定类型为“进取型”时：
+
+```text
+“我比较偏好本金安全”
+    -> conflict
+```
+
+同一条证据必须结合当前固定的 `user_type` 判断，不能脱离用户类型单独判断。
+
+## 6. 统一证据结构
+
+```python
+class ProfileEvidence:
+    event_id: str
+    customer_id: int
+    category: str
+    source: str
+    raw_content: dict | str
+    relation: str | None
+    valid: bool | None
+    reason: str | None
+    occurred_at: datetime
+```
+
+在 LLM 判断前，`relation` 和 `valid` 为空；判断后必须由程序校验：
+
+```python
+ALLOWED_RELATIONS = {"support", "conflict", "neutral"}
+
+if result.relation not in ALLOWED_RELATIONS:
+    raise InvalidEvidenceResult()
+```
+
+## 7. 对话和交易证据
+
+### 7.1 对话
+
+数据来源：
+
+- `memory_unit`
+- `conversation_archive`
+
+优先使用 Agent 已提取并确认的 `memory_unit`，避免直接处理全部原始对话。
+
+```text
+Agent 对话
+    -> Agent 提取画像事实
+    -> memory_unit 写入或确认
+    -> 生成画像证据事件
+    -> LLM 判断证据关系
+```
+
+来源映射：
+
+```text
+user_confirmed -> user_confirmed
+user_stated    -> user_stated
+ai_inferred    -> ai_inferred
+```
+
+### 7.2 交易
+
+数据来源：
+
+- `fin_transaction`
+- `fin_product`
+
+只有以下条件满足时才生成有效交易证据：
+
+```text
+fin_transaction.status = 已确认
+交易客户与画像客户一致
+产品信息可读取
+```
+
+交易证据输入应包含：
+
+```text
+交易类型、产品名称、产品类型、产品风险等级、交易金额、交易确认时间
+```
+
+待确认、风控挂起、已撤单、失败的交易不更新画像。
+
+## 8. 置信度更新工具
+
+### 8.1 保留现有 calc()
+
+现有 `calc()` 继续保留，用于问卷初始化或长期记忆的完整重算。
+
+### 8.2 新增 update()
+
+```python
+BaseConfidenceCalcTool.update(
+    current_confidence: float,
+    source: str,
+    relation: str,
+    age_days: int = 0,
+    threshold: float | None = None,
+    calculated_at: datetime | None = None,
+) -> ConfidenceResult
+```
+
+核心要求：
+
+```text
+current_confidence 必须来自数据库当前值
+```
+
+更新规则：
+
+```text
+support  -> 提高当前置信度
+conflict -> 降低当前置信度
+neutral  -> 不更新
+```
+
+计算结果必须限制在 `0.0` 到 `1.0` 之间。
+
+返回结果建议包含：
+
+```python
+ConfidenceResult(
+    previous_confidence=...,
+    confidence=...,
+    confidence_delta=...,
+    qualified=...,
+    reason=...,
+    model_version=...,
+    calculated_at=...,
+)
+```
+
+## 9. 事件触发机制
+
+采用：
+
+```text
+应用层事务 Outbox + 后台 Worker
+```
+
+### 9.1 对话触发
+
+```text
+Agent 提取并确认画像事实
+    -> 写入 memory_unit
+    -> 同一事务写入 profile_confidence_event
+```
+
+### 9.2 交易触发
+
+```text
+交易状态变为“已确认”
+    -> 同一事务写入 profile_confidence_event
+```
+
+数据库 Trigger 不直接调用 LLM 或置信度工具。若未来存在绕过应用层的外部写库系统，再考虑增加数据库 Trigger 作为 Outbox 补充。
+
+## 10. 事件表设计
+
+建议新增：
+
+```text
+profile_confidence_event
+```
+
+字段：
+
+```text
+id
+event_id
+customer_id
+category
+source_type
+source_record_id
+status
+retry_count
+error_message
+create_time
+process_time
+```
+
+事件状态：
+
+```text
+pending    待处理
+processing 处理中
+processed  已完成画像更新
+ignored    无效或无关证据
+failed     处理失败，可重试
+```
+
+增加唯一约束：
+
+```text
+UNIQUE(event_id, category)
+```
+
+确保同一条对话或交易不会重复调整置信度。
+
+## 11. Worker 处理流程
+
+```text
+1. 抢占 pending 事件
+2. 读取 Agent 记忆、对话或交易原始记录
+3. 构造 LLM 输入
+4. 调用 LLM EvidenceRelationJudge
+5. 校验 JSON 和 relation 枚举
+6. relation=neutral 或 valid=false 时标记 ignored
+7. 锁定 fin_customer_profile
+8. 读取当前 confidence_score
+9. 调用 BaseConfidenceCalcTool.update()
+10. 更新 confidence_score 和 profile_version
+11. 写入 customer_profile_change_log
+12. 提交数据库事务
+13. 清理 Redis 画像缓存
+14. 标记事件 processed
+```
+
+第 7 至第 12 步必须在同一个数据库事务中完成。读取画像时使用：
+
+```sql
+SELECT *
+FROM fin_customer_profile
+WHERE customer_id = ?
+FOR UPDATE;
+```
+
+## 12. 失败处理
+
+LLM 超时或服务异常：
+
+```text
+事件状态 = failed
+retry_count + 1
+保存 error_message
+等待下次重试
+```
+
+LLM 返回格式错误或未知关系：
+
+```text
+不更新画像
+记录错误
+事件进入 failed 或人工检查队列
+```
+
+LLM 判断为无关或无法判断：
+
+```text
+relation = neutral
+事件状态 = ignored
+不修改 confidence_score
+```
+
+## 13. 数据库事务和缓存
+
+画像更新、画像变更日志和事件状态更新必须在同一个 MySQL 事务中完成：
+
+```text
+更新画像
+写画像变更日志
+标记事件 processed
+```
+
+事务成功提交后，再清理 Redis：
+
+```python
+await CustomerProfileMemory().invalidate(customer_id)
+```
+
+## 14. 代码模块计划
+
+### 14.1 置信度工具
+
+文件：
+
+```text
+tool/confidence.py
+```
+
+任务：
+
+- 新增 `update()`
+- 扩展 `ConfidenceResult`
+- 增加 support、conflict、neutral 测试
+- 保留 `calc()` 兼容现有长期记忆逻辑
+
+### 14.2 LLM 证据判断器
+
+建议新增：
+
+```text
+service/profile_confidence/relation_judge.py
+```
+
+任务：
+
+- 维护 Prompt
+- 组织用户类型定义和证据输入
+- 调用 LLM
+- 解析结构化 JSON
+- 校验 relation、valid 和必填字段
+- 处理超时、格式错误和重试
+
+### 14.3 证据服务
+
+建议新增：
+
+```text
+service/profile_confidence/evidence.py
+```
+
+任务：
+
+- 读取对话、Agent 记忆和交易流水
+- 统一转换为 `ProfileEvidence`
+- 生成稳定的 `event_id`
+
+### 14.4 画像更新服务
+
+建议新增：
+
+```text
+service/profile_confidence/updater.py
+service/profile_confidence/worker.py
+```
+
+任务：
+
+- 消费事件
+- 调用 LLM 判断关系
+- 调用 `BaseConfidenceCalcTool.update()`
+- 加锁更新画像
+- 写变更日志
+- 清理缓存
+- 更新事件状态
+
+### 14.5 仓储和模型
+
+需要新增或调整：
+
+```text
+model/profile_confidence_event.py
+model/fin_transaction.py
+repositories/customer_profile.py
+repositories/profile_confidence_event.py
+```
+
+任务：
+
+- 支持画像带锁查询
+- 支持置信度更新
+- 支持事件抢占和状态流转
+- 支持交易流水查询
+- 支持幂等约束
+
+## 15. 测试计划
+
+### 15.1 LLM 关系判断
+
+固定类型为“稳健型”：
+
+```text
+“偏好本金安全” -> support
+“不能接受明显亏损” -> support
+“可以承担大幅波动追求高收益” -> conflict
+“最近基金行情怎么样” -> neutral
+```
+
+固定类型为“进取型”：
+
+```text
+“偏好本金安全” -> conflict
+```
+
+还需测试：
+
+- 模糊表达返回 `neutral`
+- 非法枚举被拒绝
+- 非 JSON 输出进入失败重试
+- LLM 不得修改 `user_type`
+
+### 15.2 置信度工具
+
+- support 使用当前置信度向上更新
+- conflict 使用当前置信度向下更新
+- neutral 不更新
+- 置信度始终在 `0.0～1.0`
+- 时间衰减生效
+- 不同来源使用不同来源权重
+
+### 15.3 事件和事务
+
+- 已确认交易生成事件
+- 待确认交易不生成有效事件
+- Agent 记忆确认后生成事件
+- 重复事件不会重复更新
+- 并发事件不会丢失更新
+- 画像更新失败时事件不会标记为 processed
+- LLM 失败后可以重试
+- 更新成功后 Redis 缓存失效
+
+## 16. 验收标准
+
+1. 问卷完成后 `confidence_score = 0.90`。
+2. LLM 只判断证据关系，不修改用户类型。
+3. LLM 输出只能是 `support`、`conflict` 或 `neutral`。
+4. Agent 有效对话证据可以实时更新置信度。
+5. 已确认交易可以实时更新置信度。
+6. `BaseConfidenceCalcTool.update()` 使用数据库中的当前置信度。
+7. 无效或 `neutral` 证据不会更新画像。
+8. 用户类型 `risk_level` 始终保持不变。
+9. 同一事件重复消费不会重复调整置信度。
+10. 并发事件不会造成置信度丢失。
+11. 每次更新都能追溯到具体对话或交易。
+12. 画像更新成功后事件才标记为 `processed`。
+13. LLM 或数据库失败时事件可以重试。
+14. 更新成功后 Redis 不会继续返回旧画像。
+
+## 17. 开发顺序
+
+```text
+第一阶段：实现 BaseConfidenceCalcTool.update()
+
+第二阶段：实现 LLM EvidenceRelationJudge 和结构化输出校验
+
+第三阶段：补充画像仓储的带锁读取和更新
+
+第四阶段：新增 ProfileEvidence 和事件表
+
+第五阶段：实现 Worker 及失败重试
+
+第六阶段：接入 Agent 记忆确认流程
+
+第七阶段：接入交易确认流程
+
+第八阶段：接入画像变更日志和 Redis 缓存失效
+
+第九阶段：补充幂等、并发和端到端测试
+```
+
+## 18. 第一版范围控制
+
+第一版支持：
+
+- 固定用户类型：`risk_level`
+- 画像置信度：`confidence_score`
+- 证据来源：Agent 对话、已确认交易
+- LLM 关系判断：`support / conflict / neutral`
+- MySQL Outbox
+- 单 Worker 轮询
+- 画像更新日志
+
+第一版暂不支持：
+
+- LLM 自动修改用户类型
+- 多类型概率分布
+- Kafka 或 RabbitMQ
+- 复杂多证据联合推理
+- 自动根据置信度重新分类客户
diff --git a/需求文档.md b/需求文档.md
new file mode 100644
index 0000000..f24ae20
--- /dev/null
+++ b/需求文档.md
@@ -0,0 +1,326 @@
+# 华夏基金 PC 前端需求文档
+
+## 1. 文档信息
+
+| 项目 | 内容 |
+|---|---|
+| 项目名称 | 华夏基金 PC 网页平台 |
+| 文档类型 | 前端产品需求文档 |
+| 当前版本 | V1.0 |
+| 编制日期 | 2026-09-13 |
+| 开发范围 | PC 网页端前端 |
+| 后端范围 | 不修改现有后端代码、接口和数据库结构 |
+
+## 2. 项目背景
+
+本项目面向华夏基金建设一套 PC 网页平台，包含两类使用场景：
+
+1. 面向普通用户的基金金融官网和用户服务页面。
+2. 面向公司员工的基金业务后台管理系统。
+
+用户端强调品牌展示、专业信任和基金产品转化；员工端强调业务效率、数据查看、客户服务和风险控制。两端使用统一的品牌色体系，但采用不同的信息架构和交互方式。
+
+## 3. 产品目标
+
+- 建设具有金融专业感和品牌识别度的华夏基金 PC 官网。
+- 为用户提供基金产品浏览、基金详情、历史净值和登录注册入口。
+- 为员工提供投顾、风控及通用员工工作台。
+- 展示来自现有 API 或数据库的真实基金数据。
+- 复用现有 FastAPI 后端能力，不改变后端业务逻辑。
+- 建立统一、清晰、可扩展的前端页面结构。
+
+## 4. 用户角色
+
+### 4.1 普通用户
+
+- 浏览首页和基金产品。
+- 查看基金净值、收益、风险等级和历史走势。
+- 注册账号、登录账号。
+- 查看个人账户、持仓和相关业务信息。
+- 根据后端已有能力进行基金申购、赎回和风险测评。
+
+### 4.2 员工角色
+
+前端显示名称统一为以下三类：
+
+| 前端显示名称 | 前端可见功能方向 |
+|---|---|
+| 投顾专员 | 投顾工作台、客户管理、客户持仓、组合诊断、投顾报告、回访与待办 |
+| 风控专员 | 风险预警、风险审核、放行、拦截、冻结、风控工单 |
+| 员工通用 | 基础仪表盘、公共基金数据、通知、个人设置 |
+
+前端只负责角色显示和页面访问控制，不修改后端实际角色值和接口权限逻辑。
+
+## 5. 产品结构
+
+```text
+华夏基金 PC 网页平台
+├── 用户端
+│   ├── 首页
+│   ├── 基金产品列表
+│   ├── 基金详情
+│   ├── 登录
+│   ├── 注册
+│   ├── 用户中心
+│   ├── 账户与持仓
+│   ├── 风险测评
+│   └── 员工后台入口
+│
+└── 员工后台
+    ├── 工作台首页
+    ├── 客户管理
+    ├── 基金产品与数据
+    ├── 投顾服务
+    ├── 风控中心
+    ├── 消息与通知
+    └── 系统设置
+```
+
+## 6. 用户端需求
+
+### 6.1 首页
+
+首页采用 RemitBank 金融官网的整体表达方式，突出品牌、专业服务和投资价值。
+
+首屏要求：
+
+- 展示“华夏基金”品牌名称。
+- 使用金融城市、地球、金色基金和增长箭头作为背景视觉参考。
+- 背景风格以深蓝夜景、全球金融和长期增长为核心意象。
+- 文案区域需要保证文字清晰，背景应增加适度深色遮罩。
+- 提供基金产品入口、登录和注册入口。
+- 提供员工后台入口，但视觉权重低于用户端主要业务入口。
+
+建议首屏内容：
+
+```text
+华夏基金
+让财富管理更智能、更普惠
+专业基金投资服务，陪伴每一段长期成长
+[查看基金产品] [登录 / 注册]
+```
+
+### 6.2 基金产品列表
+
+- 展示真实基金产品数据。
+- 支持按关键词搜索。
+- 支持按基金类型筛选。
+- 支持按风险等级筛选。
+- 支持分页或加载更多。
+- 展示基金代码、名称、类型、风险等级、最新净值、净值日期、基金经理和在售状态。
+- 产品卡片或表格均可采用，但需要保持金融产品信息的可扫描性。
+
+### 6.3 基金详情
+
+- 展示基金基本信息。
+- 展示最新单位净值和累计净值。
+- 展示净值日期和数据更新时间。
+- 展示历史净值走势图。
+- 支持按时间范围查看历史数据。
+- 展示区间收益、最大收益和最大回撤等后端返回指标。
+- 明确提示基金投资风险，不承诺收益。
+- 根据后端返回状态展示申购、赎回或登录后操作入口。
+
+### 6.4 登录与注册
+
+- 用户名和密码登录。
+- 用户注册。
+- 注册时支持手机号、用户名、密码和真实姓名。
+- 登录成功后保存后端返回的 JWT Token。
+- 登录后根据用户类型跳转用户中心或员工后台。
+- Token 失效时清理本地状态并跳转登录页。
+- 表单需要提供输入校验、错误提示、加载状态和成功反馈。
+
+### 6.5 用户中心
+
+- 展示当前用户基本信息。
+- 展示账户余额。
+- 展示基金持仓。
+- 展示申购和赎回入口。
+- 展示风险测评状态。
+- 展示业务消息或客服入口。
+
+### 6.6 官网页面形态与 Agent 入口
+
+- 用户端官网采用可纵向下滑的长页面展示形式。
+- 页面按照首屏、品牌介绍、核心服务、基金产品、数据亮点、客户评价、风险提示和联系入口等模块分段展示。
+- 顶部导航可以在页面滚动时保持可见，方便用户快速跳转到不同模块。
+- 页面底部保留登录、注册、员工后台入口和必要的合规信息。
+- Agent 入口固定在页面右下角，不遮挡主要内容和关键操作按钮。
+- 用户点击 Agent 入口后，展开聊天框形式的对话面板；再次点击可收起聊天框。
+- 聊天框需要支持消息列表、输入框、发送按钮、加载状态、错误提示和关闭/收起操作。
+- Agent 聊天框的颜色、字体、圆角、边框、阴影和按钮样式与官网及统一品牌色体系保持一致。
+- 聊天框在展开状态下应具有稳定尺寸，不能因消息内容变化导致页面主要布局跳动。
+- Agent 接口由前端调用现有后端接口，前端不修改 Agent 业务逻辑。
+
+## 7. 员工后台需求
+
+后台整体参考 `admin-panel-template`：
+
+- 深色固定侧边栏。
+- 顶部工具栏。
+- 白色内容区和浅灰页面背景。
+- 统计卡片、数据表格、筛选器、标签、弹窗和表单。
+- 使用 Lucide 风格线性图标。
+- 页面强调数据密度、操作效率和状态反馈。
+
+### 7.1 工作台首页
+
+- 展示业务统计数据。
+- 展示待办事项。
+- 展示客户数量、资产规模、风险预警和近期活动。
+- 投顾专员查看个人客户和个人绩效概览。
+- 风控专员查看风险预警和待审核业务。
+- 员工通用查看公共业务数据和通知。
+
+### 7.2 客户管理
+
+投顾专员可查看后端授权范围内的客户：
+
+- 客户列表。
+- 客户关键词搜索。
+- 客户状态筛选。
+- 客户详情。
+- 客户持仓。
+- 客户历史投顾报告。
+- 客户风险等级。
+- 客户关系状态。
+- 敏感信息按照后端返回结果展示和脱敏。
+
+### 7.3 投顾服务
+
+投顾专员可使用：
+
+- 客户组合诊断。
+- 基金产品筛选。
+- 标准策略查看。
+- 投顾建议草稿。
+- 沟通话术草稿。
+- 回访记录。
+- 待办处理。
+- 个人绩效报告。
+
+### 7.4 风控中心
+
+风控专员可使用：
+
+- 风险预警列表。
+- 按状态筛选预警。
+- 查看风险详情。
+- 放行风险事件。
+- 拦截风险事件。
+- 冻结相关业务或账户。
+- 查看风控工单和处理状态。
+
+### 7.5 公共基金数据
+
+- 员工可查看基金产品列表。
+- 支持基金搜索、类型筛选、风险等级筛选和状态筛选。
+- 支持查看历史净值与业绩走势。
+- 数据来源和更新时间需要在页面中明确展示。
+
+## 8. 数据与接口约束
+
+前端不直接连接 MySQL，统一通过现有 FastAPI 接口获取数据。
+
+当前已确认可复用的接口能力包括：
+
+- `POST /api/auth/login`
+- `POST /api/auth/register`
+- `GET /api/auth/me`
+- `GET /api/products`
+- `GET /api/products/{product_code}/history`
+- `GET /api/account/balance`
+- `GET /api/holdings`
+- `POST /api/purchase`
+- `POST /api/redeem`
+- `POST /api/risk-assessment/submit`
+- `/api/advisor/*` 投顾工作台接口
+- `/api/risk/*` 风控接口
+
+基金数据主要来自：
+
+- `fin_product`：基金产品基础信息和最新净值。
+- `fund_nav_history`：基金历史净值、累计净值和日涨跌幅。
+- `fund_performance`：基金区间业绩指标缓存。
+
+前端需要统一处理：
+
+- 加载中状态。
+- 空数据状态。
+- 接口错误状态。
+- Token 失效状态。
+- 数据更新时间。
+- 网络超时和重试提示。
+
+## 9. 视觉设计规范
+
+### 9.1 统一配色
+
+用户端与后台使用同一套品牌色变量：
+
+- 主色：沿用后台管理系统的品牌主色，用于按钮、链接、选中状态和关键交互。
+- 中性色：白色、浅灰、灰色和深灰，用于背景、边框、正文和辅助文字。
+- 深蓝：主要用于用户端首屏背景和金融氛围。
+- 金色：用于收益、资产、重点数据和视觉强调，不作为主要操作按钮颜色。
+- 绿色、红色、黄色：分别表示成功、风险/错误和提醒状态。
+
+### 9.2 用户端风格
+
+- 大面积留白和清晰的信息层级。
+- 金融城市或业务相关图片作为首屏视觉主体。
+- 大标题、简洁说明和明显的行动按钮。
+- 使用真实基金数据增强可信度。
+- 内容区采用简洁卡片或宽幅信息模块，避免过度装饰。
+
+### 9.3 后台风格
+
+- 深色侧边栏和浅色内容区。
+- 细边框、轻阴影、小圆角。
+- 表格优先保证信息对齐和可扫描性。
+- 使用标签区分基金状态、风险等级和业务状态。
+- 操作按钮需要明确区分普通操作、主要操作和危险操作。
+
+## 10. 技术边界
+
+- 只开发 PC 网页端，不做移动端适配。
+- 不修改 Python/FastAPI 后端代码。
+- 不修改 API 路由、后端权限判断和业务逻辑。
+- 不修改数据库表结构和数据内容。
+- 不在前端硬编码真实基金净值、收益率或规模数据。
+- 前端通过 API 获取实时或数据库中的基金数据。
+- 后端返回的角色值由前端映射为统一显示名称。
+- 前端需要保留接口适配层，便于后续 API 地址、鉴权方式或字段变化时集中调整。
+
+## 11. 非功能需求
+
+- 页面适配常见 PC 浏览器和桌面分辨率。
+- 重要操作提供加载、成功、失败和确认反馈。
+- 表格和基金数据支持清晰排序、筛选和查看详情。
+- 用户敏感信息不在前端额外解密或绕过后端脱敏逻辑。
+- 关键页面需要处理接口异常和无数据情况。
+- 代码按照用户端、员工后台、公共组件和 API 服务层进行拆分。
+
+## 12. 当前风险与待确认事项
+
+1. 当前仓库没有现成 PC 前端工程，需要新建前端目录或前端应用。
+2. 当前未发现外部基金 API 同步模块，前端首先依赖已有数据库查询接口。
+3. 真实基金数据的 API 地址、鉴权方式、字段说明和更新时间规则仍需确认。
+4. 后端代码中部分员工角色命名与前端显示名称可能不一致，前端只做显示映射，不修改后端权限逻辑。
+5. 首页背景图目前作为视觉参考使用，是否直接作为正式素材需要确认版权和清晰度。
+6. 登录后用户端和员工后台的跳转规则需要结合后端实际 `user_type` 和权限返回值确定。
+7. 基金详情页是否开放申购、赎回和风险测评，需要根据实际业务流程最终确认。
+
+## 13. 验收标准
+
+- 用户可以在 PC 浏览器打开华夏基金首页。
+- 首页具有金融官网视觉风格，并使用指定背景图方向。
+- 用户可以完成登录和注册流程。
+- 基金列表能够从 API 加载真实数据。
+- 基金详情能够展示历史净值和收益走势。
+- 员工可以进入后台管理系统。
+- 投顾专员、风控专员和员工通用看到符合权限的前端菜单和页面。
+- 后台整体风格与 `admin-panel-template` 一致。
+- 用户端和后台使用统一品牌色体系。
+- API 加载失败、无数据、Token 失效等状态均有明确反馈。
+- 全部页面只涉及前端改动，不修改现有后端代码。