<!--
 * ░░░░░░░░░░░░░░░░░░░░░░░░▄░░
 * ░░░░░░░░░▐█░░░░░░░░░░░▄▀▒▌░
 * ░░░░░░░░▐▀▒█░░░░░░░░▄▀▒▒▒▐
 * ░░░░░░░▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐
 * ░░░░░▄▄▀▒░▒▒▒▒▒▒▒▒▒█▒▒▄█▒▐
 * ░░░▄▀▒▒▒░░░▒▒▒░░░▒▒▒▀██▀▒▌
 * ░░▐▒▒▒▄▄▒▒▒▒░░░▒▒▒▒▒▒▒▀▄▒▒
 * ░░▌░░▌█▀▒▒▒▒▒▄▀█▄▒▒▒▒▒▒▒█▒▐
 * ░▐░░░▒▒▒▒▒▒▒▒▌██▀▒▒░░░▒▒▒▀▄
 * ░▌░▒▄██▄▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒
 * ▀▒▀▐▄█▄█▌▄░▀▒▒░░░░░░░░░░▒▒▒
 * 修勾就这样默默地看着你~
/////////////////////////////////////////////////////////////
//                                                        //
//            版权所有:  x                                //
//            email: x@xxx.za.org                      //
//                                                     //
////////////////////////////////////////////////////////
-->

<!--
	…o888888o.o88888888o.
…88888888你来了？8888888888o.
…888::::8888是的，我来了。8888888o.
…88::::::::88888888888888888888888888o.
…o8:::::::::888::顶888你本不该来的！88888.
…8888:8::::::8:::::::::顶88888888888888888888.
…8888::::8888::::::::::::::::顶88888888888  88
…8888:::888888888::::::::::::::::顶888888888 8
…88.88888888888888888:::::::::::::顶88888888888
…88…8可是我已经来了88:::::::::::顶88888888888888
…88.888888888888888888888::::::::顶88888888888888888
…8…8888888888888888888888::::::顶88888888888888888888
…8888888888888888::88888:::::顶8888888888888888888888
…88888888888888888::::8888::::8888888888888888 ‘’’‘8888
…88888888888888888::::8888::::::88888::888888888 888
…88888888888888888::::888:::::顶::::::888888888 88
…888888888888888888::::88::::::顶:::::::::::::888888888 88
.8888888888888888888::::8::::::顶:::::::::::::顶888888888 88
888…8888888888::88::::8:::::顶:::8oo8::::::88888888888888 8
88…88888888888:::8:::::::::顶:::::::::::::88888888888888888
.8…8888888888888:::::::::::顶::“8888888”:::顶88888888888888888
…8888888888::888::::::::::顶:::::“8a8”::::顶88888888888888888888
.888888888:::::88:::::::::顶88::::::::::::顶88888888888888888888888
8888888888:::::8:::::::::顶88888::::::::顶888888888888888888888888888
888888888:::::8:::::::::顶8888888ooooo顶8888888888888888888888888888888
888888.顶::::::::::::::顶8888888888::::::顶8888888888888888 ‘’’‘888888888
8888…顶:::::::::::::::顶88888888888::::::顶8888888888888888 88888888
.888…顶::::::::::::::顶8888888888888:::::::顶888888888888888 888888
…888.顶:::::::::::::顶88888888888888888::::::顶8888888888888 88888
…88.顶:::::::::::::8888:88888888888888888:::::顶顶888888888 8888
…88.顶:::::::::::8888顶::88888::888888888888:::::顶顶88888 888
…8…顶::::::::::8888顶:::8888:::::88888888888::::::顶顶88 888
…8顶:::::::8888顶:::::888:::::::88:::8888888:::::::顶顶 88
…88顶:::::::8888顶::::::88:::::::::8:::::888888::::::::顶顶 88
…8888顶:::::888顶:::::::::88::::::::::顶::::8888::::::::::::顶 8
…88888:顶::::888顶::::::::::8:::::::::::顶::::888::::::::::::::顶
…88.888:顶:::888:顶::::::::::8::::::::::::顶::888::::::::::::::::顶
…8.88888顶:::88::顶::::::::::::::::::::::::顶:88::::::::::::::::::顶
…88888顶:::88::顶:::::::::::::::::::::::::顶88:::::::::::::::::::顶
…88888顶:::88::顶:::::::::::::::::::::::::顶:8::::::::::::::::::::顶
…888888顶::::8::顶::::::::::::::8888::::::::顶8::::::::::::8888:::::顶
…88888…顶:::8::顶顶:::::::::::888888:::::::顶::::::::::::888888::::顶
…8888…顶顶:::::顶顶::::::::::888888:::::::顶顶::::::::::888888::::顶
…8888…顶:::::::顶顶::::::::::8888:::::::顶顶顶::::::::::8888::::顶’’’’
…888…顶顶::::::顶顶顶:::::::::::::::::顶顶::顶::::::::::::::::顶’’’’
…88…顶::::::::顶顶顶顶:::::::::::顶顶顶:::顶顶:::::::::::::顶’’’’
…88…顶顶:::::::::顶顶顶顶顶顶顶顶顶顶:::::::顶顶顶顶
…88…顶顶::::::::::::顶顶顶顶顶顶顶::::::::::::顶顶
…88…8顶顶::::::::::::::::::::::::::::::::::::::::顶
…8…88顶顶::::::::::::::::::::::顶:::顶::::::::::顶
…888顶顶::::::::::::::::::顶顶::::::顶顶::::::顶
…88888顶顶:::::::::::::::顶顶顶:::::::顶顶:::::顶
…888888顶顶:::::::::::::顶顶顶:::::::::顶顶:::顶
…88888888顶顶:::::::::::顶顶顶:::::::::::顶:::顶
…88.8888888.顶::::::::顶顶顶::::::::::::::顶::顶
…8…888888…顶::::::顶顶:::::::::::::::::顶::顶
…888888…顶:::::顶:::::::::::::::::::顶::顶顶
…888888…顶::::顶::::::::::::::::::::::::顶顶
…888888…顶::::顶::::::::::::::::::::::::顶:顶
…88888…顶::::::::::::::8::::::::::::::::顶::顶
…88888…顶:::::::::::::::88::::::::::::::::顶::顶
…88888…顶::::::::::::::::8::::::::::::::::::顶::顶
…88888…顶:::::顶:::::::::::::::::::::顶::::::::顶::顶
…8888…顶:::::顶:::::::::::::::::::::::顶顶::::::顶::顶
…8888…顶:::::顶:::::::::::::::::::::::顶顶顶:::::::顶:顶
…888…顶:::::顶顶::::::::::::::::::::::顶顶顶::::::::顶:顶
…顶::::::顶顶:::::::::::::::::::::顶顶顶::::::::: 顶:顶
…顶:::::顶:::::::::::::::::::::::顶顶::::::::::::::顶:顶
…顶::::::::::::::::::::::::::::::顶::::::::::::::::::顶:顶
…顶::::::::::::::::::::::::::::::::::::::::::::::::::顶:顶
…顶::::::::顶:::::::::::::::::::::::::::::::::::::::::顶:顶
…顶::::::::顶:::::::::::::::::顶::::::::::::::::::::::顶:顶
…顶::::::::::顶::::::::::::::顶::::::::::::::::::::::::顶:顶顶
…顶:::::::::::顶8::::::::8:顶:::::::::::::::::::::::::顶:顶顶p
…顶::::::::::::888hole888顶:::::::::::::::::::::::::::顶:顶o
…顶:::::::::::::88888888顶:::::::::::::::::::::::::::顶:顶p
…顶::::::::::::::888888顶::::::::::::::::::::::::::::顶:顶
…顶:::::::::::::::88888顶:::::::::::::::::::::::::::顶:顶
…顶:::::::::::::::::88顶::::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶:::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶:::::::::::::::::::::顶
…顶:::::::顶:::::::::::::::::::::顶
…顶::::::顶::::::::::::::::::::顶
…顶:::::顶::::::::::::::::::::顶
…顶:::顶::::::::::::::::::::顶
…顶::顶::::::::::::::::::::顶
…顶:顶:::::::::::::::::::顶
…顶顶:::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::顶::::::::顶顶
…顶顶::::顶顶:::::::顶顶
…顶顶::::::顶顶:::::顶顶
…顶顶::::::::::::::顶顶
…顶顶::::顶:::::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶:::顶顶::::::::::顶
…顶顶::顶顶::::::::::顶
…顶顶::顶顶:::::::::::顶
…顶顶:::顶::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶::::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶::::::::::::顶
…顶顶::::::::::::顶
…顶顶:::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶:::::::顶
…顶顶:::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶:::::::顶
…顶:顶::::::::顶
…顶:顶:::::::::顶
…顶:顶::::::::::顶
…顶:顶:::::::::::顶
…顶:顶::::::::::::顶
…顶:顶:::::::::::::顶
…顶:顶::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::顶
…顶顶顶:::::::::顶顶
…顶顶::顶::::顶顶
…顶顶顶顶顶顶顶
…顶顶顶顶顶
-->



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 Not Found</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin: 0;
      padding: 0;
      background-size: cover;
      background-position: center;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff; /* 设置默认背景颜色为白色 */
    }

    .construction-container {
      background-color: #6200EE; /* 设置施工消息背景颜色 */
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .construction-text {
      font-size: 24px;
      color: #fff;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

    footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #6200EE; /* 设置底部版权信息背景颜色 */
      color: #fff;
      padding: 10px 0;
      text-align: center;
    }

    footer a {
      color: #fff;
      text-decoration: none;
    }

    #timer {
      color: #fff;
      font-size: 14px;
      margin-top: 5px;
    }
  </style>
</head>
<body>
  <div class="construction-container">
    <div class="construction-text">
The website is under construction, please be patient.</div>
  </div>

  <footer>
    Powered by xxx | <a href="https://xxx.za.org" target="_blank" rel="noopener noreferrer">xxx.za.org</a>
    <div id="timer"></div>
  </footer>

  <script>
    const siteBuildTime = new Date('2023-12-15'); // 替换为你的网站建立时间
    const timerElement = document.getElementById('timer');

    function updateTimer() {
      const currentTime = new Date();
      const timeDifference = currentTime.getTime() - siteBuildTime.getTime();

      const daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
      const hoursDifference = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutesDifference = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
      const secondsDifference = Math.floor((timeDifference % (1000 * 60)) / 1000);

      timerElement.innerHTML = `Website establishment time：${daysDifference}day ${hoursDifference}
Hour ${minutesDifference}
minute ${secondsDifference}Second`;
    }

    // 使用 Unsplash API 获取随机图片并设置为背景
    fetch('zrnpic.jpg')
      .then(response => {
        const imageUrl = response.url;
        document.body.style.backgroundImage = `url(${imageUrl})`;
      })
      .catch(error => console.error(error));

    setInterval(updateTimer, 1000);
    updateTimer();
  </script>
</body>
</html>