mirror of
https://github.com/ZeroCatDev/ClassworksKVAdmin.git
synced 2025-10-22 12:03:10 +00:00
67 lines
3.1 KiB
HTML
67 lines
3.1 KiB
HTML
<!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>
|