diff --git a/app/static/css/config_editor.css b/app/static/css/config_editor.css
index ed0f002..87f97f8 100644
--- a/app/static/css/config_editor.css
+++ b/app/static/css/config_editor.css
@@ -616,15 +616,17 @@ input:checked + .toggle-slider:before {
 /* Modal Styles */
 .modal {
     display: none; /* Hidden by default */
-    position: fixed; /* Stay in place */
+    position: fixed; /* Change back to fixed */
     z-index: 1001; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
-    overflow: auto; /* Enable scroll if needed */
+    /* overflow: auto; Removed */
     background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
-    backdrop-filter: blur(5px);
+    /* backdrop-filter: blur(5px); Removed */
+    align-items: center;
+    justify-content: center;
 }
 
 .modal.show {
diff --git a/app/templates/config_editor.html b/app/templates/config_editor.html
index 7bbdfc6..fd29aca 100644
--- a/app/templates/config_editor.html
+++ b/app/templates/config_editor.html
@@ -62,33 +62,6 @@
                     <small class="help-text">Gemini API密钥列表，每行一个</small>
                 </div>
 
-                <!-- API Key Add Modal -->
-                <div id="apiKeyModal" class="modal">
-                    <div class="modal-content">
-                        <span class="close-btn" id="closeApiKeyModalBtn">&times;</span>
-                        <h2>批量添加 API 密钥</h2>
-                        <p>每行粘贴一个或多个密钥，将自动提取有效密钥并去重。</p>
-                        <textarea id="apiKeyBulkInput" rows="10" placeholder="在此处粘贴 API 密钥..."></textarea>
-                        <div class="modal-actions">
-                            <button type="button" id="confirmAddApiKeyBtn" class="save-btn">确认添加</button>
-                            <button type="button" id="cancelAddApiKeyBtn" class="reset-btn">取消</button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Reset Confirmation Modal -->
-                <div id="resetConfirmModal" class="modal">
-                    <div class="modal-content">
-                        <span class="close-btn" id="closeResetModalBtn">&times;</span>
-                        <h2>确认重置配置</h2>
-                        <p>确定要重置所有配置吗？<br>这将恢复到默认值，此操作不可撤销。</p>
-                        <div class="modal-actions">
-                            <button type="button" id="confirmResetBtn" class="reset-btn">确认重置</button>
-                            <button type="button" id="cancelResetBtn" class="save-btn">取消</button> <!-- Using save-btn style for cancel -->
-                        </div>
-                    </div>
-                </div>
-
                 <div class="config-item array-input">
                     <label for="ALLOWED_TOKENS">允许的令牌列表</label>
                      <div class="array-container" id="ALLOWED_TOKENS_container">
@@ -321,6 +294,33 @@
         © <script>document.write(new Date().getFullYear())</script> by <a href="https://linux.do/u/snaily" target="_blank"><img src="https://linux.do/user_avatar/linux.do/snaily/288/306510_2.gif" alt="snaily">snaily</a> | 
         <a href="https://github.com/snailyp/gemini-balance" target="_blank"><i class="fab fa-github"></i> GitHub</a>
     </div>
+
+    <!-- API Key Add Modal (Moved outside container) -->
+    <div id="apiKeyModal" class="modal">
+        <div class="modal-content">
+            <span class="close-btn" id="closeApiKeyModalBtn">&times;</span>
+            <h2>批量添加 API 密钥</h2>
+            <p>每行粘贴一个或多个密钥，将自动提取有效密钥并去重。</p>
+            <textarea id="apiKeyBulkInput" rows="10" placeholder="在此处粘贴 API 密钥..."></textarea>
+            <div class="modal-actions">
+                <button type="button" id="confirmAddApiKeyBtn" class="save-btn">确认添加</button>
+                <button type="button" id="cancelAddApiKeyBtn" class="reset-btn">取消</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Reset Confirmation Modal (Moved outside container) -->
+    <div id="resetConfirmModal" class="modal">
+        <div class="modal-content">
+            <span class="close-btn" id="closeResetModalBtn">&times;</span>
+            <h2>确认重置配置</h2>
+            <p>确定要重置所有配置吗？<br>这将恢复到默认值，此操作不可撤销。</p>
+            <div class="modal-actions">
+                <button type="button" id="confirmResetBtn" class="reset-btn">确认重置</button>
+                <button type="button" id="cancelResetBtn" class="save-btn">取消</button> <!-- Using save-btn style for cancel -->
+            </div>
+        </div>
+    </div>
     
     <script src="/static/js/config_editor.js"></script>
 </body>