layout, title
| layout |
title |
| page |
404 - Page Not Found |
404
页面未找到
你访问的页面不存在或已被移动到其他位置。
Page not found. The page you're looking for doesn't exist or has been moved.
<style scoped>
.not-found-page {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh;
padding: 4rem 1.5rem;
overflow: hidden;
}
.nf-glow {
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: 600px;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(91, 108, 247, 0.08), transparent 60%);
pointer-events: none;
}
.nf-content {
position: relative;
z-index: 1;
text-align: center;
max-width: 480px;
}
.nf-code {
display: block;
font-size: clamp(5rem, 15vw, 8rem);
font-weight: 900;
background: linear-gradient(135deg, #5B6CF7 0%, #8B5CF6 50%, #EC4899 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
line-height: 1;
margin-bottom: 1rem;
}
.nf-title {
font-size: 1.5rem;
font-weight: 700;
color: var(--vp-home-text-1);
margin-bottom: 1rem;
}
.nf-desc {
font-size: 0.95rem;
color: var(--vp-home-text-2);
line-height: 1.65;
margin-bottom: 0.5rem;
}
.nf-actions {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 2rem;
flex-wrap: wrap;
}
.nf-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.7rem 1.6rem;
border-radius: 10px;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.nf-btn--primary {
background: linear-gradient(135deg, #5B6CF7, #8B5CF6);
color: #fff;
}
.nf-btn--primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(91, 108, 247, 0.3);
}
.nf-btn--ghost {
background: var(--vp-home-card-bg);
border: 1px solid var(--vp-home-card-border);
color: var(--vp-home-text-1);
backdrop-filter: blur(12px);
}
.nf-btn--ghost:hover {
border-color: rgba(139, 92, 246, 0.3);
background: var(--vp-home-card-hover-bg);
}
</style>
