koishi-plugin-vsinger-gacha 1.3.0 → 1.4.1

package/README.md

@@ -62,7 +62,10 @@ npm i @napi-rs/canvas
 - 想一次性缓存全部：`npm run fetch-assets -- --dir data/vsinger-gacha/cards`
 - 要动态卡 mp4（1.1GB）：下载 Release 的 `assets-videos.tar` 解压到 `cards/`
 
-## 统一渲染系统
+## 统一渲染系统（浅色玻璃手账风）
+
+所有图片统一走 `lib/render/`：插画背景（`assets/wallpapers/`）+ 白色玻璃面板 + 蓝色强调 + 档位描边卡牌。
+把喜欢的插画丢进 `assets/wallpapers/` 即可随机当背景；留空则用纯浅色底。
 
 所有图片（抽卡结果、图鉴、以后新增的图）都走同一套设计令牌与组件：
 

package/lib/handbook.js

@@ -10,6 +10,9 @@ const path = require('node:path');
 
 const FONT_FILE = require('node:path').join(__dirname, '..', 'assets', 'font.ttf');
 const kit = require('./render/kit');
+const theme = require('./render/theme');
+const COLOR = theme.COLOR;
+const ctx_fs = require('node:fs');
 
 let Canvas = null;
 /** 按需加载画布（没装也不影响抽卡/积分） */
@@ -37,7 +40,7 @@ const TH = 200;
 const LABEL_H = 62;
 const GAP = 12;
 const PAD = 24;
-const HEAD = 100;
+const HEAD = 128;
 const POOL_TITLE_H = 34;
 const SERIES_H = 44;
 const COLS_PER_COL = 8;
@@ -106,7 +109,7 @@ async function ensureThumbs(game) {
   return dir;
 }
 
-async function render({ game, store, uid, displayName, outDir, tagsDir, thumbsDir }) {
+async function render({ game, store, uid, displayName, outDir, tagsDir, thumbsDir, wallpaperDir }) {
   const Canvas = getCanvas();
 
   // ★ 优先用包内自带缩略图（assets/thumbs，423 张约 4.7MB），缺失才现场生成
@@ -131,12 +134,17 @@ async function render({ game, store, uid, displayName, outDir, tagsDir, thumbsDi
 
   // 每池一块（顺序填充）
   const blocks = [];
+  let _lastAct = null;
   for (const [act, pm] of seriesMap) {
     for (const [pool, arr] of pm) {
       arr.sort((a, b) => Number(b.v.rate_pct || 0) - Number(a.v.rate_pct || 0));
       const rows = Math.max(1, Math.ceil(arr.length / COLS_PER_COL));
       const got = arr.filter((c) => (owned[c.h] || 0) > 0).length;
-      blocks.push({ act, pool, arr, got, h: POOL_TITLE_H + rows * ROWH + 12 });
+      const isNewSeries = act !== _lastAct;
+      // ★ 2026-11-05：系列头也要占高度，否则下一块会压到上一块的卡片上
+      const h = POOL_TITLE_H + rows * ROWH + 12 + (isNewSeries ? SERIES_H : 0);
+      blocks.push({ act, pool, arr, got, series: isNewSeries, h });
+      _lastAct = act;
     }
   }
   const totalH = blocks.reduce((a, b) => a + b.h, 0);
@@ -200,28 +208,26 @@ async function render({ game, store, uid, displayName, outDir, tagsDir, thumbsDi
     const canvas = Canvas.createCanvas(W, H);
     const g = canvas.getContext('2d');
 
-    // 背景：液态玻璃（渐变 + 光晕 + 噪点）
-    const bg = g.createLinearGradient(0, 0, W, H);
-    bg.addColorStop(0, '#101a2e');
-    bg.addColorStop(0.45, '#16304f');
-    bg.addColorStop(1, '#0e1626');
-    g.fillStyle = bg;
-    g.fillRect(0, 0, W, H);
-    const glow = g.createRadialGradient(W * 0.2, H * 0.1, 10, W * 0.2, H * 0.1, Math.max(W, H) * 0.8);
-    glow.addColorStop(0, 'rgba(120,180,255,0.35)');
-    glow.addColorStop(1, 'rgba(120,180,255,0)');
-    g.fillStyle = glow;
-    g.fillRect(0, 0, W, H);
+    // 背景：插画 + 白蒙层（统一渲染系统）
+    const wall = wallpaperDir ? (() => {
+      try {
+        const list = ctx_fs.readdirSync(wallpaperDir).filter((f) => /\.(jpe?g|png|webp)$/i.test(f));
+        return list.length ? require('node:path').join(wallpaperDir, list[Math.floor(Math.random() * list.length)]) : null;
+      } catch { return null; }
+    })() : null;
+    await kit.background(g, Canvas, W, H, wall);
 
-    // 标题
-    g.fillStyle = '#ffffff';
-    g.font = 'bold 44px VSingerSans, sans-serif';
-    g.fillText('VSinger 收藏集 · 我的图鉴', PAD, 56);
+    // 标题（统一组件）
     const gotN = Object.keys(owned).length;
     const dupN = Object.values(owned).reduce((a, b) => a + Math.max(0, b - 1), 0);
-    g.font = '22px VSingerSans, sans-serif';
-    g.fillStyle = 'rgba(235,240,250,0.85)';
-    g.fillText(`${displayName}　已收集 ${gotN}/${game.cards.length}　重复 ${dupN} 张`, PAD, 88);
+    kit.header(g, {
+      x: PAD, y: 34, W: W - PAD * 2,
+      title: 'VSinger 收藏集 · 我的图鉴',
+      subtitle: `${displayName}　已收集 ${gotN}/${game.cards.length}　重复 ${dupN} 张`,
+      badge: `${gotN}/${game.cards.length}`,
+      badgeSub: '收集进度',
+      progress: game.cards.length ? gotN / game.cards.length : 0,
+    });
 
     for (let ci = 0; ci < part.length; ci++) {
       const grp = part[ci];
@@ -230,20 +236,24 @@ async function render({ game, store, uid, displayName, outDir, tagsDir, thumbsDi
       let prevAct = null;
       for (const blk of grp) {
         if (blk.act !== prevAct) {
-          g.fillStyle = SERIES_COLOR[blk.act] || '#3c5a96';
-          g.fillRect(x0, y, COLW, SERIES_H - 8);
-          g.fillStyle = '#fff';
-          g.font = 'bold 22px VSingerSans, sans-serif';
-          g.fillText(blk.act, x0 + 12, y + 32);
+          kit.panel(g, x0, y, COLW, SERIES_H - 8, { radius: 14, fill: 'rgba(255,255,255,0.88)' });
+          g.fillStyle = COLOR.accent;
+          kit.roundRect(g, x0 + 12, y + 12, 5, SERIES_H - 32, 3);
+          g.fill();
+          g.fillStyle = COLOR.text;
+          g.font = 'bold 21px VSingerSans, sans-serif';
+          g.fillText(blk.act, x0 + 26, y + 22);
           y += SERIES_H;
           prevAct = blk.act;
         }
         // 池标题（玻璃条）
-        g.fillStyle = 'rgba(8,14,30,0.85)';
-        g.fillRect(x0, y, COLW, POOL_TITLE_H - 10);
-        g.fillStyle = '#ffd682';
-        g.font = 'bold 22px VSingerSans, sans-serif';
-        g.fillText(`${blk.pool}   ${blk.got}/${blk.arr.length}`, x0 + 8, y + 24);
+        kit.panel(g, x0, y, COLW, POOL_TITLE_H - 10, { radius: 12, fill: 'rgba(255,255,255,0.78)' });
+        g.fillStyle = COLOR.accent;
+        g.font = 'bold 21px VSingerSans, sans-serif';
+        g.fillText(`${blk.pool}`, x0 + 12, y + 12);
+        g.fillStyle = COLOR.textSub;
+        g.font = '18px VSingerSans, sans-serif';
+        g.fillText(`${blk.got}/${blk.arr.length}`, x0 + COLW - 82, y + 14);
 
         for (let i = 0; i < blk.arr.length; i++) {
           const c = blk.arr[i];

package/lib/index.js

@@ -368,6 +368,11 @@ function apply(ctx, config) {
               title,
               outDir: path.join(dataDir, 'out'),
               tagsDir,
+              wallpaperDir: config.wallpaperDir
+                ? config.wallpaperDir
+                : path.join(__dirname, '..', 'assets', 'wallpapers'),
+              badge: String(Math.round(Number(store.pu(uid).points || 0))),
+              badgeSub: '当前积分',
               thumbsDir: path.join(assetsDir, 'thumbs'),
             });
             await session.send(fileEl(out, 'image/jpeg', config.imageMode));

package/lib/render/kit.js

@@ -1,12 +1,13 @@
 'use strict';
-/** 渲染基础组件：背景 / 面板 / 卡片 / 角标 / 标题 / 文本 */
+/** 渲染基础组件：浅色玻璃拟态 */
+const path = require('node:path');
+const fs = require('node:fs');
 const { FONT, COLOR, TIER, RADIUS, SPACE, FONT_SIZE, tierOf } = require('./theme');
 
 function roundRect(g, x, y, w, h, r) {
   g.beginPath();
-  if (g.roundRect) {
-    g.roundRect(x, y, w, h, r);
-  } else {
+  if (g.roundRect) g.roundRect(x, y, w, h, r);
+  else {
     g.moveTo(x + r, y);
     g.arcTo(x + w, y, x + w, y + h, r);
     g.arcTo(x + w, y + h, x, y + h, r);
@@ -17,53 +18,113 @@ function roundRect(g, x, y, w, h, r) {
   return g;
 }
 
-/** 背景：深蓝渐变 + 顶部柔光 + 底部压暗 */
-function background(g, W, H) {
-  const bg = g.createLinearGradient(0, 0, W * 0.6, H);
-  bg.addColorStop(0, COLOR.bg2);
-  bg.addColorStop(0.55, COLOR.bg1);
-  bg.addColorStop(1, COLOR.bg0);
-  g.fillStyle = bg;
+/** 背景：插画铺满 + 模糊 + 白色蒙层 */
+async function background(g, Canvas, W, H, wallpaper) {
+  g.fillStyle = '#eef3fa';
   g.fillRect(0, 0, W, H);
 
-  const glow = g.createRadialGradient(W * 0.25, 0, 10, W * 0.25, 0, Math.max(W, H) * 0.75);
-  glow.addColorStop(0, COLOR.glow);
-  glow.addColorStop(1, 'rgba(120,180,255,0)');
-  g.fillStyle = glow;
+  if (wallpaper && fs.existsSync(wallpaper)) {
+    try {
+      const img = await Canvas.loadImage(wallpaper);
+      // 先用小尺寸绘制再放大 → 廉价模糊
+      const SW = Math.max(24, Math.round(W / 18));
+      const SH = Math.round(SW * (H / W));
+      const small = Canvas.createCanvas(SW, SH);
+      const sg = small.getContext('2d');
+      sg.drawImage(img, 0, 0, SW, SH);
+      g.save();
+      g.globalAlpha = 0.72;
+      g.drawImage(small, 0, 0, W, H);
+      g.restore();
+    } catch { /* 忽略 */ }
+  }
+
+  // 白色蒙层（左上更亮，保证文字清晰）
+  const grad = g.createLinearGradient(0, 0, W, H);
+  grad.addColorStop(0, 'rgba(255,255,255,0.82)');
+  grad.addColorStop(0.55, 'rgba(255,255,255,0.68)');
+  grad.addColorStop(1, 'rgba(235,244,255,0.78)');
+  g.fillStyle = grad;
   g.fillRect(0, 0, W, H);
 }
 
-/** 毛玻璃面板 */
+/** 白玻璃面板 */
 function panel(g, x, y, w, h, opts = {}) {
   const r = opts.radius == null ? RADIUS.lg : opts.radius;
   g.save();
+  g.shadowColor = COLOR.shadow;
+  g.shadowBlur = 18;
+  g.shadowOffsetY = 4;
   roundRect(g, x, y, w, h, r);
   g.fillStyle = opts.fill || COLOR.panel;
   g.fill();
+  g.restore();
+  g.save();
+  roundRect(g, x, y, w, h, r);
   g.strokeStyle = opts.stroke || COLOR.panelBorder;
-  g.lineWidth = opts.lineWidth || 1;
+  g.lineWidth = 1.5;
   g.stroke();
   g.restore();
 }
 
-/** 标题区：主标题 + 副标题 + 强调短线 */
-function header(g, x, y, W, title, subtitle) {
-  g.textBaseline = 'top';
+/**
+ * 头部（仿手账卡）：图标 + 标题 + 副标题 + 右侧数字徽章 + 进度条
+ */
+function header(g, o) {
+  const x = o.x;
+  const y = o.y;
+  const W = o.W;
+
+  // 圆形图标
+  const R = 24;
+  const cx = x + R;
+  const cy = y + R;
+  g.save();
+  g.beginPath();
+  g.arc(cx, cy, R, 0, Math.PI * 2);
   g.fillStyle = COLOR.accent;
-  roundRect(g, x, y + 4, 6, 34, 3);
   g.fill();
+  g.fillStyle = '#fff';
+  g.font = `bold 26px ${FONT}`;
+  g.textAlign = 'center';
+  g.textBaseline = 'middle';
+  g.fillText('♪', cx, cy + 1);
+  g.textAlign = 'left';
+  g.restore();
 
+  g.textBaseline = 'top';
   g.fillStyle = COLOR.text;
   g.font = `bold ${FONT_SIZE.h1}px ${FONT}`;
-  const maxW = W - 40;
-  let t = String(title || '');
-  while (t.length > 2 && g.measureText(t).width > maxW) t = t.slice(0, -1);
-  g.fillText(t.length < String(title).length ? t.slice(0, -1) + '…' : t, x + 16, y);
+  g.fillText(fit(g, o.title, `bold ${FONT_SIZE.h1}px ${FONT}`, W - 260), x + R * 2 + 14, y);
 
-  if (subtitle) {
+  if (o.subtitle) {
     g.fillStyle = COLOR.textSub;
     g.font = `${FONT_SIZE.body}px ${FONT}`;
-    g.fillText(String(subtitle), x + 16, y + 42);
+    g.fillText(o.subtitle, x + R * 2 + 14, y + 40);
+  }
+
+  // 右侧徽章
+  if (o.badge != null) {
+    const bw = 118;
+    const bh = 58;
+    const bx = x + W - bw;
+    panel(g, bx, y - 4, bw, bh, { radius: RADIUS.md, fill: 'rgba(255,255,255,0.95)' });
+    g.fillStyle = COLOR.accent;
+    g.font = `bold 26px ${FONT}`;
+    g.fillText(String(o.badge), bx + 14, y + 6);
+    g.fillStyle = COLOR.textSub;
+    g.font = `12px ${FONT}`;
+    g.fillText(String(o.badgeSub || ''), bx + 14, y + 36);
+    // 进度条
+    const pct = Math.max(0, Math.min(1, Number(o.progress || 0)));
+    g.fillStyle = 'rgba(74,144,217,0.15)';
+    roundRect(g, bx + 10, y + bh - 6, bw - 20, 5, 3);
+    g.fill();
+    if (pct > 0) {
+      g.fillStyle = COLOR.accent;
+      roundRect(g, bx + 10, y + bh - 6, Math.max(4, (bw - 20) * pct), 5, 3);
+      g.fill();
+    }
   }
 }
 
@@ -77,10 +138,7 @@ function fit(g, text, font, maxW) {
   return t + '…';
 }
 
-/**
- * 卡牌组件（图鉴 / 结果图共用）
- * @param {object} o {img, name, rate, tier, laser, count, x, y, w, h, owned}
- */
+/** 卡牌组件 */
 async function card(g, Canvas, o) {
   const w = o.w || 170;
   const h = o.h || Math.round(w * 1.43);
@@ -88,44 +146,38 @@ async function card(g, Canvas, o) {
   const tier = o.tier == null ? tierOf({ card_scarcity: o.scarcity }) : o.tier;
   const tc = (TIER[tier] || TIER[10]).color;
 
-  // 底 + 图
   g.save();
   roundRect(g, o.x, o.y, w, h, r);
   g.clip();
   g.fillStyle = COLOR.cardBg;
   g.fillRect(o.x, o.y, w, h);
   if (o.img) {
-    try {
-      g.drawImage(o.img, o.x, o.y, w, h);
-    } catch { /* 忽略 */ }
+    try { g.drawImage(o.img, o.x, o.y, w, h); } catch { /* 忽略 */ }
   }
   if (o.owned === false) {
-    g.fillStyle = 'rgba(0,0,0,0.42)';
+    g.fillStyle = 'rgba(255,255,255,0.38)';
     g.fillRect(o.x, o.y, w, h);
   }
   g.restore();
 
-  // 边框（档位色 + 拥有加粗）
   g.save();
   roundRect(g, o.x + 1, o.y + 1, w - 2, h - 2, r - 1);
-  g.strokeStyle = o.owned === false ? 'rgba(160,166,180,0.55)' : tc;
+  g.strokeStyle = o.owned === false ? 'rgba(150,165,185,0.45)' : tc;
   g.lineWidth = o.owned === false ? 1.5 : 2.5;
   g.stroke();
   g.restore();
 
-  // 档位角标
-  const tagFile = o.tagsDir ? require('node:path').join(o.tagsDir, (TIER[tier] || {}).tag || '') : '';
-  if ((TIER[tier] || {}).tag && o.tagsDir && require('node:fs').existsSync(tagFile)) {
+  const tagFile = o.tagsDir ? path.join(o.tagsDir, (TIER[tier] || {}).tag || '') : '';
+  if ((TIER[tier] || {}).tag && o.tagsDir && fs.existsSync(tagFile)) {
     try {
       const ti = await Canvas.loadImage(tagFile);
       const tw = w * 0.46;
       g.drawImage(ti, o.x + 4, o.y + 4, tw, (ti.height / ti.width) * tw);
     } catch { /* 忽略 */ }
   }
-  // 镭射标
   if (o.laser && o.tagsDir) {
-    const holo = require('node:path').join(o.tagsDir, 'tag_holo.png');
-    if (require('node:fs').existsSync(holo)) {
+    const holo = path.join(o.tagsDir, 'tag_holo.png');
+    if (fs.existsSync(holo)) {
       try {
         const hi = await Canvas.loadImage(holo);
         const hw = w * 0.36;
@@ -134,9 +186,8 @@ async function card(g, Canvas, o) {
       } catch { /* 忽略 */ }
     }
   }
-  // 重复次数
   if (o.count > 1) {
-    g.fillStyle = 'rgba(0,0,0,0.72)';
+    g.fillStyle = 'rgba(31,42,58,0.82)';
     roundRect(g, o.x + w - 46, o.y + 6, 40, 22, 8);
     g.fill();
     g.fillStyle = '#8cffaa';
@@ -144,7 +195,6 @@ async function card(g, Canvas, o) {
     g.fillText(`×${o.count}`, o.x + w - 40, o.y + 9);
   }
 
-  // 名称 / 档位概率
   g.fillStyle = o.owned === false ? COLOR.textDim : COLOR.text;
   g.font = `bold ${o.nameSize || FONT_SIZE.h3}px ${FONT}`;
   g.fillText(fit(g, o.name, `bold ${o.nameSize || FONT_SIZE.h3}px ${FONT}`, w), o.x, o.y + h + 8);

package/lib/render/result.js

@@ -1,20 +1,18 @@
 'use strict';
-/** 抽卡结果布局（统一渲染系统） */
+/** 抽卡结果布局：浅色玻璃手账风 */
 const path = require('node:path');
 const fs = require('node:fs');
 const theme = require('./theme');
 const kit = require('./kit');
 
-/**
- * @param {object} o
- * @param {object} o.Canvas @napi-rs/canvas
- * @param {Array}  o.results [{hash|h, card, laser}]
- * @param {string} o.title
- * @param {string} o.outDir
- * @param {string} o.tagsDir
- * @param {string} o.thumbsDir
- * @param {number} [o.thumbW]
- */
+function pickWallpaper(dir) {
+  try {
+    const files = fs.readdirSync(dir).filter((f) => /\.(jpe?g|png|webp)$/i.test(f));
+    if (!files.length) return null;
+    return path.join(dir, files[Math.floor(Math.random() * files.length)]);
+  } catch { return null; }
+}
+
 async function render(o) {
   const { Canvas, tagsDir, thumbsDir, outDir } = o;
   const results = o.results || [];
@@ -26,18 +24,38 @@ async function render(o) {
   const label = theme.CARD.label;
   const gap = theme.CARD.gap;
   const pad = theme.SPACE.xl;
-  const head = 120;
+  const head = 132;
+  const panelPad = 20;
 
-  const W = Math.max(560, pad * 2 + perRow * cw + (perRow - 1) * gap);
-  const H = head + rows * (ch + label + gap) + pad;
+  const W = Math.max(640, pad * 2 + panelPad * 2 + perRow * cw + (perRow - 1) * gap);
+  const H = head + rows * (ch + label + gap) + panelPad * 2 + pad;
 
   const canvas = Canvas.createCanvas(W, H);
   const g = canvas.getContext('2d');
-  kit.background(g, W, H);
-  kit.header(g, pad - 16, 30, W, o.title, `共 ${n} 张 ｜ 抽卡结果`);
+
+  const wall = o.wallpaperDir ? pickWallpaper(o.wallpaperDir) : null;
+  await kit.background(g, Canvas, W, H, wall);
+
+  kit.header(g, {
+    x: pad,
+    y: 28,
+    W: W - pad * 2,
+    title: o.title,
+    subtitle: `共 ${n} 张 ｜ 抽卡结果`,
+    badge: o.badge != null ? o.badge : '',
+    badgeSub: o.badgeSub || '',
+    progress: o.progress || 0,
+  });
+
+  // 白色玻璃大面板
+  const px = pad;
+  const py = head - 12;
+  const pw = W - pad * 2;
+  const ph = rows * (ch + label + gap) + panelPad * 2 - gap;
+  kit.panel(g, px, py, pw, ph, { radius: theme.RADIUS.xl, fill: 'rgba(255,255,255,0.72)' });
 
   const rowW = perRow * cw + (perRow - 1) * gap;
-  const x0 = Math.round((W - rowW) / 2);
+  const x0 = px + Math.round((pw - rowW) / 2);
 
   for (let i = 0; i < results.length; i++) {
     const r = results[i];
@@ -45,7 +63,7 @@ async function render(o) {
     const col = i % perRow;
     const row = Math.floor(i / perRow);
     const x = x0 + col * (cw + gap);
-    const y = head + row * (ch + label + gap);
+    const y = py + panelPad + row * (ch + label + gap);
 
     let img = null;
     const f = hash ? path.join(thumbsDir, hash + '.jpg') : '';
@@ -61,12 +79,12 @@ async function render(o) {
       laser: Boolean(r.laser),
       tagsDir,
       owned: true,
-      nameSize: cw >= 260 ? 22 : 18,
-      metaSize: cw >= 260 ? 17 : 14,
+      nameSize: cw >= 260 ? 22 : 17,
+      metaSize: cw >= 260 ? 17 : 13,
     });
   }
 
-  kit.footer(g, W, H, 'VSinger 收藏集 · 抽卡结果');
+  kit.footer(g, W, H, 'VSinger 收藏集 · 天依抽卡手账');
 
   fs.mkdirSync(outDir, { recursive: true });
   const out = path.join(outDir, `draw_${Date.now()}.jpg`);

package/lib/render/theme.js

@@ -1,35 +1,34 @@
 'use strict';
-/** 设计令牌：所有渲染图共用这一套 */
+/** 设计令牌：浅色玻璃拟态（仿星轨手账） */
 const FONT = 'VSingerSans, sans-serif';
 
 const COLOR = {
-  bg0: '#0d1524',
-  bg1: '#16263f',
-  bg2: '#111c33',
-  glow: 'rgba(120,180,255,0.28)',
-  text: '#ffffff',
-  textSub: 'rgba(200,215,240,0.72)',
-  textDim: 'rgba(200,207,220,0.55)',
-  panel: 'rgba(16,24,40,0.72)',
-  panelBorder: 'rgba(255,255,255,0.08)',
-  accent: '#66ccff',
-  accentSoft: 'rgba(102,204,255,0.18)',
-  cardBg: '#1b2436',
-  cardBorder: 'rgba(255,255,255,0.10)',
+  // 浅色系
+  paper: '#ffffff',
+  text: '#1f2a3a',
+  textSub: '#5d6b80',
+  textDim: '#8b98ab',
+  accent: '#4a90d9',
+  accentSoft: 'rgba(74,144,217,0.12)',
+  panel: 'rgba(255,255,255,0.82)',
+  panelBorder: 'rgba(120,160,210,0.28)',
+  cardBg: '#f2f5fa',
+  cardBorder: 'rgba(120,150,190,0.25)',
+  shadow: 'rgba(60,90,130,0.18)',
+  // 深色兜底（保留给旧主题）
+  bg0: '#0d1524', bg1: '#16263f', bg2: '#111c33', glow: 'rgba(120,180,255,0.28)',
 };
 
 const TIER = {
-  40: { name: '大隐藏', color: '#ff6d84', tag: 'tag_40.webp' },
-  30: { name: '小隐藏', color: '#ffb44d', tag: 'tag_30.webp' },
-  20: { name: '稀有', color: '#8fc0ff', tag: null },
-  10: { name: '普通', color: '#c3cad8', tag: null },
+  40: { name: '大隐藏', color: '#e0607a', tag: 'tag_40.webp' },
+  30: { name: '小隐藏', color: '#e09a3c', tag: 'tag_30.webp' },
+  20: { name: '稀有', color: '#4a90d9', tag: null },
+  10: { name: '普通', color: '#8b98ab', tag: null },
 };
 
-const RADIUS = { sm: 8, md: 12, lg: 16, xl: 22 };
+const RADIUS = { sm: 10, md: 14, lg: 20, xl: 28 };
 const SPACE = { xs: 8, sm: 12, md: 16, lg: 24, xl: 32 };
-const FONT_SIZE = { h1: 32, h2: 24, h3: 19, body: 16, meta: 14, tiny: 12 };
-
-/** 卡片几何（图鉴与结果图共用） */
+const FONT_SIZE = { h1: 30, h2: 24, h3: 18, body: 16, meta: 14, tiny: 12 };
 const CARD = { w: 170, h: 243, label: 58, gap: 16 };
 
 function tierOf(card) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koishi-plugin-vsinger-gacha",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "VSinger 收藏集抽卡 / 签到积分 / 图鉴（Koishi 插件，一次性安装）",
   "main": "lib/index.js",
   "files": [