feat(projects): 统一项目资产工作区的界面与动效

[huyanxius]

Parent: #274
Depends on: #276

Why

项目列表、新建项目、项目资产库和角色详情属于一段连续体验，但目前页面结构、卡片形态、信息密度和动效语言各自独立，进入项目后会产生明显的视觉断层。

需要在不改变真实功能的前提下，把项目资产区域整理为同一个稳定、清晰的资产工作区。

Scope

覆盖以下界面：

• /projects
• /projects/new
• /projects/:projectId/assets
• /projects/:projectId/assets/:characterId
• 项目详情的常驻工作区外壳

项目列表

• 重构页面标题区、项目卡片和分页的视觉层级。
• 清晰呈现项目名称、更新时间、视角、朝向、尺寸和画风约束。
• 统一新建入口、空态、加载态、错误态和删除确认框。
• 优化卡片进入、悬停和删除弹层动效。

新建项目

• 与项目资产工作区统一画布、表面和表单样式。
• 优化项目规格分组、预设选项、输入反馈和提交区层级。
• 保留现有像素图形表达，但使其服从共享配色与动效规则。

项目资产库

• 统一项目侧栏、项目规格、角色网格和分页。
• 强化 Project → Character 的浏览层级。
• 区分真实可用入口与“后端未提供”等禁用能力。
• 完善加载、空态、错误及无预览素材状态。

角色详情

• 统一角色、造型、动作和帧的视觉层级。
• 保留 Character → Outfit → Action → Frame 的真实数据关系。
• 优化动作卡片展开、帧浏览和预览入口反馈。
• 不新增资产分类或操作能力。

Visual Direction

• 继承 feat(ui): 统一四个产品页面的全局配色 #276 的全局暖灰、深灰绿配色，不建立页面私有色板。
• 使用稳定的资产工作区结构，减少装饰性卡片堆叠。
• 主要依靠表面层级、边界、留白和文字层级组织内容。
• 动效服务于进入、展开、选中和上下文切换，不改变交互结果。
• 支持 prefers-reduced-motion。

Architecture Boundary

• 页面只组合共享令牌和通用组件。
• 保持现有 Project、Character、Outfit、Action、Frame 数据与路由结构。
• 保持真实 API、分页、删除、新建、展开和导航逻辑不变。
• 不复制工作流编辑器或预览台功能。

Out of Scope

• 不修改业务逻辑、接口、状态流、数据结构和路由结果。
• 不新增搜索、筛选、排序、批量操作或资产上传。
• 不实现当前后端未提供的角色新建或动作模板能力。
• 不修改创作页和预览台界面。
• 不涉及公开宣传页 /。

Acceptance Criteria

• 项目列表、新建项目、资产库和角色详情形成连续一致的视觉体验。
• 所有页面消费 feat(ui): 统一四个产品页面的全局配色 #276 的全局配色，不声明私有基础色板。
• 项目、角色、造型、动作和帧的层级清晰可辨。
• 加载、空态、错误、禁用和删除确认状态完整且一致。
• 桌面与移动端不存在明显布局断层。
• 动效支持减少动态效果。
• 所有现有功能、接口和交互结果保持不变。
• 定向测试、构建及真实浏览器视觉验收通过。