<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#ec4899" />
    <meta name="description" content="一个精致的互动式属性卡片创建与分享工具，支持多主题、多卡片模板、URL 分享和高清导出" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="SPANK CARD" />
    <meta name="mobile-web-app-capable" content="yes" />
    
    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />
    
    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="/icon-192.png" />
    <link rel="apple-touch-icon" sizes="192x192" href="/icon-192.png" />
    <link rel="apple-touch-icon" sizes="512x512" href="/icon-512.png" />
    
    <title>SPANK CARD - 我的属性填涂卡</title>
    <style>
      /* 禁用 iOS 双击缩放，但保留捏合缩放 */
      * {
        touch-action: manipulation;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-vPQazRBJ.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BWONn5Lr.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
