更新 index.html 模板，新增本地儲存功能以保存和載入變數設定

- 在生成 HTML 前將變數儲存至 localStorage，並在頁面加載時自動載入
- 增加錯誤處理以確保儲存和載入過程的穩定性

此次更新旨在提升用戶體驗，使用戶能夠方便地保存和恢復設定。

templates/index.html

@@ -2079,6 +2079,15 @@
             console.log('========== 開始生成 HTML ==========');
             showProgress();
             
+            // Save to localStorage
+            try {
+                const variablesContent = document.getElementById('variables').value;
+                localStorage.setItem('lsw-html-variables', variablesContent);
+                console.log('變數已儲存到 localStorage');
+            } catch (e) {
+                console.error('無法儲存到 localStorage:', e);
+            }
+            
             try {
                 // Step 1: 驗證表單資料
                 updateStep(1, 'active', '正在檢查表單資料...');
@@ -2282,6 +2291,26 @@
             showToast('檔案下載中...', 'success');
         }
         
+        // Load saved variables from localStorage on page load
+        window.addEventListener('DOMContentLoaded', function() {
+            try {
+                const savedVariables = localStorage.getItem('lsw-html-variables');
+                if (savedVariables) {
+                    document.getElementById('variables').value = savedVariables;
+                    
+                    // If in form mode, update form from JSON
+                    if (variableMode === 'form') {
+                        updateFormFromJson();
+                    }
+                    
+                    console.log('已從 localStorage 載入變數');
+                    showToast('已載入上次儲存的設定', 'info');
+                }
+            } catch (e) {
+                console.error('無法從 localStorage 載入:', e);
+            }
+        });
+        
         // Don't auto-generate on page load
         // Wait for user to click the button
     </script>