init with react+axum+spacetimedb

docs/technical/CREATION_PAGE_MOBILE_UI_FIX_2026-04-21.md

@@ -0,0 +1,36 @@
+# 创作页移动端 UI 修复记录
+
+日期：`2026-04-21`
+
+## 问题定位
+
+本轮修复只处理创作页表现层，不新增创作流程。
+
+当前移动端问题主要来自三处：
+
+1. 平台页在 `platformTab === 'create'` 时直接渲染 `CustomWorldCreationHub`，绕过了 `PlatformHomeView` 的移动端外壳，导致底部 Tab 栏没有挂载。
+2. 创作中心内部仍混用 `pixel-*` 九宫格样式、`bg-black/*`、`text-white`、`border-white/*` 等暗色 Tailwind 类，亮色主题下会出现深色块和低对比文字。
+3. 创作中心根节点自带 `h-full overflow-y-auto`，放回平台页后容易与平台页主滚动区抢滚动权，手机上会显得布局混乱。
+
+## 落地约束
+
+1. 创作页仍复用现有平台首页，不新增页面和新系统。
+2. 移动端底部 Tab 必须始终由 `PlatformHomeView` 统一渲染，创作页只作为 `create` Tab 的内容。
+3. 创作中心内部不再使用深色硬编码作为默认底色，普通卡片、筛选 Tab、空状态和按钮统一使用 `platform-*` token。
+4. 创作中心不再自建整页滚动，只把内容交给平台页主滚动区，避免嵌套滚动。
+5. UI 中不增加规则说明类文案，只保留必要入口、状态和作品信息。
+
+## 编码方案
+
+1. 在 `PlatformHomeView` 增加可选的 `createTabContent`，让当前 Agent 创作中心接回平台页统一外壳。
+2. `PreGameSelectionFlow` 不再在 `platformTab === 'create'` 时绕过 `PlatformHomeView`，而是把 `CustomWorldCreationHub` 作为创作 Tab 内容传入。
+3. `CustomWorldCreationHub` 改为无内部整页滚动的内容容器，标题、返回、计数、错误、加载骨架都使用平台 token。
+4. `CustomWorldCreationStartCard` 与 `CustomWorldWorkCard` 从像素暗色面板切换为平台卡片样式，保留游戏化主视觉但跟随亮暗主题。
+5. `CustomWorldWorkTabs` 改用 `platform-tab`，并保持横向滚动与清晰选中态。
+
+## 验收要点
+
+1. 手机宽度下进入“创作”后，底部“首页 / 创作 / 存档 / 我的”Tab 始终可见。
+2. 亮色主题下创作页默认卡片不出现大面积黑色底板。
+3. 创作页只有平台页主内容区滚动，底部 Tab 不随作品列表滚走。
+4. 桌面端仍可通过左侧平台导航进入创作页。