feat(web): 重做设计系统与全部页面，前端观感对齐当下审美

用户反馈"UI 太丑、太简陋"。不是换配色，而是先立 token 再让页面去用：

- tailwind.config.js：纸白 paper / 墨绿 primary / 陶土橙 clay + 语义色
  sage/wheat/rust/sky，字号阶、圆角阶、投影、动效
- index.css：卡片、按钮五种变体、输入、pill/chip、导航、骨架屏
- 新增 icons.tsx（线性图标集）与 ui.tsx（Button/Sheet/Toast/空态/骨架/PageHeader）
- 新增 AppShell 取代 Layout + WorkspaceNav：桌面侧栏 + 移动顶部横条，工单未读角标
- 六个页面全部重写：登录、首页、任务、看板、工单、知识、成员、邀请落地
- 详情抽屉改用 Sheet，工单态补齐需求人/办理人/退回次数/动作按钮

e2e 因 DOM 升级同步调整（抽屉按 role=dialog 定位、下拉改用 aria-label），
三套用例（7 + 8 + 7 项）全部重跑通过；tsc 0 错，构建 45 modules / gzip 76.70 kB。

web/e2e/tickets.mjs

@@ -117,9 +117,9 @@ try {
   await pageA.goto(`${APP}/w/${wsId}`, { waitUntil: "domcontentloaded" });
   await pageA.getByRole("button", { name: "全部", exact: true }).click();
   await pageA.getByRole("button", { name: "开通测试账号权限" }).click();
-  const drawerA = pageA.locator("aside");
+  const drawerA = pageA.getByRole("dialog");
   await drawerA.waitFor();
-  const memberPicker = drawerA.locator("select").nth(1);
+  const memberPicker = drawerA.getByLabel("选择办理人");
   await memberPicker.selectOption({ index: 1 });
   await drawerA.getByRole("button", { name: "升级成工单" }).click();
   await drawerA.locator("text=已把工单交给").first().waitFor();
@@ -142,7 +142,7 @@ try {
   await ticketCard.getByRole("button", { name: "开始", exact: true }).waitFor();
   await ticketCard.getByRole("button", { name: "开始", exact: true }).click();
   await ticketCard.getByRole("button", { name: "详情", exact: true }).click();
-  const drawerB = pageB.locator("aside");
+  const drawerB = pageB.getByRole("dialog");
   await drawerB.waitFor();
   await drawerB.getByPlaceholder("给对方的说明（提交或验收时一并发过去）").fill("已经开了只读账号");
   await drawerB.getByRole("button", { name: "提交验收" }).click();
@@ -156,7 +156,7 @@ try {
   const mineCard = pageA.locator("li.card").filter({ hasText: "开通测试账号权限" }).first();
   await mineCard.waitFor();
   await mineCard.getByRole("button", { name: "详情", exact: true }).click();
-  const drawerVerify = pageA.locator("aside");
+  const drawerVerify = pageA.getByRole("dialog");
   await drawerVerify.waitFor();
   await drawerVerify.getByPlaceholder("给对方的说明（提交或验收时一并发过去）").fill("确认可用");
   await drawerVerify.getByRole("button", { name: "通过验收" }).click();
@@ -186,7 +186,7 @@ try {
   await browser.close();
 } catch (err) {
   await pageA.screenshot({ path: `${SHOT_DIR}/tickets-failure.png` }).catch(() => {});
-  const drawerText = await pageA.locator("aside").innerText().catch(() => "");
+  const drawerText = await pageA.getByRole("dialog").innerText().catch(() => "");
   if (drawerText) console.error(`\n[抽屉内容]\n${drawerText}`);
   if (consoleErrors.length > 0) console.error(`\n[控制台]\n${consoleErrors.join("\n")}`);
   const bodyText = await pageA.locator("body").innerText().catch(() => "");