koishi-plugin-dew-bot 1.0.256 → 1.0.258

package/lib/index.js

@@ -319,7 +319,7 @@ var characterCardStyles = `
 .character-sheet .companion-portrait:before{inset:5px;border-radius:12px;border-color:#fffdf1cf;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 43%,transparent)}.character-sheet .companion-portrait:after{inset:2px;border-radius:15px;border-color:#fffefa9c}.character-sheet .companion-portrait .panel-corner{width:var(--portrait-ornament-size);height:var(--portrait-ornament-size)}
 .character-sheet .portrait-window{height:auto;border:2px solid var(--edge);border-radius:6px;overflow:hidden;background:var(--paper)}.character-artwork{display:block;width:100%;height:auto;object-fit:contain}.character-sheet .portrait-placeholder,.character-sheet .placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--subtle);font:21px/1.5 "Microsoft YaHei",sans-serif}.character-sheet .placeholder small{font-size:16px}.character-sheet .portrait-window>.placeholder{height:448px}
 .character-stats{padding:17px 18px 15px;display:flex;flex-direction:column}.character-stats>.character-identity,.character-stats>.combat-row,.character-stats>.resource,.character-stats>.attribute-panel{position:relative;z-index:4}
-.character-identity{text-align:center;min-width:0}.title-image-slot{height:44px;display:flex;align-items:center;justify-content:center;margin:9px 10px 0}.title-artwork{display:block;width:var(--title-width,244px);max-width:100%;height:44px;object-fit:contain}
+.character-identity{text-align:center;min-width:0}.title-image-slot{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;min-width:0;z-index:4;pointer-events:none}.title-artwork{display:block;width:auto;height:auto;max-width:100%;max-height:min(110px,100%);object-fit:contain;filter:drop-shadow(0 2px 3px #17213a70)}.title-artwork[alt="称号图片占位"]{max-width:min(244px,100%);max-height:min(44px,100%)}
 .character-name{font-size:43px;line-height:1.17;font-weight:700;letter-spacing:3px;margin:0 0 3px;overflow-wrap:anywhere;color:var(--ink);text-shadow:0 1px 0 #ffffff}.character-level{font:27px/1.25 Georgia,"Microsoft YaHei",serif;margin:0;color:var(--subtle);display:flex;align-items:baseline;justify-content:center;gap:7px;min-width:0}.character-level strong{font-size:28px;font-weight:500;overflow-wrap:anywhere;min-width:0}
 .gene-panel{position:relative;margin:8px auto 0;padding:4px 12px 4px 7px;display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--edge) 80%,#ffffff);border-radius:7px;background:linear-gradient(#ffffffd6,color-mix(in srgb,var(--paper) 75%,#ffffff));box-shadow:inset 0 0 0 2px #ffffffaa,0 1px 2px #54628210}
 .gene-panel:before,.gene-panel:after{content:"";position:absolute;top:50%;width:6px;height:6px;background:var(--light-edge);border:1px solid var(--edge);transform:translateY(-50%) rotate(45deg)}.gene-panel:before{left:-4px}.gene-panel:after{right:-4px}.gene-crest{flex:0 0 26px;height:29px;color:var(--accent)}.gene-crest svg{display:block;width:100%;height:100%}.gene-rank{font-size:18px;line-height:1.35;letter-spacing:1px;overflow-wrap:anywhere;font-weight:700;text-align:center;min-width:0;color:var(--ink)}
@@ -440,8 +440,8 @@ function characterCardHtml(card, artwork, _frame, defaultArtwork, titleArtwork,
   const experience = Math.max(0, Math.min(100, finite(card.experiencePercent)));
   const geneRank = card.geneLockRankName || "基因锁未开启";
   return `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><style>${characterCardStyles}</style></head><body><main id="capture" class="companion-sheet character-adventure character-sheet gene-tier-${tier}" data-gene-lock-tier="${tier}" data-decoration-level="${tier}"><span class="character-ambient" aria-hidden="true">${characterFloralWatermark}</span><div class="character-card companion-main">
-        <div class="portrait-column"><div class="companion-panel companion-portrait character-portrait">${corners(tier)}<div class="portrait-window portrait">${portrait ? `<img id="character-image" class="character-artwork" src="${cardEscape(portrait)}" data-fallback="${cardEscape(defaultArtwork ?? "")}" alt="${cardEscape(card.name)}的形象图">` : '<div class="placeholder"><span>形象尚未生成</span><small>角色形象</small></div>'}</div></div>
-        <div class="title-image-slot character-title-below"><img id="title-image" class="title-artwork" src="${cardEscape(titleArtwork || characterTitlePlaceholder)}" data-fallback="${cardEscape(characterTitlePlaceholder)}" alt="${titleArtwork ? "称号图片" : "称号图片占位"}"></div></div>
+        <div class="portrait-column"><div class="companion-panel companion-portrait character-portrait">${corners(tier)}<div class="portrait-window portrait">${portrait ? `<img id="character-image" class="character-artwork" src="${cardEscape(portrait)}" data-fallback="${cardEscape(defaultArtwork ?? "")}" alt="${cardEscape(card.name)}的形象图">` : '<div class="placeholder"><span>形象尚未生成</span><small>角色形象</small></div>'}</div>
+        <div class="title-image-slot character-title-centered"><img id="title-image" class="title-artwork" src="${cardEscape(titleArtwork || characterTitlePlaceholder)}" data-fallback="${cardEscape(characterTitlePlaceholder)}" alt="${titleArtwork ? "称号图片" : "称号图片占位"}"></div></div></div>
         <section class="companion-panel companion-stats character-stats" aria-label="角色属性"><span class="character-paper-pattern" aria-hidden="true">${characterFloralWatermark}</span>${corners(tier, ["tr", "br"])}<div class="identity character-identity"><h1 id="character-name" class="character-name" title="${cardEscape(card.name)}">${cardEscape(card.name)}</h1><p class="level character-level"><span>Lv.</span><strong id="character-level">${number2(card.level)}</strong></p><div class="gene-panel"><span class="gene-crest" aria-hidden="true">${characterGeneCrest(tier)}</span><div id="gene-rank" class="gene-rank" title="${cardEscape(geneRank)}">${cardEscape(geneRank)}</div></div></div>
         <div class="combat-row companion-power-row"><span class="power-emblem power-icon" aria-hidden="true"><svg viewBox="0 0 42 42"><path d="m9 5 5 1 16 21-4 4L9 11Zm24 0-5 1L12 27l4 4L33 11ZM14 27l14 10m0-10L14 37M9 35l4-4m20 4-4-4"/></svg></span><span class="power-label companion-power-label">战力</span><strong id="combat-power" class="power-value companion-power">${number2(card.power)}</strong></div>
         <div class="resource companion-resource hp-resource"><div class="resource-heading"><span class="resource-label"><svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 28C6 21 2 17 2 10a7 7 0 0 1 14-2 7 7 0 0 1 14 2c0 7-4 11-14 18Z"/></svg>生命值</span><span id="hp-numbers" class="resource-number">${number2(card.hp)} / ${number2(card.maxHp)}</span></div><div class="resource-track" role="progressbar" aria-label="生命值" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${hpPercent}"><span class="resource-fill fill" style="width:${hpPercent}%"></span><span class="bar-percent resource-percent">${number2(hpPercent)}%</span></div></div>
@@ -583,12 +583,226 @@ function companionCardHtml(card, artwork, icons) {
 }
 __name(companionCardHtml, "companionCardHtml");
 
+// src/plugin/titleCardStyles.ts
+var titleCardStyles = `
+  .title-sheet {
+    --dew-paper: light-dark(#fffaf0, #252721);
+    --dew-panel: light-dark(#f5f7f3, #2c302a);
+    --dew-ink: light-dark(#25382f, #e4eae3);
+    --dew-muted: light-dark(#737e74, #aeb8ac);
+    --dew-line: light-dark(#e5e9df, #40483c);
+    --dew-accent: light-dark(#2d7c69, #7dc6b1);
+    --dew-fill: light-dark(#2d7c6926, #7dc6b129);
+    --dew-link: light-dark(#1685df, #85bffa);
+    --dew-frame: light-dark(#b79c62, #a48a50);
+    --dew-frame-shadow: light-dark(#4a39251c, #00000042);
+    --dew-paper-top: light-dark(#fff7e5, #30362c);
+    --dew-paper-bottom: light-dark(#f7f2e8, #18231e);
+    --dew-gold-light: light-dark(#ead4a1, #dec58a);
+    --dew-gold-dark: light-dark(#94713d, #786136);
+    --dew-hero-glow: light-dark(#d4a64d20, #d4a64d19);
+    --dew-grid: light-dark(#b8bfae70, #9eaf8d26);
+    --dew-axis-ink: light-dark(#7c714e, #c4b68d);
+    padding: 52px 32px 48px; box-sizing: border-box;
+    display: flex; justify-content: center; align-items: flex-start;
+    font: 28px/1.6 'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif;
+    color: var(--dew-ink);
+  }
+  .title-sheet .dew-preview { width: min(100%, 748px); }
+  .title-sheet .dew-card { position: relative; background: linear-gradient(155deg, var(--dew-paper-top), var(--dew-paper-bottom) 74%); border: 2.8px solid var(--dew-frame); border-radius: var(--dew-card-radius, 32px); overflow: hidden; box-shadow: 0 36px 64px var(--dew-frame-shadow), inset 0 0 0 4px var(--dew-paper), inset 0 0 0 6px color-mix(in srgb, var(--dew-gold-light) 38%, transparent); }
+  .title-sheet .dew-card::before { content: ''; position: absolute; inset: 16px; border: 2px solid color-mix(in srgb, var(--dew-frame) 60%, transparent); border-radius: max(0px, calc(var(--dew-card-radius, 32px) - 16px)); pointer-events: none; }
+  .title-sheet .dew-card::after { content: ''; position: absolute; inset: 18px; border-radius: max(0px, calc(var(--dew-card-radius, 32px) - 18px)); pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0, transparent 6px, light-dark(#977b3810, #e9dbaa06) 6px, light-dark(#977b3810, #e9dbaa06) 8px); opacity: .6; }
+  .title-sheet .dew-corner { position: absolute; width: 38px; height: 38px; color: var(--dew-gold-light); pointer-events: none; }
+  .title-sheet .dew-corner::after { content: ''; position: absolute; inset: 10px; border: inherit; color: var(--dew-frame); opacity: .6; }
+  .title-sheet .dew-corner.tl { left: 24px; top: 24px; border-left: 3px solid; border-top: 3px solid; }
+  .title-sheet .dew-corner.tr { right: 24px; top: 24px; border-right: 3px solid; border-top: 3px solid; }
+  .title-sheet .dew-corner.bl { left: 24px; bottom: 24px; border-left: 3px solid; border-bottom: 3px solid; }
+  .title-sheet .dew-corner.br { right: 24px; bottom: 24px; border-right: 3px solid; border-bottom: 3px solid; }
+  .title-sheet .dew-head { display: flex; justify-content: flex-end; align-items: center; gap: 32px; padding: 52px 58px 0; }
+  .title-sheet .dew-section { font-size: 26px; letter-spacing: .28em; color: var(--dew-axis-ink); }
+  .title-sheet .dew-section::after { content: ''; display: block; width: 36px; height: 2px; margin-top: 14px; background: var(--dew-frame); }
+  .title-sheet .dew-quality { position: relative; display: flex; align-items: center; gap: 16px; font-size: 22px; padding: 0; }
+  .title-sheet .dew-quality b { display: grid; place-items: center; width: 68px; height: 76px; clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%); background: linear-gradient(145deg, var(--dew-gold-light), var(--dew-frame) 54%, var(--dew-gold-dark)); font: 500 46px/1 Georgia, serif; color: light-dark(#4c391f, #342a19); }
+  .title-sheet .dew-quality span { color: var(--dew-axis-ink); writing-mode: vertical-rl; letter-spacing: .15em; }
+  .title-sheet .dew-banner { position: relative; height: 278px; display: flex; align-items: center; justify-content: center; padding: 0 34px; background: radial-gradient(ellipse at 50% 52%, var(--dew-hero-glow), transparent 67%); }
+  .title-sheet .dew-banner img { position: relative; width: 94%; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 8px 18px light-dark(#9b773620, #0000004d)); }
+  .title-sheet .dew-divider { position: relative; height: 20px; margin: 0 58px; }
+  .title-sheet .dew-divider::before, .title-sheet .dew-divider::after { content: ''; position: absolute; top: 10px; width: calc(50% - 28px); height: 2px; background: linear-gradient(90deg, transparent, var(--dew-frame)); }
+  .title-sheet .dew-divider::before { left: 0; }
+  .title-sheet .dew-divider::after { right: 0; transform: rotate(180deg); }
+  .title-sheet .dew-divider span { position: absolute; left: calc(50% - 6px); top: 4px; width: 12px; height: 12px; transform: rotate(45deg); border: 2px solid var(--dew-gold-light); background: color-mix(in srgb, var(--dew-frame) 25%, transparent); box-sizing: border-box; }
+  .title-sheet .dew-divider span::after { content: ''; position: absolute; inset: -8px; border: 2px solid color-mix(in srgb, var(--dew-frame) 32%, transparent); }
+  .title-sheet .dew-radar-heading { margin: 36px 0 0; text-align: center; font-size: 22px; letter-spacing: .24em; color: var(--dew-axis-ink); }
+  .title-sheet .dew-radar { display: block; width: 100%; height: 606px; }
+  .title-sheet .dew-radar text { font-family: 'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif; }
+  .title-sheet .dew-radar .dew-grid { fill: none; stroke: var(--dew-grid); stroke-width: 1; }
+  .title-sheet .dew-radar .dew-spoke { stroke: var(--dew-grid); stroke-width: 1; }
+  .title-sheet .dew-radar .dew-area { fill: url(#dew-title-radar-fill); stroke: var(--dew-accent); stroke-width: 1.8; stroke-linejoin: round; }
+  .title-sheet .dew-radar .dew-dot { fill: var(--dew-accent); stroke: var(--dew-paper-bottom); stroke-width: .7; }
+  .title-sheet .dew-radar .dew-glow { fill: var(--dew-accent); opacity: .12; }
+  .title-sheet .dew-radar .dew-axis { fill: var(--dew-axis-ink); font-size: 24px; }
+  .title-sheet .dew-radar .dew-value { fill: var(--dew-ink); font-size: 36px; font-weight: 500; letter-spacing: .01em; }
+  .title-sheet .dew-chart-space { padding: 0 38px 44px; }
+  .title-sheet .dew-actions { display: flex; align-items: center; gap: 24px; padding: 32px 14px 8px; flex-wrap: wrap; }
+  .title-sheet .dew-reset { background: transparent; border: 0; padding: 0; font: inherit; color: var(--dew-link); }
+  .title-sheet .dew-action-description { color: var(--dew-muted); font-size: 24px; }
+  .title-sheet .dew-notice { margin: 0 0 24px 14px; color: var(--dew-accent); font-size: 24px; }
+  .title-sheet .dew-crest { position: absolute; top: 34px; left: calc(50% - 6px); width: 12px; height: 12px; transform: rotate(45deg); border: 2px solid var(--dew-frame); pointer-events: none; }
+  .title-sheet .dew-quality .dew-quality-crown { display: none; position: absolute; top: -20px; left: 10px; width: 56px; height: 26px; background: linear-gradient(130deg, var(--dew-gold-light), var(--dew-frame)); clip-path: polygon(0 100%, 0 23%, 23% 58%, 50% 0, 77% 58%, 100% 23%, 100% 100%); }
+  .title-sheet .dew-quality-wings { display: none; position: absolute; left: -30px; right: 24px; top: 24px; height: 44px; pointer-events: none; }
+  .title-sheet .dew-quality-wings::before, .title-sheet .dew-quality-wings::after { content: ''; position: absolute; width: 36px; height: 36px; background: linear-gradient(130deg, var(--dew-gold-light), var(--dew-gold-dark)); clip-path: polygon(0 0, 100% 35%, 100% 100%, 30% 78%, 55% 57%, 15% 37%); opacity: .8; }
+  .title-sheet .dew-quality-wings::before { left: 0; }
+  .title-sheet .dew-quality-wings::after { right: 0; transform: scaleX(-1); }
+  .title-sheet .dew-aura { display: none; position: absolute; width: 360px; height: 220px; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid color-mix(in srgb, var(--dew-frame) 24%, transparent); border-radius: 50%; pointer-events: none; }
+  .title-sheet .dew-orbit { fill: none; stroke: var(--dew-frame); stroke-width: .7; opacity: .25; }
+  .title-sheet .dew-tick { stroke: var(--dew-frame); stroke-width: 1; opacity: .35; }
+  .title-sheet .dew-constellation { fill: var(--dew-gold-light); opacity: .65; }
+  .title-sheet[data-quality="F"] .dew-card { background: var(--dew-paper); box-shadow: 0 8px 24px var(--dew-frame-shadow); }
+  .title-sheet[data-quality="F"] .dew-card::before, .title-sheet[data-quality="F"] .dew-corner, .title-sheet[data-quality="F"] .dew-crest, .title-sheet[data-quality="F"] .dew-section::after { display: none; }
+  .title-sheet[data-quality="F"] .dew-card::after { opacity: .16; }
+  .title-sheet[data-quality="F"] .dew-quality b { width: 56px; height: 56px; clip-path: none; border-radius: 8px; background: var(--dew-panel); color: var(--dew-ink); }
+  .title-sheet[data-quality="F"] .dew-banner { background: none; }
+  .title-sheet[data-quality="F"] .dew-banner img { filter: none; }
+  .title-sheet[data-quality="F"] .dew-divider span::after, .title-sheet[data-quality="F"] .dew-glow { display: none; }
+  .title-sheet[data-quality="E"] .dew-card { box-shadow: 0 12px 30px var(--dew-frame-shadow), inset 0 0 0 4px var(--dew-paper); }
+  .title-sheet[data-quality="E"] .dew-card::before, .title-sheet[data-quality="E"] .dew-corner.tr, .title-sheet[data-quality="E"] .dew-corner.bl, .title-sheet[data-quality="E"] .dew-crest { display: none; }
+  .title-sheet[data-quality="E"] .dew-corner { width: 24px; height: 24px; }
+  .title-sheet[data-quality="E"] .dew-corner::after { display: none; }
+  .title-sheet[data-quality="E"] .dew-quality b { width: 60px; height: 64px; clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px); }
+  .title-sheet[data-quality="E"] .dew-banner { background: none; }
+  .title-sheet[data-quality="D"] .dew-corner::after { display: none; }
+  .title-sheet[data-quality="D"] .dew-card::after { opacity: .22; }
+  .title-sheet[data-quality="C"] .dew-quality b { clip-path: polygon(0 0, 100% 0, 100% 66%, 50% 100%, 0 66%); }
+  .title-sheet[data-quality="C"] .dew-corner { width: 40px; height: 40px; }
+  .title-sheet[data-quality="B"] .dew-quality b { clip-path: polygon(50% 0, 100% 28%, 90% 72%, 50% 100%, 10% 72%, 0 28%); }
+  .title-sheet[data-quality="B"] .dew-card::after { background: repeating-linear-gradient(45deg, transparent 0, transparent 60px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 60px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 62px), repeating-linear-gradient(-45deg, transparent 0, transparent 60px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 60px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 62px); }
+  .title-sheet[data-quality="A"] .dew-quality-wings, .title-sheet[data-quality="S"] .dew-quality-wings, .title-sheet[data-quality="SS"] .dew-quality-wings, .title-sheet[data-quality="SSS"] .dew-quality-wings { display: block; }
+  .title-sheet[data-quality="A"] .dew-corner, .title-sheet[data-quality="S"] .dew-corner { width: 46px; height: 46px; }
+  .title-sheet[data-quality="A"] .dew-crest { box-shadow: 16px -16px 0 -4px var(--dew-frame), -16px 16px 0 -4px var(--dew-frame); }
+  .title-sheet[data-quality="S"] .dew-card { box-shadow: 0 36px 70px var(--dew-frame-shadow), 0 0 36px color-mix(in srgb, var(--dew-frame) 12%, transparent), inset 0 0 0 4px var(--dew-paper), inset 0 0 0 8px color-mix(in srgb, var(--dew-gold-light) 38%, transparent); }
+  .title-sheet[data-quality="S"] .dew-aura, .title-sheet[data-quality="SS"] .dew-aura, .title-sheet[data-quality="SSS"] .dew-aura { display: block; }
+  .title-sheet[data-quality="S"] .dew-corner { border-width: 4px; }
+  .title-sheet[data-quality="SS"] .dew-quality .dew-quality-crown, .title-sheet[data-quality="SSS"] .dew-quality .dew-quality-crown { display: block; }
+  .title-sheet[data-quality="SS"] .dew-card::before { border-color: var(--dew-gold-light); opacity: .6; }
+  .title-sheet[data-quality="SS"] .dew-card::after { background: radial-gradient(circle at 18% 14%, var(--dew-gold-light) 0 2px, transparent 3px), radial-gradient(circle at 80% 21%, var(--dew-gold-light) 0 2px, transparent 3px), radial-gradient(circle at 14% 70%, var(--dew-gold-light) 0 2px, transparent 3px), radial-gradient(circle at 84% 84%, var(--dew-gold-light) 0 2px, transparent 3px); opacity: .55; }
+  .title-sheet[data-quality="SS"] .dew-aura { width: 392px; height: 232px; transform: translate(-50%, -50%) rotate(-12deg); box-shadow: 0 0 0 12px color-mix(in srgb, var(--dew-frame) 4%, transparent); }
+  .title-sheet[data-quality="SSS"] .dew-card { box-shadow: 0 40px 76px var(--dew-frame-shadow), 0 0 46px color-mix(in srgb, var(--dew-frame) 15%, transparent), inset 0 0 0 4px var(--dew-paper), inset 0 0 0 8px var(--dew-gold-dark), inset 0 0 0 10px color-mix(in srgb, var(--dew-gold-light) 70%, transparent); }
+  .title-sheet[data-quality="SSS"] .dew-card::before { inset: 20px; border-color: var(--dew-gold-light); opacity: .8; }
+  .title-sheet[data-quality="SSS"] .dew-card::after { background: repeating-linear-gradient(60deg, transparent 0, transparent 78px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 78px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 80px), repeating-linear-gradient(-60deg, transparent 0, transparent 78px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 78px, color-mix(in srgb, var(--dew-frame) 7%, transparent) 80px); opacity: .6; }
+  .title-sheet[data-quality="SSS"] .dew-corner { width: 52px; height: 52px; color: var(--dew-gold-light); border-width: 4px; }
+  .title-sheet[data-quality="SSS"] .dew-corner::after { inset: 12px; color: var(--dew-frame); }
+  .title-sheet[data-quality="SSS"] .dew-crest { width: 16px; height: 16px; left: calc(50% - 8px); background: color-mix(in srgb, var(--dew-frame) 22%, transparent); box-shadow: 18px -18px 0 -4px var(--dew-frame), -18px 18px 0 -4px var(--dew-frame); }
+  .title-sheet[data-quality="SSS"] .dew-aura { width: 372px; height: 252px; border-color: color-mix(in srgb, var(--dew-frame) 40%, transparent); box-shadow: 0 0 0 12px color-mix(in srgb, var(--dew-frame) 5%, transparent), 0 0 0 26px color-mix(in srgb, var(--dew-frame) 3%, transparent); }
+
+html,body { margin:0; padding:0; width:760px; background:#17232b; }
+* { box-sizing:border-box; }
+.title-sheet { color-scheme:dark; width:760px; padding:6px; display:block; background:#17232b; --dew-ink:#edf1e9; --dew-axis-ink:color-mix(in srgb,var(--dew-gold-light) 45%,var(--dew-ink)); --dew-grid:color-mix(in srgb,var(--dew-frame) 22%,transparent); --dew-panel:color-mix(in srgb,var(--dew-paper-top) 86%,var(--dew-frame)); --dew-hero-glow:color-mix(in srgb,var(--dew-frame) 16%,transparent); }
+.title-sheet .dew-banner img { max-height:230px; }
+.title-sheet .title-fallback { color:var(--dew-gold-light); font-size:48px; font-weight:600; line-height:1.4; text-align:center; overflow-wrap:anywhere; max-width:100%; margin:0; padding:16px; }
+.title-sheet [hidden] { display:none !important; }
+/* SVG coordinates already scale with its viewBox. */
+.title-sheet .dew-radar .dew-axis { font-size:12px; }
+.title-sheet .dew-radar .dew-value { font-size:18px; }
+`;
+
+// src/plugin/titleCardTemplate.ts
+var qualities = ["F", "E", "D", "C", "B", "A", "S", "SS", "SSS"];
+var themes = [
+  { radius: 10, border: 1, colors: ["#2b302c", "#222824", "#7c877a", "#b7c0ad", "#5e695d", "#a4baa9"] },
+  { radius: 10, border: 1.1, colors: ["#2a372c", "#1e2c24", "#799b7d", "#bbc9ac", "#546f50", "#a0c599"] },
+  { radius: 13, border: 1.25, colors: ["#2a3b40", "#1b2b32", "#83a9b4", "#d1e4e6", "#5d7e8b", "#a0d5dc"] },
+  { radius: 14, border: 1.3, colors: ["#263a48", "#17283b", "#6d9ec7", "#c5e2f4", "#506d93", "#9dd0f5"] },
+  { radius: 15, border: 1.45, colors: ["#3b2f48", "#241d38", "#a387ca", "#e6d2f0", "#735485", "#c8a6ec"] },
+  { radius: 16, border: 1.5, colors: ["#3b3529", "#28261f", "#bba363", "#eed7a0", "#816335", "#ddc58c"] },
+  { radius: 17, border: 1.8, colors: ["#432f26", "#2b211f", "#d9a45d", "#ffe0a0", "#9b682f", "#f0c580"] },
+  { radius: 18, border: 1.9, colors: ["#30334e", "#1c233d", "#9aa7e2", "#f0dfb0", "#8b733b", "#bcccf9"] },
+  { radius: 19, border: 2, colors: ["#344852", "#1c303a", "#c9dbdb", "#f6e6b7", "#a58b55", "#bcdfe1"] }
+];
+var axes = [
+  ["intelligence", "智力"],
+  ["spirit", "精神力"],
+  ["constitution", "体质"],
+  ["agility", "敏捷"],
+  ["strength", "力量"],
+  ["resistance", "抗性"]
+];
+var finite3 = /* @__PURE__ */ __name((value) => Number.isFinite(value) ? value : 0, "finite");
+var number4 = /* @__PURE__ */ __name((value) => finite3(value).toLocaleString("zh-CN", { maximumFractionDigits: 2 }), "number");
+function radar3(card, tier) {
+  const attributes = axes.map(([id, name2]) => {
+    const attribute = card.attributes.find((value) => value.id === id);
+    return { id, name: attribute?.name?.trim() || name2, value: finite3(attribute?.value ?? 0) };
+  });
+  const ceiling = Math.max(1, finite3(card.attributeLimit));
+  const cx = 166, cy = 151.5, radius = 91;
+  const point = /* @__PURE__ */ __name((index, distance) => {
+    const angle = -Math.PI / 2 + index * Math.PI / 3;
+    return [cx + Math.cos(angle) * distance, cy + Math.sin(angle) * distance];
+  }, "point");
+  const polygon = /* @__PURE__ */ __name((distance) => axes.map((_, index) => point(index, distance).join(",")).join(" "), "polygon");
+  const dots = attributes.map((attribute, index) => point(index, radius * Math.max(0, Math.min(1, attribute.value / ceiling))));
+  const ticks = tier >= 8 ? 48 : tier >= 6 ? 36 : 24;
+  return `<svg id="title-radar" class="dew-radar" viewBox="0 0 332 303" xmlns="http://www.w3.org/2000/svg" role="img" data-ceiling="${ceiling}" aria-label="${cardEscape(attributes.map((attribute) => attribute.name + " +" + number4(attribute.value) + "%").join("，"))}">
+        <title>称号的六维属性加成</title>
+        <defs><radialGradient id="dew-title-radar-fill" cx="48%" cy="45%" r="70%"><stop offset="0%" stop-color="var(--dew-accent)" stop-opacity="${0.1 + tier * 0.03}"/><stop offset="100%" stop-color="var(--dew-accent)" stop-opacity="${tier < 3 ? ".04" : ".08"}"/></radialGradient></defs>
+        ${tier >= 3 ? `<circle cx="${cx}" cy="${cy}" r="${radius + 7}" class="dew-orbit"/>` : ""}
+        ${tier >= 4 ? Array.from({ length: ticks }, (_, index) => {
+    const angle = index * Math.PI * 2 / ticks, distance = radius + 7;
+    const length = index % (ticks / 6) === 0 ? 4 : 2;
+    return `<line x1="${cx + Math.cos(angle) * distance}" y1="${cy + Math.sin(angle) * distance}" x2="${cx + Math.cos(angle) * (distance + length)}" y2="${cy + Math.sin(angle) * (distance + length)}" class="dew-tick"/>`;
+  }).join("") : ""}
+        ${tier >= 8 ? `<ellipse cx="${cx}" cy="${cy}" rx="${radius + 11}" ry="${radius + 3}" transform="rotate(-18 ${cx} ${cy})" class="dew-orbit"/>` + [0.6, 1.7, 2.6, 3.7, 4.6, 5.7].map((index) => {
+    const [x, y] = point(index, radius + 9);
+    return `<circle cx="${x}" cy="${y}" r="${tier === 9 ? 1.7 : 1.1}" class="dew-constellation"/>`;
+  }).join("") : ""}
+        ${[0.25, 0.5, 0.75, 1].map((scale) => `<polygon points="${polygon(radius * scale)}" class="dew-grid"/>`).join("")}
+        ${axes.map((_, index) => {
+    const [x, y] = point(index, radius);
+    return `<line x1="${cx}" y1="${cy}" x2="${x}" y2="${y}" class="dew-spoke"/>`;
+  }).join("")}
+        <polygon points="${dots.map((dot) => dot.join(",")).join(" ")}" class="dew-area"/>
+        ${attributes.map((attribute, index) => {
+    const [x, y] = dots[index], [lx, ly] = point(index, radius + 35);
+    const value = "+" + number4(attribute.value) + "%";
+    return `<circle cx="${x}" cy="${y}" r="6" class="dew-glow"/>` + (tier >= 5 ? `<polygon points="${x},${y - 3.5} ${x + 3.5},${y} ${x},${y + 3.5} ${x - 3.5},${y}" class="dew-dot"/>` : `<circle cx="${x}" cy="${y}" r="3.1" class="dew-dot"/>`) + `<text x="${lx}" y="${ly - 3}" text-anchor="middle" class="dew-axis"${attribute.name.length > 5 ? ' textLength="66" lengthAdjust="spacingAndGlyphs"' : ""}>${cardEscape(attribute.name)}</text><text x="${lx}" y="${ly + 19}" text-anchor="middle" class="dew-value" data-attribute="${attribute.id}"${value.length > 7 ? ' textLength="76" lengthAdjust="spacingAndGlyphs"' : ""}>${cardEscape(value)}</text>`;
+  }).join("")}
+    </svg>`;
+}
+__name(radar3, "radar");
+function titleCardHtml(card, artwork) {
+  const index = qualities.indexOf(card.quality);
+  const theme = themes[Math.max(0, index)], tier = index + 1;
+  const variables = ["paper-top", "paper-bottom", "frame", "gold-light", "gold-dark", "accent"].map((name2, position) => `--dew-${name2}:${theme.colors[position]}`).join(";");
+  return `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><style>${titleCardStyles}</style></head><body><main id="capture" class="title-sheet" data-quality="${cardEscape(card.quality)}" data-decoration-level="${tier}" style="${variables};--dew-paper:${theme.colors[1]}">
+        <article class="dew-card" style="--dew-card-radius:${theme.radius * 2}px;border-width:${theme.border * 2}px">
+            <span class="dew-crest" aria-hidden="true"></span>
+            ${["tl", "tr", "bl", "br"].map((position) => `<span class="dew-corner ${position}" aria-hidden="true"></span>`).join("")}
+            <header class="dew-head"><div class="dew-quality" aria-hidden="true"><i class="dew-quality-wings"></i><b>✦</b><span class="dew-quality-crown"></span></div></header>
+            <div class="dew-banner"><span class="dew-aura" aria-hidden="true"></span>${artwork ? `<img class="title-banner-artwork" src="${cardEscape(artwork)}" alt="${cardEscape(card.name)}称号">` : ""}<h1 class="title-fallback"${artwork ? " hidden" : ""}>${cardEscape(card.name)}</h1></div>
+            <div class="dew-divider" aria-hidden="true"><span></span></div><p class="dew-radar-heading">属性加成</p>
+            <div class="dew-chart-space">${radar3(card, tier)}</div>
+        </article>
+    </main></body></html>`;
+}
+__name(titleCardHtml, "titleCardHtml");
+
 // src/plugin/skillCard.ts
 var import_node_crypto = require("node:crypto");
 
 // src/plugin/cardLayout.ts
 async function layoutCard(document2 = globalThis.document) {
   await document2.fonts.ready;
+  const titleBanner = document2.querySelector(".title-banner-artwork");
+  if (titleBanner) {
+    try {
+      await titleBanner.decode();
+    } catch {
+      titleBanner.remove();
+      const fallback = document2.querySelector(".title-fallback");
+      if (fallback) fallback.hidden = false;
+    }
+  }
+  if (document2.getElementById("capture")?.classList.contains("title-sheet")) return;
   for (const icon of document2.querySelectorAll(".skill-entry-artwork,.bloodline-entry-artwork")) {
     try {
       await icon.decode();
@@ -843,12 +1057,12 @@ function equipmentCardHtml(card, artwork, unknownFallback = false) {
 __name(equipmentCardHtml, "equipmentCardHtml");
 
 // src/plugin/bloodlineCardTemplate.ts
-var finite3 = /* @__PURE__ */ __name((value) => Number.isFinite(value) ? value : 0, "finite");
-var number4 = /* @__PURE__ */ __name((value) => {
-  const display = finite3(value).toLocaleString("en-US", { useGrouping: false, maximumFractionDigits: 2 });
+var finite4 = /* @__PURE__ */ __name((value) => Number.isFinite(value) ? value : 0, "finite");
+var number5 = /* @__PURE__ */ __name((value) => {
+  const display = finite4(value).toLocaleString("en-US", { useGrouping: false, maximumFractionDigits: 2 });
   return display === "-0" ? "0" : display;
 }, "number");
-var signed = /* @__PURE__ */ __name((value) => (finite3(value) >= 0 ? "+" : "") + number4(value), "signed");
+var signed = /* @__PURE__ */ __name((value) => (finite4(value) >= 0 ? "+" : "") + number5(value), "signed");
 var primaryAttributes3 = [
   ["strength", "力量"],
   ["agility", "敏捷"],
@@ -858,10 +1072,10 @@ var primaryAttributes3 = [
   ["resistance", "抗性"]
 ];
 var classicIds = new Set(primaryAttributes3.map(([id]) => id));
-function radar3(card) {
+function radar4(card) {
   const attributes = primaryAttributes3.map(([id, name2]) => {
     const attribute = card.attributes.find((value) => value.id === id);
-    return { name: attribute?.name?.trim() || name2, value: finite3(attribute?.value ?? 0) };
+    return { name: attribute?.name?.trim() || name2, value: finite4(attribute?.value ?? 0) };
   });
   const max = Math.max(1, ...attributes.map((attribute) => Math.max(0, attribute.value)));
   const magnitude = 10 ** Math.floor(Math.log10(max));
@@ -885,9 +1099,9 @@ function radar3(card) {
     const nameFontSize = Math.max(14, Math.min(22, Math.floor(180 / attribute.name.length)));
     return `<g transform="translate(${x} ${y})"><text text-anchor="middle" y="-3" font-size="${nameFontSize}" fill="#626d57">${cardEscape(attribute.name)}</text><text text-anchor="middle" y="27" font-size="${fontSize}" font-weight="600" fill="var(--quality-ink)">${cardEscape(value)}</text></g>`;
   }).join("")}
-  </svg><p class="radar-scale">各轴同尺度 · 满刻度 ${number4(ceiling)}</p></div>`;
+  </svg><p class="radar-scale">各轴同尺度 · 满刻度 ${number5(ceiling)}</p></div>`;
 }
-__name(radar3, "radar");
+__name(radar4, "radar");
 var equipmentIcons = {
   weapon: '<path d="M8 16 18 6l2-2 4 4-2 2-10 10M7 15l10 10M7 25l5-5M5 27l2-2"/>',
   armor: '<path d="M11 5 5 9l-2 7 6 2v10h16V18l6-2-2-7-6-4c-2 5-10 5-12 0Z"/>',
@@ -920,15 +1134,15 @@ var bloodlineStyles = `
   .equipment-tile b{font-size:26px;line-height:1.35;color:var(--quality-ink);font-weight:600;overflow-wrap:anywhere}
 `;
 function bloodlineCardHtml(card, artwork) {
-  const nextExperience = finite3(card.nextExperience ?? 0);
-  const experience = Math.max(0, finite3(card.experience ?? 0));
-  const experienceHtml = card.experience === void 0 ? "" : nextExperience > 0 ? `<div class="experience-block"><div class="experience-label"><span>血统经验</span><b>${number4(experience)}<small> / ${number4(nextExperience)}</small></b></div><div class="experience-track"><i style="width:${Math.max(0, Math.min(100, experience / nextExperience * 100))}%"></i></div>${card.nextQuality ? `<div class="experience-next">下一级品质 <b>${cardEscape(card.nextQuality.replace(/\s*级$/, ""))} 级</b></div>` : ""}</div>` : `<div class="experience-block"><div class="experience-label"><span>血统经验</span><b>${number4(experience)}</b></div><div class="experience-next"><b>已达最高品质</b></div></div>`;
+  const nextExperience = finite4(card.nextExperience ?? 0);
+  const experience = Math.max(0, finite4(card.experience ?? 0));
+  const experienceHtml = card.experience === void 0 ? "" : nextExperience > 0 ? `<div class="experience-block"><div class="experience-label"><span>血统经验</span><b>${number5(experience)}<small> / ${number5(nextExperience)}</small></b></div><div class="experience-track"><i style="width:${Math.max(0, Math.min(100, experience / nextExperience * 100))}%"></i></div>${card.nextQuality ? `<div class="experience-next">下一级品质 <b>${cardEscape(card.nextQuality.replace(/\s*级$/, ""))} 级</b></div>` : ""}</div>` : `<div class="experience-block"><div class="experience-label"><span>血统经验</span><b>${number5(experience)}</b></div><div class="experience-next"><b>已达最高品质</b></div></div>`;
   const equipment = [...card.equipmentTypes].sort((a, b) => Number(/^[a-z]/i.test(a.type)) - Number(/^[a-z]/i.test(b.type)));
-  const unlocks = equipment.length ? `<div class="equipment-grid">${equipment.map((rule) => `<div class="equipment-tile">${equipmentIcon(rule.type)}<span>${cardEscape(rule.type)}</span><b>× ${number4(rule.count)}</b></div>`).join("")}</div>` : '<p class="empty-line">当前品质暂无解锁装备</p>';
+  const unlocks = equipment.length ? `<div class="equipment-grid">${equipment.map((rule) => `<div class="equipment-tile">${equipmentIcon(rule.type)}<span>${cardEscape(rule.type)}</span><b>× ${number5(rule.count)}</b></div>`).join("")}</div>` : '<p class="empty-line">当前品质暂无解锁装备</p>';
   const perLevel = card.type === "血统道具" && card.level === 1;
   const customAttributes = card.attributes.filter((attribute) => !classicIds.has(attribute.id));
   const extraAttributes = customAttributes.length ? `<div class="bloodline-custom-attributes">${customAttributes.map((attribute) => cardStatRow(attribute.name?.trim() || attribute.id, signed(attribute.value), true)).join("")}</div>` : "";
-  const body = `<div class="bloodline-facts">${cardStatRow(perLevel ? "血统战力（Lv.1）" : "血统战力", formatCombatPower(finite3(card.power)), true)}${experienceHtml}${card.count ? cardStatRow("拥有数量", card.count) : ""}${card.referencePrice ? cardStatRow("参考价格", card.referencePrice) : ""}</div>` + cardSection("血统描述", `<p class="description">${cardEscape(card.description?.trim() || "暂无血统描述")}</p>`) + cardSection("属性加成", `<p class="attribute-context">当前品质 · ${perLevel ? "每级属性加成" : "按角色 Lv." + number4(card.level) + " 计算"}</p>${radar3(card)}${extraAttributes}`) + cardSection("解锁装备", unlocks) + (card.useDescription?.trim() ? cardSection("使用说明", `<p class="description">${cardEscape(card.useDescription.trim())}</p>`) : "");
+  const body = `<div class="bloodline-facts">${cardStatRow(perLevel ? "血统战力（Lv.1）" : "血统战力", formatCombatPower(finite4(card.power)), true)}${experienceHtml}${card.count ? cardStatRow("拥有数量", card.count) : ""}${card.referencePrice ? cardStatRow("参考价格", card.referencePrice) : ""}</div>` + cardSection("血统描述", `<p class="description">${cardEscape(card.description?.trim() || "暂无血统描述")}</p>`) + cardSection("属性加成", `<p class="attribute-context">当前品质 · ${perLevel ? "每级属性加成" : "按角色 Lv." + number5(card.level) + " 计算"}</p>${radar4(card)}${extraAttributes}`) + cardSection("解锁装备", unlocks) + (card.useDescription?.trim() ? cardSection("使用说明", `<p class="description">${cardEscape(card.useDescription.trim())}</p>`) : "");
   return detailCardHtml({ name: card.name, quality: card.quality, type: card.type, artwork, artworkClass: "skill-artwork", fallbackGlyph: "血", tags: card.tags, body, sheetClass: "bloodline-sheet" }).replace("</style>", bloodlineStyles + "</style>");
 }
 __name(bloodlineCardHtml, "bloodlineCardHtml");
@@ -1132,10 +1346,10 @@ var RENDER_CACHE_TTL_MS = 10 * 60 * 1e3;
 var renderedCards = /* @__PURE__ */ new Map();
 var pendingCards = /* @__PURE__ */ new Map();
 var renderedBytes = 0;
-function renderKey(card, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, normalizeArtwork = true) {
-  const source = bloodlineCard ?? equipmentCard ?? companionCard ?? characterCard ?? itemCard ?? card;
+function renderKey(card, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard, normalizeArtwork = true) {
+  const source = titleCard ?? bloodlineCard ?? equipmentCard ?? companionCard ?? characterCard ?? itemCard ?? card;
   if (!source) return void 0;
-  const kind = bloodlineCard ? "bloodline" : equipmentCard ? "equipment" : companionCard ? "companion" : characterCard ? "character" : itemCard ? "item" : "skill";
+  const kind = titleCard ? "title" : bloodlineCard ? "bloodline" : equipmentCard ? "equipment" : companionCard ? "companion" : characterCard ? "character" : itemCard ? "item" : "skill";
   const entryCard = kind === "companion" ? companionCard : void 0;
   const entryAddress = /* @__PURE__ */ __name((address) => normalizeArtwork ? artworkIdentity(address) ?? address : address, "entryAddress");
   const data = {
@@ -1179,17 +1393,17 @@ function rememberRender(key, image2) {
   }
 }
 __name(rememberRender, "rememberRender");
-async function renderSkillCard(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard) {
+async function renderSkillCard(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard) {
   if (!ctx.puppeteer) throw new Error("Puppeteer 未启用");
-  if (JSON.stringify(bloodlineCard ?? equipmentCard ?? companionCard ?? characterCard ?? itemCard ?? card ?? leaderboard ?? {}).length > 24e3) throw new Error("卡片内容过长");
-  const key = leaderboard && !bloodlineCard && !equipmentCard && !companionCard ? void 0 : renderKey(card, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard);
-  if (!key) return (await renderUncached(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard)).image;
+  if (JSON.stringify(titleCard ?? bloodlineCard ?? equipmentCard ?? companionCard ?? characterCard ?? itemCard ?? card ?? leaderboard ?? {}).length > 24e3) throw new Error("卡片内容过长");
+  const key = leaderboard && !titleCard && !bloodlineCard && !equipmentCard && !companionCard ? void 0 : renderKey(card, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard);
+  if (!key) return (await renderUncached(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard)).image;
   const hit = cachedRender(key);
   if (hit) return hit;
-  const pendingKey = renderKey(card, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, false);
+  const pendingKey = renderKey(card, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard, false);
   const active = pendingCards.get(pendingKey);
   if (active) return active;
-  const work = renderUncached(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard).then(({ image: image2, cacheable }) => {
+  const work = renderUncached(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard).then(({ image: image2, cacheable }) => {
     if (cacheable) rememberRender(key, image2);
     return image2;
   }).finally(() => {
@@ -1199,7 +1413,7 @@ async function renderSkillCard(ctx, card, leaderboard, itemCard, characterCard,
   return work;
 }
 __name(renderSkillCard, "renderSkillCard");
-async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard) {
+async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, equipmentCard, bloodlineCard, companionCard, titleCard) {
   if (running >= 2) {
     if (waiting.length >= 16) throw new Error("绘图繁忙");
     await new Promise((resolve) => waiting.push(resolve));
@@ -1215,15 +1429,18 @@ async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, e
   }, "release");
   try {
     const work = /* @__PURE__ */ __name(async () => {
-      const entryArtworkPromise = loadCardEntryArtwork(!bloodlineCard && !equipmentCard ? companionCard : void 0);
-      const remoteAddress = bloodlineCard ? bloodlineCard.artworkUrl : equipmentCard ? equipmentCard.artworkUrl : companionCard ? companionCard.artworkUrl : characterCard ? characterCard.artworkUrl : itemCard ? itemCard.artworkUrl : leaderboard ? leaderboard.backgroundUrl : card?.artworkUrl;
-      const dedicatedArt = !bloodlineCard && equipmentCard ? await loadSkillArtwork(equipmentCard.artworkUrl) : void 0;
-      const unknownArt = !bloodlineCard && equipmentCard && !dedicatedArt ? await equipmentFallback() : void 0;
-      const art = !bloodlineCard && equipmentCard ? dedicatedArt ?? unknownArt : await loadSkillArtwork(remoteAddress);
+      const entryArtworkPromise = loadCardEntryArtwork(!titleCard && !bloodlineCard && !equipmentCard ? companionCard : void 0);
+      const remoteAddress = titleCard ? titleCard.artworkUrl : bloodlineCard ? bloodlineCard.artworkUrl : equipmentCard ? equipmentCard.artworkUrl : companionCard ? companionCard.artworkUrl : characterCard ? characterCard.artworkUrl : itemCard ? itemCard.artworkUrl : leaderboard ? leaderboard.backgroundUrl : card?.artworkUrl;
+      const dedicatedArt = !titleCard && !bloodlineCard && equipmentCard ? await loadSkillArtwork(equipmentCard.artworkUrl) : void 0;
+      const unknownArt = !titleCard && !bloodlineCard && equipmentCard && !dedicatedArt ? await equipmentFallback() : void 0;
+      const art = !titleCard && !bloodlineCard && equipmentCard ? dedicatedArt ?? unknownArt : await loadSkillArtwork(remoteAddress);
       const entryArtwork = await entryArtworkPromise;
       let html;
+      let loadedCharacterTitle;
       let localAssetsReady = true;
-      if (bloodlineCard) {
+      if (titleCard) {
+        html = titleCardHtml(titleCard, art);
+      } else if (bloodlineCard) {
         html = bloodlineCardHtml(bloodlineCard, art);
       } else if (equipmentCard) {
         localAssetsReady = Boolean(art);
@@ -1235,6 +1452,7 @@ async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, e
           characterAsset(),
           loadSkillArtwork(characterCard.titleImageUrl)
         ]);
+        loadedCharacterTitle = titleArtwork;
         localAssetsReady = Boolean(art || defaultArtwork) && (!characterCard.titleImageUrl || Boolean(titleArtwork));
         html = characterCardHtml(characterCard, art, void 0, defaultArtwork, titleArtwork, entryArtwork.icons);
       } else if (itemCard) {
@@ -1251,7 +1469,7 @@ async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, e
         page = void 0;
         throw new Error("绘图超时");
       }
-      await page.setViewport({ width: 760, height: 1107, deviceScaleFactor: (companionCard || characterCard) && !bloodlineCard && !equipmentCard ? 2 : 1 });
+      await page.setViewport({ width: 760, height: 1107, deviceScaleFactor: titleCard || (companionCard || characterCard) && !bloodlineCard && !equipmentCard ? 2 : 1 });
       await page.setJavaScriptEnabled(false);
       await page.setRequestInterception(true);
       page.on("request", (req) => {
@@ -1260,13 +1478,27 @@ async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, e
       });
       await page.setContent(html, { waitUntil: "load", timeout: 1e4 });
       await page.evaluate(layoutCard);
+      let titleDecoded = true;
+      if (titleCard && art) {
+        titleDecoded = await page.evaluate((expected) => {
+          const image2 = document.querySelector(".title-banner-artwork");
+          return Boolean(image2 && image2.naturalWidth > 0 && image2.getAttribute("src") === expected);
+        }, art);
+        if (!titleDecoded) discardSkillArtwork(titleCard.artworkUrl, art);
+      } else if (loadedCharacterTitle && characterCard) {
+        titleDecoded = await page.evaluate((expected) => {
+          const image2 = document.querySelector(".title-artwork");
+          return Boolean(image2 && image2.naturalWidth > 0 && image2.getAttribute("src") === expected && image2.getAttribute("src") !== image2.dataset.fallback);
+        }, loadedCharacterTitle);
+        if (!titleDecoded) discardSkillArtwork(characterCard.titleImageUrl, loadedCharacterTitle);
+      }
       const expectedIcons = (entryArtwork.icons.skills?.filter(Boolean).length ?? 0) + (entryArtwork.icons.bloodlines?.filter(Boolean).length ?? 0);
       const decodedEntries = expectedIcons ? await page.evaluate(() => ({
         skills: [...document.querySelectorAll(".skill-entry-artwork")].map((icon) => Number(icon.dataset.entryIndex)),
         bloodlines: [...document.querySelectorAll(".bloodline-entry-artwork")].map((icon) => Number(icon.dataset.entryIndex))
       })) : { skills: [], bloodlines: [] };
       const decodedIcons = decodedEntries.skills.length + decodedEntries.bloodlines.length;
-      const activeEntries = !bloodlineCard && !equipmentCard ? companionCard : void 0;
+      const activeEntries = !titleCard && !bloodlineCard && !equipmentCard ? companionCard : void 0;
       for (const kind of ["skills", "bloodlines"]) {
         entryArtwork.icons[kind]?.forEach((image2, index) => {
           if (image2 && !decodedEntries[kind].includes(index)) discardSkillArtwork(activeEntries?.[kind]?.[index].artworkUrl, image2);
@@ -1276,7 +1508,7 @@ async function renderUncached(ctx, card, leaderboard, itemCard, characterCard, e
       if (!target) throw new Error("卡片元素缺失");
       const bounds = await target.boundingBox();
       if (!bounds || bounds.height > 1e4) throw new Error("卡片内容过长");
-      return { image: Buffer.from(await target.screenshot({ type: "jpeg", quality: 90 })), cacheable: localAssetsReady && entryArtwork.complete && decodedIcons === expectedIcons && (!remoteAddress || Boolean(!bloodlineCard && equipmentCard ? dedicatedArt : art)) };
+      return { image: Buffer.from(await target.screenshot({ type: "jpeg", quality: 90 })), cacheable: localAssetsReady && titleDecoded && entryArtwork.complete && decodedIcons === expectedIcons && (!remoteAddress || Boolean(!titleCard && !bloodlineCard && equipmentCard ? dedicatedArt : art)) };
     }, "work");
     workPromise = work();
     return await Promise.race([workPromise, new Promise((_, reject) => {
@@ -1481,10 +1713,12 @@ function compactListLabel(value) {
   return /[📖📚]/u.test(label) ? label.replace(/技能书(?=$|×\d+(?:\.\d+)?(?:｜|$)|｜)/g, "") : label;
 }
 __name(compactListLabel, "compactListLabel");
-function renderEntryArtwork(address) {
+function renderEntryArtwork(address, layout) {
   if (!artworkIdentity(address)) return "";
   const url = new URL(address).href.replace(/[()]/g, (character) => "%" + character.charCodeAt(0).toString(16).toUpperCase());
-  return `![图标 #24px #24px](${url}) `;
+  return layout === "title" ? `![称号 #480px #147px](${url})
+
+` : `![图标 #24px #24px](${url}) `;
 }
 __name(renderEntryArtwork, "renderEntryArtwork");
 function inlineCommandUrl(command) {
@@ -1505,7 +1739,7 @@ function inlineCommandSpans(content) {
     } else if (content[index] === "]" && depth > 0 && --depth === 0) {
       const label = content.slice(labelStart, index).replace(/\\$/, "");
       if (!label.trim() || /[\[\]\r\n]/.test(label) || /^\d+$/.test(label.trim())) continue;
-      const command = label.split(/[+＋]/, 1)[0].trim();
+      const command = label.split(/[+＋]/, 1)[0].trim().replace(/^🔄\s*/u, "");
       if (command) spans.push({ start, end: index + 1, label, command });
     }
   }
@@ -1613,7 +1847,7 @@ __name(renderInventoryFilters, "renderInventoryFilters");
 function renderQQInventoryMarkdown(data, showGreeting) {
   const nav = data.pageNav;
   const entryCommands = new Map(nav.entries?.map((entry) => [entry.lineIndex, entry.viewCommand]) ?? []);
-  const entryArtwork = new Map(nav.entries?.map((entry) => [entry.lineIndex, renderEntryArtwork(entry.artworkUrl)]) ?? []);
+  const entryArtwork = new Map(nav.entries?.map((entry) => [entry.lineIndex, renderEntryArtwork(entry.artworkUrl, entry.artworkLayout)]) ?? []);
   const sections = [];
   const items = [];
   const flushItems = /* @__PURE__ */ __name(() => {
@@ -1658,7 +1892,8 @@ function renderQQPageMarkdown(data, showGreeting) {
     row.push(entry);
     labeledEntries.set(entry.lineIndex, row);
   }
-  const entryArtwork = new Map(nav?.entries?.map((entry) => [entry.lineIndex, renderEntryArtwork(entry.artworkUrl)]) ?? []);
+  const entryArtwork = new Map(nav?.entries?.map((entry) => [entry.lineIndex, renderEntryArtwork(entry.artworkUrl, entry.artworkLayout)]) ?? []);
+  const titleArtworkLines = new Set(nav?.entries?.filter((entry) => entry.artworkLayout === "title" && artworkIdentity(entry.artworkUrl)).map((entry) => entry.lineIndex) ?? []);
   const listPattern = /^\[(\d+)\]\s*([^\r\n]+)$/;
   const pagePattern = /^第\s*\d+\s*\/\s*\d+\s*页(?:\s*[｜|]\s*共\s*(\d+)\s*([项条]))?$/;
   const title = data.line.find((item) => item.type === 0 /* title */);
@@ -1698,7 +1933,7 @@ function renderQQPageMarkdown(data, showGreeting) {
         if (labeledRow) {
           flushList();
           flushRewards();
-          bodyLines.push(labeledRow.map((entry) => renderEntryArtwork(entry.artworkUrl) + `[${escapeMarkdown(entry.label)}](${inlineCommandUrl(entry.viewCommand)})` + (entry.description ? " " + escapeMarkdown(entry.description) : "")).join(" ｜ "));
+          bodyLines.push(labeledRow.map((entry) => renderEntryArtwork(entry.artworkUrl, entry.artworkLayout) + `[${escapeMarkdown(entry.label)}](${inlineCommandUrl(entry.viewCommand)})` + (entry.description ? " " + escapeMarkdown(entry.description) : "")).join(""));
           break;
         }
         if (item.reward) {
@@ -1713,9 +1948,9 @@ function renderQQPageMarkdown(data, showGreeting) {
         if (listEntry) {
           flushBody();
           const command2 = entryCommands.get(lineIndex);
-          const content = compactListLabel(listEntry[2]);
-          const label = escapeMarkdown(content);
-          const name2 = command2 ? `[${label}](${inlineCommandUrl(command2)})` : renderInlineCommands(content);
+          const content2 = compactListLabel(listEntry[2]);
+          const label = escapeMarkdown(content2);
+          const name2 = command2 ? `[${label}](${inlineCommandUrl(command2)})` : renderInlineCommands(content2);
           listLines.push(`${listEntry[1]}. ${entryArtwork.get(lineIndex) ?? ""}${name2}`);
           break;
         }
@@ -1737,7 +1972,11 @@ function renderQQPageMarkdown(data, showGreeting) {
           break;
         }
         const command = entryCommands.get(lineIndex);
-        bodyLines.push(command ? (entryArtwork.get(lineIndex) ?? "") + `[${escapeMarkdown(compactListLabel(item.content))}](${inlineCommandUrl(command)})` : renderInlineCommands(item.content));
+        const content = command ? (entryArtwork.get(lineIndex) ?? "") + `[${escapeMarkdown(compactListLabel(item.content))}](${inlineCommandUrl(command)})` : renderInlineCommands(item.content);
+        if (command && titleArtworkLines.has(lineIndex)) {
+          flushBody();
+          sections.push(content);
+        } else bodyLines.push(content);
         break;
       }
       case 2 /* error */:
@@ -1814,7 +2053,7 @@ var AnalysisMsg = class {
           break;
         case 1 /* line */:
           const labeledRow = labeledEntries.get(lineIndex);
-          const content = labeledRow ? labeledRow.map((entry) => entry.label + (entry.description ? " · " + entry.description : "") + ` [${entry.viewCommand}]`).join(" ｜ ") : withCommandHint(item.content, commands.get(lineIndex));
+          const content = labeledRow ? labeledRow.map((entry) => entry.label + (entry.description ? " · " + entry.description : "") + ` [${entry.viewCommand}]`).join("") : withCommandHint(item.content, commands.get(lineIndex));
           msg += `${content}
 `;
           break;
@@ -1897,12 +2136,15 @@ __name(renderQQCommandMarkdown, "renderQQCommandMarkdown");
 // src/plugin/serverHandel/qqTransactionMessage.ts
 function renderQQTransactionMarkdown(data, showGreeting) {
   const rewardMessage = isRewardMessage(data);
+  const shortageMessage = data.transaction === true && data.line.some((item) => item.type === 0 /* title */ && item.content === "❌材料不足");
   const sections = [];
   const bodyLines = [];
   const actions = [];
   const rewardLines = [];
+  let quotingItems = false;
   const flushBody = /* @__PURE__ */ __name(() => {
     if (bodyLines.length) sections.push(bodyLines.splice(0).join("  \n"));
+    quotingItems = false;
   }, "flushBody");
   const flushActions = /* @__PURE__ */ __name(() => {
     if (actions.length) sections.push(actions.splice(0).join(" · "));
@@ -1915,11 +2157,12 @@ function renderQQTransactionMarkdown(data, showGreeting) {
     flushActions();
     flushRewards();
   }, "flush");
-  if (showGreeting && !data.reward) sections.push(escapeMarkdown("Ciallo～(∠・ω< )"));
+  if (showGreeting && !data.reward && !shortageMessage) sections.push(escapeMarkdown("Ciallo～(∠・ω< )"));
   for (const item of data.line) {
     if (item.type === 0 /* title */) {
       flush();
-      if (rewardMessage) bodyLines.push(renderRewardTitle(item.content));
+      if (shortageMessage) sections.push(renderRewardTitle(item.content));
+      else if (rewardMessage) bodyLines.push(renderRewardTitle(item.content));
       else sections.push(renderQQTitle(item.content));
       continue;
     }
@@ -1929,6 +2172,10 @@ function renderQQTransactionMarkdown(data, showGreeting) {
       continue;
     }
     if (item.type !== 1 /* line */) continue;
+    if (shortageMessage && (item.content === "【还缺】" || item.content === "本次未扣除任何道具")) {
+      flushBody();
+      continue;
+    }
     if (item.reward) {
       flushBody();
       flushActions();
@@ -1949,11 +2196,18 @@ function renderQQTransactionMarkdown(data, showGreeting) {
       continue;
     }
     const section = /^┄━═(.+)═━┄$/.exec(item.content);
+    if (section?.[1] === "💰交易记录") {
+      flushBody();
+      continue;
+    }
     if (section || item.content === "【还缺】") {
       flushBody();
       sections.push(`**${escapeMarkdown(section?.[1] ?? "还缺")}**`);
     } else {
-      bodyLines.push(renderInlineCommands(item.content));
+      const quotedItem = data.transaction === true && (/^.+ -\d+(?:\.\d+)?(?:（拥有\d+(?:\.\d+)?）)?$/.test(item.content) || shortageMessage && /^.+ ×\d+(?:\.\d+)?（拥有\d+(?:\.\d+)?／需要\d+(?:\.\d+)?）$/.test(item.content));
+      if (quotedItem !== quotingItems) flushBody();
+      quotingItems = quotedItem;
+      bodyLines.push(`${quotedItem ? "> " : ""}${renderInlineCommands(item.content)}`);
     }
   }
   flush();
@@ -2075,6 +2329,30 @@ ${commands.join("\n")}` : content);
   }
 };
 
+// src/plugin/serverHandel/titleCardMessage.ts
+function titleCardFollowup(data) {
+  const card = data.titleCard;
+  if (!card) return void 0;
+  const detail = `${card.quality} · ${card.name}`;
+  const lines = data.line.flatMap((item) => {
+    if (item.type === 0 /* title */) return [];
+    return item.content.replace(/\r\n?/g, "\n").split("\n").flatMap((line) => {
+      const content = line.trim();
+      if (!content || content === card.name || content === detail) return [];
+      const bonus = /^(.*?)\s+\+[\d.,]+%$/u.exec(content);
+      if (bonus && card.attributes.some((attribute) => {
+        if (!bonus[1].endsWith(attribute.name)) return false;
+        const prefix = bonus[1].slice(0, -attribute.name.length);
+        return !/[\p{L}\p{N}]/u.test(prefix);
+      })) return [];
+      return [item.type === 2 /* error */ ? `❌ ${content}` : content];
+    });
+  });
+  if (!lines.length) return void 0;
+  return { text: lines.join("\n"), markdown: lines.map(renderInlineCommands).join("  \n") };
+}
+__name(titleCardFollowup, "titleCardFollowup");
+
 // src/plugin/serverHandel/image.ts
 var ImageHandler = class extends handel_base {
   static {
@@ -2085,8 +2363,8 @@ var ImageHandler = class extends handel_base {
     let rendered = false;
     const renderStartedAt = this.timing ? performance.now() : 0;
     try {
-      if (!data.companionCard && !data.characterCard && !data.itemCard && !data.card && !data.leaderboard && !data.equipmentCard && !data.bloodlineCard) throw new Error("缺少卡片数据");
-      const image2 = await renderSkillCard(this.ctx, data.card, data.leaderboard, data.itemCard, data.characterCard, data.equipmentCard, data.bloodlineCard, data.companionCard);
+      if (!data.titleCard && !data.companionCard && !data.characterCard && !data.itemCard && !data.card && !data.leaderboard && !data.equipmentCard && !data.bloodlineCard) throw new Error("缺少卡片数据");
+      const image2 = await renderSkillCard(this.ctx, data.card, data.leaderboard, data.itemCard, data.characterCard, data.equipmentCard, data.bloodlineCard, data.companionCard, data.titleCard);
       if (this.timing) this.timing.imageBytes = image2.length;
       content = import_koishi.h.image(image2, "image/jpeg").toString();
       rendered = true;
@@ -2103,7 +2381,25 @@ var ImageHandler = class extends handel_base {
       await fallback.start(data);
       return;
     }
+    const sendStartedAt = this.timing ? performance.now() : 0;
     await this.send(data, content, "image");
+    const followup = titleCardFollowup(data);
+    if (!followup) return;
+    const session = sessions_default.get(sessionKey(data.botId, data.userId, data.channelId));
+    let sentMarkdown = false;
+    if (canSendQQPage(session, data)) {
+      try {
+        await sendQQMarkdown(session, followup.markdown);
+        sentMarkdown = true;
+      } catch (error) {
+        this.ctx.logger.warn("称号操作 Markdown 发送失败，改用普通文字", error instanceof Error ? error.message : error);
+      }
+    }
+    if (!sentMarkdown) await this.send({ ...data, notification: true }, followup.text);
+    if (this.timing) {
+      if (this.timing.delivery !== "missing-session") this.timing.delivery = "image";
+      this.timing.sendMs = performance.now() - sendStartedAt;
+    }
   }
 };
 
@@ -2171,7 +2467,7 @@ var import_tsrpc = require("tsrpc");
 
 // src/shared/bot/serviceProto.ts
 var serviceProto = {
-  "version": 31,
+  "version": 35,
   "services": [
     {
       "id": 0,
@@ -2382,6 +2678,15 @@ var serviceProto = {
             "target": "messageFace/CompanionCardData"
           },
           "optional": true
+        },
+        {
+          "id": 16,
+          "name": "titleCard",
+          "type": {
+            "type": "Reference",
+            "target": "messageFace/TitleCardData"
+          },
+          "optional": true
         }
       ]
     },
@@ -3465,6 +3770,14 @@ var serviceProto = {
                     "type": "String"
                   },
                   "optional": true
+                },
+                {
+                  "id": 5,
+                  "name": "artworkLayout",
+                  "type": {
+                    "type": "String"
+                  },
+                  "optional": true
                 }
               ]
             }
@@ -3903,6 +4216,73 @@ var serviceProto = {
         }
       ]
     },
+    "messageFace/TitleCardData": {
+      "type": "Interface",
+      "properties": [
+        {
+          "id": 0,
+          "name": "name",
+          "type": {
+            "type": "String"
+          }
+        },
+        {
+          "id": 1,
+          "name": "quality",
+          "type": {
+            "type": "String"
+          }
+        },
+        {
+          "id": 2,
+          "name": "artworkUrl",
+          "type": {
+            "type": "String"
+          },
+          "optional": true
+        },
+        {
+          "id": 3,
+          "name": "attributeLimit",
+          "type": {
+            "type": "Number"
+          }
+        },
+        {
+          "id": 4,
+          "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"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      ]
+    },
     "PtlMessage/ReqMessage": {
       "type": "Interface",
       "extends": [