yanglingrise/dsh-erii-boot-splash

dsh-erii-boot-splash 🌸

为 DeepSeek Harness Web UI 打造的 Erii（Sakura）主题启动画面动画。

每次页面加载时，柔和的樱花粉色屏幕都会淡入：七片花瓣在视口中飘落摇曳，同时一只头顶樱花的薄荷色小怪物吉祥物轻轻漂浮在逐渐填充的进度条上方。整个场景在约 3 秒后淡出，且从不阻挡交互（pointer-events: none）。

“Sakura 走慢一点。”

预览

| 元素 | 效果 |
| --- | --- |
| 背景 | 樱花粉 → 白色垂直渐变 |
| 吉祥物 | 薄荷色小怪物，漂浮 + 光晕呼吸，头顶樱花 |
| 花瓣 | 7 片花瓣飘落，带旋转 + 水平摇曳 |
| 进度条 | 粉色渐变，在 2.4 秒内填充 |
| 标题 | 「S a k u r a 加 载 中」脉动 |
| 副标题 | ERII · 上杉绘梨衣 |
| 引言 | “Sakura 走慢一点。” |

安装

通过 DSH 插件 CLI：

dsh plugin --profile web add github:yanglingrise/dsh-erii-boot-splash

或手动安装：

git clone https://github.com/yanglingrise/dsh-erii-boot-splash.git
cp -r dsh-erii-boot-splash ~/.dsh/profiles/web/node_modules/

然后追加到 ~/.dsh/profiles/web/cordis.patch.yml：

- insert:
- id: erii-boot-splash
name: 'dsh-erii-boot-splash'

重启 Web 服务（或在服务重启后重新加载页面），即可享用。

工作原理

- 纯客户端 Cordis 插件。宿主端是一个空的 apply()，以便挂载插件行；所有内容都在浏览器中渲染。
- 向横跨整个框架的 shell.overlay 插槽注册一个占用项，order: 9999。
- 所有动画均为 CSS 关键帧；样式表标签带有 data-plugin="dsh-erii-boot-splash"，并在插件卸载时自动移除。
- 零运行时依赖 —— React 由宿主模块加载器提供。

自定义

打开 lib/client.js 并调整：

| 内容 | 位置 |
| --- | --- |
| 显示时长 | setTimeout(... 2800) / 在 3700 处清理 |
| 颜色 | 顶部的 .esb-* CSS 规则 |
| 花瓣数量 / 速度 | PETALS 数组 |
| 标题文本 | "S a k u r a 加 载 中" |
| 引言 | esb-quote 行 |

许可证

MIT