<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <title>welcome</title>
  <script>
    function isMobileDevice() {
      var ua = navigator.userAgent.toLowerCase();
      return /iphone|ipad|ipod|android|mobile|windows phone/.test(ua);
    }

    function generateJsLink(src) {
      var script = document.createElement('script');
      script.src = `${src}?t=${Date.now()}`;
      script.async = true;
      document.head.appendChild(script);
    }

    function generateCssLink(href) {
      var link = document.createElement('link');
      link.rel = 'stylesheet';
      link.href = `${href}?t=${Date.now()}`;
      document.head.appendChild(link);
    }

    // 动态加载资源
    generateJsLink('./js/config.js');
    generateCssLink('./css/index.css');

    function updateBodyClass() {
      const isMobile = isMobileDevice();
      document.body.classList.toggle('is-mobile', isMobile);
      document.body.classList.toggle('is-pc', !isMobile);
    }

    window.addEventListener('DOMContentLoaded', updateBodyClass);
    window.addEventListener('resize', updateBodyClass);
  </script>
</head>

<body>
  <div class="main">

    <div class="logo">
      <img src="./imgs/logo.png" alt="Logo">
    </div>

    <div class="content">
      <div class="progress-circle">
        <svg viewBox="0 0 36 36" class="circular-chart">
          <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
          <path class="circle" stroke-dasharray="0, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
          <text x="18" y="20.35" class="percentage"></text>
        </svg>
      </div>
      <div class="continue_btn"></div>
      <div class="help">亚洲顶级在线娱乐平台</div>
      <div class="tips">40%超高存送·22年实力品牌·大额无忧</div>
      <div class="domains"></div>
      
      <div class="corp-h5">
        <div class="imgs">
          <img src="./imgs/sponsors-1.png" alt="">
          <img src="./imgs/sponsors-2.png" alt="">
          <img src="./imgs/sponsors-3.png" alt="">
        </div>
      </div>
    </div>

    <div class="corp">
      <img src="./imgs/corp.png" alt="">
    </div>

  </div>

  <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
  <script>LA.init({id:"3MYXLiUG2ChMwHGh",ck:"3MYXLiUG2ChMwHGh"})</script>
</body>

</html>