Update version number: 2.0.12

fix: clean content html
fix: add context for setting provider
2025-11-22 21:17:06 +08:00 · 2025-11-22 21:16:35 +08:00 · 2025-11-22 18:15:07 +08:00 · 2025-11-22 17:24:02 +08:00 · 2025-11-22 01:36:03 +08:00 · 2025-11-22 00:20:58 +08:00
58 changed files with 2055 additions and 571 deletions
--- a/.env
+++ b/.env
@@ -2,7 +2,7 @@ GENERATE_SOURCEMAP=false

 REACT_APP_NAME=KISS Translator
 REACT_APP_NAME_CN=简约翻译
-REACT_APP_VERSION=2.0.8
+REACT_APP_VERSION=2.0.12

 REACT_APP_HOMEPAGE=https://github.com/fishjar/kiss-translator

--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -7,15 +7,15 @@ on:

 jobs:
  build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
    steps:
      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v4
        with:
-          version: latest
+          version: 9.14.4
      - uses: actions/setup-node@v4
        with:
-          node-version: latest
+          node-version: 24
          cache: "pnpm"
      - run: pnpm install
      - run: pnpm build+zip
@@ -25,7 +25,7 @@ jobs:
          path: build
  deploy-web:
    needs: build
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
    steps:
      - uses: actions/checkout@v4
      - uses: actions/download-artifact@v4
@@ -38,7 +38,7 @@ jobs:
          folder: build/web
  create-release:
    needs: build
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
    outputs:
      upload_url: ${{ steps.create-release.outputs.upload_url }}
    steps:
@@ -56,7 +56,7 @@ jobs:
    strategy:
      matrix:
        client: ["chrome", "edge", "firefox", "userscript", "thunderbird"]
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
    steps:
      - uses: actions/checkout@v4
      - uses: actions/download-artifact@v4
--- a/.pnpm-version
+++ b/.pnpm-version
@@ -0,0 +1 @@
+9.14.4
--- a/README.en.md
+++ b/README.en.md
@@ -1,6 +1,6 @@
 # KISS Translator

-English | [简体中文](README.md)
+[English](README.en.md) | [中文](README.md) | [日本語](README.ja.md) | [한국어](README.ko.md)

 A simple, open source [bilingual translation extension & Greasemonkey script](https://github.com/fishjar/kiss-translator).

@@ -73,11 +73,11 @@ A simple, open source [bilingual translation extension & Greasemonkey script](ht
 > - Grease Monkey script will encounter more usage problems (cross domain issues, script conflicts, etc.)

 - [x] Browser extension
-  - [x] Chrome [Installation address](https://chrome.google.com/webstore/detail/kiss-translator/bdiifdefkgmcblbcghdlonllpjhhjgof?hl=zh-CN)
+  - [x] Chrome [Installation address](https://chrome.google.com/webstore/detail/kiss-translator/bdiifdefkgmcblbcghdlonllpjhhjgof?hl=en)
    - [x] Kiwi (Android)
    - [x] Orion (iOS)
-  - [x] Edge [Installation address](https://microsoftedge.microsoft.com/addons/detail/%E7%AE%80%E7%BA%A6%E7%BF%BB%E8%AF%91/jemckldkclkinpjighnoilpbldbdmmlh?hl=zh-CN)
-  - [x] Firefox [Installation address](https://addons.mozilla.org/zh-CN/firefox/addon/kiss-translator/)
+  - [x] Edge [Installation address](https://microsoftedge.microsoft.com/addons/detail/%E7%AE%80%E7%BA%A6%E7%BF%BB%E8%AF%91/jemckldkclkinpjighnoilpbldbdmmlh?hl=en)
+  - [x] Firefox [Installation address](https://addons.mozilla.org/en-US/firefox/addon/kiss-translator/)
  - [ ] Safari
    - [ ] Safari (Mac)
    - [ ] Safari (iOS)
@@ -141,10 +141,6 @@ Example reference: [custom-api_v2.md](https://github.com/fishjar/kiss-translator

 Settings page address: https://fishjar.github.io/kiss-translator/options.html

-### Subtitle Translation Tips
-
-As long as the KT button is on (blue background with white text), you don't need to click it multiple times. Just click the original subtitle button in the YouTube player and wait for the bilingual subtitles to appear automatically.
-
 ## Future Plans 

 This is a side project with no strict timeline. Community contributions are welcome. The following are preliminary feature directions:
--- a/README.ja.md
+++ b/README.ja.md
@@ -0,0 +1,173 @@
+# KISS Translator シンプル翻訳
+
+[English](README.en.md) | [中文](README.md) | [日本語](README.ja.md) | [한국어](README.ko.md)
+
+シンプルでオープンソースの [バイリンガル対照翻訳拡張機能＆ユーザースクリプト](https://github.com/fishjar/kiss-translator)です。
+
+[kiss-translator.webm](https://github.com/fishjar/kiss-translator/assets/1157624/f7ba8a5c-e4a8-4d5a-823a-5c5c67a0a47f)
+
+## 特徴
+
+- [x] シンプルさを維持
+- [x] オープンソース
+- [x] 主要なブラウザに対応
+  - [x] Chrome/Edge
+  - [x] Firefox
+  - [x] Kiwi (Android)
+  - [x] Orion (iOS)
+  - [x] Safari
+  - [x] Thunderbird
+- [x] 複数の翻訳サービスをサポート
+  - [x] Google/Microsoft
+  - [x] Tencent/Volcengine
+  - [x] OpenAI/Gemini/Claude/Ollama/DeepSeek/OpenRouter
+  - [x] DeepL/DeepLX/NiuTrans
+  - [x] AzureAI/CloudflareAI
+  - [x] Chromeブラウザ内蔵AI翻訳(BuiltinAI)
+- [x] 一般的な翻訳シナリオをカバー
+  - [x] Webページのバイリンガル対照翻訳
+  - [x] 入力ボックス翻訳
+    - ショートカットキーで入力ボックス内のテキストを即座に他言語に翻訳
+  - [x] テキスト選択翻訳
+    - [x] 任意のページで翻訳ボックスを開き、複数の翻訳サービスで比較翻訳が可能
+    - [x] 英語辞書翻訳
+    - [x] 単語のブックマーク
+  - [x] マウスオーバー翻訳
+  - [x] YouTube 字幕翻訳
+    - 任意の翻訳サービスを使用してビデオ字幕を翻訳し、バイリンガル表示をサポート
+    - 基本的な字幕結合・改行アルゴリズムを内蔵し、翻訳品質を向上
+    - AIによる改行機能をサポートし、翻訳品質をさらに向上
+    - 字幕スタイルのカスタマイズ
+- [x] 多様な翻訳効果をサポート
+  - [x] テキスト自動認識と手動ルールの2つのモードをサポート
+    - テキスト自動認識モードにより、ほとんどのWebサイトでルールを記述しなくても完全な翻訳が可能
+    - 手動ルールモードで、特定のWebサイトに合わせた最適な最適化が可能
+  - [x] 翻訳テキストスタイルのカスタマイズ
+  - [x] リッチテキストの翻訳と表示をサポートし、原文のリンクやその他のテキストスタイルを可能な限り保持
+  - [x] 翻訳文のみの表示（原文を非表示）をサポート
+- [x] 翻訳APIの高度な機能
+  - [x] カスタムAPIにより、理論上あらゆる翻訳インターフェースをサポート
+  - [x] 翻訳テキストの統合バッチ送信
+  - [x] AIコンテキスト（会話メモリ）機能をサポートし、翻訳品質を向上
+  - [x] カスタムAI用語集
+  - [x] すべてのインターフェースがフックやカスタムパラメータなどの高度な機能をサポート
+- [x] クライアント間のデータ同期
+  - [x] KISS-Worker（cloudflare/docker）
+  - [x] WebDAV
+- [x] カスタム翻訳ルール
+  - [x] ルールの購読/ルール共有
+  - [x] カスタム専門用語
+- [x] カスタムショートカットキー
+  - `Alt+Q` 翻訳をオン
+  - `Alt+C` スタイル切り替え
+  - `Alt+K` 設定ポップアップを開く
+  - `Alt+S` 翻訳ポップアップを開く/選択テキストを翻訳
+  - `Alt+O` 設定ページを開く
+  - `Alt+I` 入力ボックス翻訳
+
+## インストール
+
+> 注：以下の理由により、ブラウザ拡張機能の使用を優先することをお勧めします
+>
+> - ブラウザ拡張機能の方が機能が完全です（ローカル言語認識、右クリックメニューなど）
+> - ユーザースクリプトはより多くの問題（クロスドメイン問題、スクリプトの競合など）に遭遇する可能性があります
+
+- [x] ブラウザ拡張機能
+  - [x] Chrome [インストール](https://chrome.google.com/webstore/detail/kiss-translator/bdiifdefkgmcblbcghdlonllpjhhjgof?hl=ja)
+    - [x] Kiwi (Android)
+    - [x] Orion (iOS)
+  - [x] Edge [インストール](https://microsoftedge.microsoft.com/addons/detail/%E7%AE%80%E7%BA%A6%E7%BF%BB%E8%AF%91/jemckldkclkinpjighnoilpbldbdmmlh?hl=ja)
+  - [x] Firefox [インストール](https://addons.mozilla.org/ja/firefox/addon/kiss-translator/)
+  - [ ] Safari
+    - [ ] Safari (Mac)
+    - [ ] Safari (iOS) 
+  - [x] Thunderbird [ダウンロード](https://github.com/fishjar/kiss-translator/releases)
+- [x] ユーザースクリプト
+  - [x] Chrome/Edge/Firefox ([Tampermonkey](https://www.tampermonkey.net/)/[Violentmonkey](https://violentmonkey.github.io/)) [インストールリンク](https://fishjar.github.io/kiss-translator/kiss-translator.user.js)
+    - [Greasy Fork](https://greasyfork.org/zh-CN/scripts/472840-kiss-translator)
+  - [x] iOS Safari ([Userscripts Safari](https://github.com/quoid/userscripts)) [インストールリンク](https://fishjar.github.io/kiss-translator/kiss-translator-ios-safari.user.js)
+
+## 関連プロジェクト
+
+- データ同期サービス: [https://github.com/fishjar/kiss-worker](https://github.com/fishjar/kiss-worker)
+  - 本プロジェクトのデータ同期サービスとして使用できます。
+  - 個人のプライベートなルールリストの共有にも使用できます。
+  - セルフホスト、セルフマネジメント、データはプライベート。
+- コミュニティ購読ルール: [https://github.com/fishjar/kiss-rules](https://github.com/fishjar/kiss-rules)
+  - コミュニティによってメンテナンスされた、最新かつ最も完全な購読ルールリストを提供します。
+  - ルール関連の問題についての助けを求める。
+
+## よくある質問（FAQ）
+
+### ショートカットキーの設定方法
+
+拡張機能の管理ページで設定します。例： 
+
+- chrome [chrome://extensions/shortcuts](chrome://extensions/shortcuts)
+- firefox [about:addons](about:addons)
+
+### ルール設定の優先順位は？
+
+個人ルール > 購読ルール > グローバルルール
+
+グローバルルールの優先順位は最も低いですが、フォールバックルールとして非常に重要です。
+
+### API（Ollamaなど）のテストに失敗する
+
+APIテストの失敗には、一般的に以下の原因が考えられます：
+
+- アドレスが間違っている：
+  - 例えば `Ollama` にはネイティブAPIアドレスと `Openai` 互換のアドレスがありますが、本プラグインは現在、`Openai` 互換アドレスをサポートしており、`Ollama` ネイティブAPIアドレスはサポートしていません
+- 一部のAIモデルが統合翻訳をサポートしていない：
+  - この場合、統合翻訳を無効にするか、カスタムAPIを使用して対応できます。
+  - または、カスタムAPIを使用して対応します。詳細は[カスタムAPIサンプルドキュメント](https://github.com/fishjar/kiss-translator/blob/master/custom-api_v2.md)を参照してください
+- 一部のAIモデルでパラメータが一致しない：
+  - 例えば `Gemini` のネイティブAPIはパラメータの不一致が大きく、一部のバージョンのモデルが特定のパラメータをサポートしていないためエラーが返されることがあります。
+  - この場合、`Hook` を使用してリクエスト `body` を変更するか、`Gemini2` (`Openai` 互換アドレス) に切り替えることができます
+- サーバーのクロスドメイン制限によりアクセスが拒否され、403エラーが返される：
+  - 例えば `Ollama` を起動する際に、環境変数 `OLLAMA_ORIGINS=*` を追加する必要があります。参考：https://github.com/fishjar/kiss-translator/issues/174
+
+### 入力したAPIがユーザースクリプトで使用できない
+
+ユーザースクリプトは、リクエストを送信するためにドメインのホワイトリストを追加する必要があります。
+
+### カスタムAPIのhook関数の設定方法
+
+カスタムAPI機能は非常に強力で柔軟性があり、理論的にはどんな翻訳APIにも接続できます。
+
+サンプル参照： [custom-api_v2.md](https://github.com/fishjar/kiss-translator/blob/master/custom-api_v2.md)
+
+### ユーザースクリプトの設定ページに直接アクセスする方法
+
+設定ページアドレス： https://fishjar.github.io/kiss-translator/options.html
+
+## 今後の計画 
+
+ 本プロジェクトは余暇に開発しており、厳密なタイムスケジュールはありません。コミュニティの共同構築を歓迎します。以下は初期段階の機能の方向性です：
+
+- [x] **テキストの統合送信**：リクエスト戦略を最適化し、翻訳APIの呼び出し回数を減らし、パフォーマンスを向上させます。
+- [x] **リッチテキスト翻訳の強化**：より複雑なページ構造やリッチテキストコンテンツの正確な翻訳をサポートします。
+- [x] **カスタム/AI APIの強化**：コンテキストメモリ、複数ラウンドの対話など、高度なAI機能をサポートします。
+- [x] **英語辞書のフォールバックメカニズム**：翻訳サービスが利用できない場合、他の辞書に切り替えるか、ローカル辞書での検索にフォールバックします。
+- [x] **YouTube字幕サポートの最適化**：ストリーミング字幕の結合と翻訳体験を改善し、途切れを減らします。
+- [ ] **ルール共同構築メカニズムのアップグレード**：より柔軟なルールの共有、バージョン管理、コミュニティレビュープロセスを導入します。
+ 
+ 特定の方向に興味がある場合は、[Issues](https://github.com/fishjar/kiss-translator/issues) で議論したり、PRを送信したりすることを歓迎します！
+
+## 開発ガイド
+
+```sh
+git clone [https://github.com/fishjar/kiss-translator.git](https://github.com/fishjar/kiss-translator.git)
+cd kiss-translator
+git checkout dev # PRを送信する場合はdevブランチにプッシュすることをお勧めします
+pnpm install
+pnpm build
+```
+
+## コミュニケーション
+
+- [Telegram グループ](https://t.me/+RRCu_4oNwrM2NmFl)に参加
+
+## 寄付
+
+![appreciate](https://github.com/fishjar/kiss-translator/assets/1157624/ebaecabe-2934-4172-8085-af236f5ee399)
--- a/README.ko.md
+++ b/README.ko.md
@@ -0,0 +1,174 @@
+# KISS Translator 심플 번역
+
+[English](README.en.md) | [中文](README.md) | [日本語](README.ja.md) | [한국어](README.ko.md)
+
+심플하고 오픈 소스인 [이중 언어 대조 번역 확장 프로그램 & 유저 스크립트](https://github.com/fishjar/kiss-translator)입니다.
+
+[kiss-translator.webm](https://github.com/fishjar/kiss-translator/assets/1157624/f7ba8a5c-e4a8-4d5a-823a-5c5c67a0a47f)
+
+## 특징
+
+- [x] 심플함 유지
+- [x] 오픈 소스
+- [x] 주요 브라우저 지원
+  - [x] Chrome/Edge
+  - [x] Firefox
+  - [x] Kiwi (Android)
+  - [x] Orion (iOS)
+  - [x] Safari
+  - [x] Thunderbird
+- [x] 다양한 번역 서비스 지원
+  - [x] Google/Microsoft
+  - [x] Tencent/Volcengine
+  - [x] OpenAI/Gemini/Claude/Ollama/DeepSeek/OpenRouter
+  - [x] DeepL/DeepLX/NiuTrans
+  - [x] AzureAI/CloudflareAI
+  - [x] Chrome 브라우저 내장 AI 번역(BuiltinAI)
+- [x] 일반적인 번역 시나리오 지원
+  - [x] 웹페이지 이중 언어 대조 번역
+  - [x] 입력창 번역
+    - 단축키를 통해 입력창 내 텍스트를 즉시 다른 언어로 번역
+  - [x] 텍스트 선택 번역
+    - [x] 모든 페이지에서 번역창을 열어 여러 번역 서비스로 비교 번역 가능
+    - [x] 영어 사전 번역
+    - [x] 단어 즐겨찾기
+  - [x] 마우스오버 번역
+  - [x] YouTube 자막 번역
+    - 모든 번역 서비스를 사용하여 비디오 자막을 번역하고 이중 언어로 표시 지원
+    - 기본적인 자막 병합 및 줄 바꿈 알고리즘 내장으로 번역 품질 향상
+    - AI 줄 바꿈 기능 지원으로 번역 품질 추가 향상
+    - 사용자 정의 자막 스타일
+- [x] 다양한 번역 효과 지원
+  - [x] 자동 텍스트 인식 및 수동 규칙 두 가지 모드 지원
+    - 자동 텍스트 인식 모드는 대부분의 웹사이트에서 규칙 작성 없이도 완벽한 번역 가능
+    - 수동 규칙 모드로 특정 웹사이트에 대한 최적의 최적화 가능
+  - [x] 번역문 스타일 사용자 정의
+  - [x] 리치 텍스트 번역 및 표시 지원, 원문의 링크 및 기타 텍스트 스타일 최대한 보존
+  - [x] 번역문만 표시 (원문 숨기기) 지원
+- [x] 번역 인터페이스 고급 기능
+  - [x] 사용자 정의 인터페이스를 통해 이론상 모든 번역 인터페이스 지원
+  - [x] 번역 텍스트 일괄 통합 전송
+  - [x] AI 컨텍스트 (대화 기억) 기능 지원으로 번역 품질 향상
+  - [x] 사용자 정의 AI 용어 사전
+  - [x] 모든 인터페이스는 후크 및 사용자 정의 파라미터 등 고급 기능 지원
+- [x] 클라이언트 간 데이터 동기화
+  - [x] KISS-Worker (cloudflare/docker)
+  - [x] WebDAV
+- [x] 사용자 정의 번역 규칙
+  - [x] 규칙 구독 / 규칙 공유
+  - [x] 사용자 정의 전문 용어
+- [x] 사용자 정의 단축키
+  - `Alt+Q` 번역 켜기
+  - `Alt+C` 스타일 전환
+  - `Alt+K` 설정 팝업 열기
+  - `Alt+S` 번역 팝업 열기 / 선택한 텍스트 번역
+  - `Alt+O` 설정 페이지 열기
+  - `Alt+I` 입력창 번역
+
+## 설치
+
+> 참고: 다음과 같은 이유로 브라우저 확장 프로그램 사용을 우선적으로 권장합니다.
+>
+> - 브라우저 확장 프로그램의 기능이 더 완전합니다 (로컬 언어 인식, 우클릭 메뉴 등).
+> - 유저 스크립트는 사용상 더 많은 문제 (크로스 도메인 문제, 스크립트 충돌 등)를 겪을 수 있습니다.
+
+- [x] 브라우저 확장 프로그램
+  - [x] Chrome [설치 주소](https://chrome.google.com/webstore/detail/kiss-translator/bdiifdefkgmcblbcghdlonllpjhhjgof?hl=ko)
+    - [x] Kiwi (Android)
+    - [x] Orion (iOS)
+  - [x] Edge [설치 주소](https://microsoftedge.microsoft.com/addons/detail/%E7%AE%80%E7%BA%A6%E7%BF%BB%E8%AF%91/jemckldkclkinpjighnoilpbldbdmmlh?hl=ko)
+  - [x] Firefox [설치 주소](https://addons.mozilla.org/ko/firefox/addon/kiss-translator/)
+  - [ ] Safari
+    - [ ] Safari (Mac)
+    - [ ] Safari (iOS) 
+  - [x] Thunderbird [다운로드 주소](https://github.com/fishjar/kiss-translator/releases)
+- [x] 유저 스크립트
+  - [x] Chrome/Edge/Firefox ([Tampermonkey](https://www.tampermonkey.net/)/[Violentmonkey](https://violentmonkey.github.io/)) [설치 링크](https://fishjar.github.io/kiss-translator/kiss-translator.user.js)
+    - [Greasy Fork](https://greasyfork.org/zh-CN/scripts/472840-kiss-translator)
+  - [x] iOS Safari ([Userscripts Safari](https://github.com/quoid/userscripts)) [설치 링크](https://fishjar.github.io/kiss-translator/kiss-translator-ios-safari.user.js)
+
+## 관련 프로젝트
+
+- 데이터 동기화 서비스: [https://github.com/fishjar/kiss-worker](https://github.com/fishjar/kiss-worker)
+  - 본 프로젝트의 데이터 동기화 서비스로 사용할 수 있습니다.
+  - 개인의 비공개 규칙 목록을 공유하는 데에도 사용할 수 있습니다.
+  - 직접 배포, 직접 관리, 데이터 비공개.
+- 커뮤니티 구독 규칙: [https://github.com/fishjar/kiss-rules](https://github.com/fishjar/kiss-rules)
+  - 커뮤니티에서 유지 관리하는 최신의 가장 완벽한 구독 규칙 목록을 제공합니다.
+  - 규칙 관련 문제에 대한 도움 요청.
+
+## 자주 묻는 질문 (FAQ)
+
+### 단축키는 어떻게 설정하나요?
+
+플러그인 관리 페이지에서 설정합니다. 예: 
+
+- chrome [chrome://extensions/shortcuts](chrome://extensions/shortcuts)
+- firefox [about:addons](about:addons)
+
+### 규칙 설정의 우선순위는 어떻게 되나요?
+
+개인 규칙 > 구독 규칙 > 전역 규칙
+
+그중 전역 규칙은 우선순위가 가장 낮지만, 예비 규칙으로서 매우 중요합니다.
+
+### 인터페이스 (Ollama 등) 테스트 실패
+
+일반적으로 인터페이스 테스트 실패는 다음과 같은 몇 가지 원인이 있습니다:
+
+- 주소를 잘못 입력한 경우:
+  - 예를 들어 `Ollama`는 네이티브 인터페이스 주소와 `Openai` 호환 주소가 있습니다. 본 플러그인은 현재 `Openai` 호환 주소를 통일되게 지원하며, `Ollama` 네이티브 인터페이스 주소는 지원하지 않습니다.
+- 일부 AI 모델이 통합 번역을 지원하지 않는 경우:
+  - 이 경우 통합 번역을 비활성화하거나 사용자 정의 인터페이스 방식을 통해 사용할 수 있습니다.
+  - 또는 사용자 정의 인터페이스 방식을 통해 사용합니다. 자세한 내용은 [사용자 정의 인터페이스 예시 문서](https://github.com/fishjar/kiss-translator/blob/master/custom-api_v2.md)를 참조하세요.
+- 일부 AI 모델의 파라미터가 일치하지 않는 경우:
+  - 예를 들어 `Gemini` 네이티브 인터페이스 파라미터는 매우 불일치하며, 일부 버전의 모델은 특정 파라미터를 지원하지 않아 오류를 반환할 수 있습니다.
+  - 이 경우 `Hook`을 사용하여 요청 `body`를 수정하거나, `Gemini2` (`Openai` 호환 주소)로 변경할 수 있습니다.
+- 서버의 크로스 도메인 접근 제한으로 403 오류가 반환되는 경우:
+  - 예를 들어 `Ollama` 시작 시 환경 변수 `OLLAMA_ORIGINS=*`를 추가해야 합니다. 참고: https://github.com/fishjar/kiss-translator/issues/174
+
+### 입력한 인터페이스를 유저 스크립트에서 사용할 수 없습니다
+
+유저 스크립트는 도메인 화이트리스트를 추가해야 요청을 보낼 수 있습니다.
+
+### 사용자 정의 인터페이스의 hook 함수는 어떻게 설정하나요?
+
+사용자 정의 인터페이스 기능은 매우 강력하고 유연하며, 이론적으로 어떤 번역 인터페이스든 연결할 수 있습니다.
+
+예시 참고: [custom-api_v2.md](https://github.com/fishjar/kiss-translator/blob/master/custom-api_v2.md)
+
+### 유저 스크립트 설정 페이지로 바로 이동하는 방법
+
+설정 페이지 주소: https://fishjar.github.io/kiss-translator/options.html
+
+## 향후 계획 
+
+ 본 프로젝트는 여가 시간에 개발되며, 엄격한 시간표는 없습니다. 커뮤니티의 공동 구축을 환영합니다. 다음은 초기 구상 중인 기능 방향입니다:
+
+- [x] **텍스트 통합 전송**: 요청 전략을 최적화하여 번역 인터페이스 호출 횟수를 줄이고 성능을 향상시킵니다.
+- [x] **리치 텍스트 번역 강화**: 더 복잡한 페이지 구조와 리치 텍스트 콘텐츠의 정확한 번역을 지원합니다.
+- [x] **사용자 정의/AI 인터페이스 강화**: 컨텍스트 기억, 다중 턴 대화 등 고급 AI 기능을 지원합니다.
+- [x] **영어 사전 예비 메커니즘**: 번역 서비스가 실패할 경우 다른 사전으로 전환하거나 로컬 사전 조회로 대체합니다.
+- [x] **YouTube 자막 지원 최적화**: 스트리밍 자막의 병합 및 번역 경험을 개선하고, 끊김을 줄입니다.
+- [ ] **규칙 공동 구축 메커니즘 업그레이드**: 더 유연한 규칙 공유, 버전 관리 및 커뮤니티 검토 프로세스를 도입합니다.
+ 
+ 특정 방향에 관심이 있다면, [Issues](https://github.com/fishjar/kiss-translator/issues)에서 토론하거나 PR을 제출해 주세요!
+
+## 개발 가이드
+
+```sh
+git clone [https://github.com/fishjar/kiss-translator.git](https://github.com/fishjar/kiss-translator.git)
+cd kiss-translator
+git checkout dev # PR 제출 시 dev 브랜치로 푸시하는 것을 권장합니다
+pnpm install
+pnpm build
+```
+
+## 커뮤니티
+
+- [Telegram 그룹](https://t.me/+RRCu_4oNwrM2NmFl) 가입
+
+## 후원
+
+![appreciate](https://github.com/fishjar/kiss-translator/assets/1157624/ebaecabe-2934-4172-8085-af236f5ee399)
+
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-# 简约翻译
+# KISS Translator 简约翻译

-[English](README.en.md) | 简体中文
+[English](README.en.md) | [中文](README.md) | [日本語](README.ja.md) | [한국어](README.ko.md)

 一个简约、开源的 [双语对照翻译扩展 & 油猴脚本](https://github.com/fishjar/kiss-translator)。

@@ -141,10 +141,6 @@

 设置页面地址： https://fishjar.github.io/kiss-translator/options.html

-### 字幕翻译小技巧
-
-KT按钮只要是开启状态（蓝底白字），无需多次点击，只需点击开启Youtube播放器本来的字幕按钮，然后等待双语字幕自动呈现即可。
-
 ## 未来规划 

 本项目为业余开发，无严格时间表，欢迎社区共建。以下为初步设想的功能方向：
--- a/custom-api_v2.md
+++ b/custom-api_v2.md
@@ -5,6 +5,37 @@
 如果接口的请求数据和返回数据符合以下规范，
 则无需填写 `Request Hook` 或 `Response Hook`。

+
+### 非聚合翻译 (v2.0.9)
+
+Request body
+
+```json
+{
+  "text": "hello",    // 需要翻译的文本列表
+  "from":"auto",      // 原文语言
+  "to": "zh-CN"       // 目标语言
+}
+```
+
+Response
+
+```json
+{
+  "text": "你好",    // 译文
+  "src": "en"       // 原文语言
+}
+
+// 或者
+{
+  "text": "你好",    // 译文
+  "from": "en"       // 原文语言
+}
+```
+
+
+### 聚合翻译
+
 Request body

 ```json
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "kiss-translator",
  "description": "A minimalist bilingual translation Extension & Greasemonkey Script",
-  "version": "2.0.8",
+  "version": "2.0.12",
  "author": "Gabe<yugang2002@gmail.com>",
  "private": true,
  "dependencies": {
--- a/public/_locales/de/messages.json
+++ b/public/_locales/de/messages.json
@@ -0,0 +1,20 @@
+{
+  "app_name": {
+    "message": "KISS Übersetzer"
+  },
+  "app_description": {
+    "message": "Eine einfache zweisprachige Übersetzungs-Erweiterung und Greasemonkey-Skript"
+  },
+  "toggle_translate": {
+    "message": "Übersetzung umschalten"
+  },
+  "toggle_style": {
+    "message": "Stile umschalten"
+  },
+  "open_options": {
+    "message": "Einstellungen öffnen"
+  },
+  "open_tranbox": {
+    "message": "Popup-Fenster öffnen"
+  }
+}
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -6,15 +6,15 @@
    "message": "A simple bilingual translation extension & Greasemonkey script"
  },
  "toggle_translate": {
-    "message": "Toggle Translate"
+    "message": "Toggle Translation"
  },
  "toggle_style": {
-    "message": "Toggle Style"
+    "message": "Toggle Styles"
  },
  "open_options": {
-    "message": "Open Options"
+    "message": "Open Setting"
  },
  "open_tranbox": {
-    "message": "Translate Popup/Selected"
+    "message": "Open Popup Box"
  }
 }
--- a/public/_locales/es/messages.json
+++ b/public/_locales/es/messages.json
@@ -0,0 +1,20 @@
+{
+  "app_name": {
+    "message": "KISS Traductor"
+  },
+  "app_description": {
+    "message": "Una sencilla extensión y script de Greasemonkey para traducción bilingüe"
+  },
+  "toggle_translate": {
+    "message": "Alternar traducción"
+  },
+  "toggle_style": {
+    "message": "Cambiar estilo"
+  },
+  "open_options": {
+    "message": "Abrir configuración"
+  },
+  "open_tranbox": {
+    "message": "Abrir ventana emergente"
+  }
+}
--- a/public/_locales/fr/messages.json
+++ b/public/_locales/fr/messages.json
@@ -0,0 +1,20 @@
+{
+  "app_name": {
+    "message": "KISS Traducteur"
+  },
+  "app_description": {
+    "message": "Une extension et un script Greasemonkey de traduction bilingue simple"
+  },
+  "toggle_translate": {
+    "message": "Activer/désactiver la traduction"
+  },
+  "toggle_style": {
+    "message": "Changer de style"
+  },
+  "open_options": {
+    "message": "Ouvrir les paramètres"
+  },
+  "open_tranbox": {
+    "message": "Ouvrir la fenêtre contextuelle"
+  }
+}
--- a/public/_locales/ja/messages.json
+++ b/public/_locales/ja/messages.json
@@ -0,0 +1,20 @@
+{
+  "app_name": {
+    "message": "シンプル翻訳"
+  },
+  "app_description": {
+    "message": "シンプルなバイリンガル対訳翻訳拡張機能＆Tampermonkeyスクリプト"
+  },
+  "toggle_translate": {
+    "message": "翻訳の切り替え"
+  },
+  "toggle_style": {
+    "message": "スタイル切り替え"
+  },
+  "open_options": {
+    "message": "設定を開く"
+  },
+  "open_tranbox": {
+    "message": "ポップアップを開く"
+  }
+}
--- a/public/_locales/ko/messages.json
+++ b/public/_locales/ko/messages.json
@@ -0,0 +1,20 @@
+{
+  "app_name": {
+    "message": "심플 번역"
+  },
+  "app_description": {
+    "message": "심플한 이중 언어 대조 번역 확장 프로그램 & Tampermonkey 스크립트"
+  },
+  "toggle_translate": {
+    "message": "번역 켜기"
+  },
+  "toggle_style": {
+    "message": "스타일 전환"
+  },
+  "open_options": {
+    "message": "설정 열기"
+  },
+  "open_tranbox": {
+    "message": "팝업 열기"
+  }
+}
--- a/public/_locales/zh_CN/messages.json
+++ b/public/_locales/zh_CN/messages.json
@@ -15,6 +15,6 @@
    "message": "打开设置"
  },
  "open_tranbox": {
-    "message": "翻译弹窗/选中文字"
+    "message": "打开弹窗"
  }
 }
--- a/public/_locales/zh_TW/messages.json
+++ b/public/_locales/zh_TW/messages.json
@@ -0,0 +1,20 @@
+{
+  "app_name": {
+    "message": "簡約翻譯"
+  },
+  "app_description": {
+    "message": "一個簡約的雙語對照翻譯擴充功能與 Tampermonkey 腳本"
+  },
+  "toggle_translate": {
+    "message": "開啟翻譯"
+  },
+  "toggle_style": {
+    "message": "切換樣式"
+  },
+  "open_options": {
+    "message": "開啟設定"
+  },
+  "open_tranbox": {
+    "message": "開啟彈出視窗"
+  }
+}
--- a/public/content.html
+++ b/public/content.html
@@ -4,321 +4,11 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>%REACT_APP_NAME%</title>
-    <style>
-      img {
-        width: 1.2em;
-        height: 1.2em;
-      }
-
-      svg {
-        max-width: 1.2em;
-        max-height: 1.2em;
-      }
-    </style>
-    <script>
-      document.addEventListener('DOMContentLoaded', function () {
-        // (() => {
-        //   var shadow = document.querySelector("#shadow1");
-        //   var root = shadow.attachShadow({ mode: "open" });
-        //   var newLine = document.createElement("p");
-        //   newLine.innerText = "new line";
-        //   root.appendChild(newLine);
-        // })();
-
-        // setTimeout(function () {
-        //   var shadow = document.querySelector("#shadow2");
-        //   var root = shadow.attachShadow({ mode: "open" });
-        // }, 1000);
-
-        // setTimeout(() => {
-        //   var newLine = document.createElement("p");
-        //   newLine.innerText = "new line";
-        //   var shadow = document.querySelector("#shadow2");
-        //   shadow.shadowRoot.appendChild(newLine);
-        // }, 2000);
-
-        // setTimeout(() => {
-        //   var newLine = document.createElement("div");
-        //   newLine.innerHTML = "<p>second line</p><p>third line</p>";
-        //   var shadow = document.querySelector("#shadow2");
-        //   shadow.shadowRoot.appendChild(newLine);
-        // }, 3000);
-
-        // setTimeout(function () {
-        //   var el = document.querySelector("h2");
-        //   el.innerText = "hello world";
-
-        //   var title = document.querySelector("#addtitle");
-        //   title.innerHTML =
-        //     "<div><p>second title</p><ul><li>second title</li><li><p>second title</p></li></ul></div>";
-        // }, 1000);
-
-        setTimeout(function () {
-          var el = document.querySelector('h2>p>span');
-          el.innerText = 'hello world';
-        }, 1000);
-      });
-    </script>
  </head>

  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root">
-      <p>You need to enable <code>JavaScript</code> to run <span>this app.</span></p>
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <div id="content">
-        <p>You need to enable JavaScript to run <span>this app.</span></p>
-        The <span>embargo</span> has just lifted to confirm that AmpereOne is coming to
-        Google Cloud with the C3A instances.
-        <br />
-        But these upcoming instances for now are only in private preview form.
-        <br />
-        <br />
-        Needless to say I also haven't had any AmpereOne access to check out the
-        performance and power efficiency of these new Arm server processors from Ampere
-        Computing.
-        <br />
-      </div>
-      <h2>
-        <p>
-          <span>React is a JavaScript library for building user interfaces.</span>
-        </p>
-      </h2>
-      <hr />
-      <input id="input1" style="width: 80%" />
-      <hr />
-      <textarea id="textarea1" style="width: 80%">test</textarea>
-      <hr />
-      <div id="addtitle"></div>
-      <h2>Shadow 1</h2>
-      <div id="shadow1"></div>
-      <h2>Shadow 2</h2>
-      <div id="shadow2"></div>
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <h2>
-        React Server Components (or RSC) is a new application architecture designed by the
-        React team.
-      </h2>
-      <iframe
-        id="iframe1"
-        width="800px"
-        height="600px"
-        src="http://localhost:3000/index.html"></iframe>
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <h2>We’ve first shared our research on RSC in an introductory talk and an RFC.</h2>
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <h2>
-        To recap them, we are introducing a new kind of component—Server Components—that
-        run ahead of time and are excluded from your JavaScript bundle.
-      </h2>
-      <iframe id="iframe2" width="800px" height="600px" src="https://react.dev/"></iframe>
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <div class="cont cont1">
-        <h2>
-          Server Components can run during the build, letting you read from the filesystem
-          or fetch static content.
-        </h2>
-        <ul>
-          <li>
-            They can also run on the server, letting you access your data layer without
-            having to build an API. You can pass data by props from Server Components to
-            the interactive Client Components in the browser.
-          </li>
-          <li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
-        </ul>
-      </div>
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <br />
-      <div class="cont cont2">
-        <h2>
-          Since our last update, we have merged the React Server Components RFC to ratify
-          the proposal.
-        </h2>
-        <ul>
-          <li>
-            RSC combines the simple “request/response” mental model of server-centric
-            Multi-Page Apps with the seamless interactivity of client-centric Single-Page
-            Apps, giving you the best of both worlds.
-          </li>
-          <li>
-            React 使创建交互式 UI
-            变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React
-            能高效更新并渲染合适的组件。
-          </li>
-          <li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
-        </ul>
-      </div>
    </div>
    <!--
      This HTML file is a template.
--- a/public/manifest.firefox.json
+++ b/public/manifest.firefox.json
@@ -2,7 +2,7 @@
  "manifest_version": 2,
  "name": "__MSG_app_name__",
  "description": "__MSG_app_description__",
-  "version": "2.0.8",
+  "version": "2.0.12",
  "default_locale": "en",
  "author": "Gabe<yugang2002@gmail.com>",
  "homepage_url": "https://github.com/fishjar/kiss-translator",
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -2,7 +2,7 @@
  "manifest_version": 3,
  "name": "__MSG_app_name__",
  "description": "__MSG_app_description__",
-  "version": "2.0.8",
+  "version": "2.0.12",
  "default_locale": "en",
  "author": "Gabe<yugang2002@gmail.com>",
  "homepage_url": "https://github.com/fishjar/kiss-translator",
--- a/public/manifest.thunderbird.json
+++ b/public/manifest.thunderbird.json
@@ -2,7 +2,7 @@
  "manifest_version": 2,
  "name": "__MSG_app_name__",
  "description": "__MSG_app_description__",
-  "version": "2.0.8",
+  "version": "2.0.12",
  "default_locale": "en",
  "author": "Gabe<yugang2002@gmail.com>",
  "homepage_url": "https://github.com/fishjar/kiss-translator",
--- a/src/apis/trans.js
+++ b/src/apis/trans.js
@@ -589,8 +589,10 @@ const genCloudflareAI = ({ texts, from, to, url, key }) => {
  return { url, body, headers };
 };

-const genCustom = ({ texts, fromLang, toLang, url, key }) => {
-  const body = { texts, from: fromLang, to: toLang };
+const genCustom = ({ texts, fromLang, toLang, url, key, useBatchFetch }) => {
+  const body = useBatchFetch
+    ? { texts, from: fromLang, to: toLang }
+    : { text: texts[0], from: fromLang, to: toLang };
  const headers = {
    "Content-type": "application/json",
    Authorization: `Bearer ${key}`,
@@ -737,6 +739,13 @@ export const genTransReq = async ({ reqHook, ...args }) => {
  // 执行 request hook
  if (reqHook?.trim() && !events) {
    try {
+      const req = {
+        url,
+        body,
+        headers,
+        userMsg,
+        method,
+      };
      interpreter.run(`exports.reqHook = ${reqHook}`);
      const hookResult = await interpreter.exports.reqHook(
        {
@@ -745,20 +754,16 @@ export const genTransReq = async ({ reqHook, ...args }) => {
          defaultSubtitlePrompt,
          defaultNobatchPrompt,
          defaultNobatchUserPrompt,
+          req,
        },
-        {
-          url,
-          body,
-          headers,
-          userMsg,
-          method,
-        }
+        req
      );
      if (hookResult && hookResult.url) {
        return genInit(hookResult);
      }
    } catch (err) {
      kissLog("run req hook", err);
+      throw new Error(`Request hook error: ${err.message}`);
    }
  }

@@ -810,9 +815,12 @@ export const parseTransRes = async (
          history.add(userMsg, hookResult.modelMsg);
        }
        return hookResult.translations;
+      } else if (Array.isArray(hookResult)) {
+        return hookResult;
      }
    } catch (err) {
      kissLog("run res hook", err);
+      throw new Error(`Response hook error: ${err.message}`);
    }
  }

@@ -912,7 +920,10 @@ export const parseTransRes = async (
      }
      return parseAIRes(modelMsg?.content, useBatchFetch);
    case OPT_TRANS_CUSTOMIZE:
-      return (res?.translations ?? res)?.map((item) => [item.text, item.src]);
+      if (useBatchFetch) {
+        return (res?.translations ?? res)?.map((item) => [item.text, item.src]);
+      }
+      return [[res.text, res.src || res.from]];
    default:
  }

--- a/src/background.js
+++ b/src/background.js
@@ -15,8 +15,6 @@ import {
  MSG_UPDATE_CSP,
  MSG_BUILTINAI_DETECT,
  MSG_BUILTINAI_TRANSLATE,
-  DEFAULT_CSPLIST,
-  DEFAULT_ORILIST,
  CMD_TOGGLE_TRANSLATE,
  CMD_TOGGLE_STYLE,
  CMD_OPEN_OPTIONS,
@@ -37,7 +35,7 @@ import { injectInlineJsBg, injectInternalCss } from "./libs/injector";
 import { kissLog, logger } from "./libs/log";
 import { chromeDetect, chromeTranslate } from "./libs/builtinAI";

-globalThis.ContextType = "BACKGROUND";
+globalThis.__KISS_CONTEXT__ = "background";

 const CSP_RULE_START_ID = 1;
 const ORI_RULE_START_ID = 10000;
@@ -193,19 +191,21 @@ async function registerMsgDisplayScript() {
 /**
 * 插件安装
 */
-browser.runtime.onInstalled.addListener(() => {
-  tryInitDefaultData();
+browser.runtime.onInstalled.addListener(async () => {
+  await tryInitDefaultData();

  //在thunderbird中注册脚本
  if (process.env.REACT_APP_CLIENT === CLIENT_THUNDERBIRD) {
    registerMsgDisplayScript();
  }

+  const { contextMenuType, csplist, orilist } = await getSettingWithDefault();
+
  // 右键菜单
-  addContextMenus();
+  addContextMenus(contextMenuType);

  // 禁用CSP
-  updateCspRules({ csplist: DEFAULT_CSPLIST, orilist: DEFAULT_ORILIST });
+  updateCspRules({ csplist, orilist });
 });

 /**
--- a/src/common.js
+++ b/src/common.js
@@ -118,20 +118,22 @@ async function getFavWords(rule) {
 */
 export async function run(isUserscript = false) {
  try {
-    // if (document?.documentElement?.tagName?.toUpperCase() !== "HTML") {
-    //   return;
-    // }
-    if (!document?.contentType?.includes("html")) {
-      return;
-    }
-
    // 读取设置信息
    const setting = await getSettingWithDefault();

    // 日志
    logger.setLevel(setting.logLevel);

-    const href = document.location.href;
+    // if (document?.documentElement?.tagName?.toUpperCase() !== "HTML") {
+    //   return;
+    // }
+    const contentType = document?.contentType?.toLowerCase() || "";
+    if (!contentType.includes("text") && !contentType.includes("html")) {
+      logger.info("Skip running in document content type: ", contentType);
+      return;
+    }
+
+    const href = document?.location?.href || "";

    // 设置页面
    if (
--- a/src/config/api.js
+++ b/src/config/api.js
@@ -559,7 +559,6 @@ const defaultApiOpts = {
  },
  [OPT_TRANS_CUSTOMIZE]: {
    ...defaultApi,
-    url: "https://translate.googleapis.com/translate_a/single?client=gtx&dj=1&dt=t&ie=UTF-8&q={{text}}&sl=en&tl=zh-CN",
    reqHook: defaultRequestHook,
    resHook: defaultResponseHook,
  },
--- a/src/config/i18n.js
+++ b/src/config/i18n.js
--- a/src/config/quotes.js
+++ b/src/config/quotes.js
@@ -2,402 +2,708 @@ const quotes = [
  {
    en: "The unexamined life is not worth living.",
    zh: "未经审视的人生不值得过。",
+    zh_TW: "未經審視的人生不值得過。",
+    ja: "吟味されない人生は生きるに値しない。",
+    ko: "성찰하지 않는 삶은 살 가치가 없다。",
  },
  {
    en: "I think, therefore I am.",
    zh: "我思故我在。",
+    zh_TW: "我思故我在。",
+    ja: "我思う、ゆえに我あり。",
+    ko: "나는 생각한다, 고로 존재한다。",
  },
  {
    en: "He who has a why to live for can bear almost any how.",
    zh: "知道为何而活的人，几乎能忍受任何一种生活。",
+    zh_TW: "知道為何而活的人，幾乎能忍受任何一種生活。",
+    ja: "生きるための「なぜ」を持つ者は、ほとんどあらゆる「どのように」にも耐えることができる。",
+    ko: "살아야 할 이유를 아는 사람은 거의 모든 상황을 견딜 수 있다。",
  },
  {
    en: "Life is what happens when you're busy making other plans.",
    zh: "生活就是当你忙着制定其他计划时所发生的事情。",
+    zh_TW: "生活就是當你忙著制定其他計劃時所發生的事情。",
+    ja: "人生とは、他の計画を立てるのに忙しいときに起こるものだ。",
+    ko: "인생은 다른 계획을 세우느라 바쁠 때 일어나는 일이다。",
  },
  {
    en: "Get busy living or get busy dying.",
    zh: "要么忙着活，要么忙着死。",
+    zh_TW: "要么忙著活，要么忙著死。",
+    ja: "必死に生きるか、必死に死ぬかだ。",
+    ko: "바쁘게 살거나, 바쁘게 죽거나。",
  },
  {
    en: "We are what we repeatedly do. Excellence, then, is not an act, but a habit.",
    zh: "我们由我们反复做的事情构成的。因此，卓越不是一种行为，而是一种习惯。",
+    zh_TW:
+      "我們由我們反覆做的事情構成的。因此，卓越不是一種行為，而是一種習慣。",
+    ja: "我々は繰り返し行うことの集大成である。卓越とは行為ではなく、習慣なのだ。",
+    ko: "우리는 우리가 반복적으로 하는 일의 결과물이다. 그렇다면 탁월함은 행동이 아니라 습관이다。",
  },
  {
    en: "Man is condemned to be free.",
    zh: "人注定是自由的。",
+    zh_TW: "人註定是自由的。",
+    ja: "人間は自由であるように呪われている。",
+    ko: "인간은 자유롭도록 저주받았다。",
  },
  {
    en: "To be, or not to be: that is the question.",
    zh: "生存还是毁灭，这是一个问题。",
+    zh_TW: "生存還是毀滅，這是一個問題。",
+    ja: "生きるべきか、死ぬべきか、それが問題だ。",
+    ko: "죽느냐 사느냐, 그것이 문제로다。",
  },
  {
    en: "The purpose of life is not to be happy. It is to be useful, to be honorable, to be compassionate, to have it make some difference that you have lived and lived well.",
    zh: "人生的目的不是快乐，而是有用、高尚、富有同情心，让你活过并且活得好，从而使世界有所不同。",
+    zh_TW:
+      "人生的目的不是快樂，而是有用、高尚、富有同情心，讓你活過並且活得好，從而使世界有所不同。",
+    ja: "人生（じんせい）の目的（もくてき）は幸（しあわ）せになることではない。役（やく）に立（た）つこと、名誉（めいよ）あること、思（おも）いやりを持（も）つこと、そして自分（じぶん）が生（い）きてきたこと、よく生（い）きたことが何（なに）かの違（ちが）いをもたらすようにすることだ。",
+    ko: "삶의 목적은 행복해지는 것이 아니다. 유용하고, 명예롭고, 자비로우며, 당신이 살았고 잘 살았다는 것이 어떤 차이를 만들도록 하는 것이다。",
  },
  {
    en: "Life is 10% what happens to us and 90% how we react to it.",
    zh: "生活 10% 取决于发生在我们身上的事，90% 取决于我们如何反应。",
+    zh_TW: "生活 10% 取決於發生在我們身上的事，90% 取決於我們如何反應。",
+    ja: "人生は、我々に起こることが10％で、それにどう反応するかが90％だ。",
+    ko: "인생은 우리에게 일어나는 일이 10%이고, 그 일에 대해 우리가 어떻게 반응하느냐가 90%이다。",
  },
  {
    en: "The two most important days in your life are the day you are born and the day you find out why.",
    zh: "你一生中最重要的两天是：你出生的那天和你明白你为何出生的那天。",
+    zh_TW: "你一生中最重要的兩天是：你出生的那天和你明白你為何出生的那天。",
+    ja: "人生で最も重要な日は二日ある。生まれた日と、なぜ生まれたかを悟る日だ。",
+    ko: "당신의 인생에서 가장 중요한 날은 두 번이다. 당신이 태어난 날과 그 이유를 깨닫는 날이다。",
  },
  {
    en: "In three words I can sum up everything I've learned about life: it goes on.",
    zh: "关于人生，我所学到的一切可以总结为三个词：它在继续。",
+    zh_TW: "關於人生，我所學到的一切可以總結為三個詞：它在繼續。",
+    ja: "人生について学んだすべてを3語でまとめることができる。それは「それでも続く」ということだ。",
+    ko: "내가 인생에 대해 배운 모든 것을 세 단어로 요약할 수 있다: '삶은 계속된다'는 것이다。",
  },
  {
    en: "Not all those who wander are lost.",
    zh: "并非所有流浪者都迷失了方向。",
+    zh_TW: "並非所有流浪者都迷失了方向。",
+    ja: "さまよう者がすべて道に迷っているわけではない。",
+    ko: "방황하는 자가 다 길을 잃은 것은 아니다。",
  },
  {
    en: "Life is simple, but we insist on making it complicated.",
    zh: "生活本简单，但我们坚持要把它弄复杂。",
+    zh_TW: "生活本簡單，但我們堅持要把它弄複雜。",
+    ja: "人生はシンプルだ。だが我々はそれを複雑にしようと躍起になる。",
+    ko: "인생은 단순하지만, 우리가 복잡하게 만들기를 고집한다。",
  },
  {
    en: "Our life is what our thoughts make it.",
    zh: "我们的生活是由我们的思想造成的。",
+    zh_TW: "我們的生活是由我們的思想造成的。",
+    ja: "我々の人生は、我々の思考が作るものだ。",
+    ko: "우리의 삶은 우리의 생각이 만드는 것이다。",
  },
  {
    en: "Find purpose, the means will follow.",
    zh: "找到目标，方法自会随之而来。",
+    zh_TW: "找到目標，方法自會隨之而來。",
+    ja: "目的を見つけよ、手段は後からついてくる。",
+    ko: "목적을 찾으라, 수단은 따라올 것이다。",
  },
  {
    en: "The goal of life is living in agreement with nature.",
    zh: "生活的目标是与自然和谐相处。",
+    zh_TW: "生活的目標是與自然和諧相處。",
+    ja: "人生の目標は、自然と調和して生きることである。",
+    ko: "삶의 목표는 자연과 조화를 이루며 사는 것이다。",
  },
  {
    en: "The only true wisdom is in knowing you know nothing.",
    zh: "唯一的真正智慧在于知道自己一无所有。",
+    zh_TW: "唯一的真正智慧在於知道自己一無所有。",
+    ja: "唯一真の知恵は、自分が何も知らないことを知ることにある。",
+    ko: "유일한 참된 지혜는 자신이 아무것도 모른다는 것을 아는 것이다。",
  },
  {
    en: "Knowledge is power.",
    zh: "知识就是力量。",
+    zh_TW: "知識就是力量。",
+    ja: "知識は力なり。",
+    ko: "아는 것이 힘이다。",
  },
  {
    en: "Knowing yourself is the beginning of all wisdom.",
    zh: "了解自己是所有智慧的开端。",
+    zh_TW: "了解自己是所有智慧的開端。",
+    ja: "自分自身を知ることが、すべての知恵の始まりである。",
+    ko: "자신을 아는 것이 모든 지혜의 시작이다。",
  },
  {
    en: "The journey of a thousand miles begins with a single step.",
    zh: "千里之行，始于足下。",
+    zh_TW: "千里之行，始於足下。",
+    ja: "千里の道も一歩から。",
+    ko: "천 리 길도 한 걸음부터。",
  },
  {
    en: "The only source of knowledge is experience.",
    zh: "知识的唯一来源是经验。",
+    zh_TW: "知識的唯一來源是經驗。",
+    ja: "知識の唯一の源泉は経験である。",
+    ko: "지식의 유일한 원천은 경험이다。",
  },
  {
    en: "A fool thinks himself to be wise, but a wise man knows himself to be a fool.",
    zh: "愚者自以为聪明，智者自知愚蠢。",
+    zh_TW: "愚者自以為聰明，智者自知愚蠢。",
+    ja: "愚か者は自分を賢いと思うが、賢い者は自分が愚かであることを知っている。",
+    ko: "바보는 자신이 현명하다고 생각하지만, 현명한 사람은 자신이 바보라는 것을 안다。",
  },
  {
    en: "We learn from failure, not from success!",
    zh: "我们从失败中学习，而不是从成功中！",
+    zh_TW: "我們從失敗中學習，而不是從成功中！",
+    ja: "我々は成功からではなく、失敗から学ぶ！",
+    ko: "우리는 성공이 아닌, 실패로부터 배운다!",
  },
  {
    en: "The wise man is one who knows what he does not know.",
    zh: "智者，知其所不知。",
+    zh_TW: "智者，知其所不知。",
+    ja: "賢い者とは、自分が何を知らないかを知っている者である。",
+    ko: "현명한 사람은 자신이 모르는 것을 아는 사람이다。",
  },
  {
    en: "To know that we know what we know, and that we do not know what we do not know, that is true knowledge.",
    zh: "知之为知之，不知为不知，是知也。",
+    zh_TW: "知之為知之，不知為不知，是知也。",
+    ja: "知るを知るとなし、知らざるを知らずとなす、これ知るなり。",
+    ko: "아는 것을 안다고 하고, 모르는 것을 모른다고 하는 것, 그것이 참된 앎이다。",
  },
  {
    en: "Curiosity is the wick in the candle of learning.",
    zh: "好奇心是学习这支蜡烛的灯芯。",
+    zh_TW: "好奇心是學習這支蠟燭的燈芯。",
+    ja: "好奇心は、学習というロウソクの芯である。",
+    ko: "호기심은 배움이라는 촛불의 심지이다。",
  },
  {
    en: "It is the mark of an educated mind to be able to entertain a thought without accepting it.",
    zh: "能够容纳一种思想而不同意它，这是一个受过教育的头脑的标志。",
+    zh_TW: "能夠容納一種思想而不同意它，這是一個受過教育的頭腦的標誌。",
+    ja: "ある考えを受け入れずに、その考えを持ち続けることができるのが、教育ある精神の証である。",
+    ko: "어떤 생각을 받아들이지 않고도 그 생각을 해볼 수 있는 것이 교육받은 마음의 특징이다。",
  },
  {
    en: "Never stop questioning.",
    zh: "永远不要停止提问。",
+    zh_TW: "永遠不要停止提問。",
+    ja: "疑問を持つことを決してやめるな。",
+    ko: "질문하는 것을 절대 멈추지 마라。",
  },
  {
    en: "The man who asks a question is a fool for a minute, the man who does not ask is a fool for life.",
    zh: "问问题的人，只傻一分钟；不问的人，傻一生。",
+    zh_TW: "問問題的人，只傻一分鐘；不問的人，傻一生。",
+    ja: "問う者は一時の恥、問わぬ者は一生の恥。",
+    ko: "질문하는 사람은 1분 동안 바보가 되지만, 질문하지 않는 사람은 평생 바보가 된다。",
  },
  {
    en: "Wisdom is not a product of schooling but of the lifelong attempt to acquire it.",
    zh: "智慧不是学校教育的产物，而是终生努力获得的产物。",
+    zh_TW: "智慧不是學校教育的產物，而是終生努力獲得的產物。",
+    ja: "知恵とは学校教育の産物ではなく、生涯をかけて獲得しようと試みることで得られるものである。",
+    ko: "지혜는 학교 교육의 산물이 아니라, 평생에 걸쳐 그것을 얻으려는 노력의 산물이다。",
  },
  {
    en: "The greatest enemy of knowledge is not ignorance, it is the illusion of knowledge.",
    zh: "知识最大的敌人不是无知，而是自以为拥有知识的幻觉。",
+    zh_TW: "知識最大的敵人不是無知，而是自以為擁有知識的幻覺。",
+    ja: "知識の最大の敵は無知ではなく、知っているという幻想である。",
+    ko: "지식의 가장 큰 적은 무지가 아니라, 안다는 착각이다。",
  },
  {
    en: "True wisdom comes to each of us when we realize how little we understand about life, ourselves, and the world around us.",
    zh: "当我们认识到自己对生命、对自身、对周围世界了解得多么少时，真正的智慧才会降临到我们每个人身上。",
+    zh_TW:
+      "當我們認識到自己對生命、對自身、對周圍世界了解得多麼少時，真正的智慧才會降臨到我們每個人身上。",
+    ja: "真の知恵は、我々が人生や自分自身、そして我々を取り巻く世界について、いかにわずかしか理解していないかを悟ったときに訪れる。",
+    ko: "진정한 지혜는 우리가 삶과 우리 자신, 그리고 우리를 둘러싼 세계에 대해 얼마나 아는 것이 없는지를 깨달을 때 찾아온다。",
  },
  {
    en: "Beware of false knowledge; it is more dangerous than ignorance.",
    zh: "谨防虚假的知识；它比无知更危险。",
+    zh_TW: "謹防虛假的知識；它比無知更危險。",
+    ja: "偽りの知識に用心せよ。それは無知よりも危険である。",
+    ko: "거짓된 지식을 경계하라. 그것은 무지보다 더 위험하다。",
  },
  {
    en: "What does not kill me makes me stronger.",
    zh: "杀不死我的，使我更强大。",
+    zh_TW: "殺不死我的，使我更強大。",
+    ja: "私を殺さないものは、私をより強くする。",
+    ko: "나를 죽이지 못하는 것은 나를 더 강하게 만든다。",
  },
  {
    en: "The only constant in life is change.",
    zh: "生活中唯一不变的就是变化。",
+    zh_TW: "生活中唯一不變的就是變化。",
+    ja: "人生で唯一変わらないものは、変化そのものである。",
+    ko: "삶에서 유일하게 변하지 않는 것은 변화뿐이다。",
  },
  {
    en: "If you are going through hell, keep going.",
    zh: "如果你正在经历地狱，那就继续走下去。",
+    zh_TW: "如果你正在經歷地獄，那就繼續走下去。",
+    ja: "地獄を経験しているなら、進み続けろ。",
+    ko: "지옥을 겪고 있다면, 계속 나아가라。",
  },
  {
    en: "In the middle of difficulty lies opportunity.",
    zh: "机会蕴藏在困难之中。",
+    zh_TW: "機會蘊藏在困難之中。",
+    ja: "困難の真っ只中に、好機がある。",
+    ko: "어려움의 한가운데에 기회가 있다。",
  },
  {
    en: "It is not the strongest of the species that survive, nor the most intelligent, but the one most responsive to change.",
    zh: "存活下来的物种不是最强壮的，也不是最聪明的，而是最能适应变化的。",
+    zh_TW: "存活下來的物種不是最强壯的，也不是最聰明的，而是最能適應變化的。",
+    ja: "生き残る種とは、最も強いものでも、最も知的なものでもない。最も変化に対応できるものである。",
+    ko: "살아남는 종은 가장 강한 종도, 가장 지능이 높은 종도 아니다. 변화에 가장 잘 적응하는 종이다。",
  },
  {
    en: "We must become the change we wish to see in the world.",
    zh: "我们必须成为我们希望在世界上看到的改变。",
+    zh_TW: "我們必須成為我們希望在世界上看到的改變。",
+    ja: "世界に変化を望むなら、まず自らがその変化となれ。",
+    ko: "우리는 세상에서 보고 싶은 변화가 되어야 한다。",
  },
  {
    en: "A smooth sea never made a skilled sailor.",
    zh: "平静的大海练不出熟练的水手。",
+    zh_TW: "平靜的大海練不出熟練的水手。",
+    ja: "穏やかな海は、熟練した船乗りを育てない。",
+    ko: "순탄한 바다는 노련한 뱃사공을 만들지 못한다。",
  },
  {
    en: "Obstacles don't block the path, they are the path.",
    zh: "障碍不是挡住了路，障碍本身就是路。",
+    zh_TW: "障礙不是擋住了路，障礙本身就是路。",
+    ja: "障害は道を塞ぐものではなく、道そのものである。",
+    ko: "장애물은 길을 막는 것이 아니라, 그 자체가 길이다。",
  },
  {
    en: "Fall seven times, stand up eight.",
    zh: "七次跌倒，八次站起。",
+    zh_TW: "七次跌倒，八次站起。",
+    ja: "七転び八起き。",
+    ko: "일곱 번 넘어져도, 여덟 번 일어선다。",
  },
  {
    en: "The art of life lies in a constant readjustment to our surroundings.",
    zh: "生活的艺术在于不断地调整自己以适应环境。",
+    zh_TW: "生活的藝術在於不斷地調整自己以適應環境。",
+    ja: "人生（じんせい）の芸術（げいじゅつ）は、我々（われわれ）の環境（かんきょう）に対（たい）する絶（た）え間（ま）ない再調整（さいちょうせい）にある。",
+    ko: "삶의 기술은 우리를 둘러싼 환경에 끊임없이 재적응하는 데 있다。",
  },
  {
    en: "Adversity introduces a man to himself.",
    zh: "逆境使人认识自己。",
+    zh_TW: "逆境使人認識自己。",
+    ja: "逆境は、人に自分自身を教えてくれる。",
+    ko: "역경은 사람에게 자기 자신을 소개한다。",
  },
  {
    en: "The wound is the place where the Light enters you.",
    zh: "伤口是光进入你内心的入口。",
+    zh_TW: "傷口是光進入你內心的入口。",
+    ja: "傷口は、光があなたの中に入る場所だ。",
+    ko: "상처는 빛이 당신에게 들어오는 곳이다。",
  },
  {
    en: "When we are no longer able to change a situation, we are challenged to change ourselves.",
    zh: "当我们无法改变现状时，我们就需要改变自己。",
+    zh_TW: "當我們無法改變現狀時，我們就需要改變自己。",
+    ja: "状況を変えることができなくなったとき、我々は自分自身を変えることを求められる。",
+    ko: "상황을 더 이상 바꿀 수 없을 때, 우리는 자신을 바꿔야 하는 도전에 직면한다。",
  },
  {
    en: "Be the change you wish to see in the world.",
    zh: "成为你希望在世界上看到的改变。",
+    zh_TW: "成為你希望在世界上看到的改變。",
+    ja: "あなたが世界に見たいと願う変化に、あなた自身がなりなさい。",
+    ko: "세상에서 보고 싶은 변화가 있다면, 당신 자신이 그 변화가 되어라。",
  },
  {
    en: "Do not pray for an easy life, pray for the strength to endure a difficult one.",
    zh: "不要祈祷生活安逸，要祈祷有力量去忍受艰难的生活。",
+    zh_TW: "不要祈禱生活安逸，要祈禱有力量去忍受艱難的生活。",
+    ja: "楽な人生を祈るな。困難な人生を耐え抜く強さを祈れ。",
+    ko: "편안한 삶을 기도하지 말고, 어려운 삶을 견뎌낼 힘을 기도하라。",
  },
  {
    en: "A pessimist sees the difficulty in every opportunity; an optimist sees the opportunity in every difficulty.",
    zh: "悲观者在每个机会中都看到困难；乐观者在每个困难中都看到机会。",
+    zh_TW: "悲觀者在每個機會中都看到困難；樂觀者在每個困難中都看到機會。",
+    ja: "悲観主義者はあらゆる好機の中に困難を見る。楽観主義者はあらゆる困難の中に好機を見る。",
+    ko: "비관론자는 모든 기회에서 어려움을 보고, 낙관론자는 모든 어려움에서 기회를 본다。",
  },
  {
    en: "It's not what happens to you, but how you react to it that matters.",
    zh: "重要的不是发生在你身上的事，而是你如何应对它。",
+    zh_TW: "重要的不是發生在你身上的事，而是你如何應對它。",
+    ja: "あなたに何が起こるかではなく、それにどう反応するかが重要だ。",
+    ko: "당신에게 무슨 일이 일어났는지가 중요한 것이 아니라, 당신이 그것에 어떻게 반응하는지가 중요하다。",
  },
  {
    en: "To love oneself is the beginning of a lifelong romance.",
    zh: "爱自己是终身浪漫的开始。",
+    zh_TW: "愛自己是終身浪漫的開始。",
+    ja: "自分自身を愛することは、一生続くロマンスの始まりだ。",
+    ko: "자신을 사랑하는 것은 평생 지속되는 로맨스의 시작이다。",
  },
  {
    en: "Love is composed of a single soul inhabiting two bodies.",
    zh: "爱是栖息于两个身体中的同一个灵魂。",
+    zh_TW: "愛是棲息於兩個身體中的同一個靈魂。",
+    ja: "愛とは、二つの体に宿る一つの魂で構成されている。",
+    ko: "사랑은 두 개의 몸에 깃든 하나의 영혼으로 이루어져 있다。",
  },
  {
    en: "Man is the measure of all things.",
    zh: "人是万物的尺度。",
+    zh_TW: "人是萬物的尺度。",
+    ja: "人間は万物の尺度である。",
+    ko: "인간은 만물의 척도이다。",
  },
  {
    en: "The best and most beautiful things in this world cannot be seen or even heard, but must be felt with the heart.",
    zh: "世界上最好最美的东西是看不见也听不见的，必须用心去感受。",
+    zh_TW: "世界上最好最美的東西是看不見也聽不見的，必須用心去感受。",
+    ja: "この世で最も素晴らしく、最も美しいものは、目で見たり聞いたりすることはできない。心で感じなければならない。",
+    ko: "이 세상에서 가장 좋고 가장 아름다운 것들은 보이거나 들리지 않는다. 오직 마음으로만 느껴야 한다。",
  },
  {
    en: "Where there is love there is life.",
    zh: "有爱的地方就有生命。",
+    zh_TW: "有愛的地方就有生命。",
+    ja: "愛があるところに人生がある。",
+    ko: "사랑이 있는 곳에 삶이 있다。",
  },
  {
    en: "If you want to be loved, be lovable.",
    zh: "如果你想被爱，就要变得可爱。",
+    zh_TW: "如果你想被愛，就要變得可愛。",
+    ja: "愛されたいなら、愛らしくあれ。",
+    ko: "사랑받고 싶다면, 사랑스러워져라。",
  },
  {
    en: "We are all in the gutter, but some of us are looking at the stars.",
    zh: "我们都身处沟渠，但仍有人仰望星空。",
+    zh_TW: "我們都身處溝渠，但仍有人仰望星空。",
+    ja: "我々はみな溝の中にいる。だが、そこから星を見上げている者もいるのだ。",
+    ko: "우리는 모두 시궁창에 있지만, 우리 중 일부는 별을 바라보고 있다。",
  },
  {
    en: "The only thing we have to fear is fear itself.",
    zh: "我们唯一需要恐惧的就是恐惧本身。",
+    zh_TW: "我們唯一需要恐懼的就是恐懼本身。",
+    ja: "我々が恐れるべき唯一のものは、恐れそのものである。",
+    ko: "우리가 두려워해야 할 유일한 것은 두려움 그 자체이다。",
  },
  {
    en: "Be kind, for everyone you meet is fighting a hard battle.",
    zh: "要友善，因为你遇到的每个人都在打一场艰苦的战斗。",
+    zh_TW: "要友善，因為你遇到的每個人都在打一場艱苦的戰鬥。",
+    ja: "親切にしなさい。あなたが出会う誰もが、困難な戦いを戦っているのだから。",
+    ko: "친절하라. 당신이 만나는 모든 사람은 힘겨운 싸움을 하고 있기 때문이다。",
  },
  {
    en: "Man is born free, and everywhere he is in chains.",
    zh: "人生而自由，却无往不在枷锁之中。",
+    zh_TW: "人生而自由，卻無往不在枷鎖之中。",
+    ja: "人は生まれながらにして自由だが、いたるところで鎖につながれている。",
+    ko: "인간은 자유롭게 태어났으나, 어디에서나 쇠사슬에 묶여 있다。",
  },
  {
    en: "We love the things we love for what they are.",
    zh: "我们爱我们所爱之物，只因它们本来的样子。",
+    zh_TW: "我們愛我們所愛之物，只因它們本來的樣子。",
+    ja: "我々が愛するものを愛するのは、それがそれであるからだ。",
+    ko: "우리는 우리가 사랑하는 것들을 그 자체로 사랑한다。",
  },
  {
    en: "Darkness cannot drive out darkness; only light can do that. Hate cannot drive out hate; only love can do that.",
    zh: "黑暗无法驱逐黑暗，只有光明可以；仇恨无法驱逐仇恨，只有爱可以。",
+    zh_TW: "黑暗無法驅逐黑暗，只有光明可以；仇恨無法驅逐仇恨，只有愛可以。",
+    ja: "闇は闇を追い払うことはできない。光だけがそれを可能にする。憎しみは憎しみを追い払うことはできない。愛だけがそれを可能にする。",
+    ko: "어둠은 어둠을 몰아낼 수 없다. 오직 빛만이 할 수 있다. 증오는 증오를 몰아낼 수 없다. 오직 사랑만이 할 수 있다。",
  },
  {
    en: "An eye for an eye only ends up making the whole world blind.",
    zh: "以眼还眼，只会让整个世界都盲目。",
+    zh_TW: "以眼還眼，只會讓整個世界都盲目。",
+    ja: "「目には目を」は、全世界を盲目にするだけだ。",
+    ko: "'눈에는 눈'은 결국 온 세상을 눈멀게 할 뿐이다。",
  },
  {
    en: "Hell is other people.",
    zh: "他人即地狱。",
+    zh_TW: "他人即地獄。",
+    ja: "地獄とは、他人である。",
+    ko: "타인은 지옥이다。",
  },
  {
    en: "You will not be punished for your anger, you will be punished by your anger.",
    zh: "你不会因为你的愤怒而受到惩罚，你会被你的愤怒所惩罚。",
+    zh_TW: "你不會因為你的憤怒而受到懲罰，你會被你的憤怒所懲罰。",
+    ja: "あなたは怒りのために罰せられるのではない。怒りによって罰せられるのだ。",
+    ko: "당신은 당신의 분노 때문에 벌을 받는 것이 아니라, 당신의 분노에 의해 벌을 받을 것이다。",
  },
  {
    en: "To err is human, to forgive divine.",
    zh: "犯错是人性，宽恕是神性。",
+    zh_TW: "犯錯是人性，寬恕是神性。",
+    ja: "過つは人の常、許すは神の業。",
+    ko: "실수하는 것은 인간이고, 용서하는 것은 신이다。",
  },
  {
    en: "Man is the only creature who refuses to be what he is.",
    zh: "人是唯一拒绝承认自己本质的生物。",
+    zh_TW: "人是唯一拒絕承認自己本質的生物。",
+    ja: "人間は、自分が何者であるかを拒否する唯一の生き物である。",
+    ko: "인간은 자신이 무엇인지를 거부하는 유일한 생물이다。",
  },
  {
    en: "Beauty is in the eye of the beholder.",
    zh: "情人眼里出西施。",
+    zh_TW: "情人眼裡出西施。",
+    ja: "美は見る人の目の中にある。",
+    ko: "아름다움은 보는 사람의 눈에 달려 있다。",
  },
  {
    en: "All that we see or seem is but a dream within a dream.",
    zh: "我们所见所感，皆如梦中之梦。",
+    zh_TW: "我們所見所感，皆如夢中之夢。",
+    ja: "我々が見たり感じたりするすべては、夢の中の夢にすぎない。",
+    ko: "우리가 보거나 보이는 모든 것은 꿈속의 꿈일 뿐이다。",
  },
  {
    en: "Everything you can imagine is real.",
    zh: "你能想象的一切都是真实的。",
+    zh_TW: "你能想像的一切都是真實的。",
+    ja: "想像できることは、すべて現実なのだ。",
+    ko: "당신이 상상할 수 있는 모든 것은 현실이다。",
  },
  {
    en: "The map is not the territory.",
    zh: "地图并非领土。",
+    zh_TW: "地圖並非領土。",
+    ja: "地図は領土ではない。",
+    ko: "지도는 영토가 아니다。",
  },
  {
    en: "We don't see things as they are, we see them as we are.",
    zh: "我们看到的不是事物的原貌，而是我们自己的样子。",
+    zh_TW: "我們看到的不是事物的原貌，而是我們自己的樣子。",
+    ja: "我々は物事をあるがままに見ているのではない。我々があるがままに見ているのだ。",
+    ko: "우리는 사물을 있는 그대로 보지 않고, 우리 자신(의 모습)대로 본다。",
  },
  {
    en: "There are two ways to be fooled. One is to believe what isn't true; the other is to refuse to believe what is true.",
    zh: "被愚弄有两种方式。一种是相信不真实的东西；另一种是拒绝相信真实的东西。",
+    zh_TW:
+      "被愚弄有兩種方式。一種是相信不真實的東西；另一種是拒絕相信真實的東西。",
+    ja: "騙される方法は二つある。一つは真実でないことを信じること。もう一つは真実であることを信じようとしないことだ。",
+    ko: "속는 방법에는 두 가지가 있다. 하나는 사실이 아닌 것을 믿는 것이고, 다른 하나는 사실인 것을 믿기를 거부하는 것이다。",
  },
  {
    en: "Simplicity is the ultimate sophistication.",
    zh: "简约是极致的复杂。",
+    zh_TW: "簡約是極致的複雜。",
+    ja: "シンプルさは、究極の洗練である。",
+    ko: "단순함은 궁극의 정교함이다。",
  },
  {
    en: "The truth will set you free.",
    zh: "真相将使你自由。",
+    zh_TW: "真相將使你自由。",
+    ja: "真実は、あなたを自由にする。",
+    ko: "진리가 너희를 자유롭게 하리라。",
  },
  {
    en: "Reality is merely an illusion, albeit a very persistent one.",
    zh: "现实只是一种幻觉，尽管是一种非常持久的幻觉。",
+    zh_TW: "現實只是一種幻覺，儘管是一種非常持久的幻覺。",
+    ja: "現実とは、非常に根強いただの幻想にすぎない。",
+    ko: "현실은 단지 환상일 뿐이다. 비록 매우 집요한 환상이긴 하지만。",
  },
  {
    en: "What is rational is actual and what is actual is rational.",
    zh: "凡是合乎理性的东西都是现实的，凡是现实的东西都是合乎理性的。",
+    zh_TW: "凡是合乎理性的東西都是現實的，凡是現實的東西都是合乎理性的。",
+    ja: "理性的なものは現実的であり、現実的なものは理性的である。",
+    ko: "이성적인 것은 현실적이고, 현실적인 것은 이성적이다。",
  },
  {
    en: "Truth is like the sun. You can shut it out for a time, but it ain't goin' away.",
    zh: "真相就像太阳。你可以暂时将它遮住，但它不会消失。",
+    zh_TW: "真相就像太陽。你可以暫時將它遮住，但它不會消失。",
+    ja: "真実は太陽のようなものだ。一時的に隠すことはできても、決してなくなりはしない。",
+    ko: "진실은 태양과 같다. 잠시 가릴 수는 있지만, 사라지게 할 수는 없다。",
  },
  {
    en: "Everything we hear is an opinion, not a fact. Everything we see is a perspective, not the truth.",
    zh: "我们听到的一切都只是观点，而非事实。我们看到的一切都只是视角，而非真相。",
+    zh_TW:
+      "我們聽到的一切都只是觀點，而非事實。我們看到的一切都只是視角，而非真相。",
+    ja: "我々が聞くことすべてが意見であり、事実ではない。我々が見ることすべてが視点であり、真実ではない。",
+    ko: "우리가 듣는 모든 것은 의견이지, 사실이 아니다. 우리가 보는 모든 것은 관점이지, 진실이 아니다。",
  },
  {
    en: "There is no truth. There is only perception.",
    zh: "没有真相，只有认知。",
+    zh_TW: "沒有真相，只有認知。",
+    ja: "真実などない。ただ認識があるだけだ。",
+    ko: "진실은 없다. 오직 인식만이 있을 뿐이다。",
  },
  {
    en: "If you look deep enough into anything, you will find mathematics.",
    zh: "如果你对任何事物看得足够深入，你都会发现数学。",
+    zh_TW: "如果你對任何事物看得足夠深入，你都會發現數學。",
+    ja: "何事も深く見つめれば、そこには数学がある。",
+    ko: "무엇이든 충분히 깊이 들여다보면, 수학을 발견하게 될 것이다。",
  },
  {
    en: "The medium is the message.",
    zh: "媒介即信息。",
+    zh_TW: "媒介即訊息。",
+    ja: "メディアはメッセージである。",
+    ko: "미디어는 메시지다。",
  },
  {
    en: "Nothing is true, everything is permitted.",
    zh: "没有什么是真实的，一切都被允许。",
+    zh_TW: "沒有什麼是真實的，一切都被允許。",
+    ja: "真実などない、すべては許されている。",
+    ko: "진실은 없으며, 모든 것이 허용된다。",
  },
  {
    en: "We are what we believe we are.",
    zh: "我们相信自己是什么，我们就是什么。",
+    zh_TW: "我們相信自己是什麼，我們就是什麼。",
+    ja: "我々は、我々が信じる通りの人間である。",
+    ko: "우리는 우리가 그렇다고 믿는 존재이다。",
  },
  {
    en: "Yesterday is history, tomorrow is a mystery, but today is a gift. That is why it is called the present.",
    zh: "昨天是历史，明天是谜团，但今天是礼物。这就是为什么它被称为‘现在’(Present)。",
+    zh_TW:
+      "昨天是歷史，明天是謎團，但今天是禮物。這就是為什麼它被稱為‘現在’(Present)。",
+    ja: "昨日は歴史、明日はミステリー、しかし今日は贈り物だ。だからこそ、それは『プレゼント (現在)』と呼ばれる。",
+    ko: "어제는 역사이고, 내일은 미스터리이며, 오늘은 선물이다. 그래서 오늘을 '선물(present)'이라고 부른다。",
  },
  {
    en: "Time is money.",
    zh: "时间就是金钱。",
+    zh_TW: "時間就是金錢。",
+    ja: "時は金なり。",
+    ko: "시간은 돈이다。",
  },
  {
    en: "The only thing necessary for the triumph of evil is for good men to do nothing.",
    zh: "邪恶得逞的唯一条件是好人袖手旁观。",
+    zh_TW: "邪惡得逞的唯一條件是好人袖手旁觀。",
+    ja: "悪が勝利するために必要なのは、善人が何もしないことだけである。",
+    ko: "악의 승리를 위해 필요한 유일한 것은 선한 사람들이 아무것도 하지 않는 것이다。",
  },
  {
    en: "Carpe diem.",
    zh: "活在当下。",
+    zh_TW: "活在當下。",
+    ja: "今を生きよ（カルペ・ディエム）。",
+    ko: "현재를 즐겨라 (카르페 디엠)。",
  },
  {
    en: "Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment.",
    zh: "不要沉湎于过去，不要幻想未来，集中精神活在当下。",
+    zh_TW: "不要沉湎於過去，不要幻想未來，集中精神活在當下。",
+    ja: "過去に生きるな、未来を夢見るな、現在の瞬間に心を集中させよ。",
+    ko: "과거에 머물지 말고, 미래를 꿈꾸지 말며, 현재 이 순간에 마음을 집중하라。",
  },
  {
    en: "The best time to plant a tree was 20 years ago. The second best time is now.",
    zh: "种树的最佳时机是20年前。其次是现在。",
+    zh_TW: "種樹的最佳時機是20年前。其次是現在。",
+    ja: "木を植えるのに最適な時期は20年前だった。二番目に最適な時期は、今だ。",
+    ko: "나무를 심기에 가장 좋은 때는 20년 전이었다. 두 번째로 좋은 때는 바로 지금이다。",
  },
  {
    en: "Action speaks louder than words.",
    zh: "事实胜于雄辩。",
+    zh_TW: "事實勝於雄辯。",
+    ja: "行動は言葉よりも雄弁である。",
+    ko: "말보다 행동이 더 중요하다。",
  },
  {
    en: "Honesty is the first chapter in the book of wisdom.",
    zh: "诚实是智慧之书的第一章。",
+    zh_TW: "誠實是智慧之書的第一章。",
+    ja: "誠実さは、知恵という本の第一章である。",
+    ko: "정직은 지혜라는 책의 첫 장이다。",
  },
  {
    en: "Two things are infinite: the universe and human stupidity; and I'm not sure about the universe.",
    zh: "有两样东西是无限的：宇宙和人类的愚蠢；而且我不太确定宇宙是否无限。",
+    zh_TW: "有兩樣東西是無限的：宇宙和人類的愚蠢；而且我不太確定宇宙是否無限。",
+    ja: "無限なものは二つある。宇宙と人間の愚かさだ。ただ、宇宙については私にもよく分からない。",
+    ko: "무한한 것은 두 가지뿐이다. 우주와 인간의 어리석음. 그런데 우주에 대해선 나도 확신이 없다。",
  },
  {
    en: "You cannot step twice into the same river.",
    zh: "人不能两次踏进同一条河流。",
+    zh_TW: "人不能兩次踏進同一條河流。",
+    ja: "同（おな）じ川（かわ）に二度（にど）入（はい）ることはできない。",
+    ko: "같은 강물에 두 번 발을 담글 수 없다。",
  },
  {
    en: "The future belongs to those who believe in the beauty of their dreams.",
    zh: "未来属于那些相信梦想之美的人。",
+    zh_TW: "未來屬於那些相信夢想之美的人。",
+    ja: "未来は、自分の夢の美しさを信じる者のものである。",
+    ko: "미래는 자신의 꿈의 아름다움을 믿는 사람들의 것이다。",
  },
  {
    en: "Procrastination is the thief of time.",
    zh: "拖延是时间的大敌。",
+    zh_TW: "拖延是時間的大敵。",
+    ja: "先延ばしは時間泥棒である。",
+    ko: "미루는 습관은 시간 도둑이다。",
  },
  {
    en: "An investment in knowledge pays the best interest.",
    zh: "投资知识，收益最佳。",
+    zh_TW: "投資知識，收益最佳。",
+    ja: "知識への投資は、最良の利息を生む。",
+    ko: "지식에 대한 투자는 최고의 이자를 지불한다。",
  },
  {
    en: "I have not failed. I've just found 10,000 ways that won't work.",
    zh: "我没有失败。我只是找到了一万种行不通的方法。",
+    zh_TW: "我沒有失敗。我只是找到了一萬種行不通的方法。",
+    ja: "私は失敗したことがない。ただ、うまくいかない1万通りの方法を見つけただけだ。",
+    ko: "나는 실패하지 않았다. 단지 작동하지 않는 1만 가지 방법을 찾았을 뿐이다。",
  },
  {
    en: "That which is done, is done.",
    zh: "木已成舟。",
+    zh_TW: "木已成舟。",
+    ja: "なされたことは、なされたことだ。（覆水盆に返らず）",
+    ko: "일어난 일은 일어난 일이다. (이미 엎질러진 물이다.)",
  },
 ];

--- a/src/config/rules.js
+++ b/src/config/rules.js
@@ -8,8 +8,8 @@ export const SHADOW_KEY = ">>>";
 export const DEFAULT_COLOR = "#209CEE"; // 默认高亮背景色/线条颜色

 export const DEFAULT_TRANS_TAG = "font";
-// export const DEFAULT_SELECT_STYLE =
-//   "-webkit-line-clamp: unset; max-height: none; height: auto;";
+export const DEFAULT_SELECT_STYLE =
+  "-webkit-line-clamp: unset; max-height: none; height: auto;";

 export const OPT_TIMING_PAGESCROLL = "mk_pagescroll"; // 滚动加载翻译
 export const OPT_TIMING_PAGEOPEN = "mk_pageopen"; // 直接翻译到底
@@ -108,7 +108,7 @@ export const GLOBLA_RULE = {
  textExtStyle: "", // 译文附加样式
  termsStyle: "font-weight: bold;", // 专业术语样式
  highlightStyle: "color: red;", // 高亮词汇样式
-  selectStyle: "", // 选择器节点样式
+  selectStyle: DEFAULT_SELECT_STYLE, // 选择器节点样式
  parentStyle: "", // 选择器父节点样式
  grandStyle: "", // 选择器祖节点样式
  injectJs: "", // 注入JS
--- a/src/content.js
+++ b/src/content.js
@@ -1,3 +1,5 @@
 import { run } from "./common";

+globalThis.__KISS_CONTEXT__ = "content";
+
 run();
--- a/src/hooks/Audio.js
+++ b/src/hooks/Audio.js
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { apiBaiduTTS } from "../apis";
-import { kissLog } from "../libs/log";
+import { logger } from "../libs/log";
+import { fetchData } from "../libs/fetch";

 /**
 * 声音播放hook
@@ -12,50 +12,97 @@ export function useAudio(src) {
  const [error, setError] = useState(null);
  const [ready, setReady] = useState(false);
  const [playing, setPlaying] = useState(false);
+  const [loading, setLoading] = useState(false);

-  const onPlay = useCallback(() => {
-    audioRef.current?.play();
+  const onPlay = useCallback(async () => {
+    if (!audioRef.current) return;
+    try {
+      await audioRef.current.play();
+    } catch (err) {
+      logger.info("Playback failed:", err);
+      setPlaying(false);
+    }
+  }, []);
+
+  const onPause = useCallback(() => {
+    audioRef.current?.pause();
  }, []);

  useEffect(() => {
-    if (!src) {
-      return;
-    }
-    const audio = new Audio(src);
-    audio.addEventListener("error", (err) => setError(err));
-    audio.addEventListener("canplaythrough", () => setReady(true));
-    audio.addEventListener("play", () => setPlaying(true));
-    audio.addEventListener("ended", () => setPlaying(false));
+    if (!src) return;
+
+    let ignore = false;
+    let objectUrl = null;
+
+    setReady(false);
+    setError(null);
+    setPlaying(false);
+    setLoading(true);
+
+    const audio = new Audio();
    audioRef.current = audio;
+
+    const handleCanPlay = () => setReady(true);
+    const handlePlay = () => setPlaying(true);
+    const handlePause = () => setPlaying(false);
+    const handleEnded = () => setPlaying(false);
+    const handleError = (e) => {
+      if (!ignore) {
+        setError(audio.error || e);
+        setReady(false);
+        setLoading(false);
+      }
+    };
+
+    audio.addEventListener("canplaythrough", handleCanPlay);
+    audio.addEventListener("play", handlePlay);
+    audio.addEventListener("pause", handlePause);
+    audio.addEventListener("ended", handleEnded);
+    audio.addEventListener("error", handleError);
+
+    const loadAudio = async () => {
+      try {
+        const data = await fetchData(src, {}, { expect: "audio" });
+        if (ignore) return;
+
+        audio.src = data;
+
+        setLoading(false);
+      } catch (err) {
+        if (!ignore) {
+          logger.info("Audio fetch failed:", err);
+          setError(err);
+          setLoading(false);
+        }
+      }
+    };
+
+    loadAudio();
+
+    return () => {
+      ignore = true;
+
+      audio.pause();
+      audio.removeAttribute("src");
+
+      if (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      }
+
+      audio.removeEventListener("canplaythrough", handleCanPlay);
+      audio.removeEventListener("play", handlePlay);
+      audio.removeEventListener("pause", handlePause);
+      audio.removeEventListener("ended", handleEnded);
+      audio.removeEventListener("error", handleError);
+    };
  }, [src]);

  return {
+    loading,
    error,
    ready,
    playing,
    onPlay,
+    onPause,
  };
 }
-
-/**
- * 获取语音hook
- * @param {*} text
- * @param {*} lan
- * @param {*} spd
- * @returns
- */
-export function useTextAudio(text, lan = "uk", spd = 3) {
-  const [src, setSrc] = useState("");
-
-  useEffect(() => {
-    (async () => {
-      try {
-        setSrc(await apiBaiduTTS(text, lan, spd));
-      } catch (err) {
-        kissLog("baidu tts", err);
-      }
-    })();
-  }, [text, lan, spd]);
-
-  return useAudio(src);
-}
--- a/src/hooks/DebouncedCallback.js
+++ b/src/hooks/DebouncedCallback.js
@@ -13,5 +13,11 @@ export function useDebouncedCallback(callback, delay) {
    [delay]
  );

+  useEffect(() => {
+    return () => {
+      debouncedCallback.cancel();
+    };
+  }, [debouncedCallback]);
+
  return debouncedCallback;
 }
--- a/src/hooks/Setting.js
+++ b/src/hooks/Setting.js
@@ -25,7 +25,9 @@ const SettingContext = createContext({
  reloadSetting: () => {},
 });

-export function SettingProvider({ children }) {
+export function SettingProvider({ children, context }) {
+  const isOptionsPage = useMemo(() => context === "options", [context]);
+
  const {
    data: setting,
    isLoading,
@@ -43,6 +45,8 @@ export function SettingProvider({ children }) {
  }, [setting?.darkMode, update]);

  useEffect(() => {
+    if (!isOptionsPage) return;
+
    (async () => {
      try {
        logger.setLevel(setting?.logLevel);
@@ -53,7 +57,7 @@ export function SettingProvider({ children }) {
        logger.error("Failed to fetch log level, using default.", error);
      }
    })();
-  }, [setting]);
+  }, [isOptionsPage, setting?.logLevel]);

  const updateSetting = useCallback(
    (objOrFn) => {
@@ -75,28 +79,31 @@ export function SettingProvider({ children }) {

  const value = useMemo(
    () => ({
+      context,
      setting,
      updateSetting,
      updateChild,
      reloadSetting: reload,
    }),
-    [setting, updateSetting, updateChild, reload]
+    [context, setting, updateSetting, updateChild, reload]
  );

  if (isLoading) {
-    return <Loading />;
+    return isOptionsPage ? <Loading /> : null;
  }

  if (!setting) {
-    <center>
-      <Alert severity="error" sx={{ maxWidth: 600, margin: "60px auto" }}>
-        <p>数据加载出错，请刷新页面或卸载后重新安装。</p>
-        <p>
-          Data loading error, please refresh the page or uninstall and
-          reinstall.
-        </p>
-      </Alert>
-    </center>;
+    return isOptionsPage ? (
+      <center>
+        <Alert severity="error" sx={{ maxWidth: 600, margin: "60px auto" }}>
+          <p>数据加载出错，请刷新页面或卸载后重新安装。</p>
+          <p>
+            Data loading error, please refresh the page or uninstall and
+            reinstall.
+          </p>
+        </Alert>
+      </center>
+    ) : null;
  }

  return (
--- a/src/hooks/Storage.js
+++ b/src/hooks/Storage.js
@@ -3,6 +3,7 @@ import { storage } from "../libs/storage";
 import { kissLog } from "../libs/log";
 import { syncData } from "../libs/sync";
 import { useDebouncedCallback } from "./DebouncedCallback";
+import { isOptions } from "../libs/browser";

 /**
 * 用于将组件状态与 Storage 同步
@@ -79,7 +80,7 @@ export function useStorage(key, defaultVal = null, syncKey = "") {
    });

    // 触发远端同步
-    if (syncKey) {
+    if (syncKey && isOptions()) {
      debouncedSync(syncKey, data);
    }
  }, [key, syncKey, isLoading, data, debouncedSync]);
--- a/src/libs/browser.js
+++ b/src/libs/browser.js
@@ -14,7 +14,30 @@ function _browser() {

 export const browser = _browser();

-export const isBg = () => globalThis?.ContextType === "BACKGROUND";
+export const getContext = () => {
+  const context = globalThis.__KISS_CONTEXT__;
+  if (context) return context;
+
+  // if (typeof window === "undefined" || typeof document === "undefined") {
+  //   return "background";
+  // }
+
+  // const extensionOrigin = browser.runtime.getURL("");
+  // if (!window.location.href.startsWith(extensionOrigin)) {
+  //   return "content";
+  // }
+
+  // const pathname = window.location.pathname;
+  // if (pathname.includes("popup")) return "popup";
+  // if (pathname.includes("options")) return "options";
+  // if (pathname.includes("sidepanel")) return "sidepanel";
+  // if (pathname.includes("background")) return "background";
+
+  return "undefined";
+};
+
+export const isBg = () => getContext() === "background";
+export const isOptions = () => getContext() === "options";

 export const isBuiltinAIAvailable =
  "LanguageDetector" in globalThis && "Translator" in globalThis;
--- a/src/libs/cache.js
+++ b/src/libs/cache.js
@@ -16,7 +16,7 @@ import { blobToBase64 } from "./utils";
 */
 export const tryClearCaches = async () => {
  try {
-    if (isExt && !isBg) {
+    if (isExt && !isBg()) {
      await sendBgMsg(MSG_CLEAR_CACHES);
    } else {
      await caches.delete(CACHE_NAME);
@@ -50,13 +50,13 @@ const newCacheReq = async (input, init) => {
 * @param {*} init
 * @returns
 */
-export const getHttpCache = async ({ input, init }) => {
+export const getHttpCache = async ({ input, init, expect }) => {
  try {
    const request = await newCacheReq(input, init);
    const cache = await caches.open(CACHE_NAME);
    const response = await cache.match(request);
    if (response) {
-      const res = await parseResponse(response);
+      const res = await parseResponse(response, expect);
      return res;
    }
  } catch (err) {
@@ -99,7 +99,7 @@ export const putHttpCache = async ({
 * @param {*} res
 * @returns
 */
-export const parseResponse = async (res) => {
+export const parseResponse = async (res, expect = null) => {
  if (!res) {
    throw new Error("Response object does not exist");
  }
@@ -108,21 +108,45 @@ export const parseResponse = async (res) => {
    const msg = {
      url: res.url,
      status: res.status,
+      statusText: res.statusText,
    };
-    if (res.headers.get("Content-Type")?.includes("json")) {
-      msg.response = await res.json();
+
+    try {
+      const errorText = await res.clone().text();
+      try {
+        msg.response = JSON.parse(errorText);
+      } catch {
+        msg.response = errorText;
+      }
+    } catch (e) {
+      msg.response = "Unable to read error body";
    }
+
    throw new Error(JSON.stringify(msg));
  }

-  const contentType = res.headers.get("Content-Type");
-  if (contentType?.includes("json")) {
-    return res.json();
-  } else if (contentType?.includes("audio")) {
+  const contentType = res.headers.get("Content-Type") || "";
+  if (expect === "blob") return res.blob();
+  if (expect === "text") return res.text();
+  if (expect === "json") return res.json();
+  if (
+    expect === "audio" ||
+    contentType.includes("audio") ||
+    contentType.includes("image") ||
+    contentType.includes("video")
+  ) {
    const blob = await res.blob();
    return blobToBase64(blob);
  }
-  return res.text();
+
+  const text = await res.text();
+  if (!text) return null;
+
+  try {
+    return JSON.parse(text);
+  } catch (err) {
+    return text;
+  }
 };

 /**
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -99,7 +99,7 @@ export const fetchPatcher = async (input, init = {}, opts) => {
 */
 export const fetchHandle = async ({ input, init, opts }) => {
  const res = await fetchPatcher(input, init, opts);
-  return parseResponse(res);
+  return parseResponse(res, opts.expect);
 };

 /**
--- a/src/libs/injector.js
+++ b/src/libs/injector.js
@@ -7,6 +7,7 @@ export const injectInlineJs = (code, id = "kiss-translator-inline-js") => {
  }

  const el = document.createElement("script");
+  el.setAttribute("data-source", "kiss-inject injectInlineJs");
  el.type = "text/javascript";
  el.id = id;
  el.textContent = trustedTypesHelper.createScript(code);
@@ -19,6 +20,7 @@ export const injectInlineJsBg = (code, id = "kiss-translator-inline-js") => {
  }

  const el = document.createElement("script");
+  el.setAttribute("data-source", "kiss-inject injectInlineJsBg");
  el.type = "text/javascript";
  el.id = id;
  el.textContent = code;
@@ -32,6 +34,7 @@ export const injectExternalJs = (src, id = "kiss-translator-external-js") => {
  }

  const el = document.createElement("script");
+  el.setAttribute("data-source", "kiss-inject injectExternalJs");
  el.type = "text/javascript";
  el.id = id;
  el.src = trustedTypesHelper.createScriptURL(src);
--- a/src/libs/inputTranslate.js
+++ b/src/libs/inputTranslate.js
@@ -11,7 +11,10 @@ import { createLoadingSVG } from "./svg";
 import { logger } from "./log";

 function isInputNode(node) {
-  return node.nodeName === "INPUT" || node.nodeName === "TEXTAREA";
+  return (
+    node.nodeName?.toUpperCase() === "INPUT" ||
+    node.nodeName?.toUpperCase() === "TEXTAREA"
+  );
 }

 function isEditAbleNode(node) {
--- a/src/libs/log.js
+++ b/src/libs/log.js
@@ -62,10 +62,12 @@ class Logger {
      return;
    }

-    this.config.level = newLevelObject;
-    console.log(
-      `[${this.config.prefix}] Log level dynamically set to ${this.config.level.name}`
-    );
+    if (this.config.level.value !== newLevelObject.value) {
+      this.config.level = newLevelObject;
+      console.log(
+        `[${this.config.prefix}] Log level dynamically set to ${this.config.level.name}`
+      );
+    }
  }

  /**
--- a/src/libs/rules.js
+++ b/src/libs/rules.js
@@ -226,9 +226,15 @@ export const saveRule = async (curRule) => {
  }

  const newRule = {};
-  Object.entries(GLOBLA_RULE).forEach(([key, val]) => {
+  const globalRule = {
+    ...GLOBLA_RULE,
+    ...(rules.find((r) => r.pattern === GLOBAL_KEY) || {}),
+  };
+  Object.keys(GLOBLA_RULE).forEach((key) => {
    newRule[key] =
-      !curRule[key] || curRule[key] === val ? DEFAULT_RULE[key] : curRule[key];
+      !curRule[key] || curRule[key] === globalRule[key]
+        ? DEFAULT_RULE[key]
+        : curRule[key];
  });

  rules.unshift(newRule);
--- a/src/libs/shadowDomManager.js
+++ b/src/libs/shadowDomManager.js
@@ -104,7 +104,7 @@ export default class ShadowDomManager {
    this.#hostElement = host;
    const shadowContainer = host.attachShadow({ mode: "open" });
    const appRoot = document.createElement("div");
-    appRoot.className = `${this._id}_wrapper`;
+    appRoot.className = `${this._id}_wrapper notranslate`;
    shadowContainer.appendChild(appRoot);

    const cache = createCache({
--- a/src/libs/shortcut.js
+++ b/src/libs/shortcut.js
@@ -61,14 +61,25 @@ export const shortcutRegister = (targetKeys = [], fn, target = document) => {
  if (targetKeys.length === 0) return () => {};

  const targetKeySet = new Set(targetKeys);
+  let hasInterference = false;
  const onKeyDown = (pressedKeys, event) => {
-    if (isSameSet(targetKeySet, pressedKeys)) {
-      // event.preventDefault(); // 阻止浏览器的默认行为
-      // event.stopPropagation(); // 阻止事件继续（向父元素）冒泡
-      fn();
+    // if (isSameSet(targetKeySet, pressedKeys)) {
+    //   // event.preventDefault(); // 阻止浏览器的默认行为
+    //   // event.stopPropagation(); // 阻止事件继续（向父元素）冒泡
+    //   fn();
+    // }
+    if (!targetKeySet.has(event.code)) {
+      hasInterference = true;
+    }
+  };
+  const onKeyUp = (pressedKeys, event) => {
+    if (isSameSet(targetKeySet, pressedKeys) && !hasInterference) {
+      fn();
+    }
+    if (pressedKeys.size === 1) {
+      hasInterference = false;
    }
  };
-  const onKeyUp = () => {};

  return shortcutListener(onKeyDown, onKeyUp, target);
 };
--- a/src/libs/translator.js
+++ b/src/libs/translator.js
@@ -1,5 +1,4 @@
 import {
-  APP_UPNAME,
  APP_LCNAME,
  APP_CONSTS,
  OPT_STYLE_FUZZY,
@@ -153,7 +152,7 @@ export class Translator {

  // 译文相关class
  static KISS_CLASS = {
-    warpper: `${APP_LCNAME}-wrapper notranslate`,
+    warpper: `${APP_LCNAME}-wrapper`,
    inner: `${APP_LCNAME}-inner`,
    term: `${APP_LCNAME}-term`,
    br: `${APP_LCNAME}-br`,
@@ -224,8 +223,8 @@ export class Translator {
  static isBlockNode(el) {
    if (!Translator.isElementOrFragment(el)) return false;

-    if (Translator.TAGS.INLINE.has(el.nodeName)) return false;
-    if (Translator.TAGS.BLOCK.has(el.nodeName)) return true;
+    if (Translator.TAGS.INLINE.has(el.nodeName?.toUpperCase())) return false;
+    if (Translator.TAGS.BLOCK.has(el.nodeName?.toUpperCase())) return true;
    if (el.attributes?.display?.value?.includes("inline")) return false;

    if (Translator.displayCache.has(el)) {
@@ -265,7 +264,7 @@ export class Translator {
  }

  // 内置忽略元素
-  static KISS_IGNORE_SELECTOR = `${APP_LCNAME}, .kiss-caption-container, .kiss-subtitle-controls
+  static KISS_IGNORE_SELECTOR = `.${Translator.KISS_CLASS.warpper}, .kiss-caption-container, .kiss-subtitle-controls
  #${APP_CONSTS.fabID}, .${APP_CONSTS.fabID}_warpper,
  #${APP_CONSTS.boxID}, .${APP_CONSTS.boxID}_warpper,
  #${APP_CONSTS.popupID}, .${APP_CONSTS.popupID}_warpper`;
@@ -274,8 +273,7 @@ export class Translator {
  data, datalist, embed, head, iframe, input, noscript, map, 
  object, option, param, picture, progress, 
  select, script, style, track, textarea, template, 
-  video, wbr, .notranslate, [contenteditable], [translate='no'], 
-  ${Translator.KISS_IGNORE_SELECTOR}`;
+  video, wbr, .notranslate, [contenteditable='true'], [translate='no']`;

  #setting; // 设置选项
  #rule; // 规则
@@ -289,7 +287,7 @@ export class Translator {
  #combinedTermsRegex; // 专业术语正则表达式
  #combinedSkipsRegex; // 跳过文本正则表达式
  #placeholderRegex; // 恢复htnml正则表达式
-  #translationTagName = APP_UPNAME; // 翻译容器的标签名
+  #translationTagName = APP_LCNAME; // 翻译容器的标签名
  #eventName = ""; // 通信事件名称
  #docInfo = {}; // 网页信息
  #glossary = {}; // AI词典
@@ -322,11 +320,15 @@ export class Translator {

  // 忽略元素
  get #ignoreSelector() {
+    if (this.#rule.isPlainText) {
+      return Translator.KISS_IGNORE_SELECTOR;
+    }
+
    if (this.#rule.autoScan === "false") {
      return `${Translator.KISS_IGNORE_SELECTOR}, ${this.#rule.ignoreSelector}`;
    }

-    return `${Translator.BUILTIN_IGNORE_SELECTOR}, ${this.#rule.ignoreSelector}`;
+    return `${Translator.KISS_IGNORE_SELECTOR}, ${Translator.BUILTIN_IGNORE_SELECTOR}, ${this.#rule.ignoreSelector}`;
  }

  // 接口参数
@@ -353,7 +355,7 @@ export class Translator {

  constructor({ rule = {}, setting = {}, favWords = [] }) {
    this.#setting = { ...Translator.DEFAULT_OPTIONS, ...setting };
-    this.#rule = { ...Translator.DEFAULT_RULE, ...rule };
+    this.#rule = { ...Translator.DEFAULT_RULE, ...rule, isPlainText: false };
    this.#favWords = favWords;
    this.#apisMap = new Map(
      this.#setting.transApis.map((api) => [api.apiSlug, api])
@@ -413,6 +415,19 @@ export class Translator {
    // 注入JS/CSS
    this.#initInjector();

+    // 纯文本预处理
+    if (this.#rule.isPlainText) {
+      document
+        .querySelectorAll("pre")
+        .forEach(
+          (pre) =>
+            (pre.innerHTML = pre.innerHTML?.replace(
+              /(?:\r\n|\r|\n)/g,
+              "<br />"
+            ))
+        );
+    }
+
    // 查找根节点并扫描
    document
      .querySelectorAll(this.#rule.rootsSelector || "body")
@@ -586,7 +601,8 @@ export class Translator {
      for (const mutation of mutations) {
        if (
          this.#skipMoNodes.has(mutation.target) ||
-          mutation.nextSibling?.tagName === this.#translationTagName
+          mutation.nextSibling?.tagName?.toLowerCase() ===
+            this.#translationTagName
        ) {
          continue;
        }
@@ -604,7 +620,7 @@ export class Translator {
          mutation.addedNodes.forEach((node) => {
            if (
              this.#skipMoNodes.has(node) ||
-              node.nodeName === this.#translationTagName
+              node.nodeName?.toLowerCase() === this.#translationTagName
            ) {
              return;
            }
@@ -1040,7 +1056,10 @@ export class Translator {
      textLength += node.textContent.length;

      const isSentenceEnd = sentenceEndRegexForTest.test(node.textContent);
-      if (!isSentenceEnd || node.nextSibling?.nodeName === "BR") {
+      if (
+        !isSentenceEnd ||
+        node.nextSibling?.nodeName?.toUpperCase() === "BR"
+      ) {
        return;
      }

@@ -1093,9 +1112,9 @@ export class Translator {
    if (node.matches(this.#rule.keepSelector)) return false;

    if (
-      Translator.TAGS.BREAK_LINE.has(node.nodeName) ||
+      Translator.TAGS.BREAK_LINE.has(node.nodeName?.toUpperCase()) ||
      node.matches?.(this.#ignoreSelector) ||
-      node.nodeName === this.#translationTagName
+      node.nodeName?.toLowerCase() === this.#translationTagName
    ) {
      return true;
    }
@@ -1178,11 +1197,10 @@ export class Translator {
        nodes,
        termsStyle
      );
-      // console.log("processedString", processedString);
      if (this.#isInvalidText(processedString)) return;

      const wrapper = document.createElement(this.#translationTagName);
-      wrapper.className = Translator.KISS_CLASS.warpper;
+      wrapper.className = `${Translator.KISS_CLASS.warpper} notranslate`;

      if (processedString.length > newlineLength) {
        const br = document.createElement("br");
@@ -1427,7 +1445,9 @@ export class Translator {

  // 查找指定节点下所有译文节点
  #findTranslationWrappers(parentNode) {
-    return parentNode.querySelectorAll(`:scope > ${APP_LCNAME}`);
+    return parentNode.querySelectorAll(
+      `:scope > .${Translator.KISS_CLASS.warpper}`
+    );
  }

  // 清理所有插入的译文dom
@@ -1438,7 +1458,7 @@ export class Translator {
  // 清理节点下面所有译文dom
  #cleanupAllTranslations(root) {
    root
-      .querySelectorAll(APP_LCNAME)
+      .querySelectorAll(`.${Translator.KISS_CLASS.warpper}`)
      .forEach((el) => this.#removeTranslationElement(el));
  }

@@ -1786,7 +1806,11 @@ export class Translator {
        this.#rule[key] !== newRule[key]
      ) {
        this.#rule[key] = newRule[key];
-        if (key === "autoScan" || key === "hasShadowroot") {
+        if (
+          key === "autoScan" ||
+          key === "hasShadowroot" ||
+          key === "isPlainText"
+        ) {
          needsRescan = true;
        } else {
          hasChanged = true;
--- a/src/libs/translatorManager.js
+++ b/src/libs/translatorManager.js
@@ -246,10 +246,14 @@ export default class TranslatorManager {
  }

  #processActions({ action, args } = {}, fromExt = false) {
+    if (!action) return;
+
    if (!fromExt) {
      sendIframeMsg(action, args);
    }

+    logger.debug("process action:", action, args);
+
    switch (action) {
      case MSG_TRANS_TOGGLE:
        this._translator.toggle();
--- a/src/libs/utils.js
+++ b/src/libs/utils.js
@@ -59,14 +59,21 @@ export const sleep = (delay) =>
 */
 export const debounce = (func, delay = 200) => {
  let timer = null;
-  return (...args) => {
+
+  const debouncedFunc = (...args) => {
    timer && clearTimeout(timer);
    timer = setTimeout(() => {
      func(...args);
-      clearTimeout(timer);
      timer = null;
    }, delay);
  };
+
+  debouncedFunc.cancel = () => {
+    clearTimeout(timer);
+    timer = null;
+  };
+
+  return debouncedFunc;
 };

 /**
--- a/src/options.js
+++ b/src/options.js
@@ -2,6 +2,8 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import Options from "./views/Options";

+globalThis.__KISS_CONTEXT__ = "options";
+
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
  <React.StrictMode>
--- a/src/popup.js
+++ b/src/popup.js
@@ -4,10 +4,12 @@ import { SettingProvider } from "./hooks/Setting";
 import ThemeProvider from "./hooks/Theme";
 import Popup from "./views/Popup";

+globalThis.__KISS_CONTEXT__ = "popup";
+
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
  <React.StrictMode>
-    <SettingProvider>
+    <SettingProvider context="popup">
      <ThemeProvider>
        <Popup />
      </ThemeProvider>
--- a/src/subtitle/Menus.js
+++ b/src/subtitle/Menus.js
@@ -128,7 +128,7 @@ export function Menus({
    return i18n("processing_subtitles");
  }, [progressed, i18n]);

-  const { isAISegment, skipAd, isBilingual } = formData;
+  const { isAISegment, skipAd, isBilingual, showOrigin } = formData;

  return (
    <div
@@ -157,6 +157,12 @@ export function Menus({
        value={isBilingual}
        label={i18n("is_bilingual_view")}
      />
+      <Switch
+        onChange={handleChange}
+        name="showOrigin"
+        value={showOrigin}
+        label={i18n("show_origin_subtitle")}
+      />
      <Switch
        onChange={handleChange}
        name="skipAd"
--- a/src/subtitle/YouTubeCaptionProvider.js
+++ b/src/subtitle/YouTubeCaptionProvider.js
@@ -8,6 +8,7 @@ import {
  OPT_TRANS_MICROSOFT,
  MSG_MENUS_PROGRESSED,
  MSG_MENUS_UPDATEFORM,
+  OPT_LANGS_SPEC_DEFAULT,
 } from "../config";
 import { sleep, genEventName, downloadBlobFile } from "../libs/utils.js";
 import { createLogoSVG } from "../libs/svg.js";
@@ -42,7 +43,7 @@ class YouTubeCaptionProvider {
  #menuEventName = "kiss-event";

  constructor(setting = {}) {
-    this.#setting = { ...setting, isAISegment: false };
+    this.#setting = { ...setting, isAISegment: false, showOrigin: false };
    this.#i18n = newI18n(setting.uiLang || "zh");
    this.#menuEventName = genEventName();
  }
@@ -151,6 +152,10 @@ class YouTubeCaptionProvider {

            if (node.matches(adLayoutSelector)) {
              logger.debug("Youtube Provider: Ad ends!");
+
+              if (!this.#setting.showOrigin) {
+                this.#hideYtCaption();
+              }
              if (videoEl && skipAd) {
                videoEl.playbackRate = 1;
              }
@@ -200,6 +205,16 @@ class YouTubeCaptionProvider {
      this.#managerInstance?.updateSetting({ [name]: value });
    } else if (name === "isAISegment") {
      this.#reProcessEvents();
+    } else if (name === "showOrigin") {
+      this.#toggleShowOrigin();
+    }
+  }
+
+  #toggleShowOrigin() {
+    if (this.#setting.showOrigin) {
+      this.#destroyManager();
+    } else {
+      this.#startManager();
    }
  }

@@ -241,7 +256,8 @@ class YouTubeCaptionProvider {
    toggleButton.appendChild(createLogoSVG());
    kissControls.appendChild(toggleButton);

-    const { segApiSetting, isAISegment, skipAd, isBilingual } = this.#setting;
+    const { segApiSetting, isAISegment, skipAd, isBilingual, showOrigin } =
+      this.#setting;
    const menu = new ShadowDomManager({
      id: "kiss-subtitle-menus",
      className: "notranslate",
@@ -254,9 +270,10 @@ class YouTubeCaptionProvider {
        hasSegApi: !!segApiSetting,
        eventName: this.#menuEventName,
        initData: {
-          isAISegment,
-          skipAd,
-          isBilingual,
+          isAISegment, // AI智能断句
+          skipAd, // 快进广告
+          isBilingual, // 双语显示
+          showOrigin, // 显示原字幕
        },
      },
    });
@@ -268,6 +285,10 @@ class YouTubeCaptionProvider {
          createLogoSVG({ isSelected: true })
        );
        menu.show();
+        this.#sendMenusMsg({
+          action: MSG_MENUS_PROGRESSED,
+          data: this.#progressed,
+        });
      } else {
        this.#isMenuShow = false;
        this.#toggleButton?.replaceChildren(createLogoSVG());
@@ -394,6 +415,20 @@ class YouTubeCaptionProvider {
    return [];
  }

+  #getFromLang(lang) {
+    if (lang === "zh") {
+      return "zh-CN";
+    }
+
+    return (
+      OPT_LANGS_SPEC_DEFAULT.get(lang) ||
+      OPT_LANGS_SPEC_DEFAULT.get(lang.slice(0, 2)) ||
+      OPT_LANGS_TO_CODE[OPT_TRANS_MICROSOFT].get(lang) ||
+      OPT_LANGS_TO_CODE[OPT_TRANS_MICROSOFT].get(lang.slice(0, 2)) ||
+      "auto"
+    );
+  }
+
  async #handleInterceptedRequest(url, responseText) {
    const videoId = this.#videoId;
    if (!videoId) {
@@ -442,16 +477,14 @@ class YouTubeCaptionProvider {
      }

      const lang = potUrl.searchParams.get("lang");
-      const fromLang =
-        OPT_LANGS_TO_CODE[OPT_TRANS_MICROSOFT].get(lang) ||
-        OPT_LANGS_TO_CODE[OPT_TRANS_MICROSOFT].get(lang.slice(0, 2)) ||
-        "auto";
+      const fromLang = this.#getFromLang(lang);

      logger.debug(
-        `Youtube Provider: fromLang: ${fromLang}, toLang: ${toLang}`
+        `Youtube Provider: lang: ${lang}, fromLang: ${fromLang}, toLang: ${toLang}`
      );
      if (this.#isSameLang(fromLang, toLang)) {
        logger.debug("Youtube Provider: skip same lang", fromLang, toLang);
+        this.#showNotification(this.#i18n("subtitle_same_lang"));
        return;
      }

@@ -512,6 +545,9 @@ class YouTubeCaptionProvider {
  }

  #reProcessEvents() {
+    this.#progressed = 0;
+    this.#subtitles = [];
+
    const videoId = this.#videoId;
    const flatEvents = this.#flatEvents;
    const fromLang = this.#fromLang;
@@ -557,19 +593,19 @@ class YouTubeCaptionProvider {
        return subtitlesFallback();
      }

-      const chunkCount = eventChunks.length;
-      if (chunkCount > 1) {
+      if (eventChunks.length > 1) {
        const remainingChunks = eventChunks.slice(1);
        this.#processRemainingChunksAsync({
          chunks: remainingChunks,
-          chunkCount,
          videoId,
          fromLang,
          toLang,
          segApiSetting,
        });

-        return [firstBatchSubtitles, 100 / eventChunks.length];
+        const processed = Math.floor(100 / eventChunks.length);
+
+        return [firstBatchSubtitles, processed];
      } else {
        return [firstBatchSubtitles, 100];
      }
@@ -583,6 +619,10 @@ class YouTubeCaptionProvider {
      return;
    }

+    if (this.#setting.showOrigin) {
+      return;
+    }
+
    if (!this.#subtitles.length) {
      this.#showNotification(this.#i18n("waitting_for_subtitle"));
      return;
@@ -605,8 +645,7 @@ class YouTubeCaptionProvider {

    this.#showNotification(this.#i18n("subtitle_load_succeed"));

-    const ytCaption = document.querySelector(YT_CAPTION_SELECT);
-    ytCaption && (ytCaption.style.display = "none");
+    this.#hideYtCaption();
  }

  #destroyManager() {
@@ -619,6 +658,15 @@ class YouTubeCaptionProvider {
    this.#managerInstance.destroy();
    this.#managerInstance = null;

+    this.#showYtCaption();
+  }
+
+  #hideYtCaption() {
+    const ytCaption = document.querySelector(YT_CAPTION_SELECT);
+    ytCaption && (ytCaption.style.display = "none");
+  }
+
+  #showYtCaption() {
    const ytCaption = document.querySelector(YT_CAPTION_SELECT);
    ytCaption && (ytCaption.style.display = "block");
  }
@@ -638,8 +686,13 @@ class YouTubeCaptionProvider {

    if (noSpaceLanguages.some((l) => lang?.startsWith(l))) {
      const subtitles = [];
+
+      if (this.#isQualityPoor(flatEvents, 5, 0.5)) {
+        return flatEvents;
+      }
+
      let currentLine = null;
-      const MAX_LENGTH = 100;
+      const MAX_LENGTH = 30;

      for (const segment of flatEvents) {
        if (segment.text) {
@@ -920,7 +973,6 @@ class YouTubeCaptionProvider {

  async #processRemainingChunksAsync({
    chunks,
-    chunkCount,
    videoId,
    fromLang,
    toLang,
@@ -968,7 +1020,7 @@ class YouTubeCaptionProvider {
      }

      if (subtitlesForThisChunk.length > 0) {
-        const progressed = (chunkNum * 100) / chunkCount;
+        const progressed = Math.floor((chunkNum * 100) / (chunks.length + 1));
        this.#subtitles.push(...subtitlesForThisChunk);
        this.#progressed = progressed;

--- a/src/views/Action/ContentFab.js
+++ b/src/views/Action/ContentFab.js
@@ -45,7 +45,7 @@ export default function ContentFab({
  );

  return (
-    <SettingProvider>
+    <SettingProvider context="fab">
      <ThemeProvider>
        <Draggable
          key="fab"
--- a/src/views/Action/index.js
+++ b/src/views/Action/index.js
@@ -70,7 +70,7 @@ export default function Action({ translator, processActions }) {
  }, [windowSize]);

  return (
-    <SettingProvider>
+    <SettingProvider context="contentPopup">
      <ThemeProvider>
        {showPopup && (
          <Draggable
--- a/src/views/Options/StylesSetting.js
+++ b/src/views/Options/StylesSetting.js
@@ -76,7 +76,7 @@ function StyleFields({ customStyle, deleteStyle, updateStyle, isBuiltin }) {
    if (uiLang === "en") {
      return [q.zh, q.en];
    }
-    return [q.en, q.zh];
+    return [q.en, q[uiLang]];
  }, [uiLang]);

  return (
--- a/src/views/Options/index.js
+++ b/src/views/Options/index.js
@@ -99,7 +99,7 @@ export default function Options() {
  }

  return (
-    <SettingProvider>
+    <SettingProvider context="options">
      <ThemeProvider>
        <AlertProvider>
          <ConfirmProvider>
--- a/src/views/Popup/PopupCont.js
+++ b/src/views/Popup/PopupCont.js
@@ -112,7 +112,10 @@ export default function PopupCont({

  const handleChange = async (e) => {
    try {
-      const { name, value } = e.target;
+      let { name, value, checked } = e.target;
+      if (name === "isPlainText") {
+        value = checked;
+      }
      setRule((pre) => ({ ...pre, [name]: value }));

      if (!processActions) {
@@ -204,6 +207,7 @@ export default function PopupCont({
    transOnly,
    hasRichText,
    hasShadowroot,
+    isPlainText = false,
  } = rule;

  return (
@@ -322,75 +326,97 @@ export default function PopupCont({
            label={i18n("input_translate")}
          />
        </Grid>
+        <Grid item xs={6}>
+          <FormControlLabel
+            control={
+              <Switch
+                size="small"
+                name="isPlainText"
+                value={!isPlainText}
+                checked={isPlainText}
+                onChange={handleChange}
+              />
+            }
+            label={i18n("plain_text_translate")}
+          />
+        </Grid>
      </Grid>

-      <TextField
-        select
-        SelectProps={{ MenuProps: { disablePortal: true } }}
-        size="small"
-        value={apiSlug}
-        name="apiSlug"
-        label={i18n("translate_service")}
-        onChange={handleChange}
-      >
-        {optApis.map(({ key, name }) => (
-          <MenuItem key={key} value={key}>
-            {name}
-          </MenuItem>
-        ))}
-      </TextField>
+      <Stack direction="row" spacing={2}>
+        <TextField
+          select
+          SelectProps={{ MenuProps: { disablePortal: true } }}
+          size="small"
+          value={fromLang}
+          name="fromLang"
+          label={i18n("from_lang")}
+          onChange={handleChange}
+          fullWidth
+        >
+          {OPT_LANGS_FROM.map(([lang, name]) => (
+            <MenuItem key={lang} value={lang}>
+              {name}
+            </MenuItem>
+          ))}
+        </TextField>

-      <TextField
-        select
-        SelectProps={{ MenuProps: { disablePortal: true } }}
-        size="small"
-        value={fromLang}
-        name="fromLang"
-        label={i18n("from_lang")}
-        onChange={handleChange}
-      >
-        {OPT_LANGS_FROM.map(([lang, name]) => (
-          <MenuItem key={lang} value={lang}>
-            {name}
-          </MenuItem>
-        ))}
-      </TextField>
+        <TextField
+          select
+          SelectProps={{ MenuProps: { disablePortal: true } }}
+          size="small"
+          value={toLang}
+          name="toLang"
+          label={i18n("to_lang")}
+          onChange={handleChange}
+          fullWidth
+        >
+          {OPT_LANGS_TO.map(([lang, name]) => (
+            <MenuItem key={lang} value={lang}>
+              {name}
+            </MenuItem>
+          ))}
+        </TextField>
+      </Stack>

-      <TextField
-        select
-        SelectProps={{ MenuProps: { disablePortal: true } }}
-        size="small"
-        value={toLang}
-        name="toLang"
-        label={i18n("to_lang")}
-        onChange={handleChange}
-      >
-        {OPT_LANGS_TO.map(([lang, name]) => (
-          <MenuItem key={lang} value={lang}>
-            {name}
-          </MenuItem>
-        ))}
-      </TextField>
+      <Stack direction="row" spacing={2}>
+        <TextField
+          select
+          SelectProps={{ MenuProps: { disablePortal: true } }}
+          size="small"
+          value={apiSlug}
+          name="apiSlug"
+          label={i18n("translate_service")}
+          onChange={handleChange}
+          fullWidth
+        >
+          {optApis.map(({ key, name }) => (
+            <MenuItem key={key} value={key}>
+              {name}
+            </MenuItem>
+          ))}
+        </TextField>

-      <TextField
-        select
-        SelectProps={{ MenuProps: { disablePortal: true } }}
-        size="small"
-        value={textStyle}
-        name="textStyle"
-        label={
-          commands["toggleStyle"]
-            ? `${i18n("text_style_alt")}(${commands["toggleStyle"]})`
-            : i18n("text_style_alt")
-        }
-        onChange={handleChange}
-      >
-        {allTextStyles.map((item) => (
-          <MenuItem key={item.styleSlug} value={item.styleSlug}>
-            {item.styleName}
-          </MenuItem>
-        ))}
-      </TextField>
+        <TextField
+          select
+          SelectProps={{ MenuProps: { disablePortal: true } }}
+          size="small"
+          value={textStyle}
+          name="textStyle"
+          label={
+            commands["toggleStyle"]
+              ? `${i18n("text_style_alt")}(${commands["toggleStyle"]})`
+              : i18n("text_style_alt")
+          }
+          onChange={handleChange}
+          fullWidth
+        >
+          {allTextStyles.map((item) => (
+            <MenuItem key={item.styleSlug} value={item.styleSlug}>
+              {item.styleName}
+            </MenuItem>
+          ))}
+        </TextField>
+      </Stack>

      <Stack
        direction="row"
--- a/src/views/Selection/AudioBtn.js
+++ b/src/views/Selection/AudioBtn.js
@@ -1,8 +1,9 @@
 import IconButton from "@mui/material/IconButton";
 import VolumeUpIcon from "@mui/icons-material/VolumeUp";
 import { useAudio } from "../../hooks/Audio";
+import queryString from "query-string";

-export default function AudioBtn({ src }) {
+export function AudioBtn({ src }) {
  const { error, ready, playing, onPlay } = useAudio(src);

  if (error || !ready) {
@@ -27,3 +28,10 @@ export default function AudioBtn({ src }) {
    </IconButton>
  );
 }
+
+export function BaiduAudioBtn({ text, lan = "uk", spd = 3 }) {
+  if (!text) return null;
+
+  const src = `https://fanyi.baidu.com/gettts?${queryString.stringify({ lan, text, spd })}`;
+  return <AudioBtn src={src} />;
+}
--- a/src/views/Selection/DictHandler.js
+++ b/src/views/Selection/DictHandler.js
@@ -1,5 +1,5 @@
 import Typography from "@mui/material/Typography";
-import AudioBtn from "./AudioBtn";
+import { AudioBtn, BaiduAudioBtn } from "./AudioBtn";
 import { OPT_DICT_BING, OPT_DICT_YOUDAO } from "../../config";
 import { apiMicrosoftDict, apiYoudaoDict } from "../../apis";

@@ -48,12 +48,14 @@ export const dictHandlers = {
          style={{ display: "inline-block", paddingRight: "1em" }}
        >
          <Typography component="span">{`UK [${data?.ec?.word?.ukphone}]`}</Typography>
+          <BaiduAudioBtn text={data?.ec?.word?.["return-phrase"]} lan="uk" />
        </Typography>
        <Typography
          component="div"
          style={{ display: "inline-block", paddingRight: "1em" }}
        >
          <Typography component="span">{`US [${data?.ec?.word?.usphone}]`}</Typography>
+          <BaiduAudioBtn text={data?.ec?.word?.["return-phrase"]} lan="en" />
        </Typography>
      </Typography>
    ),
--- a/src/views/Selection/TranBox.js
+++ b/src/views/Selection/TranBox.js
@@ -141,7 +141,7 @@ export default function TranBox({
  const [mouseHover, setMouseHover] = useState(false);
  // todo: 这里的 SettingProvider 不应和 background 的共用
  return (
-    <SettingProvider>
+    <SettingProvider context="tranbox">
      <ThemeProvider styles={extStyles}>
        {showBox && (
          <DraggableResizable
--- a/src/views/Selection/index.js
+++ b/src/views/Selection/index.js
@@ -133,7 +133,7 @@ export default function Slection({

  useEffect(() => {
    async function handleMouseup(e) {
-      e.stopPropagation();
+      // e.stopPropagation();
      await sleep(200);

      const selection = window.getSelection();
Author	SHA1	Message	Date
Gabe	2650e5cf7c	Update version number: 2.0.12	2025-11-22 21:17:06 +08:00
Gabe	da1fa3e8ed	fix: clean content html	2025-11-22 21:16:35 +08:00
Gabe	e256314d4f	fix: add context for setting provider	2025-11-22 18:15:07 +08:00
Gabe	f8f7d5955f	fix: handle mouseup (#400 )	2025-11-22 17:24:02 +08:00
Gabe	fa6f68fec3	fix: add global context type	2025-11-22 01:36:03 +08:00
Gabe	0705e8a65a	fix: add baidu audio for youdao dict	2025-11-22 00:20:58 +08:00
Gabe	9d9bbd3821	fix: throw hook error	2025-11-20 22:27:27 +08:00
Gabe	86a312ea6b	fix: runtime oninstalled	2025-11-20 17:36:02 +08:00
Gabe	e4771e795b	fix: Trigger shortcut key when keyup (#410 )	2025-11-20 17:30:55 +08:00
Gabe	1504830142	fix: content does not render elements during loading	2025-11-20 16:33:49 +08:00
XYenon	7e99bc7aad	fix: restore context menu configuration after extension update (#408 )	2025-11-19 20:03:08 +08:00
Gabe	abca8cb26d	fix: default select style	2025-11-16 21:59:01 +08:00
Gabe	d032088415	Update version number: 2.0.11	2025-11-16 21:00:39 +08:00
Gabe	80fb26ad48	doc: update readme	2025-11-16 20:58:20 +08:00
Gabe	017db589d4	feat: add more languages for quotes	2025-11-16 20:51:25 +08:00
Gabe	6e1b842bba	fix: query tagname bug	2025-11-16 19:18:54 +08:00
Gabe	0c04ea3a33	fix: skip running in document content types	2025-11-16 15:00:49 +08:00
Gabe	c21ac1aea6	doc: update readme links	2025-11-15 23:23:27 +08:00
Gabe	864e0651b1	fix: set pnpm version	2025-11-15 22:37:26 +08:00
Gabe	65d328eb38	Update version number: 2.0.10	2025-11-15 22:30:17 +08:00
Gabe	731d360323	fix: unavailable action log	2025-11-15 21:09:24 +08:00
Gabe	c4ccdba268	fix: sync bug	2025-11-15 21:05:06 +08:00
Gabe	4f00492e49	fix: Adjust popup UI	2025-11-15 14:39:03 +08:00
Gabe	abcf2baad6	feat: supports plain text translation	2025-11-15 14:25:05 +08:00
Gabe	49a7698993	fix: update ignore selectors	2025-11-15 01:08:17 +08:00
Gabe	8d2548acaf	doc: i18n	2025-11-15 00:41:58 +08:00
Gabe	251deb5886	fix: notice text	2025-11-13 01:49:51 +08:00
Gabe	7a15bdeadc	fix: from lang bug	2025-11-13 01:45:11 +08:00
Gabe	1e59d57764	fix: from lang bug	2025-11-13 01:38:16 +08:00
Gabe	12b3768598	doc: readme	2025-11-13 00:14:00 +08:00
Gabe	3abe5b98d0	doc: readme	2025-11-12 23:54:27 +08:00
Gabe	ad004105c3	fix: Solidified build environment	2025-11-12 23:38:29 +08:00
Gabe	f70266197e	fix: Solidified build environment	2025-11-12 23:37:40 +08:00
Gabe	cc31a8004a	fix: try fix workflows error	2025-11-12 23:14:31 +08:00
Gabe	fa14851596	fix: try fix workflows error	2025-11-12 23:08:08 +08:00
Gabe	d56c46e944	Update version number: 2.0.9	2025-11-12 22:25:59 +08:00
Gabe	9f8bcf1fe1	feat: Added Japanese and Korean language support	2025-11-12 21:41:29 +08:00
Gabe	e50387a796	fix: custom apis	2025-11-12 00:56:27 +08:00
Gabe	3d2eac8772	fix: save rule bug	2025-11-12 00:13:41 +08:00
Gabe	343f529cac	fix: Optimize subtitle translation	2025-11-11 23:36:06 +08:00