dsh-feiyu-wardrobe 0.0.0-stage → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,39 @@
+# Changelog
+
+## 0.2.0 — 2026-10-30
+
+「换装是视觉性的」：补齐出图能力，可直接发 QQ 群 / 评论区。
+
+### 新增
+
+- `/fish png [尺寸]`：渲染当前穿搭的 PNG（默认 768，可选 256–1600）
+- `dsh-feiyu-report --png <path>` / `--size <像素>`：CLI 直接出图
+- PNG 合成：360×360 场景 + 底部水印条（repo 地址 + 鱼名 + 饲养天数）
+- 依赖 `@resvg/resvg-js`（预编译二进制，本地渲染，无浏览器/无网络）
+- 新增 `screenshots.json`（插件市场 / awesome 列表详情页展示卡图）
+- README 增加「接 QQ / 聊天机器人」章节
+
+### 验证
+
+- `npm run verify`：tsc --checkJs + 53 tests
+
+## 0.1.0 — 2026-10-30
+
+第一个公开版本：把 DSH 的 token 花销变成大肥鱼的衣柜。
+
+### 新增
+
+- `/fish` 命令：状态、衣柜、购买、换装、脱下、改名、生成报告卡
+- 鱼粮经济：每次模型调用按 DeepSeek 官方峰谷价折 CNY，`1 CNY = 100` 鱼粮币（可配置）；出生礼 120 币
+- 亲密度（0–100 六级）与心情（五档，表情随心情变化）、连续天数
+- 21 件原创 SVG 单品：背景 4 / 身体 4 / 颈部 3 / 面部 3 / 手持 3 / 头部 4；稀有度普通 / 稀有 / 史诗
+- 原创胖鲸形象（不打包任何画师二创素材）
+- `dsh-feiyu-report` CLI：`--demo` / `--open` / `--out` / `--sheet`
+- 1080×1440 饲养报告卡（自包含 HTML，无外部资源）
+- 本地状态文件（原子写、schema 归一化、每日台账裁剪、会话列表上限）
+- 49 个测试：定价、经济、状态迁移、渲染、命令、CLI
+
+### 说明
+
+- 纯本地：无额外模型调用、无网络请求、不保存聊天原文
+- 社区插件，非 DeepSeek 官方项目

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 GIT121995
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,161 @@
-# Temporary Holding Version
+# 🐋 大肥鱼衣橱 · dsh-feiyu-wardrobe
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[![npm](https://img.shields.io/npm/v/dsh-feiyu-wardrobe.svg)](https://www.npmjs.com/package/dsh-feiyu-wardrobe)
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+[![dsh](https://img.shields.io/badge/DSH-plugin-5BE7F0.svg)](https://github.com/deepseek-ai/deepseek-harness)
+
+> 把 DSH 的 token 账单，变成一条鱼的衣柜。
+
+当前版本：`0.2.0`
+
+DeepSeek Harness 插件：agent 每花掉一次 token，你的大肥鱼就**吃一顿饭**；一顿顿饭攒成**鱼粮币**，鱼粮币解锁 **21 件原创 SVG 穿搭**；`/fish report` 生成一张 **1080×1440 的饲养报告卡**，可以直接发小红书 / QQ 群。
+
+- 🍚 **真实账本**：按 DeepSeek 官方峰谷价把每次模型调用折成人民币，再按 1 元 = 100 鱼粮币发币
+- 🎨 **原创形象**：胖鲸 + 21 件手绘 SVG 单品（帽子 / 面部 / 颈部 / 身体 / 手持 / 背景），不打包任何画师二创素材
+- 🔒 **纯本地**：零额外模型调用、零网络请求、不存聊天原文，只存聚合数字
+- 📸 **可晒卡**：饲养天数、投喂金额、吃掉 token、亲密度、心情、近 7 天伙食、今日穿搭
+- 🖼️ **可视化出图**：`/fish png` 或 `dsh-feiyu-report --png` 直接渲染 PNG（默认 768，带 repo 水印），无需浏览器，可直接发 QQ 群 / B站评论区 / 小红书
+
+![饲养报告示例](https://raw.githubusercontent.com/GIT121995/dsh-feiyu-wardrobe/main/docs/preview/card.png)
+
+![衣柜目录](https://raw.githubusercontent.com/GIT121995/dsh-feiyu-wardrobe/main/docs/preview/wardrobe.png)
+
+![出图示例](https://raw.githubusercontent.com/GIT121995/dsh-feiyu-wardrobe/main/docs/preview/fish-demo.png)
+
+> 名字与形象都是原创，属于社区玩梗项目，**不是 DeepSeek 官方产品**；「大肥鱼」一词来自社区对 DeepSeek 蓝色鲸鱼标识的可爱误认。
+
+---
+
+## 安装
+
+需要 Node.js `>= 22.5` 和可用的 DeepSeek Harness（本版在 DSH `0.2.1-rc.2` 上实测）。
+
+```sh
+# 装进你正在用的 profile（web / tui / headless 按需替换）
+dsh plugin --profile web add dsh-feiyu-wardrobe
+
+# 重启后生效
+dsh --profile web
+```
+
+重启后随便让 agent 干点活，然后：
+
+```text
+/fish
+```
+
+## 命令
+
+| 命令 | 说明 |
+| --- | --- |
+| `/fish` | 看鱼今天的状态（投喂金额、token、亲密度、心情、穿搭） |
+| `/fish list` | 逛衣柜：按部位列出全部单品、价格与拥有状态 |
+| `/fish buy <名字\|id>` | 用鱼粮币买下并自动穿上 |
+| `/fish wear <名字\|id>` | 换上已拥有的单品 |
+| `/fish takeoff <部位>` | 脱掉某个部位（`bg` / `body` / `neck` / `face` / `hand` / `hat`） |
+| `/fish rename <名字>` | 给鱼改名 |
+| `/fish png [尺寸]` | 渲染当前穿搭的 PNG（默认 768；可直接发群） |
+| `/fish report` | 生成饲养报告卡（HTML，1080×1440） |
+| `/fish help` | 帮助 |
+
+不占单独模型调用，命令本身不烧 token。
+
+## 怎么玩
+
+1. **喂食**：每次模型调用按官方峰谷价折成 CNY，`1 CNY = 100 鱼粮币`（可配置）。新鱼出生送 120 币 + 小叶子一顶。
+2. **干饭 / 互动 / 连续天数** 一起涨 **亲密度**（0–100：陌生鱼 → 点头之交 → 饭搭子 → 老饭友 → 家人 → 过命交情）。
+3. **心情** 由「今天吃了几顿 + 聊了几句 + 距上一顿多久 + 连续天数」决定：饿晕了 / 有点饿 / 悠哉 / 满足 / 撑到翻肚。表情会跟着变。
+4. **衣柜** 21 件单品、三个稀有度：普通 / 稀有 / 史诗（王冠 600 币，慢慢攒）。
+5. **晒卡**：`/fish report` 或 `dsh-feiyu-report` 生成竖版卡片，浏览器打开直接截图。
+
+## 报告卡 CLI
+
+```sh
+dsh-feiyu-report                    # 用本机 state 生成 HTML 卡片
+dsh-feiyu-report --png fish.png     # 直接出 PNG（QQ 群 / 评论区可用）
+dsh-feiyu-report --png fish.png --size 1024
+dsh-feiyu-report --demo --png demo.png
+dsh-feiyu-report --open             # 生成后用默认浏览器打开
+dsh-feiyu-report --out card.html    # 自定义 HTML 输出路径
+dsh-feiyu-report --sheet            # 渲染整个衣柜目录页
+```
+
+出图是纯本地 SVG → PNG（`@resvg/resvg-js`，预编译二进制），不调用浏览器、不联网。
+
+## 配置
+
+在 profile 的 `cordis.patch.yml` 里覆盖（都是可选项）：
+
+```yaml
+- id: feiyu-wardrobe
+  name: dsh-feiyu-wardrobe
+  config:
+    fishName: 大肥鱼            # 初始鱼名，之后也能 /fish rename
+    statePath: ""               # 默认 <DSH_HOME>/feiyu-wardrobe/state.json
+    timezoneOffsetMinutes: 480  # 北京时间
+    coinPerCNY: 100             # 1 元 token 花费 = 多少鱼粮币
+    birthGiftCoins: 120         # 出生礼
+    dailyRetentionDays: 120     # 每日台账保留天数
+    holidays: []                # 法定节假日（峰谷价用），YYYY-MM-DD
+```
+
+## 隐私与版权
+
+- **只存聚合数字**：金额、token 数、次数、日期、穿搭状态；不存任何聊天原文、模型输出、工具参数。
+- **不联网**：插件和报告卡都不发请求；卡片是自包含 HTML，没有远程字体/图片/脚本。
+- **原创美术**：默认胖鲸与全部 21 件单品均为本项目手绘 SVG；**不包含**画师「溟月」等社区二创素材，也不冒充官方形象。
+- **非官方**：本项目是社区插件，不属于 DeepSeek 官方项目；「大肥鱼」相关梗的归属属于社区。
+- 后续开放「皮肤包」格式时，同样只支持**本地加载**用户自己的素材，不代分发未授权作品。
+
+## 接 QQ / 聊天机器人（出图能力）
+
+「换装」是视觉性的，所以核心能力是**出图**而不是出文字：
+
+- 任何能执行命令的 QQ 机器人（LangBot、DSH + QQ 适配器等）都可以在 `wear` 之后调一次
+  `dsh-feiyu-report --png /tmp/fish.png`，把 PNG 直接发到群里；
+- DSH 内也可以用 `/fish png` 生成文件，再由机器人发送；
+- 图片带仓库水印，别人转发一次就是一次曝光。
+
+> 注意：本项目只负责「渲染并给出 PNG 文件」，QQ 平台的接入、账号风控由你选用的机器人框架负责。
+
+## 兼容性与测试
+
+- DSH `>= 0.1.0`（本版在 `0.2.1-rc.2` 实测）
+- Node.js `>= 22.5`，零运行时依赖
+- `npm run verify` = `tsc --checkJs` 类型检查 + 53 个单元/集成测试（定价、经济、状态迁移、渲染、PNG、命令、CLI）
+
+```sh
+npm run verify
+```
+
+## 路线图
+
+- **v0.3**：DSH Web 面板（页内衣橱 UI）、皮肤包格式（`.dshskin`，本地加载）、心情联动穿搭
+- **v0.3**：多鱼塘（多会话鱼）、每日小任务、社区衣服交换码
+- 更远：把 `dsh-memory-gate` 的记忆做成「鱼记得你说过什么」，但依然只读聚合摘要
+
+## 开发
+
+```sh
+git clone https://github.com/GIT121995/dsh-feiyu-wardrobe && cd dsh-feiyu-wardrobe
+npm install
+npm test            # node --test
+npm run typecheck   # tsc --checkJs
+node bin/feiyu-report.mjs --demo --out card.html   # 预览报告卡
+```
+
+结构：
+
+```text
+lib/catalog.js   21 件原创 SVG 单品 + 稀有度/价格
+lib/render.js    360×360 场景与 1080×1440 报告卡
+lib/economy.js   鱼粮币 / 亲密度 / 心情 / 连续天数
+lib/pricing.js   DeepSeek 官方峰谷价计费
+lib/runtime.js   会话事件 → 经济系统，买/穿/改名
+lib/commands.js  /fish 命令
+bin/             dsh-feiyu-report CLI
+```
+
+## License
+
+MIT。见 [LICENSE](LICENSE)。

package/bin/feiyu-report.mjs

@@ -0,0 +1,178 @@
+#!/usr/bin/env node
+/**
+ * dsh-feiyu-report — render the 1080×1440 share card for the local fish.
+ *
+ * Usage:
+ *   dsh-feiyu-report                 # card from the real state file
+ *   dsh-feiyu-report --demo          # preview with a demo fish
+ *   dsh-feiyu-report --out card.html # custom output path
+ *   dsh-feiyu-report --open          # open the card in the default browser
+ *   dsh-feiyu-report --sheet         # render the full wardrobe catalog sheet
+ */
+
+import { existsSync, readFileSync } from 'node:fs';
+import { spawn } from 'node:child_process';
+import { dirname, join, resolve } from 'node:path';
+import { renderFishPng } from '../lib/image.js';
+import { renderWardrobeSheetHtml } from '../lib/render.js';
+import { createDemoState } from '../lib/demo.js';
+import { validateConfig } from '../lib/config.js';
+import { loadState } from '../lib/state.js';
+import { defaultReportPath, writeReportCard } from '../lib/report.js';
+import { atomicWriteBuffer, atomicWriteFile } from '../lib/util.js';
+
+const PACKAGE = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'));
+const VERSION = PACKAGE.version ?? '0.0.0';
+
+const HELP = `dsh-feiyu-report — 大肥鱼衣橱饲养报告卡
+
+用法:
+  dsh-feiyu-report                 从本机 state 生成报告卡
+  dsh-feiyu-report --demo          用演示鱼生成一张预览卡
+  dsh-feiyu-report --sheet         渲染整个衣柜目录页
+  dsh-feiyu-report --png <path>    渲染当前穿搭的 PNG（可直接发 QQ 群）
+  dsh-feiyu-report --size <像素>   PNG 边长（256–1600，默认 768）
+  dsh-feiyu-report --out <path>    指定 HTML 输出路径
+  dsh-feiyu-report --state <path>  指定 state.json
+  dsh-feiyu-report --open          生成后用默认浏览器打开
+  dsh-feiyu-report --version       版本号
+  dsh-feiyu-report --help          本说明
+`;
+
+/**
+ * @param {string[]} argv
+ */
+function parseArgs(argv) {
+	const options = {
+		demo: false,
+		sheet: false,
+		open: false,
+		help: false,
+		version: false,
+		out: null,
+		png: null,
+		size: null,
+		state: null,
+	};
+	for (let index = 0; index < argv.length; index += 1) {
+		const arg = argv[index];
+		switch (arg) {
+			case '--demo':
+				options.demo = true;
+				break;
+			case '--sheet':
+				options.sheet = true;
+				break;
+			case '--open':
+				options.open = true;
+				break;
+			case '--help':
+			case '-h':
+				options.help = true;
+				break;
+			case '--version':
+			case '-v':
+				options.version = true;
+				break;
+			case '--out': {
+				options.out = argv[index + 1] ?? null;
+				index += 1;
+				break;
+			}
+			case '--png': {
+				options.png = argv[index + 1] ?? null;
+				index += 1;
+				break;
+			}
+			case '--size': {
+				options.size = argv[index + 1] ?? null;
+				index += 1;
+				break;
+			}
+			case '--state': {
+				options.state = argv[index + 1] ?? null;
+				index += 1;
+				break;
+			}
+			default:
+				throw new Error(`未知参数：${arg}（--help 查看用法）`);
+		}
+	}
+	return options;
+}
+
+/**
+ * @param {string} path
+ */
+function openInBrowser(path) {
+	const command =
+		process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'cmd' : 'xdg-open';
+	const args = process.platform === 'win32' ? ['/c', 'start', '', path] : [path];
+	try {
+		const child = spawn(command, args, { detached: true, stdio: 'ignore' });
+		child.on('error', () => undefined);
+		child.unref();
+	} catch {
+		// opening is a convenience; the printed path is the contract
+	}
+}
+
+function main() {
+	const options = parseArgs(process.argv.slice(2));
+	if (options.help) {
+		process.stdout.write(HELP);
+		return;
+	}
+	if (options.version) {
+		process.stdout.write(`${VERSION}\n`);
+		return;
+	}
+	const config = validateConfig(options.state ? { statePath: options.state } : {});
+	if (options.sheet) {
+		const outPath = resolve(options.out ?? join(dirname(config.statePath), 'wardrobe.html'));
+		atomicWriteFile(outPath, renderWardrobeSheetHtml());
+		process.stdout.write(`${outPath}\n`);
+		if (options.open) openInBrowser(outPath);
+		return;
+	}
+	let state;
+	if (options.demo) {
+		state = createDemoState(config);
+	} else {
+		if (!existsSync(config.statePath)) {
+			process.stderr.write(
+				`还没有鱼：找不到 ${config.statePath}\n先在 DSH 里和它说句话（或运行 dsh-feiyu-report --demo 看预览）。\n`,
+			);
+			process.exitCode = 1;
+			return;
+		}
+		const loaded = loadState(config.statePath, config);
+		state = loaded.state;
+	}
+	if (options.png) {
+		const sizeValue = options.size == null ? undefined : Number(options.size);
+		if (sizeValue !== undefined && (!Number.isFinite(sizeValue) || sizeValue < 256 || sizeValue > 1600)) {
+			throw new Error('--size 需要 256–1600 之间的整数');
+		}
+		const png = renderFishPng(state, config, {
+			...(sizeValue === undefined ? {} : { size: sizeValue }),
+		});
+		const pngPath = resolve(options.png);
+		atomicWriteBuffer(pngPath, png);
+		process.stdout.write(`${pngPath}\n`);
+		if (options.open) openInBrowser(pngPath);
+		return;
+	}
+	const outPath = writeReportCard(state, config, {
+		...(options.out ? { outPath: resolve(options.out) } : {}),
+	});
+	process.stdout.write(`${outPath}\n`);
+	if (options.open) openInBrowser(outPath);
+}
+
+try {
+	main();
+} catch (cause) {
+	process.stderr.write(`${cause instanceof Error ? cause.message : String(cause)}\n`);
+	process.exitCode = 1;
+}

package/cordis.patch.yml

@@ -0,0 +1,21 @@
+# Bundle patch for dsh-feiyu-wardrobe.
+# Values below are the defaults; omit any key to keep the built-in default.
+- insert:
+    - id: feiyu-wardrobe
+      name: dsh-feiyu-wardrobe
+      inject:
+        - commands
+      config:
+        # Display name of your fish. /fish rename also works at runtime.
+        fishName: 大肥鱼
+        # Empty string means <DSH home>/feiyu-wardrobe/state.json
+        statePath: ""
+        timezoneOffsetMinutes: 480
+        # 1 CNY of token spend = 100 fish-food coins by default.
+        coinPerCNY: 100
+        # Coins granted when the fish is born (so the first outfit is reachable).
+        birthGiftCoins: 120
+        # Keep the daily ledger for this many days (used by streak/report).
+        dailyRetentionDays: 120
+        # Statutory holidays (Asia/Shanghai dates, YYYY-MM-DD): off-peak pricing.
+        holidays: []

package/docs/preview/card.html

@@ -0,0 +1,188 @@
+<!doctype html>
+<html lang="zh-CN"><head><meta charset="utf-8">
+<title>干饭鲸 · 大肥鱼衣橱 饲养报告</title>
+<style>
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  html, body { width: 1080px; height: 1440px; overflow: hidden; }
+  body {
+    background: #0D1524;
+    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
+    color: #F5F7FF;
+  }
+  .card {
+    position: relative; width: 1080px; height: 1440px; padding: 44px 60px;
+    display: flex; flex-direction: column; gap: 18px;
+    background:
+      radial-gradient(900px 520px at 82% -8%, rgba(91,231,240,0.16), transparent 62%),
+      radial-gradient(760px 480px at 6% 16%, rgba(142,207,245,0.14), transparent 60%),
+      linear-gradient(180deg, #101A2C 0%, #0C1420 58%, #0A111B 100%);
+  }
+  .card::after {
+    content: ""; position: absolute; inset: 22px; border: 1px solid rgba(245,247,255,0.10);
+    border-radius: 30px; pointer-events: none;
+  }
+  .header { display: flex; align-items: baseline; justify-content: space-between; }
+  .brand { font-size: 26px; font-weight: 800; letter-spacing: 1px; color: #F5F7FF; }
+  .brand span { color: #5BE7F0; }
+  .date { font-size: 18px; color: #93A4BC; letter-spacing: 2px; }
+  .scene {
+    height: 496px; border-radius: 30px; padding: 16px;
+    background: linear-gradient(180deg, #F7FBFF, #E8F4FF);
+    box-shadow: 0 24px 60px rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.6);
+    display: flex; align-items: center; justify-content: center;
+  }
+  .scene svg { display: block; border-radius: 22px; overflow: hidden; }
+  .identity { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
+  .name { font-size: 52px; font-weight: 800; letter-spacing: 1px; line-height: 1.1; }
+  .sub { margin-top: 8px; font-size: 20px; color: #9FB0C8; }
+  .mood {
+    display: flex; align-items: center; gap: 12px; padding: 12px 22px; border-radius: 999px;
+    background: rgba(91,231,240,0.10); border: 1px solid rgba(91,231,240,0.35);
+    font-size: 22px; color: #CFFAFF; white-space: nowrap;
+  }
+  .mood b { font-size: 26px; }
+  .quote { font-size: 19px; color: #8FA3BE; margin-top: -4px; }
+  .stats {
+    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
+  }
+  .stat {
+    background: rgba(255,255,255,0.045); border: 1px solid rgba(245,247,255,0.08);
+    border-radius: 20px; padding: 16px 20px; min-height: 96px;
+  }
+  .statValue { font-size: 34px; font-weight: 800; color: #F5C542; letter-spacing: 0.5px; }
+  .statLabel { margin-top: 4px; font-size: 17px; color: #9FB0C8; }
+  .statHint { margin-top: 2px; font-size: 14px; color: #6E819C; }
+  .week { display: flex; align-items: center; gap: 22px; padding: 6px 2px 0; }
+  .weekLabel { font-size: 17px; color: #9FB0C8; white-space: nowrap; }
+  .weekChart { flex: 1; }
+  .howto {
+    margin-top: 4px; padding: 16px 22px; border-radius: 20px;
+    background: rgba(91,231,240,0.06); border: 1px dashed rgba(91,231,240,0.35);
+  }
+  .howtoTitle { font-size: 15px; color: #8FA3BE; letter-spacing: 1px; }
+  .howtoCmd { margin-top: 6px; font-size: 22px; font-weight: 700; color: #F5C542; letter-spacing: 0.4px; }
+  .howtoHint { margin-top: 4px; font-size: 15px; color: #9FB0C8; }
+  .wardrobe { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+  .wardrobeLabel { font-size: 17px; color: #9FB0C8; margin-right: 4px; }
+  .chip {
+    display: inline-flex; align-items: baseline; gap: 8px;
+    padding: 8px 16px; border-radius: 999px; font-size: 18px; font-weight: 700;
+    background: rgba(255,255,255,0.05); border: 1px solid rgba(245,247,255,0.16);
+  }
+  .chip em { font-style: normal; font-size: 13px; font-weight: 500; color: #7C8DA6; }
+  .footer {
+    margin-top: auto; display: flex; align-items: center; justify-content: space-between;
+    gap: 20px; font-size: 14px; color: #6E819C; letter-spacing: 0.3px; white-space: nowrap;
+  }
+  .footer b { color: #AFC1DA; font-weight: 700; }
+</style></head>
+<body><div class="card">
+  <div class="header">
+    <div class="brand">🐋 大肥鱼衣橱 <span>·</span> 饲养报告</div>
+    <div class="date">2026.10.30</div>
+  </div>
+  <div class="scene"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 360" width="100%" height="100%" role="img" aria-label="大肥鱼">
+<g>
+      <defs><linearGradient id="feiyu-grad-tank" x1="0" y1="0" x2="0" y2="1">
+        <stop offset="0" stop-color="#EAF8FF"/><stop offset="1" stop-color="#C9EBFF"/>
+      </linearGradient></defs>
+      <rect width="360" height="360" fill="url(#feiyu-grad-tank)"/>
+      <path d="M20 316 C60 296 120 312 180 300 C240 288 300 306 340 296 L340 360 L20 360 Z" fill="#F2E3C8"/>
+      <path d="M56 316 C48 278 64 250 58 218 C72 252 74 286 70 316 Z" fill="#A8D8B9"/>
+      <path d="M86 316 C80 286 92 264 86 240 C102 268 100 294 96 316 Z" fill="#8FCCA6"/>
+      <g fill="#FFFFFF" opacity="0.75">
+        <circle cx="300" cy="110" r="9"/><circle cx="318" cy="88" r="5"/><circle cx="286" cy="80" r="4"/>
+        <circle cx="70" cy="150" r="6"/><circle cx="54" cy="182" r="4"/>
+      </g>
+    </g>
+<g>
+    <g stroke="#8ECFF5" stroke-width="5" stroke-linecap="round" fill="none">
+      <path d="M170 108 C166 92 156 84 148 78"/>
+      <path d="M170 108 C174 92 184 84 192 78"/>
+    </g>
+    <path d="M268 196 C300 168 316 150 322 142 C336 168 334 214 322 240 C310 226 292 206 268 196 Z" fill="#8ECFF5"/>
+    <path d="M62 196 C62 140 112 108 172 108 C236 108 282 142 282 196 C282 252 236 286 172 286 C108 286 62 250 62 196 Z" fill="#8ECFF5"/>
+    <path d="M95 238 C120 276 224 276 249 238 C240 272 212 286 172 286 C132 286 104 272 95 238 Z" fill="#EAF8FF"/>
+    <path d="M112 204 C92 208 82 224 86 238 C102 242 118 232 124 220 Z" fill="#6DB8E6"/>
+  </g><g>
+      <path d="M128 190 C134 178 146 178 152 190" stroke="#1B2A3A" stroke-width="5" fill="none" stroke-linecap="round"/>
+      <path d="M192 190 C198 178 210 178 216 190" stroke="#1B2A3A" stroke-width="5" fill="none" stroke-linecap="round"/>
+      <ellipse cx="116" cy="214" rx="15" ry="9" fill="#FFB3C7" opacity="0.95"/>
+         <ellipse cx="228" cy="214" rx="15" ry="9" fill="#FFB3C7" opacity="0.95"/>
+      <path d="M158 212 C166 230 180 230 186 212" stroke="#1B2A3A" stroke-width="4" fill="#FF8FA3" stroke-linecap="round"/>
+      <path d="M292 118 l5 10 10 5 -10 5 -5 10 -5 -10 -10 -5 10 -5 z" fill="#FFD27A"/>
+    </g>
+<g>
+      <path d="M150 236 L138 200 M192 236 L204 200" stroke="#C9D6E3" stroke-width="5" fill="none" stroke-linecap="round"/>
+      <path d="M130 236 C140 250 202 250 212 236 L222 300 C190 312 150 312 118 300 Z" fill="#FFFFFF" stroke="#C9D6E3" stroke-width="3"/>
+      <path d="M150 260 L150 296" stroke="#E3E9EF" stroke-width="2"/>
+      <path d="M192 260 L192 296" stroke="#E3E9EF" stroke-width="2"/>
+      <path d="M158 272 C162 266 172 266 176 272 C180 266 190 266 194 272 C190 282 176 288 176 288 C176 288 162 282 158 272 Z" fill="#FFB3C7" opacity="0.85"/>
+    </g>
+<g>
+      <path d="M120 232 C150 246 194 246 224 232 L228 250 C196 262 148 262 116 250 Z" fill="#FF6B6B" stroke="#E05555" stroke-width="2"/>
+      <path d="M228 244 L262 262 L252 278 L218 256 Z" fill="#FF8A8A" stroke="#E05555" stroke-width="2"/>
+      <path d="M254 270 L248 282 M260 266 L256 278 M246 276 L240 286" stroke="#E05555" stroke-width="2" stroke-linecap="round"/>
+    </g>
+<g>
+      <g fill="#FFFFFF" opacity="0.28" stroke="#33415C" stroke-width="4">
+        <rect x="118" y="174" width="42" height="28" rx="9"/>
+        <rect x="186" y="174" width="42" height="28" rx="9"/>
+      </g>
+      <path d="M160 188 L186 188" stroke="#33415C" stroke-width="4"/>
+      <path d="M118 184 L104 176 M228 184 L242 176" stroke="#33415C" stroke-width="4" stroke-linecap="round"/>
+    </g>
+<g>
+      <path d="M120 300 C120 286 160 280 180 280 C200 280 240 286 240 300 Z" fill="#FFFFFF" stroke="#C9D6E3" stroke-width="3"/>
+      <ellipse cx="180" cy="282" rx="58" ry="12" fill="#FFF6E5" stroke="#C9D6E3" stroke-width="3"/>
+      <ellipse cx="180" cy="280" rx="44" ry="8" fill="#FFFFFF"/>
+      <g fill="#FFFFFF" stroke="#E3E9EF" stroke-width="1.5">
+        <ellipse cx="166" cy="276" rx="7" ry="5"/><ellipse cx="180" cy="272" rx="7" ry="5"/>
+        <ellipse cx="194" cy="276" rx="7" ry="5"/><ellipse cx="174" cy="282" rx="7" ry="5"/>
+        <ellipse cx="188" cy="282" rx="7" ry="5"/>
+      </g>
+      <g stroke="#C68A4A" stroke-width="5" stroke-linecap="round"><path d="M236 258 L262 276"/><path d="M244 252 L270 272"/></g>
+    </g>
+<g>
+      <ellipse cx="172" cy="138" rx="80" ry="17" fill="#F5C542" stroke="#D9A62E" stroke-width="3"/>
+      <path d="M118 136 C118 104 226 104 226 136 Z" fill="#F5C542" stroke="#D9A62E" stroke-width="3"/>
+      <path d="M120 128 C140 120 204 120 224 128" stroke="#FF6B6B" stroke-width="8" fill="none"/>
+      <path d="M118 140 C140 148 204 148 226 140" stroke="#D9A62E" stroke-width="2" fill="none" opacity="0.6"/>
+    </g>
+</svg></div>
+  <div>
+    <div class="identity">
+      <div>
+        <div class="name">干饭鲸</div>
+        <div class="sub">第 13 天 · 🍱 老饭友 · ★★★★★</div>
+      </div>
+      <div class="mood">😊 <b>满足</b></div>
+    </div>
+    <div class="quote">吃饱喝足，心情不错。</div>
+  </div>
+  <div class="stats">
+    <div class="stat"><div class="statValue">¥2.44</div><div class="statLabel">投喂金额</div><div class="statHint">今日 ¥0.068</div></div>
+    <div class="stat"><div class="statValue">2.91M</div><div class="statLabel">吃掉 Token</div><div class="statHint">干饭 30 顿</div></div>
+    <div class="stat"><div class="statValue">12</div><div class="statLabel">互动次数</div><div class="statHint">连续 5 天</div></div>
+    <div class="stat"><div class="statValue">56/100</div><div class="statLabel">亲密度</div><div class="statHint">下一档：家人</div></div>
+    <div class="stat"><div class="statValue">187.5</div><div class="statLabel">鱼粮币</div><div class="statHint">token 换的</div></div>
+    <div class="stat"><div class="statValue">2 顿</div><div class="statLabel">今日干饭</div><div class="statHint">¥0.068</div></div>
+  </div>
+  <div class="week">
+    <div class="weekLabel">近 7 天伙食</div>
+    <div class="weekChart"><svg viewBox="0 0 502 80" width="100%" height="80" preserveAspectRatio="xMidYEnd meet" role="img" aria-label="近七天伙食"><rect x="0" y="64" width="46" height="16" rx="8" fill="#F5C542" opacity="0.50"/><rect x="76" y="42" width="46" height="38" rx="8" fill="#F5C542" opacity="0.71"/><rect x="152" y="12" width="46" height="68" rx="8" fill="#F5C542" opacity="1.00"/><rect x="228" y="58" width="46" height="22" rx="8" fill="#F5C542" opacity="0.56"/><rect x="304" y="48" width="46" height="32" rx="8" fill="#F5C542" opacity="0.66"/><rect x="380" y="34" width="46" height="46" rx="8" fill="#F5C542" opacity="0.79"/><rect x="456" y="66" width="46" height="14" rx="8" fill="#F5C542" opacity="0.48"/></svg></div>
+  </div>
+  <div class="wardrobe">
+    <span class="wardrobeLabel">今日穿搭</span>
+    <span class="chip" style="border-color:#7A8CA355;color:#7A8CA3">鱼缸<em>背景</em></span><span class="chip" style="border-color:#7A8CA355;color:#7A8CA3">白围裙<em>身体</em></span><span class="chip" style="border-color:#7A8CA355;color:#7A8CA3">红围巾<em>颈部</em></span><span class="chip" style="border-color:#7A8CA355;color:#7A8CA3">圆框眼镜<em>面部</em></span><span class="chip" style="border-color:#7A8CA355;color:#7A8CA3">饭碗<em>手持</em></span><span class="chip" style="border-color:#7A8CA355;color:#7A8CA3">草帽<em>头部</em></span>
+  </div>
+  <div class="howto">
+    <div class="howtoTitle">怎么养出同款</div>
+    <div class="howtoCmd">dsh plugin --profile web add dsh-feiyu-wardrobe</div>
+    <div class="howtoHint">照常让 agent 干活 → token 自动变成鱼粮 → /fish list 换装 · /fish report 出卡</div>
+  </div>
+  <div class="footer">
+    <div><b>github.com/GIT121995/dsh-feiyu-wardrobe</b></div>
+    <div>原创形象 · 非官方二创 · 数据只在本机</div>
+  </div>
+</div></body></html>