72 lines
3.6 KiB
HTML
72 lines
3.6 KiB
HTML
<!-- 二维码浮动层 -->
|
|
<div class="fixed bottom-6 right-6 z-50 bg-white p-3 rounded-lg shadow-2xl transition-all duration-300 hover:shadow-blue-500/20">
|
|
<div class="img-card-container">
|
|
<div class="img-card">
|
|
<img src="https://volunteer.cdn-go.cn/404/latest/img/dream4schoolQR.png"
|
|
alt="志愿者活动二维码"
|
|
class="w-32 h-32 object-contain" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 404页面主体内容 -->
|
|
<div class="page-header counter-area header-filter min-h-screen flex items-center justify-center relative bg-gradient-to-br from-gray-900 to-blue-900 overflow-hidden" id="img">
|
|
<!-- 背景装饰效果 -->
|
|
<div class="absolute inset-0 bg-[url('https://bing.img.run/uhd.php')] bg-cover bg-center opacity-20"></div>
|
|
<div class="absolute inset-0 bg-black/60"></div>
|
|
|
|
<div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center mt-8">
|
|
<div class="content-center brand">
|
|
<!-- 404标题 -->
|
|
<h1 class="h1-seo shaded-text text-[clamp(5rem,15vw,10rem)] font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500 mb-4 tracking-tighter">
|
|
404
|
|
</h1>
|
|
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-white mb-6">NOT FOUND</h2>
|
|
|
|
<!-- 工作室名称 -->
|
|
<h3 class="shaded-text text-[clamp(1rem,2vw,1.5rem)] text-blue-200 mb-8">
|
|
Galaxy Vantone Software Development Studio
|
|
</h3>
|
|
|
|
<!-- 描述信息 -->
|
|
<h4 class="description shaded-text text-gray-300 text-lg md:text-xl mb-10 max-w-2xl mx-auto leading-relaxed">
|
|
您访问的页面走丢在追寻梦想的路上，请稍后再试或<a style="color: blue;" href="mailto://support@gvsds.com?subject=我在使用银河锋锐软件开发工作室官方网站%20www.gvsds.com%20时遇到%20404%20错误&body=错误：{{ e }}%0D%0A路径：{{ path }}%0D%0A时间：{{ time }}%0D%0A恳请您能够尽快修复此页面的问题。">向网站反馈此问题</a><br>不过您还可以和志愿者一起
|
|
</h4>
|
|
|
|
<!-- 行动号召 -->
|
|
<h3 class="text-white text-2xl md:text-3xl font-semibold mb-8 animate-pulse">
|
|
为孩子们点亮一个梦想
|
|
</h3>
|
|
|
|
<!-- 错误信息展示 -->
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-3xl mx-auto">
|
|
<div class="bg-white/10 backdrop-blur-sm rounded-lg p-4 border border-white/20 hover:border-blue-400/50 transition-all">
|
|
<p class="category text-success d-inline shaded-text text-white">
|
|
<span class="block text-blue-300 mb-1">Error:</span>
|
|
{{ e }}
|
|
</p>
|
|
</div>
|
|
<div class="bg-white/10 backdrop-blur-sm rounded-lg p-4 border border-white/20 hover:border-blue-400/50 transition-all">
|
|
<p class="category text-success d-inline shaded-text text-white">
|
|
<span class="block text-blue-300 mb-1">Path:</span>
|
|
{{ path }}
|
|
</p>
|
|
</div>
|
|
<div class="bg-white/10 backdrop-blur-sm rounded-lg p-4 border border-white/20 hover:border-blue-400/50 transition-all">
|
|
<p class="category text-success d-inline shaded-text text-white">
|
|
<span class="block text-blue-300 mb-1">Time:</span>
|
|
{{ time }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 可添加返回按钮 -->
|
|
<div class="mt-12">
|
|
<button class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg hover:shadow-blue-500/30">
|
|
返回首页
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|