VOZEB-UI-MIGRATION-02-M15 — 我的创作者主页 Ocean Foundation 视觉切片

Task ID: VOZEB-UI-MIGRATION-02-M15-ME
目标用户结果: 登录用户可以在统一 Ocean Air 壳层中查看自己的创作者资料、公开作品与喜欢记录，并继续编辑、分享、预览和管理社区关系
Feature / Atomic: HOME-P0-001；EXEC-P0-001..003（仅承载个人创作者主页视觉与既有交互）
Base SHA: a4cadddddb1822242bdf1a8777ad3fda38a72f4d
视觉基线: VOZEB-UI-FOUNDATION-01 候选（Quiet Ocean Air / Abyss）
状态: LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST

范围与边界

本切片把 /me 我的创作者主页接入已经完成的 Ocean Foundation 组件。页面继续由 AppWorkspaceShell 提供唯一页面背景；本切片不新增 OceanAmbientBackground、WebGL renderer、业务缓存或新的运行时 TSX 路径。

允许修改的路径：

web/src/app/(user)/me/page.tsx
web/src/app/(user)/me/community-activity-modal.tsx（仅玻璃弹层与加载表面接线）
web/src/app/(user)/me/me-profile-page.module.css
web/src/app/(user)/me/my-profile-layout.test.ts
本任务包

禁止修改：

web/src/services/api/**、web/src/stores/**、API routes、数据库和账务代码；
web/src/components/ocean/**、导航/工作区壳层和共享作品组件；
/profile、/community、/works 或其它页面；
生产配置、真实数据、密钥和部署文件。

保持不变的行为契约

listCommunityActivity 摘要/喜欢分页、getPublicCreatorPage 游标分页和加载更多；
作品预览、创作者详情、公开主页分享链接、公开状态和个人资料保存；
“获赞 / 关注 / 粉丝”社区活动弹层，以及取消关注、取消点赞、拉黑、打开创作者/作品；
现有路由 /me、/works、/community、/u/:username 与 nextPath；
ProfileAvatarUploader、/api/auth/profile PATCH、表单校验、错误消息和分页语义。

Foundation 接线

OceanGlassCard（个人资料 Hero 与作品面板）提供单层 Liquid Glass hairline；
OceanContentCard（统计卡）保留可键盘操作的获赞/关注/粉丝入口；
OceanLoadingShell（账户同步、作品和社区记录加载）替代局部 Spinner 占位；
OceanStatusCluster（资料、公开状态和当前集合摘要）补充可读状态文字；
OceanReveal（Hero 与作品面板）使用 reduced-motion/transparency 自动降级；
OceanUtilityControl（编辑与作品页签）保持中性默认态和焦点可见；
编辑资料继续使用 OceanDialog；社区活动弹层保留 Ant Modal 行为，仅套用同一 Ocean token 材质，避免改变既有测试与回调边界。

正文、状态说明和记录元数据全部使用 Ocean Air/Abyss 中性文字 token；主题色只用于明确动作、焦点和状态图形。页面 CSS 提供 390/430px、窄桌面、reduced-motion、 reduced-transparency 与 forced-colors 分支，并隐藏原生滚动轨道但保留滚轮/触控/键盘滚动。

验收命令

cd web
pnpm exec vitest run 'src/app/(user)/me/my-profile-layout.test.ts' 'src/app/(user)/profile/profile-community-layout.test.ts' 'src/components/works/public-creator-modal.test.ts' --config vitest.config.ts --reporter=dot
pnpm exec tsc --noEmit --pretty false
pnpm exec eslint 'src/app/(user)/me/page.tsx' 'src/app/(user)/me/community-activity-modal.tsx' 'src/app/(user)/me/my-profile-layout.test.ts' --quiet
pnpm exec prettier --check 'src/app/(user)/me/page.tsx' 'src/app/(user)/me/community-activity-modal.tsx' 'src/app/(user)/me/me-profile-page.module.css' 'src/app/(user)/me/my-profile-layout.test.ts' '../docs/oceanway/VOZEB-UI-MIGRATION-02-M15-ME.md'
pnpm run build
git diff --check

浏览器候选检查应覆盖登录态 /me 的桌面、390px、430px 和窄桌面：资料与作品身份、喜欢页签、统计弹层、编辑资料、分享/预览入口、浅深主题、无横向溢出和控制台错误。真实 API/账务、正式 Testing、Operations、部署和发布不属于本切片。

当前证据与缺口

本候选工作树在 M15 改动后完成以下本地证据：

定向 Vitest：4 files / 12 tests passed（含 /me、社区弹层、作品作者弹层与组件清单契约）；
全量 Vitest：534 files passed、4 files skipped；2397 tests passed、9 skipped；
TypeScript tsc --noEmit、全量 ESLint、M15 文件 Prettier check、git diff --check：通过；
Next production build：66/66 静态页面生成完成；
Playwright CLI 启动独立 file-provider standalone 后访问 /me 被正确导向 /install，因为该一次性数据目录尚未初始化登录用户；未伪造登录态，也未把该候选检查记为 /me 视觉 E2E 通过。

尚未执行正式 Testing/Operations 验收；浏览器登录态矩阵（桌面、390/430、窄桌面、主题与统计/编辑交互）需要具名合成登录夹具后复跑。以上证据不把候选状态提升为 VERIFIED、 IMPLEMENTED 或 OPERATIONALIZED。