Upload 8 files

public/script.js

@@ -11,6 +11,9 @@ document.addEventListener('DOMContentLoaded', function() {
         initializeTheme();
         initializeEventListeners();
         initializeRangeSliders();
+        // 先加载本地缓存的 API 密钥，避免未传 key 导致 401
+        loadLocalApiKey();
+        // 再检查后端密钥状态（环境变量/服务端存储）
         checkApiKeyStatus();
         loadVideoLibrary();
         console.log('初始化完成');
@@ -50,6 +53,24 @@ function toggleTheme() {
     setTheme(newTheme);
 }
 
+// 从本地缓存读取 API 密钥并启用（不改后端）
+function loadLocalApiKey() {
+    try {
+        const cached = localStorage.getItem('fal_api_key');
+        if (cached && cached.length >= 10) {
+            currentApiKey = cached;
+            const apiKeyStatus = document.getElementById('apiKeyStatus');
+            const apiKeyButton = document.getElementById('apiKeyButton');
+            const modalApiKeyStatus = document.getElementById('modalApiKeyStatus');
+            if (apiKeyStatus) apiKeyStatus.textContent = '本地缓存';
+            if (apiKeyButton) apiKeyButton.classList.add('configured');
+            if (modalApiKeyStatus) modalApiKeyStatus.textContent = '已配置（来源：本地缓存）';
+        }
+    } catch (e) {
+        console.warn('读取本地缓存的 API key 失败:', e);
+    }
+}
+
 // API Key 管理功能
 async function checkApiKeyStatus() {
     try {
@@ -327,6 +348,9 @@ async function saveApiKey() {
             
             if (result.success) {
                 showNotification('API 密钥保存成功', 'success');
+                // 同步前端使用，避免未传 key 导致 401
+                currentApiKey = apiKey;
+                try { localStorage.setItem('fal_api_key', apiKey); } catch (e) {}
                 checkApiKeyStatus();
                 const apiKeyModal = document.getElementById('apiKeyModal');
                 if (apiKeyModal) apiKeyModal.style.display = 'none';