diff --git a/modules/tts/tts-overlay.html b/modules/tts/tts-overlay.html
index 421d13f..cc28524 100644
--- a/modules/tts/tts-overlay.html
+++ b/modules/tts/tts-overlay.html
@@ -12,9 +12,8 @@
 * { margin: 0; padding: 0; box-sizing: border-box; }
 
 :root {
-    /* ═══════════════════════════════════════════════════════════════
-       极简科技风配色 - 黑白灰 + 单色点缀
-       ═══════════════════════════════════════════════════════════════ */
+    /* ══════════════════════════════════════════════════════════════�?       极简科技风配�?- 黑白�?+ 单色点缀
+       ══════════════════════════════════════════════════════════════�?*/
     
     /* 背景层次 */
     --bg-primary: #0a0a0c;
@@ -34,12 +33,12 @@
     --border-light: rgba(255, 255, 255, 0.12);
     --border-focus: rgba(140, 200, 255, 0.4);
     
-    /* 唯一强调色 - 淡青蓝（科技感） */
+    /* 唯一强调�?- 淡青蓝（科技感） */
     --accent: #8cc8ff;
     --accent-soft: rgba(140, 200, 255, 0.1);
     --accent-glow: rgba(140, 200, 255, 0.15);
     
-    /* 功能色 - 极低饱和度 */
+    /* 功能�?- 极低饱和�?*/
     --success: #90d4a0;
     --success-soft: rgba(144, 212, 160, 0.08);
     --error: #e08080;
@@ -83,9 +82,8 @@ body {
     min-height: -webkit-fill-available;
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Header
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Header
+   ══════════════════════════════════════════════════════════════�?*/
 
 .app-header {
     display: flex; 
@@ -167,9 +165,8 @@ body {
     border-color: var(--border-light);
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Layout
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Layout
+   ══════════════════════════════════════════════════════════════�?*/
 
 .app-body {
     display: flex;
@@ -200,9 +197,8 @@ body {
     -webkit-overflow-scrolling: touch;
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Navigation
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Navigation
+   ══════════════════════════════════════════════════════════════�?*/
 
 .nav-item {
     display: flex; 
@@ -232,9 +228,8 @@ body {
     margin: 8px 0; 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Views
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Views
+   ══════════════════════════════════════════════════════════════�?*/
 
 .view { 
     display: none; 
@@ -263,9 +258,8 @@ body {
     color: var(--text-muted); 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Cards
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Cards
+   ══════════════════════════════════════════════════════════════�?*/
 
 .card {
     background: var(--bg-secondary); 
@@ -284,9 +278,8 @@ body {
     letter-spacing: 0.08em; 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Forms
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Forms
+   ══════════════════════════════════════════════════════════════�?*/
 
 .form-group { margin-bottom: 16px; }
 .form-group:last-child { margin-bottom: 0; }
@@ -354,9 +347,8 @@ select.input { cursor: pointer; }
     color: var(--text-secondary);
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Buttons
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Buttons
+   ══════════════════════════════════════════════════════════════�?*/
 
 .btn {
     display: inline-flex; 
@@ -414,9 +406,8 @@ select.input { cursor: pointer; }
     pointer-events: none; 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Slider
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Slider
+   ══════════════════════════════════════════════════════════════�?*/
 
 .slider-row { display: flex; align-items: center; gap: 12px; }
 .slider-row input[type="range"] { 
@@ -435,9 +426,8 @@ select.input { cursor: pointer; }
     font-variant-numeric: tabular-nums;
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Rules Editor
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Rules Editor
+   ══════════════════════════════════════════════════════════════�?*/
 
 .rules-editor { 
     border: 1px solid var(--border); 
@@ -519,9 +509,7 @@ select.input { cursor: pointer; }
     color: var(--error); 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Current Voice Card - 极简版
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Current Voice Card - 极简�?   ══════════════════════════════════════════════════════════════�?*/
 
 .current-voice-card {
     background: var(--bg-tertiary);
@@ -584,9 +572,7 @@ select.input { cursor: pointer; }
     margin-top: 2px; 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Source Badge - 极简黑白版
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Source Badge - 极简黑白�?   ══════════════════════════════════════════════════════════════�?*/
 
 .source-badge {
     display: inline-flex; 
@@ -599,7 +585,7 @@ select.input { cursor: pointer; }
     letter-spacing: 0.02em;
 }
 
-/* 试用 - 白色/浅色调 */
+/* 试用 - 白色/浅色�?*/
 .source-badge.trial { 
     background: var(--tag-free-bg); 
     color: var(--tag-free);
@@ -613,9 +599,7 @@ select.input { cursor: pointer; }
     border: 1px solid rgba(140, 200, 255, 0.15);
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Voice Tabs - 极简版
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Voice Tabs - 极简�?   ══════════════════════════════════════════════════════════════�?*/
 
 .voice-tabs {
     display: flex; 
@@ -666,9 +650,8 @@ select.input { cursor: pointer; }
 .voice-panel { display: none; }
 .voice-panel.active { display: block; }
 
-/* ═══════════════════════════════════════════════════════════════
-   Test Voice Box
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Test Voice Box
+   ══════════════════════════════════════════════════════════════�?*/
 
 .test-voice-box {
     background: var(--bg-tertiary); 
@@ -694,9 +677,8 @@ select.input { cursor: pointer; }
 .test-voice-status.playing { color: var(--accent); }
 .test-voice-status.error { color: var(--error); }
 
-/* ═══════════════════════════════════════════════════════════════
-   Voice Filters
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Voice Filters
+   ══════════════════════════════════════════════════════════════�?*/
 
 .voice-filters { 
     display: flex; 
@@ -727,9 +709,7 @@ select.input { cursor: pointer; }
 }
 .voice-search .input { flex: 1; }
 
-/* ═══════════════════════════════════════════════════════════════
-   Voice List - 极简版
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Voice List - 极简�?   ══════════════════════════════════════════════════════════════�?*/
 
 .voice-list { 
     display: flex; 
@@ -789,7 +769,7 @@ select.input { cursor: pointer; }
     background: var(--accent); 
 }
 .voice-item.selected .voice-item-radio::after { 
-    content: '✓'; 
+    content: '�?; 
     color: var(--bg-primary); 
     font-size: 9px; 
     font-weight: bold; 
@@ -874,9 +854,8 @@ select.input { cursor: pointer; }
     font-size: 13px; 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   API Status Box
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   API Status Box
+   ══════════════════════════════════════════════════════════════�?*/
 
 .api-status-box {
     display: flex; 
@@ -921,9 +900,8 @@ select.input { cursor: pointer; }
     margin-top: 2px; 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Stats Card
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Stats Card
+   ══════════════════════════════════════════════════════════════�?*/
 
 .stats-card { 
     display: flex; 
@@ -955,9 +933,7 @@ select.input { cursor: pointer; }
     letter-spacing: 0.05em;
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Tip Box - 极简版
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Tip Box - 极简�?   ══════════════════════════════════════════════════════════════�?*/
 
 .tip-box {
     display: flex; 
@@ -984,9 +960,8 @@ select.input { cursor: pointer; }
     color: var(--accent); 
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Guide Box
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Guide Box
+   ══════════════════════════════════════════════════════════════�?*/
 
 .guide-box {
     background: var(--bg-tertiary); 
@@ -1074,9 +1049,8 @@ select.input { cursor: pointer; }
 }
 .guide-link a { color: var(--accent); }
 
-/* ═══════════════════════════════════════════════════════════════
-   Mobile Navigation
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Mobile Navigation
+   ══════════════════════════════════════════════════════════════�?*/
 
 .mobile-nav {
     display: none;
@@ -1119,9 +1093,8 @@ select.input { cursor: pointer; }
 .mobile-nav-item:hover { color: var(--text-muted); }
 .mobile-nav-item.active { color: var(--accent); }
 
-/* ═══════════════════════════════════════════════════════════════
-   Responsive
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Responsive
+   ══════════════════════════════════════════════════════════════�?*/
 
 @media (max-width: 768px) {
     .app-sidebar { display: none; }
@@ -1178,9 +1151,8 @@ select.input { cursor: pointer; }
     .mobile-nav-item { min-height: 44px; }
 }
 
-/* ═══════════════════════════════════════════════════════════════
-   Scrollbar
-   ═══════════════════════════════════════════════════════════════ */
+/* ══════════════════════════════════════════════════════════════�?   Scrollbar
+   ══════════════════════════════════════════════════════════════�?*/
 
 ::-webkit-scrollbar { width: 6px; height: 6px; }
 ::-webkit-scrollbar-track { background: transparent; }
@@ -1206,7 +1178,7 @@ select.input { cursor: pointer; }
             <div id="badge_auth" class="header-badge"><i class="fa-solid fa-circle"></i><span>鉴权</span></div>
         </div>
         <div class="header-spacer"></div>
-        <button id="tts_close" class="header-close">✕</button>
+        <button id="tts_close" class="header-close">�?/button>
     </header>
 
     <div class="app-body">
@@ -1226,15 +1198,14 @@ select.input { cursor: pointer; }
             <div id="view-config" class="view active">
                 <div class="view-header">
                     <h2 class="view-title">基础配置</h2>
-                    <p class="view-desc">TTS 服务连接与朗读设置</p>
+                    <p class="view-desc">TTS 服务连接与朗读设�?/p>
                 </div>
 
                 <div class="tip-box" style="margin-bottom: 16px;">
                     <i class="fa-solid fa-info-circle"></i>
                     <div>
-                        <strong>试用音色</strong> — 无需配置，使用插件服务器（11个音色）<br>
-                        <strong>鉴权音色</strong> — 需配置火山引擎 API（200+ 音色 + 复刻）
-                    </div>
+                        <strong>试用音色</strong> �?无需配置，使用插件服务器�?1个音色）<br>
+                        <strong>鉴权音色</strong> �?需配置火山引擎 API�?00+ 音色 + 复刻�?                    </div>
                 </div>
 
                 <div class="card">
@@ -1242,7 +1213,7 @@ select.input { cursor: pointer; }
                     <div id="apiStatusBox" class="api-status-box not-configured">
                         <div class="api-status-icon"><i class="fa-solid fa-link-slash"></i></div>
                         <div class="api-status-info">
-                            <div class="api-status-title">未配置</div>
+                            <div class="api-status-title">未配�?/div>
                             <div class="api-status-desc">配置后可使用预设音色库和复刻音色</div>
                         </div>
                     </div>
@@ -1264,10 +1235,10 @@ select.input { cursor: pointer; }
                     <div class="card-title">朗读设置</div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="autoSpeak" checked>
-                        <label for="autoSpeak">AI 回复后自动朗读</label>
+                        <label for="autoSpeak">AI 回复后自动朗�?/label>
                     </div>
                     <div class="form-group">
-                        <label class="form-label">语速</label>
+                        <label class="form-label">语�?/label>
                         <div class="slider-row">
                             <input type="range" id="speechRate" min="0.5" max="2.0" step="0.1" value="1.0">
                             <span class="slider-val" id="speechRateValue">1.0x</span>
@@ -1279,7 +1250,7 @@ select.input { cursor: pointer; }
                     <div class="card-title">文本过滤</div>
                     <div class="form-group">
                         <label class="form-label">跳过区间</label>
-                        <p class="form-hint" style="margin-bottom: 8px;">遇到「起始」后跳过，直到「结束」。起始或结束可单独留空。</p>
+                        <p class="form-hint" style="margin-bottom: 8px;">遇到「起始」后跳过，直到「结束」。起始或结束可单独留空�?/p>
                         <div class="rules-editor">
                             <div class="rules-header">
                                 <span class="rules-header-title">当前规则</span>
@@ -1291,9 +1262,9 @@ select.input { cursor: pointer; }
                     <div class="form-group">
                         <div class="checkbox-row" style="margin-bottom: 8px;">
                             <input type="checkbox" id="readRangesEnabled">
-                            <label for="readRangesEnabled">启用只读区间（仅朗读匹配内容）</label>
+                            <label for="readRangesEnabled">启用只读区间（仅朗读匹配内容�?/label>
                         </div>
-                        <p class="form-hint" style="margin-bottom: 8px;">起始或结束可单独留空。</p>
+                        <p class="form-hint" style="margin-bottom: 8px;">起始或结束可单独留空�?/p>
                         <div class="rules-editor">
                             <div class="rules-header">
                                 <span class="rules-header-title">只读规则</span>
@@ -1311,7 +1282,7 @@ select.input { cursor: pointer; }
             <div id="view-voice" class="view">
                 <div class="view-header">
                     <h2 class="view-title">音色管理</h2>
-                    <p class="view-desc">将喜欢的音色重命名加入【我的音色】</p>
+                    <p class="view-desc">将喜欢的音色重命名加入【我的音色�?/p>
                 </div>
 
                 <div class="current-voice-card" id="currentVoiceCard">
@@ -1334,8 +1305,7 @@ select.input { cursor: pointer; }
                         <i class="fa-solid fa-flask"></i> 试用
                     </button>
                     <button class="voice-tab" data-panel="authVoice">
-                        <i class="fa-solid fa-list"></i> 预设库
-                    </button>
+                        <i class="fa-solid fa-list"></i> 预设�?                    </button>
                 </div>
 
                 <!-- 我的音色面板 -->
@@ -1343,27 +1313,26 @@ select.input { cursor: pointer; }
                     <div class="card">
                         <div class="test-voice-box">
                             <div class="test-voice-row">
-                                <input type="text" id="testTextMy" class="input" value="哼唱:...我能想到最浪漫的事" placeholder="输入测试文本">
+                                <input type="text" id="testTextMy" class="input" value="&#9834; �����뵽����������&#65374;&#9834;" placeholder="输入测试文本">
                                 <button class="btn btn-primary" id="testMyVoiceBtn"><i class="fa-solid fa-play"></i> 试听</button>
                             </div>
                             <div class="test-voice-status" id="testMyStatus"></div>
                         </div>
                         
                         <p class="form-hint" style="margin-bottom: 12px;">
-                            点击选中设为默认。<span class="source-badge trial">试用</span> 无需配置，<span class="source-badge auth">鉴权</span> 需配置 API
+                            点击选中设为默认�?span class="source-badge trial">试用</span> 无需配置�?span class="source-badge auth">鉴权</span> 需配置 API
                         </p>
                         <div class="voice-list" id="myVoiceList"></div>
                         <div id="myVoiceEmpty" class="rules-empty">
                             <i class="fa-solid fa-inbox" style="font-size: 24px; margin-bottom: 8px; display: block; opacity: 0.5;"></i>
-                            暂无音色，请从「试用」或「预设库」添加
-                        </div>
+                            暂无音色，请从「试用」或「预设库」添�?                        </div>
                         
                         <div class="voice-add-form">
                             <div class="form-label" style="margin-bottom: 8px;">手动添加复刻音色 <span class="source-badge auth">鉴权</span></div>
                             <div class="voice-add-row">
                                 <div class="form-group">
                                     <label class="form-label">音色 ID</label>
-                                    <input type="text" id="newVoiceId" class="input" placeholder="如 S_xxx">
+                                    <input type="text" id="newVoiceId" class="input" placeholder="�?S_xxx">
                                 </div>
                                 <div class="form-group">
                                     <label class="form-label">名称</label>
@@ -1380,7 +1349,7 @@ select.input { cursor: pointer; }
                     <div class="card">
                         <div class="test-voice-box">
                             <div class="test-voice-row">
-                                <input type="text" id="testTextTrial" class="input" value="哼唱:...我能想到最浪漫的事" placeholder="输入测试文本">
+                                <input type="text" id="testTextTrial" class="input" value="��~&#9834;ף�����տ���&#65374;" placeholder="输入测试文本">
                                 <button class="btn btn-primary" id="testTrialVoiceBtn"><i class="fa-solid fa-play"></i> 试听</button>
                             </div>
                             <div class="test-voice-status" id="testTrialStatus"></div>
@@ -1390,22 +1359,22 @@ select.input { cursor: pointer; }
                         
                         <div class="preset-save-row">
                             <input type="text" id="saveAsNameTrial" class="input" placeholder="保存名称（可选）">
-                            <button class="btn btn-primary" id="saveToMyVoiceTrialBtn"><i class="fa-solid fa-plus"></i> 添加到我的音色</button>
+                            <button class="btn btn-primary" id="saveToMyVoiceTrialBtn"><i class="fa-solid fa-plus"></i> 添加到我的音�?/button>
                         </div>
                     </div>
                 </div>
 
-                <!-- 预设音色库面板 -->
+                <!-- 预设音色库面�?-->
                 <div class="voice-panel" id="panel-authVoice">
                     <div class="card">
                         <div id="authVoiceNotice" class="tip-box warning" style="margin-bottom: 16px;">
                             <i class="fa-solid fa-exclamation-triangle"></i>
-                            <div>使用预设音色库需要先配置鉴权 API，请前往「基础配置」页面设置。</div>
+                            <div>使用预设音色库需要先配置鉴权 API，请前往「基础配置」页面设置�?/div>
                         </div>
                         
                         <div class="test-voice-box">
                             <div class="test-voice-row">
-                                <input type="text" id="testTextAuth" class="input" value="哼唱:...我能想到最浪漫的事" placeholder="输入测试文本">
+                                <input type="text" id="testTextAuth" class="input" value="Ԥ����������ֻ�ϻ�����ֻ�ϻ�..." placeholder="输入测试文本">
                                 <button class="btn btn-primary" id="testAuthVoiceBtn"><i class="fa-solid fa-play"></i> 试听</button>
                             </div>
                             <div class="test-voice-status" id="testAuthStatus"></div>
@@ -1442,7 +1411,7 @@ select.input { cursor: pointer; }
                         
                         <div class="preset-save-row">
                             <input type="text" id="saveAsNameAuth" class="input" placeholder="保存名称（可选）">
-                            <button class="btn btn-primary" id="saveToMyVoiceAuthBtn"><i class="fa-solid fa-plus"></i> 添加到我的音色</button>
+                            <button class="btn btn-primary" id="saveToMyVoiceAuthBtn"><i class="fa-solid fa-plus"></i> 添加到我的音�?/button>
                         </div>
                     </div>
                 </div>
@@ -1458,30 +1427,30 @@ select.input { cursor: pointer; }
                 </div>
 
                 <div class="card">
-                    <div class="card-title">计费与缓存</div>
+                    <div class="card-title">计费与缓�?/div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="usageReturn">
-                        <label for="usageReturn">返回计费用量（text_words）</label>
+                        <label for="usageReturn">返回计费用量（text_words�?/label>
                     </div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="serverCacheEnabled">
-                        <label for="serverCacheEnabled">启用火山服务端缓存</label>
+                        <label for="serverCacheEnabled">启用火山服务端缓�?/label>
                     </div>
                 </div>
 
                 <div class="card">
-                    <div class="card-title">过滤与识别</div>
+                    <div class="card-title">过滤与识�?/div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="disableMarkdownFilter">
                         <label for="disableMarkdownFilter">启用 Markdown 过滤</label>
                     </div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="useTts11" checked>
-                        <label for="useTts11">启用 1.1 模型（仅对 seed-tts-1.0 生效）</label>
+                        <label for="useTts11">启用 1.1 模型（仅�?seed-tts-1.0 生效�?/label>
                     </div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="disableEmojiFilter">
-                        <label for="disableEmojiFilter">不过滤 Emoji</label>
+                        <label for="disableEmojiFilter">不过�?Emoji</label>
                     </div>
                     <div class="checkbox-row">
                         <input type="checkbox" id="enableLanguageDetector">
@@ -1510,7 +1479,7 @@ select.input { cursor: pointer; }
             <div id="view-cache" class="view">
                 <div class="view-header">
                     <h2 class="view-title">缓存管理</h2>
-                    <p class="view-desc">本地音频缓存统计与清理</p>
+                    <p class="view-desc">本地音频缓存统计与清�?/p>
                 </div>
 
                 <div class="card">
@@ -1530,7 +1499,7 @@ select.input { cursor: pointer; }
                             </div>
                             <div class="stats-item">
                                 <div class="stats-value" id="cacheMisses">0</div>
-                                <div class="stats-label">未命中</div>
+                                <div class="stats-label">未命�?/div>
                             </div>
                         </div>
                     </div>
@@ -1544,11 +1513,11 @@ select.input { cursor: pointer; }
                             <input type="number" id="cacheDays" class="input" min="1" max="30">
                         </div>
                         <div class="form-group">
-                            <label class="form-label">最大条数</label>
+                            <label class="form-label">最大条�?/label>
                             <input type="number" id="cacheMaxEntries" class="input" min="10" max="5000">
                         </div>
                         <div class="form-group">
-                            <label class="form-label">最大容量 (MB)</label>
+                            <label class="form-label">最大容�?(MB)</label>
                             <input type="number" id="cacheMaxMB" class="input" min="10" max="5000">
                         </div>
                     </div>
@@ -1566,48 +1535,47 @@ select.input { cursor: pointer; }
             <div id="view-guide" class="view">
                 <div class="view-header">
                     <h2 class="view-title">使用说明</h2>
-                    <p class="view-desc">配音指令与开通流程</p>
+                    <p class="view-desc">配音指令与开通流�?/p>
                 </div>
 
                 <div class="guide-box">
                     <h3><i class="fa-solid fa-terminal"></i> 配音指令</h3>
-                    <p>格式：<code>[tts:speaker=音色名;emotion=情绪;context=语气提示]</code> 放在正文前一行</p>
-                    <p>speaker、emotion、context 三个参数可任意组合、任意顺序，用分号分隔</p>
+                    <p>格式�?code>[tts:speaker=音色�?emotion=情绪;context=语气提示]</code> 放在正文前一�?/p>
+                    <p>speaker、emotion、context 三个参数可任意组合、任意顺序，用分号分�?/p>
                     <p>每遇到一个新 <code>[tts:...]</code> 块会分段朗读，按顺序播放</p>
-                    <p>未写 <code>speaker=</code> 的块使用当前选中的默认音色</p>
+                    <p>未写 <code>speaker=</code> 的块使用当前选中的默认音�?/p>
                     
-                    <p style="margin-top: 12px;"><strong>音色（speaker）</strong></p>
-                    <p>只能指定"我的音色"中保存的名称。例如保存了名为"小白"的音色，则可用 <code>speaker=小白</code>。</p>
+                    <p style="margin-top: 12px;"><strong>音色（speaker�?/strong></p>
+                    <p>只能指定"我的音色"中保存的名称。例如保存了名为"小白"的音色，则可�?<code>speaker=小白</code>�?/p>
                     
                     <p style="margin-top: 12px;"><strong>情感（emotion）可用值：</strong></p>
-                    <pre>中文：开心、悲伤、生气、惊讶、恐惧、厌恶、激动、冷漠、中性、沮丧、撒娇、害羞、安慰、鼓励、咆哮、焦急、温柔、讲故事、自然讲述、情感电台、磁性、广告营销、气泡音、低语、新闻播报、娱乐八卦、方言、对话、闲聊、温暖、深情、权威
-
+                    <pre>中文：开心、悲伤、生气、惊讶、恐惧、厌恶、激动、冷漠、中性、沮丧、撒娇、害羞、安慰、鼓励、咆哮、焦急、温柔、讲故事、自然讲述、情感电台、磁性、广告营销、气泡音、低语、新闻播报、娱乐八卦、方言、对话、闲聊、温暖、深情、权�?
 英文：happy, sad, angry, surprised, fear, hate, excited, coldness, neutral, depressed, lovey-dovey, shy, comfort, tension, tender, storytelling, radio, magnetic, advertising, vocal-fry, asmr, news, entertainment, dialect, chat, warm, affectionate, authoritative</pre>
                     
-                    <p style="margin-top: 12px;"><strong>语气提示（context）</strong>仅对 seed-tts-2.0 生效：</p>
-                    <p>例如："用更委屈的语气"、"放慢一点，压低音量"</p>
+                    <p style="margin-top: 12px;"><strong>语气提示（context�?/strong>仅对 seed-tts-2.0 生效�?/p>
+                    <p>例如�?用更委屈的语�?�?放慢一点，压低音量"</p>
                 </div>
 
                 <div class="guide-box">
                     <h3><i class="fa-solid fa-user-plus"></i> 复刻音色使用</h3>
                     <ol>
-                        <li>在火山官网复刻音色</li>
-                        <li>获取音色ID（格式 <code>S_xxxxxxxx</code>）</li>
-                        <li>在"音色管理" → "我的音色"中添加</li>
+                        <li>在火山官网复刻音�?/li>
+                        <li>获取音色ID（格�?<code>S_xxxxxxxx</code>�?/li>
+                        <li>�?音色管理" �?"我的音色"中添�?/li>
                     </ol>
                 </div>
 
                 <div class="tip-box warning" style="margin-bottom: 16px;">
                     <i class="fa-solid fa-exclamation-triangle"></i>
-                    <div><strong>以下是鉴权模式的开通教程</strong>，试用音色无需配置。</div>
+                    <div><strong>以下是鉴权模式的开通教�?/strong>，试用音色无需配置�?/div>
                 </div>
 
                 <div class="guide-box">
-                    <h3><i class="fa-solid fa-server"></i> 开启 CORS 代理</h3>
+                    <h3><i class="fa-solid fa-server"></i> 开�?CORS 代理</h3>
                     <ol>
-                        <li>打开酒馆目录的 config.yaml</li>
-                        <li>将 enableCorsProxy 改为 true 并保存</li>
-                        <li>重启酒馆（重启容器/进程，不是 F5 刷新）</li>
+                        <li>打开酒馆目录�?config.yaml</li>
+                        <li>�?enableCorsProxy 改为 true 并保�?/li>
+                        <li>重启酒馆（重启容�?进程，不�?F5 刷新�?/li>
                     </ol>
                 </div>
 
@@ -1616,7 +1584,7 @@ select.input { cursor: pointer; }
                     <div class="guide-link">
                         <a href="https://console.volcengine.com/speech/new/setting/activate" target="_blank">https://console.volcengine.com/speech/new/setting/activate</a>
                     </div>
-                    <img class="guide-image" src="开通管理.png" alt="开通管理">
+                    <img class="guide-image" src="开通管�?png" alt="开通管�?>
                 </div>
 
                 <div class="guide-box">
@@ -1653,10 +1621,7 @@ select.input { cursor: pointer; }
 
 <script src="tts-voices.js"></script>
 <script>
-// ═══════════════════════════════════════════════════════════════════════════
-// 常量与状态
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 常量与状�?// ══════════════════════════════════════════════════════════════════════════�?
 const PARENT_ORIGIN = (() => {
     try { return new URL(document.referrer).origin; } catch { return window.location.origin; }
 })();
@@ -1674,11 +1639,11 @@ const TRIAL_VOICES = [
     { key: 'female_1', name: '桃夭', tag: '甜蜜仙子', gender: 'female' },
     { key: 'female_2', name: '霜华', tag: '清冷仙子', gender: 'female' },
     { key: 'female_3', name: '顾姐', tag: '御姐烟嗓', gender: 'female' },
-    { key: 'female_4', name: '苏菲', tag: '优雅知性', gender: 'female' },
+    { key: 'female_4', name: '苏菲', tag: '优雅知�?, gender: 'female' },
     { key: 'female_5', name: '嘉欣', tag: '港风甜心', gender: 'female' },
-    { key: 'female_6', name: '青梅', tag: '清秀少年音', gender: 'female' },
+    { key: 'female_6', name: '青梅', tag: '清秀少年�?, gender: 'female' },
     { key: 'female_7', name: '可莉', tag: '奶音萝莉', gender: 'female' },
-    { key: 'male_1', name: '夜枭', tag: '磁性低音', gender: 'male' },
+    { key: 'male_1', name: '夜枭', tag: '磁性低�?, gender: 'male' },
     { key: 'male_2', name: '君泽', tag: '温润公子', gender: 'male' },
     { key: 'male_3', name: '沐阳', tag: '沉稳暖男', gender: 'male' },
     { key: 'male_4', name: '梓辛', tag: '青春少年', gender: 'male' },
@@ -1690,10 +1655,8 @@ const TTS2_VOICES = new Set((window.XB_TTS_TTS2_VOICE_INFO || []).map(item => it
 
 let authVoiceList = [];
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 工具函数
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 工具函数
+// ══════════════════════════════════════════════════════════════════════════�?
 const $ = id => document.getElementById(id);
 const $$ = sel => document.querySelectorAll(sel);
 
@@ -1752,10 +1715,7 @@ function isInMyList(value) {
     return mySpeakers.some(s => s.value === value);
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 规则编辑器
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 规则编辑�?// ══════════════════════════════════════════════════════════════════════════�?
 function renderRulesList(listEl, rules, type) {
     if (!rules?.length) {
         listEl.innerHTML = `<div class="rules-empty">暂无规则</div>`;
@@ -1763,9 +1723,9 @@ function renderRulesList(listEl, rules, type) {
     }
     listEl.innerHTML = rules.map((rule, idx) => `
         <div class="rule-item" data-idx="${idx}">
-            <input type="text" class="rule-input rule-start" value="${escapeHtml(rule.start || '')}" placeholder="起始（可为空）">
-            <span class="rule-arrow">→</span>
-            <input type="text" class="rule-input rule-end" value="${escapeHtml(rule.end || '')}" placeholder="结束（可为空）">
+            <input type="text" class="rule-input rule-start" value="${escapeHtml(rule.start || '')}" placeholder="起始（可为空�?>
+            <span class="rule-arrow">�?/span>
+            <input type="text" class="rule-input rule-end" value="${escapeHtml(rule.end || '')}" placeholder="结束（可为空�?>
             <button class="rule-delete" data-type="${type}" data-idx="${idx}"><i class="fa-solid fa-times"></i></button>
         </div>
     `).join('');
@@ -1804,10 +1764,8 @@ function initRulesEditors() {
     });
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 音色处理
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 音色处理
+// ══════════════════════════════════════════════════════════════════════════�?
 function detectGenderByValue(value) {
     const v = String(value || '').toLowerCase();
     if (v.includes('female')) return 'female';
@@ -1821,7 +1779,7 @@ function detectTags(value, model) {
     const tags = [];
     if (model === 'tts2') tags.push('2.0');
     if (model === 'tts1') tags.push('1.0');
-    if (String(value).includes('emo')) tags.push('多情感');
+    if (String(value).includes('emo')) tags.push('多情�?);
     return tags;
 }
 
@@ -1830,7 +1788,7 @@ function buildAuthVoiceList() {
         const value = item.value;
         const name = item.name || value;
         const gender = detectGenderByValue(value);
-        const genderLabel = gender === 'female' ? '女' : gender === 'male' ? '男' : '其他';
+        const genderLabel = gender === 'female' ? '�? : gender === 'male' ? '�? : '其他';
         const model = detectModel(value);
         const scene = String(item.scene || '').trim();
         const tags = detectTags(value, model);
@@ -1853,10 +1811,8 @@ function buildAuthVoiceList() {
 
 function formatTagLabel(tags) { return tags.length ? ` [${tags.join('/')}]` : ''; }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// UI 更新
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// UI 更新
+// ══════════════════════════════════════════════════════════════════════════�?
 function updateApiStatus() {
     const configured = isAuthConfigured();
     const box = $('apiStatusBox');
@@ -1868,14 +1824,14 @@ function updateApiStatus() {
     if (configured) {
         box.className = 'api-status-box configured';
         icon.className = 'fa-solid fa-link';
-        title.textContent = '已配置';
-        desc.textContent = '可使用预设音色库和复刻音色';
+        title.textContent = '已配�?;
+        desc.textContent = '可使用预设音色库和复刻音�?;
         badge.className = 'header-badge active';
         $('authVoiceNotice').style.display = 'none';
     } else {
         box.className = 'api-status-box not-configured';
         icon.className = 'fa-solid fa-link-slash';
-        title.textContent = '未配置';
+        title.textContent = '未配�?;
         desc.textContent = '配置后可使用预设音色库和复刻音色';
         badge.className = 'header-badge';
         $('authVoiceNotice').style.display = 'flex';
@@ -1912,10 +1868,8 @@ function updateCurrentVoiceDisplay() {
     }
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 渲染音色列表
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 渲染音色列表
+// ══════════════════════════════════════════════════════════════════════════�?
 function renderMyVoiceList() {
     const listEl = $('myVoiceList');
     const emptyEl = $('myVoiceEmpty');
@@ -1950,7 +1904,7 @@ function renderMyVoiceList() {
                 <div class="voice-item-name">${escapeHtml(s.name || s.value)} ${sourceBadge}</div>
                 <div class="voice-item-meta">${!canPlay ? '需配置鉴权' : escapeHtml(s.value.slice(0, 25))}</div>
                 <div class="voice-item-edit-form">
-                    <input type="text" class="input voice-edit-input" value="${escapeHtml(s.name || '')}" placeholder="输入新名称">
+                    <input type="text" class="input voice-edit-input" value="${escapeHtml(s.name || '')}" placeholder="输入新名�?>
                     <button class="btn btn-xs btn-primary voice-edit-save"><i class="fa-solid fa-check"></i></button>
                     <button class="btn btn-xs voice-edit-cancel"><i class="fa-solid fa-times"></i></button>
                 </div>
@@ -2021,7 +1975,7 @@ function bindMyVoiceEvents(listEl) {
             e.stopPropagation();
             const value = btn.dataset.value;
             const item = mySpeakers.find(s => s.value === value);
-            if (confirm(`删除「${item?.name || value}」？`)) {
+            if (confirm(`删除�?{item?.name || value}」？`)) {
                 mySpeakers = mySpeakers.filter(s => s.value !== value);
                 if (selectedVoiceValue === value) {
                     selectedVoiceValue = mySpeakers[0]?.value || '';
@@ -2045,8 +1999,8 @@ function renderTrialVoiceList() {
         <div class="voice-item${isSelected ? ' selected' : ''}${inMy ? ' in-my-list' : ''}" data-value="${v.key}">
             <div class="voice-item-radio"></div>
             <div class="voice-item-info">
-                <div class="voice-item-name">${escapeHtml(v.name)}${inMy ? ' <span class="source-badge trial">已添加</span>' : ''}</div>
-                <div class="voice-item-meta">${escapeHtml(v.tag)} · ${v.gender === 'female' ? '女' : '男'}</div>
+                <div class="voice-item-name">${escapeHtml(v.name)}${inMy ? ' <span class="source-badge trial">已添�?/span>' : ''}</div>
+                <div class="voice-item-meta">${escapeHtml(v.tag)} · ${v.gender === 'female' ? '�? : '�?}</div>
             </div>
         </div>`;
     }).join('');
@@ -2077,7 +2031,7 @@ function renderAuthVoiceList() {
 
     const listEl = $('authVoiceList');
     if (!list.length) {
-        listEl.innerHTML = '<div class="rules-empty">没有匹配的音色</div>';
+        listEl.innerHTML = '<div class="rules-empty">没有匹配的音�?/div>';
         return;
     }
 
@@ -2088,7 +2042,7 @@ function renderAuthVoiceList() {
         <div class="voice-item${isSelected ? ' selected' : ''}${inMy ? ' in-my-list' : ''}" data-value="${escapeHtml(item.value)}">
             <div class="voice-item-radio"></div>
             <div class="voice-item-info">
-                <div class="voice-item-name">${escapeHtml(item.name)}${inMy ? ' <span class="source-badge auth">已添加</span>' : ''}</div>
+                <div class="voice-item-name">${escapeHtml(item.name)}${inMy ? ' <span class="source-badge auth">已添�?/span>' : ''}</div>
                 <div class="voice-item-meta">${escapeHtml(item.genderLabel)}${formatTagLabel(item.tags)}</div>
             </div>
         </div>`;
@@ -2102,10 +2056,8 @@ function renderAuthVoiceList() {
     });
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 数据处理
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 数据处理
+// ══════════════════════════════════════════════════════════════════════════�?
 function normalizeMySpeakers(list) {
     if (!Array.isArray(list)) return [];
     return list.map(item => ({
@@ -2200,15 +2152,13 @@ function collectForm() {
     };
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 试听功能
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 试听功能
+// ══════════════════════════════════════════════════════════════════════════�?
 function doTestVoice(speaker, source, textElId, statusElId) {
-    const text = $(textElId)?.value?.trim() || '你好，这是一段测试语音。';
+    const text = $(textElId)?.value?.trim() || '你好，这是一段测试语音�?;
     
     if (!speaker) {
-        setTestStatus(statusElId, 'error', '请先选择一个音色');
+        setTestStatus(statusElId, 'error', '请先选择一个音�?);
         return;
     }
     
@@ -2227,10 +2177,8 @@ function doTestVoice(speaker, source, textElId, statusElId) {
     });
 }
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 消息处理
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 消息处理
+// ══════════════════════════════════════════════════════════════════════════�?
 window.addEventListener('message', ev => {
     if (ev.origin !== PARENT_ORIGIN || ev.source !== parent) return;
     if (!ev.data?.type?.startsWith('xb-tts:')) return;
@@ -2243,14 +2191,14 @@ window.addEventListener('message', ev => {
         case 'xb-tts:config-saved':
             fillForm(payload);
             handleSaveResult(true);
-            post('xb-tts:toast', { type: 'success', message: '配置已保存' });
+            post('xb-tts:toast', { type: 'success', message: '配置已保�? });
             break;
         case 'xb-tts:config-save-error':
             handleSaveResult(false);
             post('xb-tts:toast', { type: 'error', message: payload?.message || '保存失败' });
             break;
         case 'xb-tts:test-done':
-            ['testMyStatus', 'testTrialStatus', 'testAuthStatus'].forEach(id => setTestStatus(id, 'playing', '播放中...'));
+            ['testMyStatus', 'testTrialStatus', 'testAuthStatus'].forEach(id => setTestStatus(id, 'playing', '播放�?..'));
             setTimeout(() => ['testMyStatus', 'testTrialStatus', 'testAuthStatus'].forEach(id => setTestStatus(id, '', '')), 3000);
             break;
         case 'xb-tts:test-error':
@@ -2263,10 +2211,7 @@ window.addEventListener('message', ev => {
     }
 });
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 初始化
-// ═══════════════════════════════════════════════════════════════════════════
-
+// ══════════════════════════════════════════════════════════════════════════�?// 初始�?// ══════════════════════════════════════════════════════════════════════════�?
 document.addEventListener('DOMContentLoaded', () => {
     buildAuthVoiceList();
     initRulesEditors();
@@ -2327,7 +2272,7 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 
     $('saveToMyVoiceTrialBtn').addEventListener('click', () => {
-        if (!selectedTrialVoiceValue) { post('xb-tts:toast', { type: 'error', message: '请先选择一个音色' }); return; }
+        if (!selectedTrialVoiceValue) { post('xb-tts:toast', { type: 'error', message: '请先选择一个音�? }); return; }
         const tv = TRIAL_VOICES.find(v => v.key === selectedTrialVoiceValue);
         const name = $('saveAsNameTrial').value.trim() || tv?.name || selectedTrialVoiceValue;
         
@@ -2351,7 +2296,7 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 
     $('saveToMyVoiceAuthBtn').addEventListener('click', () => {
-        if (!selectedAuthVoiceValue) { post('xb-tts:toast', { type: 'error', message: '请先选择一个音色' }); return; }
+        if (!selectedAuthVoiceValue) { post('xb-tts:toast', { type: 'error', message: '请先选择一个音�? }); return; }
         const av = authVoiceList.find(v => v.value === selectedAuthVoiceValue);
         const name = $('saveAsNameAuth').value.trim() || av?.name || selectedAuthVoiceValue;
         
@@ -2404,4 +2349,4 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>