玻璃幻境壁纸 sujiu0616-art/DSH-CustomWallpapers-Glassmorphism-Theme

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 / 阴影独立调校，深色模式低透明度原生和谐
- 滚动守护：对抗内容塌缩与原生锚定导致的阅读位置漂移（按顶锚点行补偿），跟底保持器防止跟底失效；window.__scrollDiag 为诊断入口

技术要点

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

已知问题与注意事项

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