From c6677e1323834de5203885f323c9c180a3a54485 Mon Sep 17 00:00:00 2001
From: Suzumiya <suzmii@qq.com>
Date: Wed, 7 Oct 2026 15:51:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B8=85=E7=90=86=EF=BC=9A=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E9=9B=B6=E5=BC=95=E7=94=A8=E7=9A=84=20CoCreationHotDerived=20?=
 =?UTF-8?q?=E5=8F=8A=E5=85=B6=20.co-creation-hot*=20=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=88=E7=83=AD=E9=97=A8=E8=A1=8D=E7=94=9F=E6=A0=8F=E5=B7=B2?=
 =?UTF-8?q?=E5=B9=B6=E5=85=A5=E5=9B=BE=E8=B0=B1=E9=A1=B5=E5=AD=90=E4=BB=A3?=
 =?UTF-8?q?=E5=9D=97=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...�技术方案】游�共创与作�Fork-2026-10-03.md |  2 +-
 .../CoCreationHotDerived.tsx                  | 81 -------------------
 .../GameDistributionPages.test.tsx            |  3 +-
 .../game-distribution/gameDistribution.css    | 44 ----------
 4 files changed, 3 insertions(+), 127 deletions(-)
 delete mode 100644 src/components/game-distribution/CoCreationHotDerived.tsx

diff --git a/docs/�技术方案】游�共创与作�Fork-2026-10-03.md b/docs/�技术方案】游�共创与作�Fork-2026-10-03.md
index 584ee85dd..05b5b46d0 100644
--- a/docs/�技术方案】游�共创与作�Fork-2026-10-03.md
+++ b/docs/�技术方案】游�共创与作�Fork-2026-10-03.md
@@ -482,7 +482,7 @@ A 路线里那个必须��知�的互斥点已�按既有�法绕开：`cr
   - **移动端门���（2026-10-06）**：平�原有的「移动端仅支�作�展示�欢迎弹窗�看 `!isDesktopLayout`�忽略路由，会把公开�读的�谱树 / 共创主题页首�盖�。现在按**显�白��**��这几个�读�览 stage：`game-lineage` / `game-themes` / `game-theme` / `game-co-creation`（清�在 `PlatformActiveMobileWelcomeDialog.tsx` 的 `MOBILE_WELCOME_EXEMPT_STAGES`，键�� stage �，���缀/范围匹�）。**创作 / 项目 / �布 / 我的 / 平�首页���门�**——那些�是「移动端�支�体验创作工具�的部分；弹窗文案未改（与���的事实�矛盾：�谱与主题页本身就是作�展示）。
 - **画布交互硬化（2026-10-07，用户�径）**：① **滚轮�缩放画布**——React 的 `onWheel` 挂在根容器上且是 **passive** 的（`preventDefault` 无效 ⇒ 页�跟�滚），因此改为在**画布元素本身**挂原生 `wheel` 监�并显� `{ passive: false }`（�绑 `window`）；② **拖动�选中/�拖走文本**——画布容器 `user-select: none` + `touch-action: none` + `overscroll-behavior: contain`，拖动期间把 `user-select: none` 压到 `document.body`（跨出画布也有效，�手��），并对 `selectstart` / `dragstart` 挂原生阻止�画布内图片 `-webkit-user-drag: none; pointer-events: none`；指针�获（`setPointerCapture`）��移出容器�跟手；③ **平移边界**：`clampLineagePan`（纯函数）��任何时刻至少 `LINEAGE_PAN_KEEP_PX = 96` �素内容��，拖到底/拖到顶�会把内容拖飞。真机实测（Chromium，1440×900）：滚轮�缩放 60%→65%�`window.scrollY` 与平�滚动容器 `scrollTop` **都��**；两次连续拖动��移 +120px 且 `window.getSelection()` 始终为空字符串。
 - **「一键开始共创��置与未安装检测（2026-10-07，用户�径）**：按钮从共创信��**�到主�作行**（与「立�玩 / 收��并列，��主�作视觉��；�内����出现）。未安装检测：纯 web **拿�到系统级安装信�**，�能�「唤起��览器是�被接管�间接判断（`blur` / `visibilitychange`，超时 `FORK_LAUNCH_FALLBACK_DELAY_MS = 1200ms`）；**未接管 / 移动端视为「没有客户端�→ 打开与顶�「下载客户端��一个下载入�**（`requestClientDownload()` 事件 → `ClientDownloadEntry` 弹窗），并�留手动�制作� ID 的�级路径与一�人��示。**局�**：慢�动的客户端/被用户�消的系统确认框/�些�派� blur 的环境都会误判�「未安装�，代价�是多打开一个下载入�（用户�关掉�试），�会阻断正常路径；�客户端（��应深链）走�一�兜底。
-- **共创信���留「标签 + 数� + 入��（2026-10-07，用户�径）**：�里�留世代/授�标签�父代文案�数�概览（游玩�计与分解�累计�生物�累计创作世代数）�「查看创作�谱�与所属主题 tag；**派生作��列表（�原「热门�生��）整�移除**，改由�谱页**图下方**的「父代 / �代�两�清�承担（父代 = 祖先链根→直接父；�代 = **直接�代**�按**热度（自身 `playCount`）��**��热度���务端创建�）。选「直接�代�的�由：与 `forkCount`/「被改编 N���径（数字与�片数一致）�与画布「�看父代与�代�开关�义�更深的层级已由上�的树表达。
+- **共创信���留「标签 + 数� + 入��（2026-10-07，用户�径）**：�里�留世代/授�标签�父代文案�数�概览（游玩�计与分解�累计�生物�累计创作世代数）�「查看创作�谱�与所属主题 tag；**派生作��列表（�原「热门�生��）整�移除**（`CoCreationHotDerived` 组件与其 `.co-creation-hot*` 样�已删除，零引用），改由�谱页**图下方**的「父代 / �代�两�清�承担（父代 = 祖先链根→直接父；�代 = **直接�代**�按**热度（自身 `playCount`）��**��热度���务端创建�）。选「直接�代�的�由：与 `forkCount`/「被改编 N���径（数字与�片数一致）�与画布「�看父代与�代�开关�义�更深的层级已由上�的树表达。
 - **截断 / 空树 / ��用父节点**在两�形�下都有�级：截断�示�空��以�「原作�已��用�的��节点（��焦���点进详情��展示被删作�标题与作者�）。
 - **「共创�页签�径（2026-10-07，用户�径）**：页签与「游��页签**�用�一个 `GameGalleryPage`**（`scope="forkable"`），数��自公开目录并带 `forkable=1`（分页/游标/去�/末页/失败�全部沿用已实现的「加载更多�）；**�务端尚未生效期间客户端�兜一层�义过滤**（`forkAuthorization !== 'forbidden'`，未知按�止失败关闭），两��径一致��务端上线�等价幂等。页签��指�共创主题列表（主题列表页与路由�留，无页签入�）；页�标题 `game-co-creation` → 「共创 - 陶泥儿�，路由 `/games/co-creation`，移动端门��样按「�读�览 = 作�展示���。空�为「暂时没有开放共创的作��。
 - **�始适��径（2026-10-07 �核）**：�次进入按**宽高�时 fit**（`min(scaleX, scaleY)` + `FIT_PADDING`）并**水平垂直都居中**；若这个比例低于�读下� `READABLE_MIN_SCALE = 0.6`，就**�强行全览**，改用�读缩放 + 平移，并给出明确�示「树较大：已按�读缩放显示（其余代际在视�外），拖拽平移查看，或点「适应窗��看全树。�——两�情况下都**�会**在没有�示的��下把最深的代际丢在视�外。窄�「图谱视图��按**宽度**适�（�上文）。
diff --git a/src/components/game-distribution/CoCreationHotDerived.tsx b/src/components/game-distribution/CoCreationHotDerived.tsx
deleted file mode 100644
index 4ae64f71b..000000000
--- a/src/components/game-distribution/CoCreationHotDerived.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import type { GameDistributionLineageNode } from '../../services/gameDistributionClient';
-import { coCreationGenerationShortLabel } from './coCreationCopy';
-import { GameCover } from './GameCover';
-import type { LineagePlayCountBreakdown } from './lineageTreeLayout';
-
-/**
- * 热门�生�：当�作�下热度最高的 5 个分支作�（横��片）。
- *
- * 热度�径：**`playCount` 倒�**，�热度按创建顺�（�务端顺�）稳定兜底。
- * `/derived` 目�����务端排�，所以排�在客户端�；�端若补了排�，
- * 这段逻辑�然�立（�是排���幂等）。
- *
- * 显示�径（2026-10-06）：「游玩次数�的**显示**一律是**�树�计**（父代展示自己 + 全部�代）。
- * 传了 `playCountTotals` 时排�与显示都用�计（这样列表顺�与�片上的数字一致）；
- * 传�进�（拿�到树）时回退�务端的**自身值**，�暗示��生。
- */
-export const CO_CREATION_HOT_DERIVED_LIMIT = 5;
-
-export function CoCreationHotDerived({
-  nodes,
-  playCountTotals,
-  onOpenGameDetail,
-}: {
-  nodes: readonly GameDistributionLineageNode[];
-  /**
-   * �个节点的游玩次数分解（详情页用�一棵 `/lineage` 在�端算好的，零�外请求）。
-   * 缺失时显示自身值。
-   */
-  playCountTotals?: ReadonlyMap<string, LineagePlayCountBreakdown> | null;
-  onOpenGameDetail: (gameId: string) => void;
-}) {
-  const shownPlayCount = (gameId: string, own: number) =>
-    playCountTotals?.get(gameId)?.total ?? own;
-  const hottest = [...nodes]
-    .sort(
-      (left, right) =>
-        shownPlayCount(right.gameId, right.playCount) -
-        shownPlayCount(left.gameId, left.playCount),
-    )
-    .slice(0, CO_CREATION_HOT_DERIVED_LIMIT);
-  if (hottest.length === 0) return null;
-
-  return (
-    <div className="co-creation-hot" aria-label="热门�生作�">
-      {hottest.map((node) => (
-        <button
-          key={node.gameId}
-          type="button"
-          className="co-creation-hot__card"
-          aria-label={`热门�生《${node.title}》· ${coCreationGenerationShortLabel(node.generation)}`}
-          onClick={() => onOpenGameDetail(node.gameId)}
-        >
-          <span className="co-creation-hot__cover">
-            <GameCover
-              game={gameForCover(node)}
-              objectKey={node.coverObjectKey}
-            />
-          </span>
-          <span className="co-creation-hot__title">{node.title}</span>
-          <span className="co-creation-hot__meta">
-            {coCreationGenerationShortLabel(node.generation)} ·{' '}
-            {node.authorName?.trim() || '未署�作者'} ·{' '}
-            {shownPlayCount(node.gameId, node.playCount)} 次游玩
-          </span>
-        </button>
-      ))}
-    </div>
-  );
-}
-
-/** `GameCover` �读 title / coverColor / icon / coverObjectKey；�谱节点没有完整游�行。 */
-function gameForCover(node: GameDistributionLineageNode) {
-  return {
-    title: node.title,
-    coverColor: '#F3E4D0',
-    icon: '🎮',
-    coverObjectKey: node.coverObjectKey,
-  } as never;
-}
-
-export default CoCreationHotDerived;
diff --git a/src/components/game-distribution/GameDistributionPages.test.tsx b/src/components/game-distribution/GameDistributionPages.test.tsx
index b62d1cff3..b43fcbe5a 100644
--- a/src/components/game-distribution/GameDistributionPages.test.tsx
+++ b/src/components/game-distribution/GameDistributionPages.test.tsx
@@ -4818,7 +4818,8 @@ describe('GameDetailPage 共创模�（文档对�）', () => {
     expect(
       within(card).getByRole('button', { name: '查看创作�谱' }),
     ).toBeTruthy();
-    // �里**��有**派生作��列表（热门�生� / 任何父代�代清�）。
+    // �里**��有**派生作��列表：`CoCreationHotDerived` 组件与它的 `.co-creation-hot*` 样�
+    // 已于 2026-10-07 删除（零引用），这里钉�「它�会�回��。
     expect(card.querySelector('.co-creation-hot')).toBeNull();
     expect(screen.queryByLabelText('热门�生作�')).toBeNull();
     expect(within(card).queryByText('被改编出�的作�')).toBeNull();
diff --git a/src/components/game-distribution/gameDistribution.css b/src/components/game-distribution/gameDistribution.css
index a776c4360..3dba9fc11 100644
--- a/src/components/game-distribution/gameDistribution.css
+++ b/src/components/game-distribution/gameDistribution.css
@@ -812,50 +812,6 @@
   color: var(--platform-text-soft);
   cursor: not-allowed;
 }
-/* 热门�生�：横��片。 */
-.game-detail-info-card .co-creation-hot {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(7rem, 100%), 1fr));
-  gap: 0.4rem;
-}
-.game-detail-info-card .co-creation-hot__card {
-  display: flex;
-  flex-direction: column;
-  gap: 0.2rem;
-  min-width: 0;
-  border: 1px solid var(--platform-surface-border);
-  border-radius: 0.6rem;
-  padding: 0.3rem;
-  background: var(--platform-surface, #fff);
-  color: var(--platform-text-base);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-.game-detail-info-card .co-creation-hot__cover {
-  display: block;
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  overflow: hidden;
-  border-radius: 0.4rem;
-  background: var(--platform-surface-border);
-}
-.game-detail-info-card .co-creation-hot__cover .game-cover {
-  width: 100%;
-  height: 100%;
-  border-radius: 0;
-}
-.game-detail-info-card .co-creation-hot__title {
-  color: var(--platform-text-strong);
-  font-size: 0.74rem;
-  font-weight: 600;
-  overflow-wrap: anywhere;
-}
-.game-detail-info-card .co-creation-hot__meta {
-  color: var(--platform-text-soft);
-  font-size: 0.68rem;
-  overflow-wrap: anywhere;
-}
 /* 画布内悬浮控件（�下角）：圆角胶囊�浅色底 + 毛玻璃�内边�统一�轻阴影。 */
 .game-lineage-controls {
   position: absolute;