<!DOCTYPE html>
<!--
// 功能：文404专用文件
// 作者：启肯科技
// Q Q：328493711
// 微信：13738373177（同手机）
// 官网：http://www.qiken.com
// 说明：QKCMS-轻量级AI智能内容管理建站系统
// 版权：© 2025 温州启肯网络有限公司 保留所有权利，盗版必究-->


<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<title>{qkcms:site_title}</title>
	<meta name="keywords" content="{qkcms:site_keywords}">
	<meta name="description" content="{qkcms:site_description}">
	<style>
		/ body,
		html {
			margin: 0;
			padding: 0;
			height: 100%;
			display: flex;
			flex-direction: column;
		}

		.error-container {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			text-align: center;
			
			box-sizing: border-box;
			margin: 60px;   
			
		}

		.error-code {
			font-size: 160px;
			font-weight: bold;
			color: var(--text-lighter);
			margin-bottom: 0px;
			margin-top: -30px;
			height: 190px;
			line-height: 1;
		}

		.error-code span {
			display: inline-block;
			animation: bounce 2s ease-in-out infinite;
		}

		.error-code span:nth-child(2) {
			animation-delay: 0.15s;
		}

		.error-code span:nth-child(3) {
			animation-delay: 0.3s;
		}

		@keyframes bounce {
			0%, 100% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(-15px);
			}
		}

		.error-message {
			font-size: 24px;
			margin-bottom: 0px;
			color: #6c757d;
			margin-top: 0px;
		}

		.error-description {
			margin-bottom: 40px;
			    color: #748091;
			max-width: 600px;
			line-height: 1.9;
		}

		.back-home {
			display: inline-block;
			padding: 12px 84px;
			background-color: var(--primary);
			;
			color: white;
			text-decoration: none;
			border-radius: 114px;
			font-size: 16px;
			transition: background-color 0.3s;
		}

		.back-home:hover {
			filter: alpha(opacity:80);
			opacity: 0.8;
		}
	</style>
</head>

<body>
	{qkcms:head.html}
	<div class="error-container">
		<p class="error-code">
			<span>4</span><span>0</span><span>4</span>
		</p>
		<p class="error-message">抱歉，您访问的页面不存在</p>
		<p class="error-description">您请求的页面可能已被删除、更名或暂时不可用。<br>请检查您输入的网址是否正确，或返回首页继续浏览。</p>
		<p><a href="/" class="back-home">返回首页</a></p>
	</div>

	{qkcms:footer.html}
</body>

</html>