用 Tamper-monkey 集成 Kagi Translate - 以及用 Docker Sandbox 使用 OpenCode 和 DeepSeek

我現在主要用 Kagi Translate 閱讀外文， Kagi Translate 提供了 瀏覧器插件，有三個我常用的功能： 1) 網頁全文翻譯 2) 選擇內容翻譯 3) 字典定義。但插件很久沒更新了，最近用下來也有兩個很影响使用的地方：

1. 網頁翻譯有時會吞掉一些文章內容；有的段落可能只翻譯了一兩個單詞。原來我可以打開一堆頁面，然後全部翻譯，哪個翻譯好了我就看哪個，現在我還要檢查內容是否完整，用起來提心吊胆的。而且重新翻譯也未必有用，它是有緩存的，先要清空插件的緩存後才能触發新的翻譯，但清除緩存重新請求也未必正常，有時我需要切換目標語言或不同的翻譯質量才行。總之就是不穩定，不能放心地用。
2. 除了全文翻譯，我有時也會用到字典功能，去了解一個我不認識的單詞，但現在查詢結果經常是空白一片，也不清楚是什麼問題。唯一比較穩定的就是選擇內容翻譯了。

Kagi Translate 的網頁功能倒是一直在更新，每過几天就提示我刷新頁面获取新版本，網頁上也有一些插件上沒有的功能。於是我就想，網頁是相對稳定的，我能不能就用網頁功能呢？借助 Tampermonkey，我把 Kagi Translate 網頁塞在一個彈窗裡，通過快捷鍵調用，我用下來還挺滿意的。

下面分享一下整體功能。

使用網頁版的字典可以看到更多信息，也支持將單詞存到 Anki 裡複習。我挺喜歡集成的 Anki 功能的，但是插件裡沒有這個功能，只有網頁版有。之前我需要複製單詞，打開網頁才能用，用起來有些麻煩，所以我也很少用。現在我可以在任意頁面上直接調用，方便多了，這兩天用下來，新增了上百個單詞(不熟悉的單詞太多了)。單詞是從我閱讀的文章中获取的，相比那些預製的單詞集，它們更貼近我當前的水平，複習時也會更親切些，對它們也還留有一些印象。

因為打開的窗口比較細長，原始樣式下 Send to Anki 在最下面，需要多滾動一下才能看見，為了方便，我用 openstyles/stylus 覆盖了 Anki 彈窗的樣，隱藏了一些我不需要的信息，現在 Send to Anki 就可以直接在頁面上點擊了。相關覆盖樣式

應用在 https://translate.kagi.com/dictionary ，隱藏了 Preview 部分。

@media screen and (width <=700px) {
  .modal-container[data-modal-id="Export to Anki"] [role="dialog"] > div:nth-child(2) > div:first-child > div:nth-child(2) {
    display: none;
  }
}