DeepSeek Harness WebUI 定制套件（液态玻璃风格）v1.0.0
August 20, 2026 · View on GitHub
把 DeepSeek Harness 的 Web UI 改造成 iOS 26 液态玻璃（Liquid Glass） 风格： 半透明玻璃面板、边缘折射（SVG feDisplacementMap，参考 shuding/liquid-glass）、 斜向镜面高光、饱和模糊，浅色/深色主题自适应；外加背景图更换（无蒙版）、 侧边栏余额/token 统计卡片、原生下拉框玻璃化等。
所有定制集中在一个插件（custom-webui-inject）里，放在用户补丁层
（profiles/web/），harness 升级不会覆盖。
✨ v1.0.0 功能一览
| 功能 | 说明 |
|---|---|
| 液态玻璃主题 | 新会话按钮、输入框、消息气泡、模型回复、设置界面、对话框、下拉菜单、轨迹页、会话列表等全界面统一玻璃质感 |
| 边缘折射 | 玻璃只沿边缘带折射背景（沿边缘法线向外微弯，幅度按尺寸自适应），中间区域与外部背景完全对齐、仅显示液态玻璃化透视 |
| 斜向镜面高光 | 每块玻璃有左上→右下的光泽带（位于文字之下、玻璃之上），iOS 液态玻璃的标志性质感 |
| 背景图（无蒙版） | 背景图完整显示（已移除白色蒙版）；可在 设置 → 通用 → 背景图片 上传更换（jpg/png/webp，≤25MB） |
| 流式输出自愈 | 新消息流式渲染/重渲染导致玻璃丢失后自动重贴（1.5s 兜底扫描 + 样式丢失/尺寸变化检测） |
| 代码块玻璃化 | 回复中的 Shiki 代码块同为液态玻璃（半透明渐变，不再是实色底） |
| 调试角标 | 右下角显示 液态玻璃 v1.0.0 · N 面，实时反映已贴玻璃的表面数 |
| 额度卡片 | 侧边栏显示 DeepSeek 余额、当前会话/今日/累计 token 用量与花费估算 |
| 下拉框玻璃化 | 原生下拉框替换为液态玻璃选项菜单（可滚动） |
📦 包含文件
| 文件 | 作用 |
|---|---|
custom-webui.mjs | 注入插件：全部样式 + 脚本 + 背景上传路由（所有定制都在这里） |
cordis.patch.yml | 用户补丁层，挂载插件 |
background.jpg | 默认背景图（可在设置里更换） |
stats-server.py | 统计服务（余额/token/花费），插件启动时自动拉起 |
INSTALL.md | 安装步骤 |
🕹 操作提示
- 修改效果参数都在
custom-webui.mjs的LIQUID_GLASS_SCRIPT里：bandW：边缘折射带宽度rimPx：边缘弯曲幅度（px）blur(...) contrast(...) brightness(...) saturate(...)：玻璃底色参数
- 改完重启
dsh web服务，浏览器 Ctrl+Shift+R 强刷生效。