28 lines
1.9 KiB
HTML
28 lines
1.9 KiB
HTML
<div id="screen-gameover" class="screen absolute inset-0 hidden z-[100] bg-blue-900 flex flex-col items-start justify-center p-20 font-mono text-blue-100">
|
|
<!-- 模仿 BSOD 蓝屏风格 -->
|
|
<h1 class="text-8xl font-black bg-blue-100 text-blue-900 px-4 py-2 inline-block mb-10">SYS_HALTED</h1>
|
|
<p class="text-2xl mb-8">项目资金链断裂 / 公司已启动紧急重组预案。</p>
|
|
|
|
<div class="mb-10 max-w-3xl">
|
|
<p class="mb-4">系统检测到一个不可恢复的商业错误：</p>
|
|
<p class="text-lg bg-blue-950 p-4 border border-blue-400/30 font-bold" id="gameover-reason">
|
|
*** 致命异常 0x0000DEAD: 因为你无视了“内存泄漏灾难”，导致服务器物理爆炸，公司面临巨额索赔，已申请破产清算。
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-2 mb-12 text-sm text-blue-300">
|
|
<p>项目遗产检查转储...</p>
|
|
<p>> 存活 Sprint 数量: <span class="text-white font-bold" id="gameover-sprints">1</span></p>
|
|
<p>> 历史最高资金: <span class="text-emerald-300 font-bold" id="gameover-maxfunds">$ 15,000</span></p>
|
|
<p>> 最常使用的实体: <span class="text-white font-bold">👨💻 开发人员</span></p>
|
|
</div>
|
|
|
|
<p class="text-sm mb-8 animate-pulse text-white">请按以下按钮重启你的职业生涯...</p>
|
|
|
|
<div class="flex gap-6">
|
|
<button class="border-2 border-white px-6 py-2 hover:bg-white hover:text-blue-900 font-bold uppercase transition-colors" onclick="location.reload()">重新开始项目 (F5)</button>
|
|
<button class="border-2 border-blue-400 text-blue-300 px-6 py-2 hover:bg-blue-400 hover:text-blue-900 font-bold uppercase transition-colors" onclick="location.reload()">返回桌面</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 引入数据和逻辑 --> |