31 lines
1.6 KiB
HTML
31 lines
1.6 KiB
HTML
<div class="min-h-[60vh] flex items-center justify-center px-4">
|
|
<div class="max-w-md w-full text-center">
|
|
<div class="mb-6">
|
|
<div class="inline-flex items-center justify-center w-24 h-24 rounded-full bg-indigo-100 text-indigo-500">
|
|
<i class="fas fa-map-signs text-5xl"></i>
|
|
</div>
|
|
</div>
|
|
<h1 class="text-4xl font-bold text-gray-800 mb-4">页面未找到</h1>
|
|
<p class="text-lg text-gray-600 mb-8">
|
|
很抱歉，您要访问的页面不存在或已被移除。
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row justify-center space-y-3 sm:space-y-0 sm:space-x-3">
|
|
<a href="/" class="btn-primary">
|
|
<i class="fas fa-home mr-2"></i> 返回首页
|
|
</a>
|
|
<button onclick="window.history.back()" class="btn-secondary">
|
|
<i class="fas fa-arrow-left mr-2"></i> 返回上一页
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.btn-primary {
|
|
@apply inline-flex items-center justify-center px-5 py-3 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors;
|
|
}
|
|
.btn-secondary {
|
|
@apply inline-flex items-center justify-center px-5 py-3 border border-gray-300 rounded-md shadow-sm text-base font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-colors;
|
|
}
|
|
</style>
|