你这api设置里面只有api站点和一个密钥，数量对不上，而且也没有具体调用模型的设置 - Follow Up Deployment

index.html

@@ -143,17 +143,54 @@
                             </button>
                         </div>
                         <div id="api-settings" class="p-4 hidden space-y-4">
-                            <div>
-                                <label for="tts-api" class="block text-sm font-medium text-gray-700 mb-1">TTS API端点</label>
-                                <input type="text" id="tts-api" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" placeholder="https://api.example.com/tts">
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div>
+                                    <label for="tts-api" class="block text-sm font-medium text-gray-700 mb-1">TTS API端点</label>
+                                    <input type="text" id="tts-api" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" placeholder="https://api.example.com/tts">
+                                </div>
+                                <div>
+                                    <label for="tts-model" class="block text-sm font-medium text-gray-700 mb-1">TTS模型</label>
+                                    <select id="tts-model" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition">
+                                        <option value="vits">VITS (默认)</option>
+                                        <option value="fastspeech2">FastSpeech2</option>
+                                        <option value="tacotron2">Tacotron2</option>
+                                        <option value="glowtts">Glow-TTS</option>
+                                    </select>
+                                </div>
                             </div>
-                            <div>
-                                <label for="nlp-api" class="block text-sm font-medium text-gray-700 mb-1">NLP API端点</label>
-                                <input type="text" id="nlp-api" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" placeholder="https://api.example.com/nlp">
+                            
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div>
+                                    <label for="nlp-api" class="block text-sm font-medium text-gray-700 mb-1">NLP API端点</label>
+                                    <input type="text" id="nlp-api" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" placeholder="https://api.example.com/nlp">
+                                </div>
+                                <div>
+                                    <label for="nlp-model" class="block text-sm font-medium text-gray-700 mb-1">NLP模型</label>
+                                    <select id="nlp-model" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition">
+                                        <option value="bert">BERT (默认)</option>
+                                        <option value="gpt">GPT</option>
+                                        <option value="roberta">RoBERTa</option>
+                                        <option value="t5">T5</option>
+                                    </select>
+                                </div>
                             </div>
-                            <div>
-                                <label for="api-key" class="block text-sm font-medium text-gray-700 mb-1">API密钥</label>
-                                <input type="password" id="api-key" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" placeholder="输入您的API密钥">
+                            
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div>
+                                    <label for="api-key" class="block text-sm font-medium text-gray-700 mb-1">API密钥</label>
+                                    <input type="password" id="api-key" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition" placeholder="输入您的API密钥">
+                                </div>
+                                <div>
+                                    <label for="api-region" class="block text-sm font-medium text-gray-700 mb-1">服务区域</label>
+                                    <select id="api-region" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition">
+                                        <option value="global">全球 (默认)</option>
+                                        <option value="cn-east-1">华东1</option>
+                                        <option value="cn-north-1">华北1</option>
+                                        <option value="cn-south-1">华南1</option>
+                                        <option value="us-east-1">美东1</option>
+                                        <option value="eu-west-1">欧洲西部1</option>
+                                    </select>
+                                </div>
                             </div>
                             <div class="flex justify-end">
                                 <button id="save-api" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition">
@@ -296,8 +333,11 @@
                 history: JSON.parse(localStorage.getItem('ttsHistory')) || [],
                 apiSettings: JSON.parse(localStorage.getItem('apiSettings')) || {
                     ttsApi: '',
+                    ttsModel: 'vits',
                     nlpApi: '',
-                    apiKey: ''
+                    nlpModel: 'bert',
+                    apiKey: '',
+                    apiRegion: 'global'
                 },
                 isPlaying: false,
                 audioDuration: 0,
@@ -919,8 +959,11 @@
             // 加载API设置
             const loadApiSettings = () => {
                 elements.ttsApi.value = state.apiSettings.ttsApi || '';
+                elements.ttsModel.value = state.apiSettings.ttsModel || 'vits';
                 elements.nlpApi.value = state.apiSettings.nlpApi || '';
+                elements.nlpModel.value = state.apiSettings.nlpModel || 'bert';
                 elements.apiKey.value = state.apiSettings.apiKey || '';
+                elements.apiRegion.value = state.apiSettings.apiRegion || 'global';
             };
             
             // 切换API设置显示
@@ -936,8 +979,11 @@
             const saveApiSettings = () => {
                 state.apiSettings = {
                     ttsApi: elements.ttsApi.value.trim(),
+                    ttsModel: elements.ttsModel.value,
                     nlpApi: elements.nlpApi.value.trim(),
-                    apiKey: elements.apiKey.value.trim()
+                    nlpModel: elements.nlpModel.value,
+                    apiKey: elements.apiKey.value.trim(),
+                    apiRegion: elements.apiRegion.value
                 };
                 
                 localStorage.setItem('apiSettings', JSON.stringify(state.apiSettings));