fix: localize static assets and fix JS reference error

templates/index.html

@@ -4,10 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>[[ project.title_cn ]] - [[ project.name ]]</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script src="/static/js/tailwindcss.js"></script>
+    <script src="/static/js/vue.global.js"></script>
+    <script src="/static/js/html2canvas.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css">
     <style>
         /* Custom Scrollbar */
         ::-webkit-scrollbar { width: 6px; height: 6px; }
@@ -234,6 +234,13 @@
     </div>
 
     <script>
+        // Pass Jinja2 variables to JavaScript
+        const PROJECT_INFO = {
+            title_cn: "[[ project.title_cn ]]",
+            version: "[[ project.version ]]",
+            name: "[[ project.name ]]"
+        };
+
         const { createApp, ref, reactive, onMounted } = Vue;
 
         createApp({
@@ -246,8 +253,8 @@
                 const fileInput = ref(null);
                 const mapContainer = ref(null);
 
-                // Demo Image
-                const DEMO_IMAGE = "https://images.unsplash.com/photo-1555400038-63f5ba517a47?q=80&w=2070&auto=format&fit=crop";
+                // Demo Image - Local SVG for offline capability
+                const DEMO_IMAGE = "/static/images/demo_map.svg";
 
                 const loadDemoImage = () => {
                     // Convert URL to Base64 to ensure offline/export works cleanly without CORS issues if possible,