# @deepseek-ai/dsh-client-ui-arknights-background

[English](README.md) | 中文

Web 界面背景插件：将明日方舟壁纸绘制到 Web 界面之上。客户端包的整个效果就是一张样式表（`src/client/arknights.module.css`），在包物化时以 `<style data-plugin>` 标签注入；壁纸本身由 Node 半边持有——它注册一条精确路由 `/arknights-wallpaper.webp`，读取随包分发的 `arknights-wallpaper.webp`，因此效果不再依赖部署的前端构建产物。包还自带组合层（`dsh.bundle` + `cordis.patch.yml`），`dsh plugin --profile web add <包>` 即可挂载该浏览器行，无需手改 profile 补丁。

样式表把壁纸绘制在 `body` 上，其下叠加两层渐变——一层纵向可读性纱幕（色标跟随画面本身的明暗：顶部深蓝灰的天空、中部较亮、底部暖色深色前景）加一层径向暗角——而 `body::before` 的极光层（两团柔和色光）在壁纸之上缓慢旋转缩放（`prefers-reduced-motion` 下禁用）。全视口的界面表面被"揭开"以露出壁纸：每个槽输出都被一层 `[data-slot="<key>"]` 锚点包裹（`display: contents`），因此 AppFrame（`#root > [data-slot="root"] > div`）变为透明，会话列根节点（`[data-slot="conversation"] > [data-phase]`）同样被揭开，输入席的底部渐隐带也被清空；侧边栏通过其 `--dsw-specific-sidebar-fill` 令牌保留半透明深色渐变。编码表面——markdown 代码围栏（`.md-code-block`）与终端/读文件/差异/搜索/网页等工具输出块（`[data-terminal]`、`[data-read]`、`[data-diff]`、`[data-search]`、`[data-web]`）——变成壁纸之上的"毛玻璃"：半透明渐变填充加 12px 背景模糊，围栏头部与内部 `pre` 改为透明，代码保持可读的同时画面透出。卡片、对话框与详情面板仍保留各自的不透明令牌背景，密集界面保持清晰。

界面选择器追踪的是槽系统 DOM 而非哈希后的类名（样式表内有说明）：每个槽输出由 `[data-slot="<key>]` 包装层锚定，AppFrame 是其 `> div`，`[data-phase]` 是会话列根节点始终携带的属性。二者均由本包测试断言。

## Model Experience

无。该插件只是浏览器端的一层绘制，外加一条静态图片路由，不会触达任何模型请求。

#### KV Cache effect

无；本包既不组装也不发送任何提供商请求。

## Known Limitations and Deferred Work

- **结构化选择器**——透明覆盖按界面 DOM 位置匹配；若未来界面在 AppFrame 或会话根节点外加一层元素，需要同步更新选择器（测试已固定当前契约）。
- **固定图片 URL**——绘制路径是包内字面量（`/arknights-wallpaper.webp`）；Node 半边从随包的 `arknights-wallpaper.webp` 提供该路径，换图只需替换包内这一个文件（无需改样式表或前端产物）。