dsh-chef 0.3.44 → 0.3.46

package/dist/client.js

@@ -1306,6 +1306,23 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region ../plugin-manager/src/seal-vocabulary.generated.ts
+		/** 自动生成 · **勿手改**：源 `seals.yaml`（仓库根），生成器 `node tooling/gen-seals.mjs`。 */
+		/** 档位话：卷轴标题下那一行 ＝ 悬停章的气泡（同一句话，两处渲染）。 */
+		const TIER_TEXT = {
+			"gold": "精雕细琢中",
+			"silver": "全场景打通中",
+			"copper": "基础建设中"
+		};
+		/** 卷轴三段小标题（行首朱砂小印取首字）。 */
+		const SECTION_LABEL = {
+			"progress": "进展",
+			"status": "状态",
+			"plan": "计划"
+		};
+		/** 关闭钮（绦带）上的字。 */
+		const CLOSE_LABEL = "收卷";
+		//#endregion
 		//#region ../plugin-manager/src/seal-paper-schemes.ts
 		/** 卷轴纸面字排 ＋ 关闭钮样子 · **定稿件**（2026-10-06 定档，原型选型期结束）。
 		*
@@ -1314,20 +1331,23 @@ window.__ModuleLoader__.load({
 		*       末行吃回 0.5em 行距（不然底比顶空一截）；饰线上距加宽到 `0.5em 0 0.75em`；纸底与头部沿用原样式。
 		*   档位语：该档金属渐变压进字里（金＝鎏金／银＝冷银／铜＝暖铜），不再一律金。
 		*   关闭钮：右上角斜披的朱砂菱形绦带（正立「收卷」字独立成层），两条飘尾沿菱形两条下边各向底尖收，
-		*          各自朝外 26°（左尾朝左下、右尾朝右下）；尾是两层——外层过糙边出毛边，内层纯色芯不受滤镜。
+		*          各自朝外 26°（左尾朝左下、右尾朝右下）；尾是两层——外层过糙边出毛边，内层纯色芯不受滤镜；
+		*          糙边滤镜住 `SealFilterDefs` 的 CSS（按 `data-ilife-close-ribbon`／`data-ilife-close-tail` 挂），
+		*          因为悬停要"糙边＋提亮"一起写而 `filter` 是单属性。
 		*
 		* 为什么单独一件：`seal-scroll.ts` 已接近告警线（外框／纸／浮层／滤镜都住那里），纸面字排与关闭钮住这里。
 		* 本件是纯函数：吃 ctx 回五件，不留状态、不取数。原型期的二十余档方案已按「定稿后只留胜出那一档」删除。
 		*/
 		/** 材质底层：**糙边滤镜只挂这一层**——文字住在它外面，所以字是清晰的（照插件章「金属带＋印文」的老做法）。 */
-		function bgLayer(style, children) {
+		function bgLayer(style, children, attrs) {
 			return react.createElement("span", {
 				"aria-hidden": true,
 				style: {
 					position: "absolute",
 					inset: 0,
 					...style
-				}
+				},
+				...attrs ?? {}
 			}, children ?? null);
 		}
 		/** 清晰字面：压在材质层之上，不参与任何滤镜。 */
@@ -1342,7 +1362,8 @@ window.__ModuleLoader__.load({
 		const edgeOf = (tierKey) => TIER_EDGE[tierKey] ?? TIER_EDGE.gold;
 		const metalOf = (tierKey) => TIER_METAL[tierKey] ?? TIER_METAL.gold;
 		const KAI = "\"Kaiti SC\",\"KaiTi\",\"STKaiti\",serif";
-		/** 关闭钮（定稿：绦带·飘尾）。右上角一枚斜披 45° 的朱砂菱形，两条飘尾分挂两条下边，尾先画、带后画压住尾根。 */
+		/** 关闭钮（定稿：绦带·飘尾）。右上角一枚斜披 45° 的朱砂菱形，两条飘尾分挂两条下边，尾先画、带后画压住尾根。
+		*  悬停／焦点时**菱形那层**淡入一圈辉光——按钮方框是透明的，反馈的形状必须跟菱形走（见 `SealFilterDefs`）。 */
 		function closeLook(tierKey) {
 			const crimson = "linear-gradient(135deg,#c63d2a 8%,#a32216 50%,#7e1a10)";
 			/** 档位金属边（铜／银／金）：绦带**只借这一条**——主体恒朱砂，边随档走，跟章「红底＋金属边」同构。 */
@@ -1351,9 +1372,8 @@ window.__ModuleLoader__.load({
 				borderRadius: "0.375em",
 				background: crimson,
 				boxShadow: "0 0 0 1px #5c110a59, 0 2px 8px #3d241066, inset 0 0 0 2px " + edge,
-				transform: "rotate(45deg)",
-				filter: "url(#" + SEAL_ROUGH_METAL_ID + ")"
-			}, null);
+				transform: "rotate(45deg)"
+			}, null, { "data-ilife-close-ribbon": "tie" });
 			/** 尾色＝绦带上亮一档的朱砂（悬在纸上也不发灰、不发黑）：两条尾同色。 */
 			const TAIL_FILL = "linear-gradient(180deg,#e8573c 0%,#c33a24 55%,#a52612 100%)";
 			/** 飘尾：屏幕坐标（不随菱形旋转）——左尾往左下、右尾往右下（CSS 正角＝尾梢往左）。
@@ -1373,9 +1393,8 @@ window.__ModuleLoader__.load({
 			}, bgLayer({
 				borderRadius: "0 0 0.1875em 0.1875em",
 				background: TAIL_FILL,
-				boxShadow: "0 0 0 1.5px " + edge + "cc, 0 1px 3px #00000055",
-				filter: "url(#" + SEAL_ROUGH_METAL_ID + ")"
-			}), react.createElement("span", {
+				boxShadow: "0 0 0 1.5px " + edge + "cc, 0 1px 3px #00000055"
+			}, void 0, { "data-ilife-close-tail": "tie" }), react.createElement("span", {
 				"aria-hidden": true,
 				style: {
 					position: "absolute",
@@ -1384,8 +1403,22 @@ window.__ModuleLoader__.load({
 					background: TAIL_FILL
 				}
 			}));
+			/** 悬停辉光：与绦带**同角度、同圆角、不过滤镜**的一层。形状与颜色全在 CSS（`SealFilterDefs` 的
+			*  `[data-ilife-close-glow]`，悬停／焦点淡入）；这里只给几何。画在绦带之后 ⇒ 顺带压一层暖洗色（读成提亮）。 */
+			const glow = react.createElement("span", {
+				key: "glow",
+				"aria-hidden": true,
+				"data-ilife-close-glow": "tie",
+				style: {
+					position: "absolute",
+					inset: 0,
+					borderRadius: "0.375em",
+					transform: "rotate(45deg)",
+					pointerEvents: "none"
+				}
+			});
 			return {
-				label: crisp("收卷", {
+				label: crisp(CLOSE_LABEL, {
 					fontFamily: KAI,
 					fontSize: "0.8125em",
 					letterSpacing: "0.22em",
@@ -1393,7 +1426,7 @@ window.__ModuleLoader__.load({
 					color: "#f8f1e2",
 					textShadow: "0 1px 2px #000000aa"
 				}),
-				decor: react.createElement(react.Fragment, null, loose("tL", "calc(50% - 0.8125em)", 26, "2em", "2.8125em"), loose("tR", "calc(50% + 0.4375em)", -26, "2em", "2.8125em"), ribbon),
+				decor: react.createElement(react.Fragment, null, loose("tL", "calc(50% - 0.8125em)", 26, "2em", "2.8125em"), loose("tR", "calc(50% + 0.4375em)", -26, "2em", "2.8125em"), ribbon, glow),
 				style: {
 					boxSizing: "border-box",
 					padding: 0,
@@ -1431,8 +1464,8 @@ window.__ModuleLoader__.load({
 		/** 行首那枚朱砂小印（进／状／计）：**两层**——材质层过印那条糙边滤镜（印泥压出来的毛边与斑驳），
 		*  字独立成层保持清晰；方块各带一点歪斜（真印章不会次次压得方正）。
 		*  外框仍是 0.7em 字／1.6 行高／左右 0.375em 垫——换的是质感，版面逐值不动。 */
-		function inkMark(name) {
-			const tilt = name === "进展" ? -2.4 : name === "状态" ? 1.6 : -1.2;
+		function inkMark(section, name) {
+			const tilt = section === "progress" ? -2.4 : section === "status" ? 1.6 : -1.2;
 			return react.createElement("span", { style: {
 				position: "relative",
 				flex: "0 0 auto",
@@ -1473,7 +1506,7 @@ window.__ModuleLoader__.load({
 					alignItems: "baseline",
 					gap: "0.5em"
 				}
-			}, inkMark(name), react.createElement("span", { style: {
+			}, inkMark(key, name), react.createElement("span", { style: {
 				...st.label,
 				flex: "0 0 auto",
 				display: "inline",
@@ -1487,7 +1520,7 @@ window.__ModuleLoader__.load({
 				margin: 0,
 				fontSize: "0.9em"
 			} }, text));
-			return react.createElement(react.Fragment, null, one("progress", "进展", ctx.progress), one("status", "状态", ctx.status), one("plan", "计划", ctx.plan, true));
+			return react.createElement(react.Fragment, null, one("progress", SECTION_LABEL.progress, ctx.progress), one("status", SECTION_LABEL.status, ctx.status), one("plan", SECTION_LABEL.plan, ctx.plan, true));
 		}
 		/** 档位语（一行）：该档金属渐变压进字里。 */
 		function tierNode(ctx) {
@@ -1546,16 +1579,8 @@ window.__ModuleLoader__.load({
 		/** 印泥那条（行首那几枚小印）：同 2.2 的抖动，末尾再加一点高斯模糊——印泥压在纸上边缘会洇开，
 		*  光有抖动边只会读成「毛边贴纸」。字住在滤镜之外，所以糊的只有泥、不是字。 */
 		const ROUGH_INK = "dshLifeSealInkEdge";
-		/** 中等件那条糙边 id（关闭钮引用；定义只此一处）。 */
-		const SEAL_ROUGH_METAL_ID = ROUGH_METAL;
 		/** 印泥那条糙边 id（纸面行首小印引用；定义只此一处）。 */
 		const SEAL_ROUGH_INK_ID = ROUGH_INK;
-		/** 档位话：标题下那一行不再印档位字，直接说档位所处的阶段（渲染期用，顶层可放行）。 */
-		const TIER_TEXT = {
-			gold: "精雕细琢中",
-			silver: "全打通中",
-			copper: "基础建设中"
-		};
 		/** 纸面四色是印自带的（羊皮纸底＋ availability 墨色），不跟宿主主题跑——
 		*  深色下宿主变量会把纸染黑，故这里写死定稿值；字族仍继承（定稿零字族）。 */
 		const PAPER_BG = "#fdfaf2";
@@ -1716,13 +1741,8 @@ window.__ModuleLoader__.load({
 				rivet: role === "plugin" ? SEAL_RIVET[tier] : void 0
 			};
 		}
-		/** 糙边滤镜定义：两条分开（印用 edge，卷轴外框用 frame），每页只挂一次。
-		*
-		* 挂在文档任意位置都行（`width/height=0` 不占位），同页重复挂会撞 id。
-		* 印章交互（悬停上浮高亮／按压回缩／焦点环／级别 tooltip）也住这里：scoped 类名，纯 CSS、无 hook。
-		* 悬停高亮须把糙边 url 原样带上（filter 单属性，另写会把糙边冲掉）。 */
 		function SealFilterDefs() {
-			return react.createElement(react.Fragment, null, react.createElement("style", null, ".dshLifeSealBtn{position:relative;transition:transform 160ms ease-out,filter 160ms ease-out}.dshLifeSealBtn:hover{transform:translateY(-2px);filter:url(#dshLifeSealRoughEdge) brightness(1.12)}.dshLifeSealBtn:active{transform:translateY(0) scale(.96)}.dshLifeSealBtn:focus-visible{outline:2px solid #f5d97a;outline-offset:2px}.dshLifeSealBtn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#241f19ee;color:#f8f1e2;font-size:.72em;letter-spacing:.1em;padding:.4em .9em;border-radius:.5em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms ease;z-index:30}.dshLifeSealBtn:hover::after,.dshLifeSealBtn:focus-visible::after{opacity:1}[data-ilife-press][data-ilife-close]{overflow:visible}[data-tip]{position:relative}[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#241f19ee;color:#f8f1e2;font-size:.72em;letter-spacing:.1em;padding:.4em .9em;border-radius:.5em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms ease;z-index:60}[data-tip]:hover::after,[data-tip]:focus-within::after{opacity:1}.dshLifeSealSlot .dshLifeSealBtn::after{content:none}"), react.createElement("svg", {
+			return react.createElement(react.Fragment, null, react.createElement("style", null, ".dshLifeSealBtn{position:relative;transition:transform 160ms ease-out,filter 160ms ease-out}.dshLifeSealBtn:hover{transform:translateY(-2px);filter:url(#dshLifeSealRoughEdge) brightness(1.12)}.dshLifeSealBtn:active{transform:translateY(0) scale(.96)}.dshLifeSealBtn:focus-visible{outline:2px solid #f5d97a;outline-offset:2px}.dshLifeSealBtn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#241f19ee;color:#f8f1e2;font-size:.72em;letter-spacing:.1em;padding:.4em .9em;border-radius:.5em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms ease;z-index:30}.dshLifeSealBtn:hover::after,.dshLifeSealBtn:focus-visible::after{opacity:1}[data-ilife-press][data-ilife-close]{overflow:visible}[data-ilife-press][data-ilife-close]:hover:not(:disabled){box-shadow:none;background:transparent!important}[data-ilife-press][data-ilife-close]:focus-visible:hover:not(:disabled){box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));background:transparent!important}[data-ilife-press][data-ilife-close]::before{display:none}.dshLifeSealBtn[data-ilife-close]:hover{filter:none}[data-ilife-close-ribbon],[data-ilife-close-tail]{filter:url(#dshLifeSealRoughMetal)}[data-ilife-close]:hover [data-ilife-close-ribbon],[data-ilife-close]:focus-visible [data-ilife-close-ribbon],[data-ilife-close]:hover [data-ilife-close-tail],[data-ilife-close]:focus-visible [data-ilife-close-tail]{filter:url(#dshLifeSealRoughMetal) brightness(1.12)}[data-ilife-close-glow]{opacity:0;transition:opacity 160ms ease;background:color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) 65%, transparent),0 0 12px 4px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) 45%, transparent)}[data-ilife-close]:hover [data-ilife-close-glow],[data-ilife-close]:focus-visible [data-ilife-close-glow]{opacity:1}@media (prefers-reduced-motion:reduce){[data-ilife-close-glow]{transition:none}}[data-tip]{position:relative}[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#241f19ee;color:#f8f1e2;font-size:.72em;letter-spacing:.1em;padding:.4em .9em;border-radius:.5em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms ease;z-index:60}[data-tip]:hover::after,[data-tip]:focus-within::after{opacity:1}[data-tip]:hover,[data-tip]:focus-within{z-index:40 !important}.dshLifeSealSlot .dshLifeSealBtn::after{content:none}"), react.createElement("svg", {
 				width: 0,
 				height: 0,
 				"aria-hidden": true,
@@ -1996,9 +2016,9 @@ window.__ModuleLoader__.load({
 			silver: "inset 0 1px 0 #ffffffdd,inset 0 -2px 5px #0005,0 0 0 1px #6f767c",
 			gold: "inset 0 1px 0 #fff8d8dd,inset 0 -2px 5px #0005,0 0 0 1px #8a6a15,0 3px 14px #c9a22766"
 		};
-		/** 级别 tooltip 那一句（印本体与面板槽位共用一份定义）：档位名 ＋ 档位话。 */
+		/** 级别 tooltip 那一句（印本体与面板槽位共用一份定义）：**只说档位话**（金＝精雕细琢中／银＝全场景打通中／铜＝基础建设中）。 */
 		function sealTipOf(tier) {
-			return (tier === "copper" ? "铜" : tier === "silver" ? "银" : "金") + "章 · " + TIER_TEXT[tier];
+			return TIER_TEXT[tier];
 		}
 		/** 一枚印章（button，点章弹卷）。未知组合直接抛错，不静默退化。 */
 		function SealStamp(props) {
@@ -2126,8 +2146,13 @@ window.__ModuleLoader__.load({
 		/** 骨架条：浅色 ≈`#c9ccd2`（1.6:1）⇔ 深色 ≈`#404143`。 */
 		const PANEL_SKELETON_FILL = inkMix(21);
 		function interactionCss() {
-			return "[data-ilife-press]{transition:" + INTERACTION_TRANSITION + "}[data-ilife-focus]{transition:" + INTERACTION_TRANSITION + "}[data-ilife-press]:active{transform:scale(" + String(PRESS_SCALE) + ")}[data-ilife-press]:focus-visible,[data-ilife-focus]:focus-visible{outline:none;box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55))}[data-ilife-press]{position:relative;overflow:hidden}[data-ilife-press]:hover:not(:disabled){background:color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(13) + "%, transparent);border-color:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));box-shadow:0 0 0 1px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(55) + "%, transparent),0 4px 16px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(25) + "%, transparent);transform:translateY(-" + String(1) + "px)}[data-ilife-press]:active:hover:not(:disabled){transform:scale(" + String(PRESS_SCALE) + ")}[data-ilife-press]:focus-visible:hover:not(:disabled){box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)),0 4px 16px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(25) + "%, transparent)}[data-ilife-press]::before{content:\"\";position:absolute;inset:0;background:radial-gradient(" + String(120) + "px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(22) + "%, transparent),transparent 65%);opacity:0;transition:opacity " + String(180 / 1e3) + "s ease;pointer-events:none}[data-ilife-press]:hover:not(:disabled)::before{opacity:1}[data-ilife-press]:disabled{cursor:not-allowed;opacity:" + String(DISABLED_OPACITY) + "}[data-ilife-press]:disabled:hover{animation:ilifeShake " + String(300 / 1e3) + "s ease}@keyframes ilifeShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}[data-ilife-longpress]{position:relative;overflow:hidden}[data-ilife-longpress]::after{content:\"\";position:absolute;left:0;bottom:0;height:" + String(3) + "px;width:0;background:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));pointer-events:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:ilifeLongRing " + String(500 / 1e3) + "s linear forwards}@keyframes ilifeLongRing{from{width:0}to{width:100%}}[data-ilife-advanced=\"head\"]{transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}[data-ilife-advanced=\"mark\"]{display:inline-block;transition:transform " + String(200 / 1e3) + "s ease}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"mark\"]{transform:rotate(90deg)}[data-ilife-advanced=\"head\"]:hover [data-ilife-advanced=\"mark\"]{color:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));transform:translateX(" + String(2) + "px)}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:ilifeFoldIn " + String(220 / 1e3) + "s ease}@keyframes ilifeFoldIn{from{max-height:0;opacity:0}to{max-height:" + String(300) + "px;opacity:1}}[data-ilife-notice=\"line\"]{animation:ilifeToastIn " + String(180 / 1e3) + "s ease}@keyframes ilifeToastIn{from{opacity:0;transform:translateY(" + String(8) + "px)}to{opacity:1;transform:none}}@media (hover:none){[data-ilife-press]:hover:not(:disabled){transform:none}[data-ilife-press]::before{display:none}}@media (prefers-reduced-motion:reduce){[data-ilife-press],[data-ilife-focus]{transition:none}[data-ilife-press]:disabled:hover{animation:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:none;width:100%}[data-ilife-advanced=\"mark\"]{transition:none}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:none}[data-ilife-notice=\"line\"]{animation:none}}@media (update: slow){[data-ilife-press],[data-ilife-focus]{transition:none}[data-ilife-press]::before{display:none}[data-ilife-press]:disabled:hover{animation:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:none;width:100%}[data-ilife-advanced=\"mark\"]{transition:none}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:none}[data-ilife-notice=\"line\"]{animation:none}}";
+			return "[data-ilife-press]{transition:" + INTERACTION_TRANSITION + "}[data-ilife-focus]{transition:" + INTERACTION_TRANSITION + "}[data-ilife-press]:active{transform:scale(" + String(PRESS_SCALE) + ")}[data-ilife-press]:focus-visible,[data-ilife-focus]:focus-visible{outline:none;box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55))}[data-ilife-press]{position:relative;overflow:hidden}[data-ilife-press]:hover:not(:disabled){background:color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(13) + "%, transparent)!important;border-color:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55))!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(55) + "%, transparent),0 4px 16px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(25) + "%, transparent);transform:translateY(-" + String(1) + "px)}[data-ilife-press]:active:hover:not(:disabled){transform:scale(" + String(PRESS_SCALE) + ")}[data-ilife-press]:focus-visible:hover:not(:disabled){box-shadow:0 0 0 " + String(2) + "px var(--dsw-alias-bg-layer-1, #232324),0 0 0 " + String(5) + "px var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)),0 4px 16px color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(25) + "%, transparent)}[data-ilife-press]::before{content:\"\";position:absolute;inset:0;background:radial-gradient(" + String(120) + "px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(22) + "%, transparent),transparent 65%);opacity:0;transition:opacity " + String(180 / 1e3) + "s ease;pointer-events:none}[data-ilife-press]:hover:not(:disabled)::before{opacity:1}[data-ilife-press]:disabled{cursor:not-allowed;opacity:" + String(DISABLED_OPACITY) + "}[data-ilife-press]:disabled:hover{animation:ilifeShake " + String(300 / 1e3) + "s ease}@keyframes ilifeShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}[data-ilife-longpress]{position:relative;overflow:hidden}[data-ilife-longpress]::after{content:\"\";position:absolute;left:0;bottom:0;height:" + String(3) + "px;width:0;background:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));pointer-events:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:ilifeLongRing " + String(500 / 1e3) + "s linear forwards}@keyframes ilifeLongRing{from{width:0}to{width:100%}}[data-ilife-advanced=\"head\"]{transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease;border-radius:8px}[data-ilife-advanced=\"head\"]:hover{background:color-mix(in srgb, var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55)) " + String(13) + "%, transparent)!important}[data-ilife-advanced=\"mark\"]{display:inline-block;transition:transform " + String(200 / 1e3) + "s ease}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"mark\"]{transform:rotate(90deg)}[data-ilife-advanced=\"head\"]:hover [data-ilife-advanced=\"mark\"]{color:var(--ilife-focus, var(--dsw-alias-brand-primary, #f6ad55));transform:translateX(" + String(2) + "px)}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:ilifeFoldIn " + String(220 / 1e3) + "s ease}@keyframes ilifeFoldIn{from{max-height:0;opacity:0}to{max-height:" + String(300) + "px;opacity:1}}[data-ilife-notice=\"line\"]{animation:ilifeToastIn " + String(180 / 1e3) + "s ease}@keyframes ilifeToastIn{from{opacity:0;transform:translateY(" + String(8) + "px)}to{opacity:1;transform:none}}@media (hover:none){[data-ilife-press]:hover:not(:disabled){transform:none}[data-ilife-press]::before{display:none}}@media (prefers-reduced-motion:reduce){[data-ilife-press],[data-ilife-focus]{transition:none}[data-ilife-press]:disabled:hover{animation:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:none;width:100%}[data-ilife-advanced=\"mark\"]{transition:none}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:none}[data-ilife-notice=\"line\"]{animation:none}}@media (update: slow){[data-ilife-press],[data-ilife-focus]{transition:none}[data-ilife-press]::before{display:none}[data-ilife-press]:disabled:hover{animation:none}[data-ilife-longpress]:active:not(:disabled)::after{animation:none;width:100%}[data-ilife-advanced=\"mark\"]{transition:none}[data-ilife-advanced=\"group\"][open] [data-ilife-advanced=\"body\"]{animation:none}[data-ilife-notice=\"line\"]{animation:none}}";
 		}
+		/** 三枚章的整体缩放（定：当前显示大小 × 0.7）。**一个系数管全簇**——章面字号、三行落位、右间距、
+		*  浮层锚点全乘它：只缩章不缩槽位，三行之间会空出一截；只缩槽位不缩章，章会互相压上。 */
+		const SEAL_SCALE = .7;
+		/** 卡面 em 值（乘缩放后收 4 位小数：0.3×0.7 在浮点里是 0.21000000000000002，直接拼串会带尾巴）。 */
+		const sealEm = (n) => String(Math.round(n * SEAL_SCALE * 1e4) / 1e4) + "em";
 		const S = {
 			/** `.ic-card`：`background:var(--ic-surface)`（＝bg-layer-1）＋`border:1px solid var(--ic-line-strong)`
 			*  ＋`border-radius:12px`＋`padding:14px`＋`box-shadow:inset 0 1px 0 rgba(255,255,255,.06)`。
@@ -2157,7 +2182,7 @@ window.__ModuleLoader__.load({
 				top: 0,
 				right: 0,
 				width: "38%",
-				height: "9em",
+				height: sealEm(9),
 				pointerEvents: "none",
 				zIndex: 15
 			},
@@ -2744,29 +2769,30 @@ window.__ModuleLoader__.load({
 				"plugin"
 			].map((role) => seals.findIndex((s) => s.role === role)).filter((index) => index >= 0);
 			/** 三行槽位几何 · **唯一出处**：章的落位与卷轴浮层的锚点都从这里取，免得两处各写一套数字。
-			*  行高（上／中／下；纵向净空各留约 10px，糙边抖动也碰不到）／轻微倾角（±0.5°～±2.5°，家下标×槽位哈希，
-			*  纯函数每次同值）／右间距（三枚全部居右收敛，各家各行 0.2em～1.1em 错开，永不出面板右边界）。
-			*  `dialog` 是卷轴浮层那一份：贴该行下方 1.9em（章高约 1.5em ＋ 0.4em 缝），右缘与那枚章对齐，
+			*  下列数字是**设计基准**（未缩放）：行高上／中／下 0.3／3.4／6.2em（纵向净空各留约 10px，糙边抖动也碰不到）、
+			*  轻微倾角 ±0.5°～±2.5°（家下标×槽位哈希，纯函数每次同值）、右间距 0.2em～1.1em（三枚全部居右收敛，
+			*  各家各行错开，永不出面板右边界）。整簇一律乘 `SEAL_SCALE` 落到卡面（`sealEm`）——缩放只此一处。
+			*  `dialog` 是卷轴浮层那一份：贴该行下方 1.9em（章高 ＋ 缝），右缘与那枚章对齐，
 			*  再往左让 1.25em 给绦带（关闭钮骑在浮层右上方，不让它越出卡片）。 */
 			const slotGeom = (slot, seed) => {
-				const top = [
-					"0.3em",
-					"3.4em",
-					"6.2em"
-				][slot] ?? "0.3em";
+				const top = sealEm([
+					.3,
+					3.4,
+					6.2
+				][slot] ?? .3);
 				const q = (seed * 5 + slot * 11 + 3) % 10;
 				const tilt = String((q % 2 === 0 ? -1 : 1) * (.5 + Math.floor(q / 2) * .5));
-				const padRight = String(.2 + (seed * 7 + slot * 3 + 1) % 6 * .18) + "em";
+				const padRight = sealEm(.2 + (seed * 7 + slot * 3 + 1) % 6 * .18);
 				return {
 					top,
 					tilt,
 					padRight,
 					dialog: {
-						top: "calc(" + top + " + 1.9em)",
-						right: "calc(" + padRight + " + 1.25em)",
+						top: "calc(" + top + " + " + sealEm(1.9) + ")",
+						right: "calc(" + padRight + " + " + sealEm(1.25) + ")",
 						left: "auto",
 						justifyContent: "flex-end",
-						maxWidth: "calc(100% - " + padRight + " - 1.75em)"
+						maxWidth: "calc(100% - " + padRight + " - " + sealEm(1.75) + ")"
 					}
 				};
 			};
@@ -2788,7 +2814,7 @@ window.__ModuleLoader__.load({
 					};
 				})()
 			}, react.createElement("span", { style: {
-				fontSize: "0.8em",
+				fontSize: "0.56em",
 				display: "inline-flex"
 			} }, react.createElement(SealStamp, {
 				role: seals[dataIndex].role,
@@ -3307,6 +3333,37 @@ window.__ModuleLoader__.load({
 		const SLOT_TITLE = "私家大厨";
 		const PLUGIN = "dsh-chef";
 		//#endregion
+		//#region src/seal-states.generated.ts
+		/** 三枚章（HELP／技能／插件；面板按角色定序）。label 用 `seals.yaml` 的 vocabulary.label 约定。 */
+		function sealStates(product) {
+			return [
+				{
+					role: "help",
+					tier: "silver",
+					label: product + " HELP",
+					progress: "完成度 50%",
+					status: "全打通",
+					plan: "将所有功能和场景全部打通"
+				},
+				{
+					role: "skill",
+					tier: "copper",
+					label: "技能",
+					progress: "完成度 60%",
+					status: "基本可用",
+					plan: "修复明显bug并将未打通场景打通"
+				},
+				{
+					role: "plugin",
+					tier: "copper",
+					label: "插件",
+					progress: "完成度 60%",
+					status: "基本可用",
+					plan: "修复明显bug并将未打通场景打通"
+				}
+			];
+		}
+		//#endregion
 		//#region src/settings.ts
 		/** 常用项：改了就影响「库与产物落在哪」，放页面上。 */
 		const COMMON = [
@@ -3394,32 +3451,7 @@ window.__ModuleLoader__.load({
 				channel: RPC_CHANNEL,
 				items: CONFIG_ITEMS,
 				title: SLOT_TITLE,
-				seals: [
-					{
-						role: "help",
-						tier: "silver",
-						label: SLOT_TITLE + " HELP",
-						progress: "完成度 50%",
-						status: "全打通",
-						plan: "将所有功能和场景全部打通"
-					},
-					{
-						role: "skill",
-						tier: "copper",
-						label: "技能",
-						progress: "完成度 60%",
-						status: "基本可用",
-						plan: "修复明显bug并将未打通场景打通"
-					},
-					{
-						role: "plugin",
-						tier: "copper",
-						label: "插件",
-						progress: "完成度 60%",
-						status: "基本可用",
-						plan: "修复明显bug并将未打通场景打通"
-					}
-				],
+				seals: sealStates(SLOT_TITLE),
 				sealSeed: 2,
 				followKeysOf,
 				getCall,