67 lines
3.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>404 - 页面未找到</title>
<meta name="robots" content="noindex" />
<style>
:root { color-scheme: light dark; }
html, body { height: 100%; }
body {
margin: 0; display: grid; place-items: center; font: 14px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.05));
}
.card {
width: min(560px, 92vw);
border: 1px solid rgba(125,125,125,.25);
border-radius: 14px;
background: rgba(255,255,255,.7);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding: 24px;
box-shadow: 0 10px 25px rgba(0,0,0,.08);
color: #1f2937;
}
.row { display:flex; justify-content:center; align-items:center; gap:10px; }
@media (prefers-color-scheme: dark) {
.card { background: rgba(24,24,27,.6); color: #e5e7eb; border-color: rgba(255,255,255,.12); }
}
.title { font-size: 22px; font-weight: 700; margin: 8px 0 4px; }
.desc { color: #6b7280; margin: 0 0 8px; }
.hint { font-size: 12px; color: #9ca3af; text-align: center; margin-top: 10px; }
.actions { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
.btn {
appearance: none; border: 1px solid rgba(125,125,125,.35); background: rgba(255,255,255,.9);
color: #111827; padding: 10px 16px; border-radius: 8px; cursor: pointer; font-weight: 600;
}
.btn.primary { background: #111827; color: white; border-color: #111827; }
.btn:active { transform: translateY(1px); }
@media (prefers-color-scheme: dark) {
.btn { background: rgba(63,63,70,.8); color: #e5e7eb; border-color: rgba(255,255,255,.14); }
.btn.primary { background: #3b82f6; border-color: #3b82f6; }
}
</style>
</head>
<body>
<main class="card">
<div class="row">
<svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>
<div>
<div class="title">页面未找到</div>
<div class="desc">即将为您跳转到首页。如果未跳转,请使用下面的按钮。</div>
</div>
</div>
<div class="actions">
<button class="btn primary" onclick="location.assign('/')">返回首页</button>
<button class="btn" onclick="history.length>1?history.back():location.assign('/')">返回上一页</button>
</div>
<p class="hint">错误代码404</p>
</main>
<script>
// 对于静态托管(如 GitHub Pages、Vercel 静态导出),尝试回退到 SPA 入口
setTimeout(function(){location.replace('/')}, 1500)
</script>
</body>
</html>