dsh-calorie 0.3.42 → 0.3.44

package/dist/client.js

@@ -1208,6 +1208,104 @@ window.__ModuleLoader__.load({
 			}, react.createElement("span", { style: S$2.product }, props.product), react.createElement("span", { style: S$2.purpose }, props.purpose));
 		}
 		//#endregion
+		//#region ../plugin-manager/src/seal-palette.ts
+		/** 九档调色板（3 角色 × 3 档）。键就是契约里的 `role`／`tier`。 */
+		const SEAL_PALETTE = {
+			skill: {
+				copper: {
+					background: "linear-gradient(180deg,#8a4a28,#6e3418)",
+					border: "3px solid #a5652f",
+					accent: "#9a5f2a",
+					ruler: "#c08145b3"
+				},
+				silver: {
+					background: "linear-gradient(180deg,#b73124,#8e1f14)",
+					border: "3px double #eef3f6",
+					accent: "#6f767c",
+					ruler: "#9aa0a6b3"
+				},
+				gold: {
+					background: "linear-gradient(180deg,#d34a35,#a32216)",
+					border: "3px double #f5d97a",
+					accent: "#9c7a16",
+					ruler: "#d8b338b3"
+				}
+			},
+			help: {
+				copper: {
+					background: "linear-gradient(180deg,#b06a3a,#7e3f1d)",
+					border: "3px solid #a5652f",
+					accent: "#9a5f2a",
+					ruler: "#c08145b3"
+				},
+				silver: {
+					background: "linear-gradient(180deg,#8f979e,#5f666d)",
+					border: "3px double #e8eef2",
+					accent: "#6f767c",
+					ruler: "#9aa0a6b3"
+				},
+				gold: {
+					background: "linear-gradient(180deg,#c63d2a,#a32216)",
+					border: "3px double #f5d97a",
+					accent: "#9c7a16",
+					ruler: "#d8b338b3"
+				}
+			},
+			plugin: {
+				copper: {
+					background: "linear-gradient(180deg,#b4773c,#7e3f1d 60%,#66300f)",
+					accent: "#9a5f2a",
+					ruler: "#c08145b3"
+				},
+				silver: {
+					background: "linear-gradient(180deg,#d8dee3,#a7aeb4 55%,#818990)",
+					accent: "#6f767c",
+					ruler: "#9aa0a6b3"
+				},
+				gold: {
+					background: "linear-gradient(180deg,#f2dc86,#c9a227 55%,#9c7d16)",
+					accent: "#9c7a16",
+					ruler: "#d8b338b3"
+				}
+			}
+		};
+		/** 插件档那两颗铆钉（**两处共用的小件**：印面两颗、卷轴外框四角，必须同形，故住这一层）。 */
+		const SEAL_RIVET = {
+			copper: {
+				background: "radial-gradient(circle at 34% 28%,#f0c088,#a5652f 55%,#6a3216)",
+				boxShadow: "inset 0 -1px 1px #00000055,0 1px 2px #00000088"
+			},
+			silver: {
+				background: "radial-gradient(circle at 34% 28%,#ffffff,#c3cad0 50%,#7d848b)",
+				boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077"
+			},
+			gold: {
+				background: "radial-gradient(circle at 34% 28%,#fffbe0,#e3c565 50%,#a5841d)",
+				boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077,0 0 6px #c9a22788"
+			}
+		};
+		/** 档位金属边（铜／银／金）：绦带（关闭钮）只借这一条，主体恒朱砂。 */
+		const TIER_EDGE = {
+			gold: "#f5d97a",
+			silver: "#d8dee3",
+			copper: "#a5652f"
+		};
+		/** 档位语三档金属（鎏金／冷银／暖铜）：主色＋渐变（`backgroundClip:text` 描出金属光泽）。 */
+		const TIER_METAL = {
+			gold: {
+				flat: "#b8912a",
+				gradient: "linear-gradient(180deg,#f6e27a 0%,#d9b53c 45%,#a5811b 100%)"
+			},
+			silver: {
+				flat: "#8b959d",
+				gradient: "linear-gradient(180deg,#f7fafc 0%,#c3ccd3 45%,#8b959d 100%)"
+			},
+			copper: {
+				flat: "#a8663a",
+				gradient: "linear-gradient(180deg,#f0bd8e 0%,#c07b45 45%,#8a4a24 100%)"
+			}
+		};
+		//#endregion
 		//#region ../plugin-manager/src/seal-paper-schemes.ts
 		/** 卷轴纸面字排 ＋ 关闭钮样子 · **定稿件**（2026-10-06 定档，原型选型期结束）。
 		*
@@ -1240,33 +1338,15 @@ window.__ModuleLoader__.load({
 				...style
 			} }, text);
 		}
-		/** 档位语三档金属（鎏金／冷银／暖铜）：主色＋渐变（`backgroundClip:text` 描出金属光泽）。 */
-		const TIER_METAL = {
-			gold: {
-				flat: "#b8912a",
-				gradient: "linear-gradient(180deg,#f6e27a 0%,#d9b53c 45%,#a5811b 100%)"
-			},
-			silver: {
-				flat: "#8b959d",
-				gradient: "linear-gradient(180deg,#f7fafc 0%,#c3ccd3 45%,#8b959d 100%)"
-			},
-			copper: {
-				flat: "#a8663a",
-				gradient: "linear-gradient(180deg,#f0bd8e 0%,#c07b45 45%,#8a4a24 100%)"
-			}
-		};
-		/** 档位金属边（铜／银／金）：章与绦带共用这一份取值。 */
-		const TIER_EDGE = {
-			gold: "#f5d97a",
-			silver: "#d8dee3",
-			copper: "#a5652f"
-		};
+		/** 档位级两个色（金属边、档位语金属渐变）从九档总表引，本件不再各写一份。 */
+		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° 的朱砂菱形，两条飘尾分挂两条下边，尾先画、带后画压住尾根。 */
 		function closeLook(tierKey) {
 			const crimson = "linear-gradient(135deg,#c63d2a 8%,#a32216 50%,#7e1a10)";
 			/** 档位金属边（铜／银／金）：绦带**只借这一条**——主体恒朱砂，边随档走，跟章「红底＋金属边」同构。 */
-			const edge = TIER_EDGE[tierKey] ?? TIER_EDGE["gold"];
+			const edge = edgeOf(tierKey);
 			const ribbon = bgLayer({
 				borderRadius: "0.375em",
 				background: crimson,
@@ -1411,7 +1491,7 @@ window.__ModuleLoader__.load({
 		}
 		/** 档位语（一行）：该档金属渐变压进字里。 */
 		function tierNode(ctx) {
-			const metal = TIER_METAL[ctx.tierKey] ?? TIER_METAL["gold"];
+			const metal = metalOf(ctx.tierKey);
 			return react.createElement("div", { style: {
 				...ctx.styles.tier,
 				fontFamily: KAI,
@@ -1480,106 +1560,6 @@ window.__ModuleLoader__.load({
 		*  深色下宿主变量会把纸染黑，故这里写死定稿值；字族仍继承（定稿零字族）。 */
 		const PAPER_BG = "#fdfaf2";
 		const PAPER_EDGE = "#e6d9bd";
-		const LABEL_SUB = "#4b4335";
-		/** 九档材质（3 角色 × 3 档）。键就是原型里的 `role`／`tier`。 */
-		const MATERIALS = {
-			skill: {
-				copper: {
-					frame: {
-						background: "linear-gradient(180deg,#8a4a28,#6e3418)",
-						border: "3px solid #a5652f",
-						boxShadow: "inset 0 0 0 1px #f8f1e2aa, inset 0 2px 0 #ffffff26, inset 0 -3px 6px #0000004d"
-					},
-					accent: "#9a5f2a",
-					ruler: "#c08145b3"
-				},
-				silver: {
-					frame: {
-						background: "linear-gradient(180deg,#b73124,#8e1f14)",
-						border: "3px double #eef3f6",
-						boxShadow: "inset 0 0 0 1px #fff, inset 0 2px 0 #ffffff2e, inset 0 -3px 6px #0000004d"
-					},
-					accent: "#6f767c",
-					ruler: "#9aa0a6b3"
-				},
-				gold: {
-					frame: {
-						background: "linear-gradient(180deg,#d34a35,#a32216)",
-						border: "3px double #f5d97a",
-						boxShadow: "inset 0 0 0 1px #fff8, inset 0 2px 0 #ffffff33, inset 0 -3px 6px #0000004d"
-					},
-					accent: "#9c7a16",
-					ruler: "#d8b338b3"
-				}
-			},
-			help: {
-				copper: {
-					frame: {
-						background: "linear-gradient(180deg,#b06a3a,#7e3f1d)",
-						border: "3px solid #a5652f",
-						boxShadow: "inset 0 2px 0 #ffffff26, inset 0 -3px 6px #0000004d"
-					},
-					accent: "#9a5f2a",
-					ruler: "#c08145b3"
-				},
-				silver: {
-					frame: {
-						background: "linear-gradient(180deg,#8f979e,#5f666d)",
-						border: "3px double #e8eef2",
-						boxShadow: "inset 0 2px 0 #ffffff2e, inset 0 -3px 6px #0000004d"
-					},
-					accent: "#6f767c",
-					ruler: "#9aa0a6b3"
-				},
-				gold: {
-					frame: {
-						background: "linear-gradient(180deg,#c63d2a,#a32216)",
-						border: "3px double #f5d97a",
-						boxShadow: "inset 0 2px 0 #ffffff33, inset 0 -3px 6px #0000004d"
-					},
-					accent: "#9c7a16",
-					ruler: "#d8b338b3"
-				}
-			},
-			plugin: {
-				copper: {
-					frame: {
-						background: "linear-gradient(180deg,#b4773c,#7e3f1d 60%,#66300f)",
-						boxShadow: "inset 0 1px 0 #d99a5e88, inset 0 -2px 5px #0006, 0 0 0 1px #5e2c12, inset 0 2px 0 #ffffff26"
-					},
-					accent: "#9a5f2a",
-					ruler: "#c08145b3",
-					rivet: {
-						background: "radial-gradient(circle at 34% 28%,#f0c088,#a5652f 55%,#6a3216)",
-						boxShadow: "inset 0 -1px 1px #00000055,0 1px 2px #00000088"
-					}
-				},
-				silver: {
-					frame: {
-						background: "linear-gradient(180deg,#d8dee3,#a7aeb4 55%,#818990)",
-						boxShadow: "inset 0 1px 0 #ffffffdd, inset 0 -2px 5px #0005, 0 0 0 1px #6f767c, inset 0 2px 0 #ffffff33"
-					},
-					accent: "#6f767c",
-					ruler: "#9aa0a6b3",
-					rivet: {
-						background: "radial-gradient(circle at 34% 28%,#ffffff,#c3cad0 50%,#7d848b)",
-						boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077"
-					}
-				},
-				gold: {
-					frame: {
-						background: "linear-gradient(180deg,#f2dc86,#c9a227 55%,#9c7d16)",
-						boxShadow: "inset 0 1px 0 #fff8d8dd, inset 0 -2px 5px #0005, 0 0 0 1px #8a6a15"
-					},
-					accent: "#9c7a16",
-					ruler: "#d8b338b3",
-					rivet: {
-						background: "radial-gradient(circle at 34% 28%,#fffbe0,#e3c565 50%,#a5841d)",
-						boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077,0 0 6px #c9a22788"
-					}
-				}
-			}
-		};
 		const S$1 = {
 			/** 外框（`.frame`）：绝对铺满，挂糙边滤镜；纸压在它上面，只露一圈。 */
 			frame: {
@@ -1664,7 +1644,7 @@ window.__ModuleLoader__.load({
 				fontSize: "0.84em",
 				lineHeight: 1.9,
 				letterSpacing: "0.02em",
-				color: LABEL_SUB
+				color: "#4b4335"
 			},
 			/** 卷轴浮层：卡片内绝对定位（卡片 `S.card` 是 relative 定位祖先），上沿悬在三枚章之下、左右各留半 em——
 			*  不是 modal：无遮罩、不锁滚动，点章切换、点「关闭」收起。 */
@@ -1673,7 +1653,7 @@ window.__ModuleLoader__.load({
 				left: "0.5em",
 				right: "0.5em",
 				top: "8.8em",
-				zIndex: 10,
+				zIndex: 20,
 				display: "flex",
 				justifyContent: "center",
 				pointerEvents: "auto"
@@ -1702,10 +1682,39 @@ window.__ModuleLoader__.load({
 				cursor: "pointer"
 			}
 		};
+		/** 外框专有的内阴影（随档；底色与边线不在这张表里，从调色板来）。
+		*  外框比印面大得多，同一圈金色在小章上够、在几百像素的框上会被稀释，故这一层是外框自己的排法。 */
+		const FRAME_INSET = {
+			skill: {
+				copper: "inset 0 0 0 1px #f8f1e2aa, inset 0 2px 0 #ffffff26, inset 0 -3px 6px #0000004d",
+				silver: "inset 0 0 0 1px #fff, inset 0 2px 0 #ffffff2e, inset 0 -3px 6px #0000004d",
+				gold: "inset 0 0 0 1px #fff8, inset 0 2px 0 #ffffff33, inset 0 -3px 6px #0000004d"
+			},
+			help: {
+				copper: "inset 0 2px 0 #ffffff26, inset 0 -3px 6px #0000004d",
+				silver: "inset 0 2px 0 #ffffff2e, inset 0 -3px 6px #0000004d",
+				gold: "inset 0 2px 0 #ffffff33, inset 0 -3px 6px #0000004d"
+			},
+			plugin: {
+				copper: "inset 0 1px 0 #d99a5e88, inset 0 -2px 5px #0006, 0 0 0 1px #5e2c12, inset 0 2px 0 #ffffff26",
+				silver: "inset 0 1px 0 #ffffffdd, inset 0 -2px 5px #0005, 0 0 0 1px #6f767c, inset 0 2px 0 #ffffff33",
+				gold: "inset 0 1px 0 #fff8d8dd, inset 0 -2px 5px #0005, 0 0 0 1px #8a6a15"
+			}
+		};
+		/** 取一档材质：底色与边线从调色板来（与印共用一份取值），外框专有的内阴影与铆钉在这里合成。 */
 		function materialOf(role, tier) {
-			const found = MATERIALS[role]?.[tier];
-			if (!found) throw new Error("未知的印档：" + role + "／" + tier);
-			return found;
+			const palette = SEAL_PALETTE[role]?.[tier];
+			if (palette === void 0) throw new Error("未知的印档：" + role + "／" + tier);
+			return {
+				frame: {
+					background: palette.background,
+					...palette.border === void 0 ? {} : { border: palette.border },
+					boxShadow: FRAME_INSET[role][tier]
+				},
+				accent: palette.accent,
+				ruler: palette.ruler,
+				rivet: role === "plugin" ? SEAL_RIVET[tier] : void 0
+			};
 		}
 		/** 糙边滤镜定义：两条分开（印用 edge，卷轴外框用 frame），每页只挂一次。
 		*
@@ -1713,7 +1722,7 @@ window.__ModuleLoader__.load({
 		* 印章交互（悬停上浮高亮／按压回缩／焦点环／级别 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}"), 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-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", {
 				width: 0,
 				height: 0,
 				"aria-hidden": true,
@@ -1954,92 +1963,66 @@ window.__ModuleLoader__.load({
 				color: "#f8f1e2"
 			}
 		};
-		/** 九档印面（底色加边线都照抄对应那枚印，不许简化）。 */
-		const FACE = {
+		/** 印面专有的内圈高光与外发光（随档；底色与边线不在这张表里，从调色板来）。 */
+		const FACE_EXTRA = {
 			skill: {
 				copper: {
-					background: "linear-gradient(180deg,#8a4a28,#6e3418)",
 					color: "#f8f1e2",
-					border: "3px solid #a5652f",
 					boxShadow: "inset 0 0 0 1px #f8f1e2aa"
 				},
 				silver: {
-					background: "linear-gradient(180deg,#b73124,#8e1f14)",
 					color: "#f8f1e2",
-					border: "3px double #eef3f6",
 					boxShadow: "inset 0 0 0 1px #fff"
 				},
 				gold: {
-					background: "linear-gradient(180deg,#d34a35,#a32216)",
 					color: "#fff8e0",
-					border: "3px double #f5d97a",
 					boxShadow: "inset 0 0 0 1px #fff8,0 4px 16px #c9a22755"
 				}
 			},
 			help: {
-				copper: {
-					background: "linear-gradient(180deg,#b06a3a,#7e3f1d)",
-					border: "3px solid #a5652f"
-				},
-				silver: {
-					background: "linear-gradient(180deg,#8f979e,#5f666d)",
-					border: "3px double #e8eef2"
-				},
-				gold: {
-					background: "linear-gradient(180deg,#c63d2a,#a32216)",
-					border: "3px double #f5d97a"
-				}
+				copper: {},
+				silver: {},
+				gold: {}
 			},
 			plugin: {
-				copper: { background: "linear-gradient(180deg,#b4773c,#7e3f1d 60%,#66300f)" },
-				silver: { background: "linear-gradient(180deg,#d8dee3,#a7aeb4 55%,#818990)" },
-				gold: { background: "linear-gradient(180deg,#f2dc86,#c9a227 55%,#9c7d16)" }
+				copper: {},
+				silver: {},
+				gold: {}
 			}
 		};
 		/** 插件整面金属带的描边（随档）。 */
 		const BAND_EDGE = {
-			copper: { boxShadow: "inset 0 1px 0 #d99a5e88,inset 0 -2px 5px #0006,0 0 0 1px #5e2c12" },
-			silver: { boxShadow: "inset 0 1px 0 #ffffffdd,inset 0 -2px 5px #0005,0 0 0 1px #6f767c" },
-			gold: { boxShadow: "inset 0 1px 0 #fff8d8dd,inset 0 -2px 5px #0005,0 0 0 1px #8a6a15,0 3px 14px #c9a22766" }
-		};
-		/** 插件左右铆钉（随档，两颗）。 */
-		const RIVET = {
-			copper: {
-				background: "radial-gradient(circle at 34% 28%,#f0c088,#a5652f 55%,#6a3216)",
-				boxShadow: "inset 0 -1px 1px #00000055,0 1px 2px #00000088"
-			},
-			silver: {
-				background: "radial-gradient(circle at 34% 28%,#ffffff,#c3cad0 50%,#7d848b)",
-				boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077"
-			},
-			gold: {
-				background: "radial-gradient(circle at 34% 28%,#fffbe0,#e3c565 50%,#a5841d)",
-				boxShadow: "inset 0 -1px 1px #00000044,0 1px 2px #00000077,0 0 6px #c9a22788"
-			}
+			copper: "inset 0 1px 0 #d99a5e88,inset 0 -2px 5px #0006,0 0 0 1px #5e2c12",
+			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 那一句（印本体与面板槽位共用一份定义）：档位名 ＋ 档位话。 */
+		function sealTipOf(tier) {
+			return (tier === "copper" ? "铜" : tier === "silver" ? "银" : "金") + "章 · " + TIER_TEXT[tier];
+		}
 		/** 一枚印章（button，点章弹卷）。未知组合直接抛错，不静默退化。 */
 		function SealStamp(props) {
-			const face = FACE[props.role][props.tier];
-			if (face === void 0) throw new Error("未知印章组合：" + String(props.role) + "/" + String(props.tier));
-			const style = {
-				display: "inline-flex",
-				alignItems: "center",
-				cursor: "pointer",
-				fontWeight: 800,
-				lineHeight: 1.2,
-				whiteSpace: "nowrap",
-				filter: "url(#dshLifeSealRoughEdge)",
-				...ROLE_BASE[props.role],
-				...face
-			};
-			const tierName = props.tier === "copper" ? "铜" : props.tier === "silver" ? "银" : "金";
+			const palette = SEAL_PALETTE[props.role]?.[props.tier];
+			if (palette === void 0) throw new Error("未知印章组合：" + String(props.role) + "/" + String(props.tier));
 			const buttonProps = {
 				type: "button",
-				style,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					cursor: "pointer",
+					fontWeight: 800,
+					lineHeight: 1.2,
+					whiteSpace: "nowrap",
+					filter: "url(#dshLifeSealRoughEdge)",
+					...ROLE_BASE[props.role],
+					background: palette.background,
+					...palette.border === void 0 ? {} : { border: palette.border },
+					...FACE_EXTRA[props.role][props.tier]
+				},
 				className: "dshLifeSealBtn",
 				"aria-label": props.label,
 				"aria-haspopup": "dialog",
-				"data-tip": tierName + "章 · " + TIER_TEXT[props.tier],
+				"data-tip": sealTipOf(props.tier),
 				onClick: props.onSelect
 			};
 			if (props.role !== "plugin") return react.createElement("button", buttonProps, props.label);
@@ -2051,7 +2034,8 @@ window.__ModuleLoader__.load({
 				right: "-1px",
 				zIndex: 1,
 				borderRadius: "4px",
-				...BAND_EDGE[props.tier]
+				boxShadow: BAND_EDGE[props.tier],
+				background: palette.background
 			};
 			const rivet = {
 				position: "absolute",
@@ -2061,13 +2045,10 @@ window.__ModuleLoader__.load({
 				borderRadius: "50%",
 				top: "50%",
 				transform: "translateY(-50%)",
-				...RIVET[props.tier]
+				...SEAL_RIVET[props.tier]
 			};
 			return react.createElement("button", buttonProps, react.createElement("span", {
-				style: {
-					...band,
-					background: face.background
-				},
+				style: band,
 				"data-seal-band": "1"
 			}), react.createElement("span", {
 				style: {
@@ -2178,7 +2159,7 @@ window.__ModuleLoader__.load({
 				width: "38%",
 				height: "9em",
 				pointerEvents: "none",
-				zIndex: 5
+				zIndex: 15
 			},
 			/** `.ic-title{font-size:13.5px;font-weight:640}`——字号按 60 行那条锚点换算成 `1.08em`。
 			*  #996：卡片标题行改用 `TitleBlock`（见 `title-seal.ts`，原型 A 锁 1.15em／700＋0.85em／400），
@@ -2754,37 +2735,58 @@ window.__ModuleLoader__.load({
 			const product = title ?? "";
 			const seals = props.seals ?? [];
 			const seed = props.sealSeed ?? 0;
-			/** 三行定序（六家一致：HELP 上／技能中／插件下；HELP 永远 z 最上）。 */
+			/** 三行定序：**由面板按角色定**（HELP 上／技能中／插件下；HELP 永远 z 最上）。
+			*  调用方给的数组顺序无关紧要，缺哪一枚就只画剩下的（位置顺次上移）——
+			*  少给一枚不该把整块面板炸掉（旧写法按位置取 `seals[2]`，两枚时直接 TypeError）。 */
 			const order = [
-				0,
-				1,
-				2
-			];
-			/** 三行行高（上／中／下；纵向净空各留约 10px，糙边抖动也碰不到）。 */
-			const TOPS = [
-				"0.3em",
-				"3.4em",
-				"6.2em"
-			];
-			/** 轻微倾角（±0.5°～±2.5°，方向随机）：家下标×槽位哈希，纯函数、每次同值，不过大。 */
-			const tiltOfSlot = (slot) => {
+				"help",
+				"skill",
+				"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 缝），右缘与那枚章对齐，
+			*  再往左让 1.25em 给绦带（关闭钮骑在浮层右上方，不让它越出卡片）。 */
+			const slotGeom = (slot, seed) => {
+				const top = [
+					"0.3em",
+					"3.4em",
+					"6.2em"
+				][slot] ?? "0.3em";
 				const q = (seed * 5 + slot * 11 + 3) % 10;
-				return String((q % 2 === 0 ? -1 : 1) * (.5 + Math.floor(q / 2) * .5));
+				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";
+				return {
+					top,
+					tilt,
+					padRight,
+					dialog: {
+						top: "calc(" + top + " + 1.9em)",
+						right: "calc(" + padRight + " + 1.25em)",
+						left: "auto",
+						justifyContent: "flex-end",
+						maxWidth: "calc(100% - " + padRight + " - 1.75em)"
+					}
+				};
 			};
-			/** 右间距（三枚全部居右收敛，各家各行 0.2em～1.1em 错开，永不出面板右边界）。 */
-			const padRightOfSlot = (slot) => String(.2 + (seed * 7 + slot * 3 + 1) % 6 * .18) + "em";
 			const zOfRole = (role) => role === "help" ? 4 : role === "skill" ? 3 : 2;
 			const overlay = seals.length === 0 ? null : react.createElement("div", { style: S.sealOverlay }, react.createElement(SealFilterDefs, {}), ...order.map((dataIndex, slot) => react.createElement("span", {
 				key: seals[dataIndex].role + ":" + seals[dataIndex].tier,
-				style: {
-					position: "absolute",
-					top: TOPS[slot],
-					right: padRightOfSlot(slot),
-					zIndex: zOfRole(seals[dataIndex].role),
-					pointerEvents: "auto",
-					display: "inline-flex",
-					transform: "rotate(" + tiltOfSlot(slot) + "deg)"
-				}
+				className: "dshLifeSealSlot",
+				"data-tip": sealTipOf(seals[dataIndex].tier),
+				style: (() => {
+					const g = slotGeom(slot, seed);
+					return {
+						position: "absolute",
+						top: g.top,
+						right: g.padRight,
+						zIndex: zOfRole(seals[dataIndex].role),
+						pointerEvents: "auto",
+						display: "inline-flex",
+						transform: "rotate(" + g.tilt + "deg)"
+					};
+				})()
 			}, react.createElement("span", { style: {
 				fontSize: "0.8em",
 				display: "inline-flex"
@@ -2795,16 +2797,9 @@ window.__ModuleLoader__.load({
 				onSelect: props.onSealSelect === void 0 ? void 0 : props.onSealSelect.bind(null, dataIndex)
 			})))));
 			const openSeal = props.selectedSeal === null || props.selectedSeal === void 0 ? null : seals[props.selectedSeal] ?? null;
-			/** 卷轴浮层跟着**被点的那枚章**：贴在该行下方一小段（1.9em ＝ 章高约 1.5em ＋ 0.4em 缝），
-			*  右缘与那枚章的右缘对齐，再往左让 1.25em 给绦带（关闭钮骑在浮层右上方，不让它越出卡片）。 */
-			const openSlot = props.selectedSeal ?? -1;
-			const anchor = openSlot < 0 || openSlot >= order.length ? void 0 : {
-				top: "calc(" + TOPS[openSlot] + " + 1.9em)",
-				right: "calc(" + padRightOfSlot(openSlot) + " + 1.25em)",
-				left: "auto",
-				justifyContent: "flex-end",
-				maxWidth: "calc(100% - " + padRightOfSlot(openSlot) + " - 1.75em)"
-			};
+			/** 卷轴浮层跟着**被点的那枚章**：锚点与章的落位同出一处（`slotGeom`），两处不会各自漂。 */
+			const openSlot = props.selectedSeal === null || props.selectedSeal === void 0 ? -1 : order.indexOf(props.selectedSeal);
+			const anchor = openSlot < 0 ? void 0 : slotGeom(openSlot, seed).dialog;
 			const dialog = openSeal === null ? null : react.createElement(SealScrollDialog, {
 				open: true,
 				onClose: props.onSealClose ?? (() => void 0),