<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <meta name="theme-color" content="#ffffff" />
    <!-- iOS web app capable -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link rel="apple-touch-icon" href="/favicon.ico" />
    <title>Guandan</title>
    <script type="module" crossorigin src="/assets/index-JhAf4-Of.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BgESuQUi.css">
  </head>
  <body>
    <div id="root"></div>
    <script>
        const global = globalThis;
    </script>    
    <script>
      // Set a --vh css var to handle mobile address-bar size changes
      function setVh() {
        document.documentElement.style.setProperty('--vh', window.innerHeight * 0.01 + 'px');
      }
      setVh();
      window.addEventListener('resize', setVh);

      // Try a minimal scroll to encourage mobile browsers to hide the address bar
      window.addEventListener('load', function () {
        setTimeout(function () { window.scrollTo(0, 1); }, 200);
      });
    </script>
  </body>
</html>
