70 lines
3.7 KiB
HTML
70 lines
3.7 KiB
HTML
<!-- 二维码浮动层（透明度优化） -->
|
|
<div class="fixed bottom-6 right-6 z-50 bg-white p-3 rounded-lg shadow-xl transition-all duration-300 hover:shadow-blue-300/30 border border-gray-100">
|
|
<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-blue-50 to-indigo-100 overflow-hidden" id="img">
|
|
<div class="absolute inset-0 bg-[url('https://bing.img.run/uhd.php')] bg-cover bg-center opacity-1"></div>
|
|
<div class="absolute inset-0 bg-white/70"></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-500 to-indigo-600 mb-4 tracking-tighter">
|
|
404
|
|
</h1>
|
|
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-gray-800 mb-6">NOT FOUND</h2>
|
|
|
|
<!-- 工作室名称 -->
|
|
<h3 class="shaded-text text-[clamp(1rem,2vw,1.5rem)] text-blue-700 mb-8">
|
|
Galactic Vorpal Software Development Studio
|
|
</h3>
|
|
|
|
<!-- 描述信息 -->
|
|
<h4 class="description shaded-text text-gray-600 text-lg md:text-xl mb-10 max-w-2xl mx-auto leading-relaxed">
|
|
您访问的页面走丢在追寻梦想的路上，请稍后再试或<a style="color: #2563eb; font-weight: 500;" 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-blue-800 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 rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-all shadow-sm hover:shadow-md">
|
|
<p class="category d-inline shaded-text text-gray-800">
|
|
<span class="block text-blue-600 mb-1 font-medium">Error:</span>
|
|
{{ e }}
|
|
</p>
|
|
</div>
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-all shadow-sm hover:shadow-md">
|
|
<p class="category d-inline shaded-text text-gray-800">
|
|
<span class="block text-blue-600 mb-1 font-medium">Path:</span>
|
|
{{ path }}
|
|
</p>
|
|
</div>
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200 hover:border-blue-300 transition-all shadow-sm hover:shadow-md">
|
|
<p class="category d-inline shaded-text text-gray-800">
|
|
<span class="block text-blue-600 mb-1 font-medium">Time:</span>
|
|
{{ time }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 返回按钮 -->
|
|
<div class="mt-12 mb-16 sm:mb-12">
|
|
<button class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-md hover:shadow-blue-200" onclick="window.location='/';">
|
|
返回首页
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |