dsh-custom-skin

DeepSeek Harness Web UI 的模块化玻璃风皮肤。

将 plugins/client.js 放入 ~/.dsh/profiles/web/plugins/ 目录，重启 DSH 即可生效。皮肤通过 HMR 每 500ms 轮询热替换，不生效时 Ctrl+F5 强制刷新。

功能

• 极光背景：四辉光静态渐变，设置面板可调主色相（0-360）和浓度（0-160%），深浅色各一套
• 模块化玻璃卡片：侧栏三模块（logo 区 / 会话列表 / 底部动作区）+ 新会话按钮，统一 14px 圆角
• 鎏金 logo：鱼形图标 + 「探索未至之境」标题，金色渐变 + 呼吸闪烁
• 壁纸：URL / 本地图片 + 模糊（0-40px）/ 磨砂（0-100）/ 着色（0-100）三滑杆，localStorage 持久化
• 主题切换：侧栏底部浅 / 深色切换（跟随系统折叠为产品默认）
• 余额卡片：dsh-balance-monitor 插件适配，实时余额 + 剩余比例条 + 今日花费
• 对话流玻璃卡片：AI 回复 / 工具调用 / 过程节点各自独立玻璃卡，嵌套节点透明化
• 深 / 浅色全适配：32 个主题 token × {light, dark}，文字高对比度（~9:1+）
• 光影重平衡：浅色模式高光 / sheen / 阴影独立调校，深色模式低透明度原生和谐

技术要点

• 单文件 plugins/client.js，通过 window.__ModuleLoader__.load() 注册，零外部依赖
• 样式表按职责分节（A–P），每节注释职责；单一数据源，同选择器同一属性只声明一次
• !important 仅用于余额卡内联圆角反制（唯一例外）
• 壁纸图层由插件 apply() 作用域持有，设置面板关闭不销毁
• backdrop-filter 只用于 logo 区 / 会话列表（不含浮层的祖先），footArea 例外（内含设置弹窗）

已知问题与注意事项

• backdrop-filter 创建包含块会困住固定 / 绝对定位浮层（设置弹窗、头部后台任务面板两个案例）
• box-sizing 不继承，button 在 flex 中不自动拉伸
• 拆除玻璃卡必须同步从 O 节 sheen 组移除（否则透明容器留方角残影）
• 产品「环境自适应」装饰（如列表底部渐隐 .qDHVXG_fade）换肤后最易显形