koishi-plugin-dew-bot 1.0.241 → 1.0.242

package/assets/character-card/README.md

@@ -0,0 +1,8 @@
+# 角色卡素材
+
+- `paper.webp`：水墨宣纸背景。
+- `default-female.webp`：默认女性角色，600×1000，展示区域 300×500。没有专属角色形象或专属图不可用时使用；专属形象优先。素材随机器人安装包分发，后台预览也使用同一张图片。
+
+默认女性形象通过内置 ImageGen 生成，再压缩为 WebP。生成提示词：
+
+> Generate a standalone default female character portrait asset for a Chinese ink-wash fantasy RPG game character panel. Exact portrait aspect ratio WIDTH:HEIGHT 3:5, intended display 300x500 pixels, ideally source 600x1000 or larger same ratio. One clearly adult female adventurer in her mid twenties, elegant composed expression, long black hair partly tied with an understated pale jade hair ornament, dark charcoal and ivory layered wuxia traveling robes, fitted practical leather belt and subtle antique brass fastenings, fully clothed. Three-quarter to full body composition, head fully within frame with comfortable margin, show body down to boots if possible. Natural relaxed standing pose, both hands anatomically natural. A high quality detailed Chinese fantasy game illustration with delicate ink brush edges, restrained watercolor shading, beautiful expressive face, refined fabric detail. Background warm pale rice paper, soft ink wash mountains and mist, very subtle desaturated jade accents. Character is the clear focus. Suitable as a neutral starter character, understated equipment, not a royal or legendary figure. No text, no lettering, no watermark, no UI, no borders or frame, no additional characters. Entire rectangular image includes its background, not a cutout.

package/lib/index.js

@@ -75,12 +75,27 @@ var AnalysisMsg = class {
   }
 };
 
-// src/plugin/itemCardTemplate.ts
+// src/plugin/appearanceCardTemplate.ts
 var escape = /* @__PURE__ */ __name((value) => String(value ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
+function appearanceCardHtml(card, artwork, frame2) {
+  const slice = /* @__PURE__ */ __name((y, height) => `<svg class="frame" viewBox="0 ${y} 760 ${height}" preserveAspectRatio="none" aria-hidden="true"><image href="${escape(frame2)}" width="760" height="1107" preserveAspectRatio="none"/></svg>`, "slice");
+  return `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><style>
+*{box-sizing:border-box}html,body{margin:0;width:760px;font-family:'Microsoft YaHei','Noto Sans CJK SC',sans-serif;color:#f5edd6;background:#141c26}
+#capture{width:760px}.section{position:relative}.frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.content{position:relative}
+.heading{height:205px}.title{position:absolute;left:58px;top:46px;width:644px;height:74px;margin:0;display:flex;align-items:center;font-size:30px;font-weight:800;line-height:1.15;text-shadow:0 2px 3px #152a24;overflow-wrap:anywhere;overflow:hidden}
+.meta{position:absolute;left:92px;right:91px;top:151px;display:flex;justify-content:space-between;font-size:21px}
+.portrait{height:957px}.art{position:relative;margin-left:93px;width:574px;height:957px;border:3px solid #bea874;background:#e9e5d9;overflow:hidden}.item-artwork{display:block;width:100%;height:100%;object-fit:contain}
+.footer{min-height:328px;padding:58px 62px 73px;color:#202c24}.description{margin:0;font-size:23px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.details{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #52665366;margin-top:16px;padding-top:12px;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.serial{position:absolute;top:9px;right:94px;font-size:14px;color:#23382e;letter-spacing:2px}
+</style></head><body><article id="capture"><header class="section heading">${slice(0, 205)}<h1 class="title">${escape(card.name)}</h1><div class="meta"><span>【形象卡】</span><span>使用后更换外观</span></div></header><div class="section portrait">${slice(205, 574)}<div class="art"><img class="item-artwork" src="${escape(artwork)}" alt="角色形象"></div></div><footer class="section footer">${slice(779, 328)}<div class="serial">DEW · APPEARANCE</div><div class="content"><p class="description">${escape(card.description)}</p><div class="details"><span>数量：${escape(card.count)}</span><span>参考价格：${escape(card.referencePrice)}</span></div></div></footer></article></body></html>`;
+}
+__name(appearanceCardHtml, "appearanceCardHtml");
+
+// src/plugin/itemCardTemplate.ts
+var escape2 = /* @__PURE__ */ __name((value) => String(value ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
 function itemCardHtml(card, artwork, paper) {
   return `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><style>
 *{box-sizing:border-box}html,body{margin:0;width:760px;color:#29271f;font-family:SimSun,'Noto Serif CJK SC','Microsoft YaHei',serif}
-#capture{width:760px;min-height:1140px;padding:30px 48px 38px;background-color:#f3eddf;${paper ? `background-image:url('${escape(paper)}');background-size:100% 100%;` : ""}box-shadow:inset 0 0 55px #85796228;position:relative}
+#capture{width:760px;min-height:1140px;padding:30px 48px 38px;background-color:#f3eddf;${paper ? `background-image:url('${escape2(paper)}');background-size:100% 100%;` : ""}box-shadow:inset 0 0 55px #85796228;position:relative}
 .catalog-label{display:flex;align-items:center;justify-content:center;gap:22px;font-size:25px;letter-spacing:8px;margin-bottom:32px}.catalog-label:before,.catalog-label:after{content:'';width:106px;height:1px;background:#69625288}
 .item-heading{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;align-items:center;margin-bottom:10px;min-height:76px}.item-title{font-family:KaiTi,STKaiti,'Noto Serif CJK SC',serif;font-weight:700;font-size:51px;line-height:1.3;overflow-wrap:anywhere;grid-column:2;text-align:center;margin:0}
 .quality{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:8px;flex-shrink:0}.quality-label{writing-mode:vertical-rl;font-size:18px;letter-spacing:4px}.quality-seal{border:3px double #a33f31;padding:8px 5px;min-width:68px;max-width:116px;text-align:center;color:#a33f31;font-family:KaiTi,STKaiti,serif;font-size:33px;font-weight:bold;box-shadow:inset 0 0 0 2px #a33f3126;overflow-wrap:anywhere}
@@ -91,13 +106,100 @@ function itemCardHtml(card, artwork, paper) {
 .description-title{display:flex;align-items:center;gap:22px;font-family:KaiTi,STKaiti,serif;font-size:34px;font-weight:bold;margin-bottom:16px}.description-title:after{content:'';height:1px;background:#655e5088;flex:1}
 .item-description{font-size:25px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 42px;min-height:88px}
 .item-price{border-top:1px solid #736b5b88;padding-top:22px;font-size:24px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
-</style></head><body><article id="capture"><div class="catalog-label">道具图鉴</div><header class="item-heading"><h1 class="item-title">${escape(card.name)}</h1><div class="quality"><span class="quality-label">品质</span><span class="quality-seal">${escape(card.quality)}</span></div></header><div class="item-type">类型：${escape(card.type)}</div><div class="item-art-frame"><img class="item-artwork" alt="道具插画" src="${escape(artwork)}"></div><div class="item-count">数量：${escape(card.count)}</div><div class="description-title">描述</div><p class="item-description">${escape(card.description)}</p><footer class="item-price">参考价格：${escape(card.referencePrice)}</footer></article></body></html>`;
+</style></head><body><article id="capture"><div class="catalog-label">道具图鉴</div><header class="item-heading"><h1 class="item-title">${escape2(card.name)}</h1><div class="quality"><span class="quality-label">品质</span><span class="quality-seal">${escape2(card.quality)}</span></div></header><div class="item-type">类型：${escape2(card.type)}</div><div class="item-art-frame"><img class="item-artwork" alt="道具插画" src="${escape2(artwork)}"></div><div class="item-count">数量：${escape2(card.count)}</div><div class="description-title">描述</div><p class="item-description">${escape2(card.description)}</p><footer class="item-price">参考价格：${escape2(card.referencePrice)}</footer></article></body></html>`;
 }
 __name(itemCardHtml, "itemCardHtml");
 
+// src/plugin/characterCardTemplate.ts
+var escape3 = /* @__PURE__ */ __name((value) => String(value ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
+var finite = /* @__PURE__ */ __name((value) => Number.isFinite(value) ? value : 0, "finite");
+var number = /* @__PURE__ */ __name((value) => finite(value).toLocaleString("zh-CN", { maximumFractionDigits: 2 }), "number");
+var ratio = /* @__PURE__ */ __name((value, max) => max > 0 ? Math.max(0, Math.min(1, finite(value) / max)) : 0, "ratio");
+var qualityColors = { F: "#99958b", E: "#bac1ab", D: "#75b889", C: "#75a8cb", B: "#ab88cc", A: "#e5bd64", S: "#d8a2f0", SS: "#edb76e", SSS: "#f09783" };
+function radar(attributes) {
+  const order = ["力量", "敏捷", "体质", "智力", "精神力", "抗性"];
+  const attrs = [...attributes].sort((a, b) => {
+    const rank = /* @__PURE__ */ __name((name2) => {
+      const i = order.indexOf(name2);
+      return i < 0 ? order.length : i;
+    }, "rank");
+    return rank(a.name) - rank(b.name);
+  });
+  if (attrs.length < 3) return `<div class="empty">${attrs.map((a) => `${escape3(a.name)}　${number(a.value)}`).join("<br>") || "暂无一级属性"}</div>`;
+  const max = Math.max(1, ...attrs.map((a) => Math.max(0, finite(a.value))));
+  const ceiling = Math.ceil(max / Math.pow(10, Math.floor(Math.log10(max)))) * Math.pow(10, Math.floor(Math.log10(max)));
+  const point = /* @__PURE__ */ __name((index, radius) => {
+    const angle = -Math.PI / 2 + index * Math.PI * 2 / attrs.length;
+    return [350 + Math.cos(angle) * radius, 205 + Math.sin(angle) * radius];
+  }, "point");
+  const polygon = /* @__PURE__ */ __name((scale) => attrs.map((_, i) => point(i, 128 * scale).join(",")).join(" "), "polygon");
+  const data = attrs.map((a, i) => point(i, 128 * ratio(a.value, ceiling)));
+  return `<svg class="radar" viewBox="0 0 700 410" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="一级属性雷达图">
+        ${[0.2, 0.4, 0.6, 0.8, 1].map((scale) => `<polygon points="${polygon(scale)}" fill="none" stroke="#8b897c" stroke-opacity=".5"/>`).join("")}
+        ${attrs.map((_, i) => `<path d="M350 205 L${point(i, 128).join(" ")}" stroke="#777a71" stroke-opacity=".6"/>`).join("")}
+        <polygon points="${data.map((p) => p.join(",")).join(" ")}" fill="#438e7a" fill-opacity=".4" stroke="#245a50" stroke-width="2.5"/>
+        ${data.map((p) => `<circle cx="${p[0]}" cy="${p[1]}" r="4.5" fill="#174e45"/>`).join("")}
+        ${attrs.map((a, i) => {
+    const [x, y] = point(i, 172);
+    return `<g transform="translate(${x} ${y})"><path d="M-44 -18 H44 L49 -6 L44 6 H-44 L-49 -6 Z" fill="#222827" stroke="#ab8b4f"/><text y="0" text-anchor="middle" fill="#f3e7c9" font-size="17">${escape3(a.name)}</text><text y="32" text-anchor="middle" fill="#1c5048" font-size="${number(a.value).length > 12 ? 17 : 24}" font-weight="bold">${number(a.value)}</text></g>`;
+  }).join("")}
+    </svg><div class="scale">各轴同尺度 · 满刻度 ${number(ceiling)}</div>`;
+}
+__name(radar, "radar");
+function characterCardHtml(card, artwork, paper, defaultArtwork) {
+  const portrait = artwork || defaultArtwork;
+  const hpPercent = ratio(card.hp, card.maxHp) * 100;
+  const exp = Math.max(0, Math.min(100, finite(card.experiencePercent)));
+  return `<!doctype html><html lang="zh-CN"><meta charset="utf-8"><style>
+*{box-sizing:border-box}body{margin:0;width:760px;font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:#262b27}
+#capture{width:760px;padding:22px;background:#eee5d2;position:relative;border:7px solid #252a27;box-shadow:inset 0 0 0 2px #b3975a}
+.paper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.content{position:relative}.top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}
+.portrait{width:300px;height:500px;position:relative;background:linear-gradient(160deg,#ebe5d7,#bdc6bb);outline:3px solid #252a27;box-shadow:0 0 0 5px #b59657;overflow:hidden}
+.portrait img{width:300px;height:500px;object-fit:cover;object-position:center top;display:block}.portrait:after{content:"";position:absolute;inset:7px;border:1px solid #d7b971;pointer-events:none}
+.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 75%,#546b6150,transparent 60%);color:#46564e;gap:20px}.placeholder .seal{font:76px KaiTi,STKaiti,serif;border:2px solid #647266;padding:28px 17px}.placeholder small{font-size:15px;letter-spacing:3px}
+.info{display:flex;flex-direction:column;gap:16px;min-width:0}.dark{background:linear-gradient(115deg,#171e1d,#303431);border:2px solid #ad8d50;box-shadow:0 0 0 2px #252a27,inset 0 0 0 4px #252a27;color:#eee0b9;position:relative;padding:18px}
+.dark:before,.dark:after{content:"◆";position:absolute;color:#c1a367;font-size:13px}.dark:before{left:3px;top:0}.dark:after{right:3px;bottom:0}
+.title{font:28px KaiTi,STKaiti,serif;letter-spacing:4px;text-align:center;padding:16px 8px}.identity{padding:5px 3px;flex:1;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:14px;color:#696854;letter-spacing:3px}.identity-row{display:flex;align-items:center;gap:12px;margin:12px 0}.character-name{font: bold 27px KaiTi,STKaiti,"Microsoft YaHei",serif;overflow-wrap:anywhere;min-width:0;flex:1;margin:0;line-height:1.4}.level{flex-shrink:0;border:1px solid #b28c44;background:#252b27;color:#eddbab;padding:7px 10px;font:22px Georgia,serif}
+.experience-label{font-size:13px;color:#676954;margin-top:6px}.experience{height:4px;background:#b5b19e;margin-top:8px}.experience span{height:100%;display:block;background:#7e8c70}
+.power-label{font-size:19px;letter-spacing:2px}.power-value{font:bold 43px Georgia,serif;margin-top:10px;color:#edd69a;overflow-wrap:anywhere}.power-value.long{font-size:29px}.health{padding:15px 13px}.health-label{font-size:18px;margin-bottom:9px}.bar{position:relative;height:30px;border:1px solid #bea365;background:#101817;box-shadow:inset 0 2px 4px #000}.fill{height:100%;background:linear-gradient(#df4d39,#9a241d);border-right:1px solid #f19b67}.bar b{position:absolute;inset:0;display:grid;place-items:center;color:#fff7e6;font:16px Georgia,serif;text-shadow:0 1px 3px #000}
+.panel{margin-top:22px;border:3px solid #252a27;box-shadow:0 0 0 1px #b19559,inset 0 0 0 1px #b19559;background:#f9f1df65;padding:10px 12px 14px}.heading{display:inline-block;margin:-10px 0 0 -12px;padding:9px 25px 10px 20px;background:#222927;border-right:3px solid #b3975a;border-bottom:1px solid #b3975a;color:#eee1bb;font:25px KaiTi,STKaiti,serif;letter-spacing:4px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}
+.radar{display:block;width:100%;height:390px;margin-top:-12px;overflow:visible}.scale{text-align:center;font-size:12px;color:#767565}.bloodlines{display:grid;gap:11px;margin-top:15px}.bloodline{display:flex;align-items:center;gap:14px;padding:12px;background:linear-gradient(100deg,#1e2624,#363b34);border:1px solid #b59961;box-shadow:0 0 0 2px #292f29;color:#f2e5c5;min-height:68px}.blood-icon{width:40px;height:40px;border:1px solid #b79a59;display:grid;place-items:center;color:#ddc180;font:26px KaiTi,serif;flex-shrink:0}.blood-name{font-size:21px;flex:1;overflow-wrap:anywhere}.quality{min-width:54px;padding:6px 9px;text-align:center;border:1px solid currentColor;font:bold 27px Georgia,serif;background:#111916;box-shadow:inset 0 0 10px #ffffff12}.empty{text-align:center;padding:25px;color:#6d7266;font-size:18px}.foot{font-size:13px;text-align:center;margin-top:18px;color:#626454;letter-spacing:1px}
+</style><body><main id="capture">${paper ? `<img class="paper" src="${escape3(paper)}" alt="">` : ""}<div class="content"><div class="top">
+<div class="portrait">${portrait ? `<img class="character-artwork" src="${escape3(portrait)}" data-fallback="${escape3(defaultArtwork ?? "")}" alt="角色形象">` : '<div class="placeholder"><div class="seal">轮回</div><small>形象尚未生成</small></div>'}</div>
+<div class="info"><div class="dark title">✦ 角色档案</div><div class="identity"><div class="eyebrow">轮回者</div><div class="identity-row"><h1 class="character-name">${escape3(card.name)}</h1><span class="level">Lv. ${number(card.level)}</span></div><div class="experience-label">升级进度 ${number(exp)}%</div><div class="experience"><span style="width:${exp}%"></span></div></div>
+<div class="dark"><div class="power-label">⚔ 综合战力</div><div class="power-value ${number(card.power).length > 11 ? "long" : ""}">${number(card.power)}</div></div>
+<div class="dark health"><div class="health-label">✚ 生命</div><div class="bar"><div class="fill" style="width:${hpPercent}%"></div><b>${number(card.hp)} / ${number(card.maxHp)}</b></div></div></div></div>
+<section class="panel"><h2 class="heading">一级属性</h2>${radar(card.attributes)}</section>
+<section class="panel"><h2 class="heading">血统</h2><div class="bloodlines">${card.bloodlines.length ? card.bloodlines.map((b) => `<div class="bloodline"><span class="blood-icon">血</span><span class="blood-name">${escape3(b.name)}</span><span class="quality" style="color:${qualityColors[b.quality] ?? "#bdbbae"}">${escape3(b.quality)}</span></div>`).join("") : '<div class="empty">尚未融合血统</div>'}</div></section>
+<div class="foot">[详细属性] 查看二级属性　·　[指令] 查看操作</div></div></main></body></html>`;
+}
+__name(characterCardHtml, "characterCardHtml");
+
 // src/plugin/cardLayout.ts
 async function layoutCard(document = globalThis.document) {
   await document.fonts.ready;
+  const portrait = document.querySelector(".character-artwork");
+  if (portrait) {
+    try {
+      await portrait.decode();
+    } catch {
+      let recovered = false;
+      if (portrait.dataset.fallback && portrait.getAttribute("src") !== portrait.dataset.fallback) {
+        portrait.src = portrait.dataset.fallback;
+        try {
+          await portrait.decode();
+          recovered = true;
+        } catch {
+        }
+      }
+      if (!recovered) {
+        const placeholder = document.createElement("div");
+        placeholder.className = "placeholder";
+        placeholder.textContent = "形象暂不可用";
+        portrait.replaceWith(placeholder);
+      }
+    }
+  }
   const itemArtwork = document.querySelector(".item-artwork");
   if (itemArtwork) await itemArtwork.decode();
   const artwork = document.querySelector(".skill-artwork");
@@ -143,10 +245,10 @@ async function layoutCard(document = globalThis.document) {
 __name(layoutCard, "layoutCard");
 
 // src/plugin/leaderboardTemplate.ts
-var escape2 = /* @__PURE__ */ __name((s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
+var escape4 = /* @__PURE__ */ __name((s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
 function leaderboardHtml(data, _headerImage, backgroundImage) {
   const rows = data.rows.slice(0, 20);
-  const row = /* @__PURE__ */ __name((r, mine = false) => `<div class="row rank-${r.rank} ${mine ? "personal" : ""}"><div class="rank">${mine ? "<small>我的排名</small>" : ""}<b>${escape2(r.rank)}</b></div><div class="name">${escape2(r.name)}</div><div class="value">${escape2(r.value.toLocaleString("zh-CN", { maximumFractionDigits: 2 }))}</div></div>`, "row");
+  const row = /* @__PURE__ */ __name((r, mine = false) => `<div class="row rank-${r.rank} ${mine ? "personal" : ""}"><div class="rank">${mine ? "<small>我的排名</small>" : ""}<b>${escape4(r.rank)}</b></div><div class="name">${escape4(r.name)}</div><div class="value">${escape4(r.value.toLocaleString("zh-CN", { maximumFractionDigits: 2 }))}</div></div>`, "row");
   const personal = data.mine ? row(data.mine, true) : "";
   return `<!doctype html><html lang="zh-CN"><meta charset="utf-8"><style>
 *{box-sizing:border-box}body{margin:0;width:760px;color:#242725;font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif}
@@ -164,7 +266,7 @@ function leaderboardHtml(data, _headerImage, backgroundImage) {
 .value{font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #capture.has-background{padding:90px 80px}.has-background .sheet{background:rgba(250,247,238,.20);border:0}.has-background .row{grid-template-columns:48px minmax(0,1fr) 142px;gap:6px;padding:10px 6px}.has-background .name{font-size:20px}
 .has-background .row{background-color:rgba(255,253,246,.38)}
-</style><body><div id="capture" class="${backgroundImage ? "has-background" : ""}">${backgroundImage ? '<img class="board-background" alt="" src="' + escape2(backgroundImage) + '">' : ""}<h1 class="board-title">${escape2(data.title)}</h1><main class="sheet">${rows.length ? rows.map((r) => row(r)).join("") : '<div class="empty">暂无玩家上榜</div>'}${personal}</main></div></body></html>`;
+</style><body><div id="capture" class="${backgroundImage ? "has-background" : ""}">${backgroundImage ? '<img class="board-background" alt="" src="' + escape4(backgroundImage) + '">' : ""}<h1 class="board-title">${escape4(data.title)}</h1><main class="sheet">${rows.length ? rows.map((r) => row(r)).join("") : '<div class="empty">暂无玩家上榜</div>'}${personal}</main></div></body></html>`;
 }
 __name(leaderboardHtml, "leaderboardHtml");
 
@@ -173,16 +275,16 @@ var import_promises = __toESM(require("node:fs/promises"));
 var import_node_path = __toESM(require("node:path"));
 
 // src/plugin/skillCardTemplate.ts
-var escape3 = /* @__PURE__ */ __name((value) => String(value ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
+var escape5 = /* @__PURE__ */ __name((value) => String(value ?? "").replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]), "escape");
 var colors = { F: "#b6c3c9", E: "#82cf88", D: "#5fbeed", C: "#9b8cfa", B: "#d97eee", A: "#f9b25f", S: "#f2dc88", SS: "#ff9e78", SSS: "#fff0b1" };
 function skillCardHtml(card, frame2, artwork) {
   const quality = card.quality.replace(/[+-]$/, ""), color = colors[quality] ?? colors.F;
   const desc = card.description || "暂无描述";
   return `<!doctype html><html><head><meta charset="utf-8"><style>
 *{box-sizing:border-box}html,body{margin:0;width:760px;background:#141c26;color:#15252b;font-family:'Microsoft YaHei','Noto Sans CJK SC',sans-serif}body{padding:0}#capture{width:760px}#card{width:760px;height:1107px;position:relative;background-image:url('${frame2}');background-size:100% 100%}.name{position:absolute;left:58px;top:46px;width:644px;height:74px;display:flex;align-items:center;font-size:36px;font-weight:800;color:#f5f7e9;text-shadow:1px 2px 2px #163838;overflow:hidden}.badge{position:absolute;right:57px;top:54px;width:68px;height:62px;border:2px solid ${color};background:#163338;border-radius:50%;color:${color};display:grid;place-items:center;font:bold 25px Georgia}.meta{position:absolute;left:92px;right:91px;top:151px;display:flex;justify-content:space-between;color:#f9f1cf;font-size:21px;font-weight:700}.art{position:absolute;left:93px;top:205px;width:574px;height:574px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#284951 0,#12222f 42%,#070d19 90%);border:3px solid #bea874}.skill-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.art svg{position:absolute;width:100%;height:100%;color:${color}}.glyph{position:absolute;top:157px;width:100%;text-align:center;font-size:147px;filter:drop-shadow(0 0 30px ${color})}.art-title{position:absolute;bottom:113px;left:25px;right:25px;text-align:center;font-size:18px;letter-spacing:6px;color:${color}}.number{position:absolute;top:786px;right:94px;color:#e2eade;font:14px Georgia;letter-spacing:2px}.effect{position:absolute;top:837px;left:62px;width:636px;height:197px;overflow:hidden;font-size:23px;line-height:1.48}.effect b{font-size:23px}.effect p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
-</style></head><body><div id="capture"><div id="card"><div class="name" id="name">${escape3(card.quality)}级 ${escape3(card.name)}</div><div class="meta"><span>【${card.passive ? "被动" : "主动"}技能】</span><span>Lv.${card.level} / ${card.maxLevel}</span></div>
-<div class="art"><svg viewBox="0 0 574 574" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="glow"><stop stop-color="${color}" stop-opacity=".25"/><stop offset="1" stop-color="${color}" stop-opacity="0"/></radialGradient></defs><circle cx="287" cy="244" r="220" fill="url(#glow)"/><g stroke="currentColor" fill="none"><circle cx="287" cy="244" r="191" opacity=".35"/><circle cx="287" cy="244" r="179" stroke-dasharray="2 13" opacity=".8"/><circle cx="287" cy="244" r="158" opacity=".6"/><path d="M287 65 442 334 132 334Z M287 423 132 155 442 155Z" opacity=".3"/><path d="M60 244H130M444 244H514M287 18V85M287 403V470" stroke-width="2" opacity=".6"/><path d="M80 440 491 72M102 457 505 95" opacity=".13" stroke-width="16"/></g></svg><div class="art-title">${escape3(card.passive ? "被 动 铭 刻" : "技 能 术 式")}</div>${artwork ? '<img class="skill-artwork" alt="" src="' + escape3(artwork) + '">' : ""}</div>
-<div class="number">DEW · SKILL / ${escape3(card.quality)}</div><div class="effect" id="effect"><p>${escape3(desc)}</p></div></div></div></body></html>`;
+</style></head><body><div id="capture"><div id="card"><div class="name" id="name">${escape5(card.quality)}级 ${escape5(card.name)}</div><div class="meta"><span>【${card.passive ? "被动" : "主动"}技能】</span><span>Lv.${card.level} / ${card.maxLevel}</span></div>
+<div class="art"><svg viewBox="0 0 574 574" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="glow"><stop stop-color="${color}" stop-opacity=".25"/><stop offset="1" stop-color="${color}" stop-opacity="0"/></radialGradient></defs><circle cx="287" cy="244" r="220" fill="url(#glow)"/><g stroke="currentColor" fill="none"><circle cx="287" cy="244" r="191" opacity=".35"/><circle cx="287" cy="244" r="179" stroke-dasharray="2 13" opacity=".8"/><circle cx="287" cy="244" r="158" opacity=".6"/><path d="M287 65 442 334 132 334Z M287 423 132 155 442 155Z" opacity=".3"/><path d="M60 244H130M444 244H514M287 18V85M287 403V470" stroke-width="2" opacity=".6"/><path d="M80 440 491 72M102 457 505 95" opacity=".13" stroke-width="16"/></g></svg><div class="art-title">${escape5(card.passive ? "被 动 铭 刻" : "技 能 术 式")}</div>${artwork ? '<img class="skill-artwork" alt="" src="' + escape5(artwork) + '">' : ""}</div>
+<div class="number">DEW · SKILL / ${escape5(card.quality)}</div><div class="effect" id="effect"><p>${escape5(desc)}</p></div></div></div></body></html>`;
 }
 __name(skillCardHtml, "skillCardHtml");
 
@@ -227,6 +329,16 @@ __name(loadSkillArtwork, "loadSkillArtwork");
 // src/plugin/skillCard.ts
 var running = 0;
 var waiting = [];
+async function characterAsset(file) {
+  for (const base of ["../assets/character-card", "../../assets/character-card"]) {
+    try {
+      return "data:image/webp;base64," + (await import_promises.default.readFile(import_node_path.default.resolve(__dirname, base, file))).toString("base64");
+    } catch {
+    }
+  }
+  return void 0;
+}
+__name(characterAsset, "characterAsset");
 async function itemPaper() {
   for (const base of ["../assets/item-card", "../../assets/item-card"]) {
     try {
@@ -260,9 +372,9 @@ async function leaderboardHeader() {
   return void 0;
 }
 __name(leaderboardHeader, "leaderboardHeader");
-async function renderSkillCard(ctx, card, leaderboard, itemCard) {
+async function renderSkillCard(ctx, card, leaderboard, itemCard, characterCard) {
   if (!ctx.puppeteer) throw new Error("Puppeteer 未启用");
-  if (JSON.stringify(itemCard ?? card ?? leaderboard ?? {}).length > 24e3) throw new Error("技能卡片内容过长");
+  if (JSON.stringify(characterCard ?? itemCard ?? card ?? leaderboard ?? {}).length > 24e3) throw new Error("卡片内容过长");
   if (running >= 2) {
     if (waiting.length >= 16) throw new Error("绘图繁忙");
     await new Promise((resolve) => waiting.push(resolve));
@@ -272,9 +384,9 @@ async function renderSkillCard(ctx, card, leaderboard, itemCard) {
   let expired = false;
   try {
     const work = /* @__PURE__ */ __name(async () => {
-      const art = await loadSkillArtwork(itemCard?.artworkUrl ?? leaderboard?.backgroundUrl ?? card?.artworkUrl);
+      const art = await loadSkillArtwork(characterCard?.artworkUrl ?? itemCard?.artworkUrl ?? leaderboard?.backgroundUrl ?? card?.artworkUrl);
       if (itemCard && !art) throw new Error("道具图片读取失败");
-      const html = itemCard ? itemCardHtml(itemCard, art, await itemPaper()) : leaderboard ? leaderboardHtml(leaderboard, await leaderboardHeader(), art) : skillCardHtml(card, await frame(card.passive), art);
+      const html = characterCard ? characterCardHtml(characterCard, art, await characterAsset("paper.webp"), await characterAsset("default-female.webp")) : itemCard ? itemCard.type === "形象卡" ? appearanceCardHtml(itemCard, art, await frame(false)) : itemCardHtml(itemCard, art, await itemPaper()) : leaderboard ? leaderboardHtml(leaderboard, await leaderboardHeader(), art) : skillCardHtml(card, await frame(card.passive), art);
       page = await ctx.puppeteer.page();
       if (expired) {
         await page.close();
@@ -377,8 +489,8 @@ var ImageHandler = class extends handel_base {
     let content;
     let rendered = false;
     try {
-      if (!data.itemCard && !data.card && !data.leaderboard) throw new Error("缺少卡片数据");
-      content = import_koishi.h.image(await renderSkillCard(this.ctx, data.card, data.leaderboard, data.itemCard), "image/png").toString();
+      if (!data.characterCard && !data.itemCard && !data.card && !data.leaderboard) throw new Error("缺少卡片数据");
+      content = import_koishi.h.image(await renderSkillCard(this.ctx, data.card, data.leaderboard, data.itemCard, data.characterCard), "image/png").toString();
       rendered = true;
     } catch (error) {
       this.ctx.logger.warn("卡片绘制失败，使用文字详情", error instanceof Error ? error.message : "unknown");
@@ -448,7 +560,7 @@ var import_tsrpc = require("tsrpc");
 
 // src/shared/bot/serviceProto.ts
 var serviceProto = {
-  "version": 6,
+  "version": 7,
   "services": [
     {
       "id": 0,
@@ -529,6 +641,15 @@ var serviceProto = {
             "target": "messageFace/MessageHandleType"
           }
         },
+        {
+          "id": 5,
+          "name": "characterCard",
+          "type": {
+            "type": "Reference",
+            "target": "messageFace/CharacterCardData"
+          },
+          "optional": true
+        },
         {
           "id": 2,
           "name": "card",
@@ -582,6 +703,120 @@ var serviceProto = {
         }
       ]
     },
+    "messageFace/CharacterCardData": {
+      "type": "Interface",
+      "properties": [
+        {
+          "id": 0,
+          "name": "artworkUrl",
+          "type": {
+            "type": "String"
+          },
+          "optional": true
+        },
+        {
+          "id": 1,
+          "name": "name",
+          "type": {
+            "type": "String"
+          }
+        },
+        {
+          "id": 2,
+          "name": "level",
+          "type": {
+            "type": "Number"
+          }
+        },
+        {
+          "id": 3,
+          "name": "experiencePercent",
+          "type": {
+            "type": "Number"
+          }
+        },
+        {
+          "id": 4,
+          "name": "power",
+          "type": {
+            "type": "Number"
+          }
+        },
+        {
+          "id": 5,
+          "name": "hp",
+          "type": {
+            "type": "Number"
+          }
+        },
+        {
+          "id": 6,
+          "name": "maxHp",
+          "type": {
+            "type": "Number"
+          }
+        },
+        {
+          "id": 7,
+          "name": "attributes",
+          "type": {
+            "type": "Array",
+            "elementType": {
+              "type": "Interface",
+              "properties": [
+                {
+                  "id": 0,
+                  "name": "id",
+                  "type": {
+                    "type": "String"
+                  }
+                },
+                {
+                  "id": 1,
+                  "name": "name",
+                  "type": {
+                    "type": "String"
+                  }
+                },
+                {
+                  "id": 2,
+                  "name": "value",
+                  "type": {
+                    "type": "Number"
+                  }
+                }
+              ]
+            }
+          }
+        },
+        {
+          "id": 8,
+          "name": "bloodlines",
+          "type": {
+            "type": "Array",
+            "elementType": {
+              "type": "Interface",
+              "properties": [
+                {
+                  "id": 0,
+                  "name": "name",
+                  "type": {
+                    "type": "String"
+                  }
+                },
+                {
+                  "id": 1,
+                  "name": "quality",
+                  "type": {
+                    "type": "String"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ]
+    },
     "messageFace/SkillCardData": {
       "type": "Interface",
       "properties": [

package/lib/plugin/appearanceCardTemplate.d.ts

@@ -0,0 +1,3 @@
+import type { ItemCardData } from '../shared/face';
+/** Reuse the skill frame, extending only its illustration and description sections. */
+export declare function appearanceCardHtml(card: ItemCardData, artwork: string, frame: string): string;

package/lib/plugin/characterCardTemplate.d.ts

@@ -0,0 +1,3 @@
+import type { CharacterCardData } from '../shared/face';
+/** Portrait alone is replaceable artwork; every label, bar and chart is live game data. */
+export declare function characterCardHtml(card: CharacterCardData, artwork?: string, paper?: string, defaultArtwork?: string): string;

package/lib/plugin/skillCard.d.ts

@@ -1,5 +1,6 @@
+import type { CharacterCardData } from '../shared/face';
 import type { ItemCardData } from '../shared/face';
 import type { LeaderboardImageData } from '../shared/face';
 import type { Context } from 'koishi';
 import type { SkillCardData } from '../shared/face';
-export declare function renderSkillCard(ctx: Context, card?: SkillCardData, leaderboard?: LeaderboardImageData, itemCard?: ItemCardData): Promise<Buffer>;
+export declare function renderSkillCard(ctx: Context, card?: SkillCardData, leaderboard?: LeaderboardImageData, itemCard?: ItemCardData, characterCard?: CharacterCardData): Promise<Buffer>;

package/lib/shared/face/index.d.ts

@@ -1,3 +1,21 @@
+export interface CharacterCardData {
+    artworkUrl?: string;
+    name: string;
+    level: number;
+    experiencePercent: number;
+    power: number;
+    hp: number;
+    maxHp: number;
+    attributes: Array<{
+        id: string;
+        name: string;
+        value: number;
+    }>;
+    bloodlines: Array<{
+        name: string;
+        quality: string;
+    }>;
+}
 export interface ItemCardData {
     artworkUrl: string;
     name: string;
@@ -73,6 +91,7 @@ export type IMessageItem = ITitleMessage | ILineMessage | IErrorMessage;
 /** 下发给客户端的消息主体 **/
 export interface IMessage {
     handleType: MessageHandleType;
+    characterCard?: CharacterCardData;
     card?: SkillCardData;
     itemCard?: ItemCardData;
     leaderboard?: LeaderboardImageData;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-dew-bot",
   "description": "连游戏服，把聊天消息交给服务器处理",
-  "version": "1.0.241",
+  "version": "1.0.242",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [

package/src/plugin/appearanceCardTemplate.ts

@@ -0,0 +1,16 @@
+import type { ItemCardData } from '../shared/face';
+
+const escape = (value: unknown) => String(value ?? '').replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]!));
+
+/** Reuse the skill frame, extending only its illustration and description sections. */
+export function appearanceCardHtml(card: ItemCardData, artwork: string, frame: string): string {
+    const slice = (y: number, height: number) => `<svg class="frame" viewBox="0 ${y} 760 ${height}" preserveAspectRatio="none" aria-hidden="true"><image href="${escape(frame)}" width="760" height="1107" preserveAspectRatio="none"/></svg>`;
+    return `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><style>
+*{box-sizing:border-box}html,body{margin:0;width:760px;font-family:'Microsoft YaHei','Noto Sans CJK SC',sans-serif;color:#f5edd6;background:#141c26}
+#capture{width:760px}.section{position:relative}.frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.content{position:relative}
+.heading{height:205px}.title{position:absolute;left:58px;top:46px;width:644px;height:74px;margin:0;display:flex;align-items:center;font-size:30px;font-weight:800;line-height:1.15;text-shadow:0 2px 3px #152a24;overflow-wrap:anywhere;overflow:hidden}
+.meta{position:absolute;left:92px;right:91px;top:151px;display:flex;justify-content:space-between;font-size:21px}
+.portrait{height:957px}.art{position:relative;margin-left:93px;width:574px;height:957px;border:3px solid #bea874;background:#e9e5d9;overflow:hidden}.item-artwork{display:block;width:100%;height:100%;object-fit:contain}
+.footer{min-height:328px;padding:58px 62px 73px;color:#202c24}.description{margin:0;font-size:23px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.details{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #52665366;margin-top:16px;padding-top:12px;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.serial{position:absolute;top:9px;right:94px;font-size:14px;color:#23382e;letter-spacing:2px}
+</style></head><body><article id="capture"><header class="section heading">${slice(0, 205)}<h1 class="title">${escape(card.name)}</h1><div class="meta"><span>【形象卡】</span><span>使用后更换外观</span></div></header><div class="section portrait">${slice(205, 574)}<div class="art"><img class="item-artwork" src="${escape(artwork)}" alt="角色形象"></div></div><footer class="section footer">${slice(779, 328)}<div class="serial">DEW · APPEARANCE</div><div class="content"><p class="description">${escape(card.description)}</p><div class="details"><span>数量：${escape(card.count)}</span><span>参考价格：${escape(card.referencePrice)}</span></div></div></footer></article></body></html>`;
+}

package/src/plugin/cardLayout.ts

@@ -2,6 +2,22 @@
 export async function layoutCard(document: Document = globalThis.document) {
 
         await document.fonts.ready
+        const portrait = document.querySelector<HTMLImageElement>('.character-artwork')
+        if (portrait) {
+          try { await portrait.decode() } catch {
+            let recovered = false
+            if (portrait.dataset.fallback && portrait.getAttribute('src') !== portrait.dataset.fallback) {
+              portrait.src = portrait.dataset.fallback
+              try { await portrait.decode(); recovered = true } catch {}
+            }
+            if (!recovered) {
+              const placeholder = document.createElement('div')
+              placeholder.className = 'placeholder'
+              placeholder.textContent = '形象暂不可用'
+              portrait.replaceWith(placeholder)
+            }
+          }
+        }
         const itemArtwork = document.querySelector<HTMLImageElement>('.item-artwork')
         if (itemArtwork) await itemArtwork.decode()
         const artwork = document.querySelector<HTMLImageElement>('.skill-artwork')

package/src/plugin/characterCardTemplate.ts

@@ -0,0 +1,64 @@
+import type { CharacterCardData } from '../shared/face'
+
+const escape = (value: unknown) => String(value ?? '').replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]!))
+const finite = (value: number) => Number.isFinite(value) ? value : 0
+const number = (value: number) => finite(value).toLocaleString('zh-CN', { maximumFractionDigits: 2 })
+const ratio = (value: number, max: number) => max > 0 ? Math.max(0, Math.min(1, finite(value) / max)) : 0
+const qualityColors: Record<string, string> = { F: '#99958b', E: '#bac1ab', D: '#75b889', C: '#75a8cb', B: '#ab88cc', A: '#e5bd64', S: '#d8a2f0', SS: '#edb76e', SSS: '#f09783' }
+
+function radar(attributes: CharacterCardData['attributes']): string {
+    const order = ['力量', '敏捷', '体质', '智力', '精神力', '抗性']
+    const attrs = [...attributes].sort((a, b) => {
+        const rank = (name: string) => { const i = order.indexOf(name); return i < 0 ? order.length : i }
+        return rank(a.name) - rank(b.name)
+    })
+    if (attrs.length < 3) return `<div class="empty">${attrs.map(a => `${escape(a.name)}　${number(a.value)}`).join('<br>') || '暂无一级属性'}</div>`
+    const max = Math.max(1, ...attrs.map(a => Math.max(0, finite(a.value))))
+    // Shared scale within this character; values remain visible so shape is never mistaken for absolute strength.
+    const ceiling = Math.ceil(max / Math.pow(10, Math.floor(Math.log10(max)))) * Math.pow(10, Math.floor(Math.log10(max)))
+    const point = (index: number, radius: number) => {
+        const angle = -Math.PI / 2 + index * Math.PI * 2 / attrs.length
+        return [350 + Math.cos(angle) * radius, 205 + Math.sin(angle) * radius]
+    }
+    const polygon = (scale: number) => attrs.map((_, i) => point(i, 128 * scale).join(',')).join(' ')
+    const data = attrs.map((a, i) => point(i, 128 * ratio(a.value, ceiling)))
+    return `<svg class="radar" viewBox="0 0 700 410" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="一级属性雷达图">
+        ${[.2, .4, .6, .8, 1].map(scale => `<polygon points="${polygon(scale)}" fill="none" stroke="#8b897c" stroke-opacity=".5"/>`).join('')}
+        ${attrs.map((_, i) => `<path d="M350 205 L${point(i, 128).join(' ')}" stroke="#777a71" stroke-opacity=".6"/>`).join('')}
+        <polygon points="${data.map(p => p.join(',')).join(' ')}" fill="#438e7a" fill-opacity=".4" stroke="#245a50" stroke-width="2.5"/>
+        ${data.map(p => `<circle cx="${p[0]}" cy="${p[1]}" r="4.5" fill="#174e45"/>`).join('')}
+        ${attrs.map((a, i) => {
+            const [x, y] = point(i, 172)
+            return `<g transform="translate(${x} ${y})"><path d="M-44 -18 H44 L49 -6 L44 6 H-44 L-49 -6 Z" fill="#222827" stroke="#ab8b4f"/><text y="0" text-anchor="middle" fill="#f3e7c9" font-size="17">${escape(a.name)}</text><text y="32" text-anchor="middle" fill="#1c5048" font-size="${number(a.value).length > 12 ? 17 : 24}" font-weight="bold">${number(a.value)}</text></g>`
+        }).join('')}
+    </svg><div class="scale">各轴同尺度 · 满刻度 ${number(ceiling)}</div>`
+}
+
+/** Portrait alone is replaceable artwork; every label, bar and chart is live game data. */
+export function characterCardHtml(card: CharacterCardData, artwork?: string, paper?: string, defaultArtwork?: string): string {
+    const portrait = artwork || defaultArtwork;
+    const hpPercent = ratio(card.hp, card.maxHp) * 100
+    const exp = Math.max(0, Math.min(100, finite(card.experiencePercent)))
+    return `<!doctype html><html lang="zh-CN"><meta charset="utf-8"><style>
+*{box-sizing:border-box}body{margin:0;width:760px;font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:#262b27}
+#capture{width:760px;padding:22px;background:#eee5d2;position:relative;border:7px solid #252a27;box-shadow:inset 0 0 0 2px #b3975a}
+.paper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.content{position:relative}.top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}
+.portrait{width:300px;height:500px;position:relative;background:linear-gradient(160deg,#ebe5d7,#bdc6bb);outline:3px solid #252a27;box-shadow:0 0 0 5px #b59657;overflow:hidden}
+.portrait img{width:300px;height:500px;object-fit:cover;object-position:center top;display:block}.portrait:after{content:"";position:absolute;inset:7px;border:1px solid #d7b971;pointer-events:none}
+.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 75%,#546b6150,transparent 60%);color:#46564e;gap:20px}.placeholder .seal{font:76px KaiTi,STKaiti,serif;border:2px solid #647266;padding:28px 17px}.placeholder small{font-size:15px;letter-spacing:3px}
+.info{display:flex;flex-direction:column;gap:16px;min-width:0}.dark{background:linear-gradient(115deg,#171e1d,#303431);border:2px solid #ad8d50;box-shadow:0 0 0 2px #252a27,inset 0 0 0 4px #252a27;color:#eee0b9;position:relative;padding:18px}
+.dark:before,.dark:after{content:"◆";position:absolute;color:#c1a367;font-size:13px}.dark:before{left:3px;top:0}.dark:after{right:3px;bottom:0}
+.title{font:28px KaiTi,STKaiti,serif;letter-spacing:4px;text-align:center;padding:16px 8px}.identity{padding:5px 3px;flex:1;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:14px;color:#696854;letter-spacing:3px}.identity-row{display:flex;align-items:center;gap:12px;margin:12px 0}.character-name{font: bold 27px KaiTi,STKaiti,"Microsoft YaHei",serif;overflow-wrap:anywhere;min-width:0;flex:1;margin:0;line-height:1.4}.level{flex-shrink:0;border:1px solid #b28c44;background:#252b27;color:#eddbab;padding:7px 10px;font:22px Georgia,serif}
+.experience-label{font-size:13px;color:#676954;margin-top:6px}.experience{height:4px;background:#b5b19e;margin-top:8px}.experience span{height:100%;display:block;background:#7e8c70}
+.power-label{font-size:19px;letter-spacing:2px}.power-value{font:bold 43px Georgia,serif;margin-top:10px;color:#edd69a;overflow-wrap:anywhere}.power-value.long{font-size:29px}.health{padding:15px 13px}.health-label{font-size:18px;margin-bottom:9px}.bar{position:relative;height:30px;border:1px solid #bea365;background:#101817;box-shadow:inset 0 2px 4px #000}.fill{height:100%;background:linear-gradient(#df4d39,#9a241d);border-right:1px solid #f19b67}.bar b{position:absolute;inset:0;display:grid;place-items:center;color:#fff7e6;font:16px Georgia,serif;text-shadow:0 1px 3px #000}
+.panel{margin-top:22px;border:3px solid #252a27;box-shadow:0 0 0 1px #b19559,inset 0 0 0 1px #b19559;background:#f9f1df65;padding:10px 12px 14px}.heading{display:inline-block;margin:-10px 0 0 -12px;padding:9px 25px 10px 20px;background:#222927;border-right:3px solid #b3975a;border-bottom:1px solid #b3975a;color:#eee1bb;font:25px KaiTi,STKaiti,serif;letter-spacing:4px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}
+.radar{display:block;width:100%;height:390px;margin-top:-12px;overflow:visible}.scale{text-align:center;font-size:12px;color:#767565}.bloodlines{display:grid;gap:11px;margin-top:15px}.bloodline{display:flex;align-items:center;gap:14px;padding:12px;background:linear-gradient(100deg,#1e2624,#363b34);border:1px solid #b59961;box-shadow:0 0 0 2px #292f29;color:#f2e5c5;min-height:68px}.blood-icon{width:40px;height:40px;border:1px solid #b79a59;display:grid;place-items:center;color:#ddc180;font:26px KaiTi,serif;flex-shrink:0}.blood-name{font-size:21px;flex:1;overflow-wrap:anywhere}.quality{min-width:54px;padding:6px 9px;text-align:center;border:1px solid currentColor;font:bold 27px Georgia,serif;background:#111916;box-shadow:inset 0 0 10px #ffffff12}.empty{text-align:center;padding:25px;color:#6d7266;font-size:18px}.foot{font-size:13px;text-align:center;margin-top:18px;color:#626454;letter-spacing:1px}
+</style><body><main id="capture">${paper ? `<img class="paper" src="${escape(paper)}" alt="">` : ''}<div class="content"><div class="top">
+<div class="portrait">${portrait ? `<img class="character-artwork" src="${escape(portrait)}" data-fallback="${escape(defaultArtwork ?? '')}" alt="角色形象">` : '<div class="placeholder"><div class="seal">轮回</div><small>形象尚未生成</small></div>'}</div>
+<div class="info"><div class="dark title">✦ 角色档案</div><div class="identity"><div class="eyebrow">轮回者</div><div class="identity-row"><h1 class="character-name">${escape(card.name)}</h1><span class="level">Lv. ${number(card.level)}</span></div><div class="experience-label">升级进度 ${number(exp)}%</div><div class="experience"><span style="width:${exp}%"></span></div></div>
+<div class="dark"><div class="power-label">⚔ 综合战力</div><div class="power-value ${number(card.power).length > 11 ? 'long' : ''}">${number(card.power)}</div></div>
+<div class="dark health"><div class="health-label">✚ 生命</div><div class="bar"><div class="fill" style="width:${hpPercent}%"></div><b>${number(card.hp)} / ${number(card.maxHp)}</b></div></div></div></div>
+<section class="panel"><h2 class="heading">一级属性</h2>${radar(card.attributes)}</section>
+<section class="panel"><h2 class="heading">血统</h2><div class="bloodlines">${card.bloodlines.length ? card.bloodlines.map(b => `<div class="bloodline"><span class="blood-icon">血</span><span class="blood-name">${escape(b.name)}</span><span class="quality" style="color:${qualityColors[b.quality] ?? '#bdbbae'}">${escape(b.quality)}</span></div>`).join('') : '<div class="empty">尚未融合血统</div>'}</div></section>
+<div class="foot">[详细属性] 查看二级属性　·　[指令] 查看操作</div></div></main></body></html>`
+}

package/src/plugin/serverHandel/image.ts

@@ -8,8 +8,8 @@ export default class ImageHandler extends handel_base {
     let content: string
     let rendered = false
     try {
-      if (!data.itemCard && !data.card && !data.leaderboard) throw new Error('缺少卡片数据')
-      content = h.image(await renderSkillCard(this.ctx, data.card, data.leaderboard, data.itemCard), 'image/png').toString()
+      if (!data.characterCard && !data.itemCard && !data.card && !data.leaderboard) throw new Error('缺少卡片数据')
+      content = h.image(await renderSkillCard(this.ctx, data.card, data.leaderboard, data.itemCard, data.characterCard), 'image/png').toString()
       rendered = true
     } catch (error) {
       this.ctx.logger.warn('卡片绘制失败，使用文字详情', error instanceof Error ? error.message : 'unknown')

package/src/plugin/skillCard.ts

@@ -1,4 +1,7 @@
+import { appearanceCardHtml } from './appearanceCardTemplate'
 import { itemCardHtml } from './itemCardTemplate'
+import { characterCardHtml } from './characterCardTemplate'
+import type { CharacterCardData } from '../shared/face'
 import type { ItemCardData } from '../shared/face'
 import { layoutCard } from './cardLayout'
 import { leaderboardHtml } from './leaderboardTemplate';
@@ -12,6 +15,12 @@ import { skillCardHtml } from './skillCardTemplate'
 import { loadSkillArtwork } from './skillArtwork'
 let running = 0
 const waiting: Array<() => void> = []
+async function characterAsset(file: 'paper.webp' | 'default-female.webp') {
+  for (const base of ['../assets/character-card', '../../assets/character-card']) {
+    try { return 'data:image/webp;base64,' + (await fs.readFile(path.resolve(__dirname, base, file))).toString('base64') } catch {}
+  }
+  return undefined
+}
 async function itemPaper() {
   for (const base of ['../assets/item-card', '../../assets/item-card']) {
     try { return 'data:image/webp;base64,' + (await fs.readFile(path.resolve(__dirname, base, 'paper.webp'))).toString('base64') } catch {}
@@ -34,18 +43,18 @@ async function leaderboardHeader(): Promise<string | undefined> {
   }
   return undefined
 }
-export async function renderSkillCard(ctx: Context, card?: SkillCardData, leaderboard?: LeaderboardImageData, itemCard?: ItemCardData): Promise<Buffer> {
+export async function renderSkillCard(ctx: Context, card?: SkillCardData, leaderboard?: LeaderboardImageData, itemCard?: ItemCardData, characterCard?: CharacterCardData): Promise<Buffer> {
   if (!ctx.puppeteer) throw new Error('Puppeteer 未启用')
-  if (JSON.stringify(itemCard ?? card ?? leaderboard ?? {}).length > 24000) throw new Error('技能卡片内容过长')
+  if (JSON.stringify(characterCard ?? itemCard ?? card ?? leaderboard ?? {}).length > 24000) throw new Error('卡片内容过长')
   if (running >= 2) { if (waiting.length >= 16) throw new Error('绘图繁忙'); await new Promise<void>(resolve => waiting.push(resolve)) } else running++
   let page: Awaited<ReturnType<typeof ctx.puppeteer.page>> | undefined
   let timeout: ReturnType<typeof setTimeout> | undefined
   let expired = false
   try {
     const work = async () => {
-      const art = await loadSkillArtwork(itemCard?.artworkUrl ?? leaderboard?.backgroundUrl ?? card?.artworkUrl)
+      const art = await loadSkillArtwork(characterCard?.artworkUrl ?? itemCard?.artworkUrl ?? leaderboard?.backgroundUrl ?? card?.artworkUrl)
       if (itemCard && !art) throw new Error('道具图片读取失败')
-      const html = itemCard ? itemCardHtml(itemCard, art!, await itemPaper()) : leaderboard ? leaderboardHtml(leaderboard, await leaderboardHeader(), art) : skillCardHtml(card!, await frame(card!.passive), art)
+      const html = characterCard ? characterCardHtml(characterCard, art, await characterAsset('paper.webp'), await characterAsset('default-female.webp')) : itemCard ? (itemCard.type === '形象卡' ? appearanceCardHtml(itemCard, art!, await frame(false)) : itemCardHtml(itemCard, art!, await itemPaper())) : leaderboard ? leaderboardHtml(leaderboard, await leaderboardHeader(), art) : skillCardHtml(card!, await frame(card!.passive), art)
       page = await ctx.puppeteer.page()
       if (expired) { await page.close(); throw new Error('绘图超时') }
       await page.setViewport({ width:760,height:1107,deviceScaleFactor:1 })

package/src/shared/bot/serviceProto.ts

@@ -20,7 +20,7 @@ export interface ServiceType {
 }
 
 export const serviceProto: ServiceProto<ServiceType> = {
-    "version": 6,
+    "version": 7,
     "services": [
         {
             "id": 0,
@@ -101,6 +101,15 @@ export const serviceProto: ServiceProto<ServiceType> = {
                         "target": "messageFace/MessageHandleType"
                     }
                 },
+                {
+                    "id": 5,
+                    "name": "characterCard",
+                    "type": {
+                        "type": "Reference",
+                        "target": "messageFace/CharacterCardData"
+                    },
+                    "optional": true
+                },
                 {
                     "id": 2,
                     "name": "card",
@@ -154,6 +163,120 @@ export const serviceProto: ServiceProto<ServiceType> = {
                 }
             ]
         },
+        "messageFace/CharacterCardData": {
+            "type": "Interface",
+            "properties": [
+                {
+                    "id": 0,
+                    "name": "artworkUrl",
+                    "type": {
+                        "type": "String"
+                    },
+                    "optional": true
+                },
+                {
+                    "id": 1,
+                    "name": "name",
+                    "type": {
+                        "type": "String"
+                    }
+                },
+                {
+                    "id": 2,
+                    "name": "level",
+                    "type": {
+                        "type": "Number"
+                    }
+                },
+                {
+                    "id": 3,
+                    "name": "experiencePercent",
+                    "type": {
+                        "type": "Number"
+                    }
+                },
+                {
+                    "id": 4,
+                    "name": "power",
+                    "type": {
+                        "type": "Number"
+                    }
+                },
+                {
+                    "id": 5,
+                    "name": "hp",
+                    "type": {
+                        "type": "Number"
+                    }
+                },
+                {
+                    "id": 6,
+                    "name": "maxHp",
+                    "type": {
+                        "type": "Number"
+                    }
+                },
+                {
+                    "id": 7,
+                    "name": "attributes",
+                    "type": {
+                        "type": "Array",
+                        "elementType": {
+                            "type": "Interface",
+                            "properties": [
+                                {
+                                    "id": 0,
+                                    "name": "id",
+                                    "type": {
+                                        "type": "String"
+                                    }
+                                },
+                                {
+                                    "id": 1,
+                                    "name": "name",
+                                    "type": {
+                                        "type": "String"
+                                    }
+                                },
+                                {
+                                    "id": 2,
+                                    "name": "value",
+                                    "type": {
+                                        "type": "Number"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                },
+                {
+                    "id": 8,
+                    "name": "bloodlines",
+                    "type": {
+                        "type": "Array",
+                        "elementType": {
+                            "type": "Interface",
+                            "properties": [
+                                {
+                                    "id": 0,
+                                    "name": "name",
+                                    "type": {
+                                        "type": "String"
+                                    }
+                                },
+                                {
+                                    "id": 1,
+                                    "name": "quality",
+                                    "type": {
+                                        "type": "String"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                }
+            ]
+        },
         "messageFace/SkillCardData": {
             "type": "Interface",
             "properties": [

package/src/shared/face/index.ts

@@ -1,3 +1,14 @@
+export interface CharacterCardData {
+    artworkUrl?: string;
+    name: string;
+    level: number;
+    experiencePercent: number;
+    power: number;
+    hp: number;
+    maxHp: number;
+    attributes: Array<{ id: string; name: string; value: number }>;
+    bloodlines: Array<{ name: string; quality: string }>;
+}
 export interface ItemCardData { artworkUrl: string; name: string; quality: string; type: string; description: string; count: string; referencePrice: string; }
 export interface LeaderboardImageData {
     backgroundUrl?: string;
@@ -61,6 +72,7 @@ export type IMessageItem = ITitleMessage | ILineMessage | IErrorMessage;
 /** 下发给客户端的消息主体 **/
 export interface IMessage {
     handleType: MessageHandleType;
+    characterCard?: CharacterCardData;
     card?: SkillCardData;
     itemCard?: ItemCardData;
     leaderboard?: LeaderboardImageData;