PC 前端视觉一致性第一批

Goal

以 frontend-design 为视觉决策来源，把 PC 端从“多套页面局部样式并存”收敛为克制、精密、低噪音的 Hyinda 工作台。第一批只做设计底座和两个样板页：/portal 首页、/reimbursements 报销列表，形成后续页面迁移的可复用骨架。

用户已确认执行“PC 前端视觉一致性第一批”建议。
前端视觉最终裁决以 frontend-design skill 为准，docs/产品设计规则.md 作为业务、品牌和验收参考。
公网页面抽样显示：
- /portal 当前首屏层级偏多：标题 9 个、链接 42 个、SectionPanel 8 个，信息像模块拼接。
- /reimbursements 当前可见按钮约 19 个，主操作、状态切换、范围切换、导出和批量操作竞争注意力。
- 代码中并存 PageHeader、WorkspaceHeader、WorkbenchHero、SectionPanel、WorkspaceSection、card-std 和页面局部卡片写法。
PC OA 应该像工作台：浅色、清晰边界、主任务突出、批量操作可达但不抢首屏。

统一 PC 工作台基础样式：
- 降低全局背景、侧边栏、顶栏、卡片和指标卡的装饰噪音。
- 保留 Hyinda 品牌蓝作为主行动色，不新增营销式视觉。
- 收敛卡片圆角、阴影和渐变强度，让页面更像办公系统。
首页 /portal：
- 首屏优先展示：欢迎/角色、核心指标、待处理、常用动作。
- 员工视角下把“我的申请与资产、继续工作、常用入口、项目与协同”等低频或重复内容下沉到更轻的二级区域。
- 保留经理/管理员视角的业务信息，但减少标题和大卡片堆叠感。
报销列表 /reimbursements：
- 主操作只突出“新建报销”。
- 导出、批量操作、统计分析等降为次级工具区，不和主按钮同权。
- 状态切换保留，但视觉上应更像筛选控件而不是一排主按钮。
- 不改变报销创建、导出、批量、删除草稿、筛选、分页和权限逻辑。
自动化与视觉验证：
- 前端 typecheck/build 通过。
- Focused Playwright 覆盖 /portal、/reimbursements 可见性和主要操作入口。
- 补 PC 截图证据。

PC 侧边栏/顶栏/卡片视觉更克制，阴影和渐变显著减少。
/portal 员工视角首屏信息减少，不再出现多个同级大区块抢注意力。
/portal 保留待处理、常用动作、通知/动态、最近访问等入口，但低频内容下沉。
/reimbursements 只把“新建报销”作为主 CTA，导出/批量/统计分析成为次级工具。
/reimbursements 原有列表、状态 tab、权限、删除草稿、批量模式入口仍可用。
不修改后端接口、权限模型、路由语义、数据库或真实业务数据。
前端 typecheck/build、UI 设计规则检查、focused E2E、Trellis governance、git diff --check 通过。