前言¶
在 DeepSeek Harness（DSH）裏，若你已用 @hytime/dsh-thinking-effort 在 composer 中展示推理等級，默認樣式是一條 4px 細線、實心藍填充和大白圓點，視覺偏「系統控件」。若你希望檔位條更像一條可識別的品牌膠囊——漸變、星點、慢速流光——又不想自己 fork 上游改 DOM，可以在上游插件之上疊一層純 CSS 皮膚。
下面介紹社區插件 dsh-effort-ultra-skin（維護者 LoveIrishCoffee，GitHub：LoveIrishCoffee/dsh-effort-ultra-skin）。它不繪製任何 UI，只重繪 @hytime/dsh-thinking-effort 已渲染出來的推理檔位控件；SkillHub 分類爲「趣味換裝」。
這是什麼¶
dsh-effort-ultra-skin 是 DSH 推理檔位控件的換膚插件：把上游畫出的推理等級條重繪成 藍→紫漸變膠囊，軌道內帶星點，約每 2.6 秒有一道柔光掃過。宿主側幾乎不註冊能力，瀏覽器側往 <head> 注入樣式，並用 MutationObserver 在最高檔時打上 data-effort-tier="ultra"，以便星點與流光加速並加上紫色內描邊。
一句話：上游 @hytime/dsh-thinking-effort 是發動機，本插件是貼紙。 未裝或未啓用上游時，本皮膚的選擇器匹配不到目標，檔位條與 chip 會一起不可用。
換膚前後對比¶
| 位置 | 換皮膚前 | 換皮膚後 |
|---|---|---|
| composer 裏的摺疊 chip | 灰底膠囊，模型 │ 檔位 之間一條細豎線 |
淡藍紫漸變膠囊，檔位名變成獨立着色小膠囊 |
| 展開後的檔位條 | 4px 細線、實心藍、每檔一個大白圓點、原生滑塊拇指 | 24px 漸變膠囊、白星點、流光掃過、圓點與拇指隱藏 |
| 面板右上角檔位名 | 品牌色純色文字 | 藍→紫漸變文字 |
| 最高檔 | 與其它檔無差別 | 星點與流光加速，並加一圈紫色內描邊 |
淺色與深色主題各有一套配色，會跟隨系統主題。系統開啓「減弱動效」時，星點與流光會自動停用。
依賴（必裝）¶
- 必須先安裝並啓用
@hytime/dsh-thinking-effort。 - 不要卸載上游 —— 卸載後本插件無法匹配 DOM，相關 UI 會消失。
本插件 peer 依賴 @deepseek-ai/cordis（package.json 中爲 ^4.0.2），隨 DSH 插件體系加載；當前包版本 0.1.0，授權 MIT。
安裝與啓用¶
安裝前請自行查看倉庫源碼與許可證；插件在 當前 DSH 進程權限 下運行，與從 npm 或 GitHub 安裝的其他 DSH 插件相同。
步驟順序：先裝上游，再裝皮膚，最後重啓 DSH。
從 npm（推薦）¶
將 <你的 profile> 換成實際 profile 名：
dsh plugin --profile <你的 profile> add dsh-effort-ultra-skin
從 GitHub¶
倉庫已提交編譯產物 dist/，無需本地構建：
dsh plugin --profile <你的 profile> add github:LoveIrishCoffee/dsh-effort-ultra-skin
上游控件需單獨安裝（具體命令以 @hytime/dsh-thinking-effort 文檔爲準）。兩種安裝方式完成後 重啓 DSH 生效。
卸載¶
dsh plugin --profile <你的 profile> remove dsh-effort-ultra-skin
卸載或停用時會清理注入的 <style> 以及 data-effort-tier 屬性，README 說明瀏覽器側 不殘留 相關標記。
典型用法¶
本插件 沒有 獨立配置界面或 CLI 子命令；啓用後自動作用於上游已渲染的推理檔位區域。
日常使用： 在 DSH Web UI 中像平時一樣切換推理檔位即可。最高檔判定讀取 range 輸入框的 min / max（value === max 即爲最高檔），不解析 中/英/日等檔位文案，本地化名稱仍可正確觸發 Ultra 樣式。
自定義配色（改源碼後需自行構建並安裝本地包）： 編輯 lib/client.js 頂部的 --effort-* 變量：
| 變量 | 作用 |
|---|---|
--effort-a |
漸變起點（藍） |
--effort-b |
漸變中段 |
--effort-c |
漸變終點（紫），光暈與最高檔描邊 |
--effort-star |
星點顏色 |
--effort-glow |
光暈與投影 |
--effort-track-h |
軌道高度（默認 24px） |
若不需要流光，可刪除 CSS 中 >:first-child>:first-child::after 對應規則（見 README「換配色」一節）。
實現要點與範圍¶
- 宿主半邊：惰性佔位，不註冊路由、工具或服務。
- 瀏覽器半邊：注入全局樣式；監聽檔位輸入框的
value/aria-*，爲最高檔設置data-effort-tier="ultra"。 - 覆蓋範圍：僅推理檔位控件；不修改模型下拉、composer 其它控件或全局材質。
漸變紫色未完全走 DSH --dsw-alias-* 令牌（令牌表無紫色），因此 --effort-* 以字面量定義；其餘顏色儘量走 alias 並帶兜底。
適用場景與注意¶
適合誰： 已使用 @hytime/dsh-thinking-effort、希望在不動上游邏輯的前提下統一視覺的 DSH 用戶；分類上屬於「趣味換裝」，偏 UI 表達而非推理能力本身。
已知限制（來自 README）：
- 綁定上游 DOM 約定。 選擇器依賴上游的
data-seat-*與結構位置，不用 CSS-module 哈希類名；上游若改屬性或層級，皮膚會 靜默失效（設計上不會半生效錯位）。 - 只服務推理檔位。 其它 composer 控件不受影響。
- 生態位置。 DSH 社區插件目錄在 SkillHub 等獨立站點展示，與 DeepSeek / 幻方無官方從屬關係；安裝與審閱源碼仍由使用者自行負責。
結尾¶
經過上面的步驟，你可以在保留 @hytime/dsh-thinking-effort 行爲的前提下，把推理檔位條換成藍紫漸變、星點與流光的膠囊樣式。目錄頁：SkillHub - dsh-effort-ultra-skin；源碼與截圖說明：GitHub - LoveIrishCoffee/dsh-effort-ultra-skin。
