| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8" /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
| | <title>厦门浪漫一生 - AI 婚纱试衣间</title> |
| | <meta name="description" content="AI Wedding Style Fitting Room - Xiamen Romantic Life Photography"> |
| | <meta name="theme-color" content="#f43f5e"> |
| | |
| | |
| | <link rel="manifest" href="/manifest.json"> |
| | <meta name="apple-mobile-web-app-capable" content="yes"> |
| | <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> |
| | <meta name="apple-mobile-web-app-title" content="Romantic AI"> |
| | <script type="importmap"> |
| | { |
| | "imports": { |
| | "@vitejs/plugin-react": "https://esm.sh/@vitejs/plugin-react@^5.1.2", |
| | "react-dom/": "https://esm.sh/react-dom@^19.2.3/", |
| | "react/": "https://esm.sh/react@^19.2.3/", |
| | "react": "https://esm.sh/react@^19.2.3", |
| | "@google/genai": "https://esm.sh/@google/genai@^1.33.0", |
| | "lucide-react": "https://esm.sh/lucide-react@^0.560.0", |
| | "canvas-confetti": "https://esm.sh/canvas-confetti@^1.9.4", |
| | "zustand/": "https://esm.sh/zustand@^5.0.9/", |
| | "zustand": "https://esm.sh/zustand@^5.0.9", |
| | "jszip": "https://esm.sh/jszip@^3.10.1", |
| | "vite": "https://esm.sh/vite@^7.2.7" |
| | } |
| | } |
| | </script> |
| | <link rel="stylesheet" href="/index.css"> |
| | </head> |
| | <body> |
| | <div id="root"> |
| | |
| | <div id="loading-spinner" style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh; background-color:#fdfdfd; position:fixed; top:0; left:0; width:100%; z-index:9999;"> |
| | <div style="width:40px; height:40px; border:4px solid #fecdd3; border-top-color:#f43f5e; border-radius:50%; animation:spin 1s linear infinite;"></div> |
| | <p style="margin-top:16px; font-family:sans-serif; color:#fb7185; font-size:14px; font-weight:bold;">Loading...</p> |
| | </div> |
| | <style>@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }</style> |
| | </div> |
| | <script type="module" src="/index.tsx"></script> |
| | </body> |
| | </html> |
