| <!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": { |
| "react": "https://aistudiocdn.com/react@^19.2.1", |
| "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.1/", |
| "react/": "https://aistudiocdn.com/react@^19.2.1/", |
| "@google/genai": "https://aistudiocdn.com/@google/genai@^1.31.0", |
| "lucide-react": "https://aistudiocdn.com/lucide-react@^0.556.0", |
| "jszip": "https://aistudiocdn.com/jszip@^3.10.1", |
| "canvas-confetti": "https://aistudiocdn.com/canvas-confetti@^1.9.4", |
| "zustand": "https://aistudiocdn.com/zustand@^5.0.9", |
| "zustand/": "https://aistudiocdn.com/zustand@^5.0.9/", |
| "vite": "https://aistudiocdn.com/vite@^7.2.6", |
| "@vitejs/plugin-react": "https://aistudiocdn.com/@vitejs/plugin-react@^5.1.1" |
| } |
| } |
| </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> |
