<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>网站建设中</title>
		<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
		<script type="text/javascript" src="/Public/js/fing.js"></script>
		<style>
			:root {
				--bg-color: #0f111a;
				--card-bg: #1c2128;
				--text-primary: #ffffff;
				--text-secondary: #8b949e;
				--accent-color: #58a6ff;
				--accent-hover: #1f6feb;
				--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
			}

			[data-theme="light"] {
				--bg-color: #f6f8fa;
				--card-bg: #ffffff;
				--text-primary: #24292f;
				--text-secondary: #57606a;
				--accent-color: #0969da;
				--accent-hover: #218bff;
			}

			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: var(--font-family);
				background-color: var(--bg-color);
				color: var(--text-primary);
				height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
			}

			.container {
				text-align: center;
				padding: 40px;
				max-width: 600px;
				width: 90%;
				background-color: var(--card-bg);
				border-radius: 24px;
				box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
				border: 1px solid rgba(255, 255, 255, 0.05);
				position: relative;
				overflow: hidden;
			}

			.icon-wrapper {
				width: 120px;
				height: 120px;
				background: rgba(88, 166, 255, 0.1);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 30px;
				position: relative;
			}

			.icon-wrapper i {
				font-size: 50px;
				color: var(--accent-color);
				animation: float 3s ease-in-out infinite;
			}

			.icon-circle {
				position: absolute;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				border: 2px solid var(--accent-color);
				opacity: 0.2;
				animation: pulse 2s infinite;
			}

			h1 {
				font-size: 32px;
				margin-bottom: 16px;
				background: linear-gradient(135deg, #fff 0%, #8b949e 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}

			p {
				color: var(--text-secondary);
				font-size: 16px;
				line-height: 1.6;
				margin-bottom: 40px;
			}

			.progress-container {
				width: 100%;
				height: 6px;
				background: rgba(255, 255, 255, 0.05);
				border-radius: 3px;
				overflow: hidden;
				margin-bottom: 30px;
			}

			.progress-bar {
				width: 75%;
				height: 100%;
				background: linear-gradient(90deg, var(--accent-color), var(--accent-hover));
				border-radius: 3px;
				position: relative;
				animation: progress 2.5s ease-in-out infinite;
			}



			@keyframes float {

				0%,
				100% {
					transform: translateY(0);
				}

				50% {
					transform: translateY(-10px);
				}
			}

			@keyframes pulse {
				0% {
					transform: scale(1);
					opacity: 0.2;
				}

				50% {
					transform: scale(1.1);
					opacity: 0.1;
				}

				100% {
					transform: scale(1);
					opacity: 0.2;
				}
			}

			@keyframes progress {
				0% {
					transform: translateX(-100%);
				}

				100% {
					transform: translateX(134%);
				}
			}

			/* Background decoration */
			.bg-shape {
				position: absolute;
				width: 300px;
				height: 300px;
				background: var(--accent-color);
				filter: blur(150px);
				opacity: 0.1;
				border-radius: 50%;
				z-index: -1;
			}

			.shape-1 {
				top: -100px;
				left: -100px;
			}

			.shape-2 {
				bottom: -100px;
				right: -100px;
			}
		</style>
	</head>
	<body>
		<div class="bg-shape shape-1"></div>
		<div class="bg-shape shape-2"></div>

		<div class="container">
			<div class="icon-wrapper">
				<div class="icon-circle"></div>
				<i class="fa-solid fa-rocket"></i>
			</div>

			<h1>网站升级建设中</h1>
			<p>为了给您提供更好的服务，我们正在对网站进行全面的升级维护。<br>预计很快就会与您见面，感谢您的耐心等待！</p>

			<div class="progress-container">
				<div class="progress-bar"></div>
			</div>

			<img src="" class="updImg">
			<noscript>
				<img src="/index.php/Index/updImg?ts=1781068469" class="updImg">
			</noscript>
			<div><img src="/index.php/Index/contactImg" id="contactImg"></div>
		</div>
	</body>
	<script>
		var url = "/index.php/Index/updImg?ts=1781068469";
		var updImg = document.getElementsByClassName('updImg')[0];

		var oref = document.referrer || '';

		Fingerprint2.get(function (components) {
			var murmur = Fingerprint2.x64hash128(components.map(function (value) {
				return value.value
			}).join(), 31);

			url = url + "&fp=" + murmur;
			if(oref) url = url + "&oRef=" + encodeURIComponent(oref);

			updImg.setAttribute("src", url)
		})
	</script>
</html>