问题：侧栏贴左边，内容区却用 mx-auto max-w-6xl 居中，窗口一宽就出现 "侧栏到内容之间一大片空白、内容右侧又一大片空白"的割裂感。2K 屏上尤其明显。 做法（用户给的两个方向里选"侧栏贴边 + 内容自适应"）： - AppShell 内容区去掉居中与固定宽度，改为随窗口铺开，断点加宽内边距 （lg 32 / xl 48 / 2xl 64），侧栏在 xl 从 240 加宽到 264 - 宽了之后不能只是把元素拉长，所以同步改成"用宽度"而不是"被拉长"： - 任务行：md 以上标题左、状态/优先级/截止/标签右对齐成一行，窄屏仍折两行 - 知识、工单列表：md 两列 / 2xl 三列，卡片不再横跨整屏 - 看板本来就是四等分列，自适应后自然铺满 - PageHeader 的描述文字限 max-w-3xl，宽屏下不出现过长的行宽 e2e/shots.mjs 支持 VIEWPORT=2560x1400 SUFFIX=-wide 覆盖视口，用来核对宽屏。 三个 e2e 复跑全绿；tsc 0 错，构建 242.02 kB / gzip 76.78 kB。
用户反馈"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。
dadao
dadao
dadao
dadao