{CHAPTERS.map((c, i) => {
- const at = barAt + i * 9;
- // 四柱错峰生长：map 内只跑纯 spring()（hook 禁入 map），settle = 既有 damping 200
- const e = spring({frame: frame - at, fps, config: SPRING.settle});
+ // 四柱错峰生长：预计算数组，settle = 既有 damping 200
+ const e = grows[i];
const h = (c.total / maxLines) * H * e;
const ch = (c.loop / maxLines) * H * e;
return (
@@ -430,7 +441,65 @@ const SameRingFourLabels: React.FC<{flipAt: number; quoteAt: number}> = ({flipAt
);
};
-/** 5-D 回到 P0 的终端，这次它自己跑起来 */
+/** 5-D 回到 P0 的终端，这次它自己跑起来；四层结构合拢成一个**真的壳**。
+ *
+ * ★ 本集最大的形式-内容同构（3D 化的第一优先落点）：
+ * p5-17 是全片唯一把整套结构命名为**三维实体名词**的句子——「一个愿意反复跑、
+ * 能查表、会拦门、留了插口的**壳**」。此前这里是一个 3px 边框 div，读作「一个框」。
+ * 框与壳的差别恰是维度差：**框是一条闭合曲线，壳是一个有内外之分的体**。观众要
+ * 读出「终端在壳**里面**」，需要看见壳壁的**内表面**——2D 只能画外轮廓、内外靠约定。
+ *
+ * 四圈井壁自内向外 = 循环 / 分发表 / 闸门 / 插口：**层序即 z 序**，于是口播反复说的
+ * 「挂在外面」在几何上成立——外层尺寸更大、z 更靠后，在画面上从四周包住内层。
+ * 这层语义在单层边框里彻底丢失。
+ *
+ * 它同时兑现 0-B：命名帧给的是**平面轮廓线**（那时观众只知道缺了一层），此处四层
+ * 拆完，同一轮廓**长出实体**。轮廓→实体是刻意的戏剧弧，故 0-B 保持平面不动。 */
+
+/** 四层井壁（自内向外）。色即语义，与 P6-A 三张挂件卡逐项相同——是回收不是新造：
+ * 循环 = core（唯一用 core 的一层，它是骨架）· 分发表/插口 = mech · 闸门 = deny。 */
+const SHELL_RIMS = [
+ {name: '循环', edge: 'core', grow: 0},
+ {name: '分发表', edge: 'mech', grow: 1},
+ {name: '闸门', edge: 'deny', grow: 2},
+ {name: '插口', edge: 'mech', grow: 3},
+] as const;
+
+/** 四圈的合拢窗口：开在**既有那一条** 26 帧 shell 进度上（win 是 frozen 纯函数，
+ * 可安全用于 map）——不新增任何时点，故总帧数与 beat 边界一字未动。 */
+const RIM_WIN: readonly (readonly [number, number])[] = [
+ [0, 0.4],
+ [0.15, 0.55],
+ [0.3, 0.7],
+ [0.45, 0.9],
+];
+
+/** 壳的几何：终端 1120×400，四圈逐层外扩 SHELL_STEP。 */
+const TERM_W = 1120;
+const TERM_H = 400;
+/** 逐层外扩量：外层比内层每边大 SHELL_STEP，露出的那一圈就是这一层的「壁」 */
+const SHELL_STEP = 30;
+/** 层厚 = 层间 z 距：相邻层首尾相接，读作连续井壁而非悬浮的四块板 */
+const SHELL_DEPTH = 26;
+/** 合拢起点的额外后推量：四层自后方沿 −z 推入到位 */
+const SHELL_PUSH_IN = 180;
+/** 最外层（depth = 层数−1）的半展宽，含 close=0 时 SHELL_PUSH_IN 被 AXO 投影出的外扩。
+ * ⚠️ 余量**不对称**：俯角 −12° 把后推量几乎整份折算进 y，x 只吃到偏航 8° 的一小截。
+ * 以 THREE.Euler('XYZ', −12°, 8°) 投影最外层八角实测（close=0 / close=1）：
+ * |x|max 698.3 / 673.2 ⇒ W ≥ 1397；|y|max 375.5 / 338.4 ⇒ H ≥ 751。
+ * 首版只加了对称的 +60（且算式误用 SHELL_DEPTH 26 当外扩量、又漏了后推量），
+ * H 差 77px ⇒ 合拢初期最外层底缘被画布下沿直切出一条硬直边（frame 23502 实证 635px）。
+ * 下方两个常量按实测取整并留 2px 抗锯齿余量。 */
+const SHELL_PAD_X = 66;
+const SHELL_PAD_Y = 142;
+const SHELL_SPAN = (SHELL_RIMS.length - 1) * 2 * SHELL_STEP;
+const SHELL_CANVAS_W = TERM_W + 34 + SHELL_SPAN + SHELL_PAD_X; // 1400
+const SHELL_CANVAS_H = TERM_H + 34 + SHELL_SPAN + SHELL_PAD_Y; // 756
+// ⚠️ 字幕安全带预算（qa_frames SUBTITLE_BAND_PX=160 ⇒ SAFE_TOP_Y=920）：终端居中 ⇒ 视觉
+// 中心 y=540；最外层底缘 close=0 时落在 540+375.5=915.5、close=1 收到 878.4，均 < 920
+// （抽帧实测最低非背景像素：frame 23502 = 914、frame 23525 = 878，与算式一致）。
+// ★ 画布加高不改变几何，只是不再裁掉它——安全带余量由上面那两个实测值直接背书。
+
const SelfRunning: React.FC<{shellAt: number; quoteAt: number}> = ({shellAt, quoteAt}) => {
const frame = useCurrentFrame();
// 壳合拢是幕级动作：26f ≥22 不入 micro token；原线性 → standard。
@@ -448,6 +517,8 @@ const SelfRunning: React.FC<{shellAt: number; quoteAt: number}> = ({shellAt, quo
return (
+ {/* 终端浮在壳之上（壳是它的「外围」）——z 层级是调用点契约，不写进原语 */}
+
= ({shellAt, quo
{text: 'python ./tools/fmt.py → 完成', color: theme.mech, delay: 80},
]}
/>
- {/* 四层结构在终端外围合拢成一个壳。常驻渲染：透明度随 shell 自 0 起（替代原布尔门） */}
+
+ {/* 四层结构在终端外围合拢成一个**壳**（3D）。
+ 构造：每层是**一整块实心板**（不是四条边框），自外向内逐层缩小并前移；
+ 内层遮住外层的中央区，井口由此自然形成——「洞」是遮挡的产物，不是画出来的框。
+ ⚠️ 首版用四条 Rim 边框拼井壁：4 层 × 4 条 × 轮廓线 = 16 个矩形边，线条密度
+ 压倒了面，整组读成「一堆细线框」而非「体」（实景抽帧两轮修复的结论）。
+ 定位是**调用点契约**（Stage3D 类型上已 Omit 定位属性，ISSUE-177 教训一）。 */}
+ >
+
+
+ {SHELL_RIMS.map((r, i) => {
+ // 层序即 z 序，且**尺寸序与之同向**：循环是骨架故在最里（最小、最靠前），
+ // 插口挂在最外（最大、最靠后，于是它从四周包住内层）。
+ // ⚠️ 决定「谁看起来在里面」的是尺寸与色阶，不只是 z——三者必须同向。
+ const depth = i; // 0..3，越大越靠外
+ const close = win(shell, RIM_WIN[i]);
+ const w = TERM_W + 34 + depth * 2 * SHELL_STEP;
+ const h = TERM_H + 34 + depth * 2 * SHELL_STEP;
+ return (
+
+ );
+ })}
+
+
+