<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无尽噩梦·终极恐惧</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<style>
body {
background: #000;
color: #fff;
font-family: 'Courier New', Courier, monospace;
overflow: hidden;
cursor: none;
}
/* 极限血滴效果 */
.extreme-blood {
position: absolute;
width: 1px;
height: 80px;
background: linear-gradient(to bottom, transparent, #ff0000, transparent);
animation: extreme-drip 0.5s infinite linear;
z-index: 1000;
}
@keyframes extreme-drip {
0% { transform: translateY(-100px); opacity: 0; }
5% { opacity: 1; }
95% { opacity: 1; }
100% { transform: translateY(100vh); opacity: 0; }
}
/* 极限闪烁 */
.ultra-flicker {
animation: ultra-flicker 0.05s infinite alternate;
}
@keyframes ultra-flicker {
0% { opacity: 0; }
5% { opacity: 0.1; }
10% { opacity: 0.2; }
15% { opacity: 0.3; }
20% { opacity: 0.4; }
25% { opacity: 0.5; }
30% { opacity: 0.6; }
35% { opacity: 0.7; }
40% { opacity: 0.8; }
45% { opacity: 0.9; }
50% { opacity: 1; }
55% { opacity: 0.9; }
60% { opacity: 0.8; }
65% { opacity: 0.7; }
70% { opacity: 0.6; }
75% { opacity: 0.5; }
80% { opacity: 0.4; }
85% { opacity: 0.3; }
90% { opacity: 0.2; }
95% { opacity: 0.1; }
100% { opacity: 0; }
}
/* 极限故障效果 */
.extreme-glitch {
position: relative;
animation: extreme-shake 0.05s infinite;
}
.extreme-glitch::before,
.extreme-glitch::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.extreme-glitch::before {
left: 3px;
text-shadow: -3px 0 red;
clip: rect(0, 9999px, 0, 0);
animation: extreme-glitch-anim 0.1s infinite linear alternate-reverse;
}
.extreme-glitch::after {
left: -3px;
text-shadow: -3px 0 blue;
clip: rect(0, 9999px, 0, 0);
animation: extreme-glitch-anim2 0.1s infinite linear alternate-reverse;
}
@keyframes extreme-glitch-anim {
0% { clip: rect(0, 9999px, 10px, 0); }
5% { clip: rect(20px, 9999px, 30px, 0); }
10% { clip: rect(40px, 9999px, 50px, 0); }
15% { clip: rect(60px, 9999px, 70px, 0); }
20% { clip: rect(80px, 9999px, 90px, 0); }
25% { clip: rect(100px, 9999px, 110px, 0); }
30% { clip: rect(120px, 9999px, 130px, 0); }
35% { clip: rect(140px, 9999px, 150px, 0); }
40% { clip: rect(160px, 9999px, 170px, 0); }
45% { clip: rect(180px, 9999px, 190px, 0); }
50% { clip: rect(200px, 9999px, 210px, 0); }
55% { clip: rect(220px, 9999px, 230px, 0); }
60% { clip: rect(240px, 9999px, 250px, 0); }
65% { clip: rect(260px, 9999px, 270px, 0); }
70% { clip: rect(280px, 9999px, 290px, 0); }
75% { clip: rect(300px, 9999px, 310px, 0); }
80% { clip: rect(320px, 9999px, 330px, 0); }
85% { clip: rect(340px, 9999px, 350px, 0); }
90% { clip: rect(360px, 9999px, 370px, 0); }
95% { clip: rect(380px, 9999px, 390px, 0); }
100% { clip: rect(400px, 9999px, 410px, 0); }
}
@keyframes extreme-glitch-anim2 {
0% { clip: rect(400px, 9999px, 410px, 0); }
5% { clip: rect(380px, 9999px, 390px, 0); }
10% { clip: rect(360px, 9999px, 370px, 0); }
15% { clip: rect(340px, 9999px, 350px, 0); }
20% { clip: rect(320px, 9999px, 330px, 0); }
25% { clip: rect(300px, 9999px, 310px, 0); }
30% { clip: rect(280px, 9999px, 290px, 0); }
35% { clip: rect(260px, 9999px, 270px, 0); }
40% { clip: rect(240px, 9999px, 250px, 0); }
45% { clip: rect(220px, 9999px, 230px, 0); }
50% { clip: rect(200px, 9999px, 210px, 0); }
55% { clip: rect(180px, 9999px, 190px, 0); }
60% { clip: rect(160px, 9999px, 170px, 0); }
65% { clip: rect(140px, 9999px, 150px, 0); }
70% { clip: rect(120px, 9999px, 130px, 0); }
75% { clip: rect(100px, 9999px, 110px, 0); }
80% { clip: rect(80px, 9999px, 90px, 0); }
85% { clip: rect(60px, 9999px, 70px, 0); }
90% { clip: rect(40px, 9999px, 50px, 0); }
95% { clip: rect(20px, 9999px, 30px, 0); }
100% { clip: rect(0, 9999px, 10px, 0); }
}
@keyframes extreme-shake {
0% { transform: translate(0, 0); }
10% { transform: translate(-5px, -5px); }
20% { transform: translate(5px, 5px); }
30% { transform: translate(-5px, 5px); }
40% { transform: translate(5px, -5px); }
50% { transform: translate(-5px, -5px); }
60% { transform: translate(5px, 5px); }
70% { transform: translate(-5px, 5px); }
80% { transform: translate(5px, -5px); }
90% { transform: translate(-5px, -5px); }
100% { transform: translate(0, 0); }
}
/* 极限背景视频 */
video#bg-video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -1;
filter: brightness(5%) contrast(300%) sepia(50%) hue-rotate(300deg) saturate(500%);
}
/* 极限跳杀 */
.extreme-jump {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
background-color: rgba(0,0,0,0.99);
z-index: 9999;
}
/* 极限幽灵 */
.extreme-ghost {
position: absolute;
font-size: 3rem;
animation: extreme-float 0.5s infinite linear;
z-index: 100;
pointer-events: none;
}
@keyframes extreme-float {
0% { transform: translate(0, 0) rotate(0deg); }
10% { transform: translate(50px, 50px) rotate(36deg); }
20% { transform: translate(100px, 0) rotate(72deg); }
30% { transform: translate(50px, -50px) rotate(108deg); }
40% { transform: translate(0, -100px) rotate(144deg); }
50% { transform: translate(-50px, -50px) rotate(180deg); }
60% { transform: translate(-100px, 0) rotate(216deg); }
70% { transform: translate(-50px, 50px) rotate(252deg); }
80% { transform: translate(0, 100px) rotate(288deg); }
90% { transform: translate(50px, 50px) rotate(324deg); }
100% { transform: translate(0, 0) rotate(360deg); }
}
/* 极限心跳 */
.extreme-heartbeat {
animation: extreme-heartbeat 0.3s ease-in-out infinite;
}
@keyframes extreme-heartbeat {
0% { transform: scale(1); }
5% { transform: scale(1.2); }
10% { transform: scale(1); }
15% { transform: scale(1.2); }
20% { transform: scale(1); }
25% { transform: scale(1.2); }
30% { transform: scale(1); }
35% { transform: scale(1.2); }
40% { transform: scale(1); }
45% { transform: scale(1.2); }
50% { transform: scale(1); }
100% { transform: scale(1); }
}
/* 极限扫描线 */
.extreme-crawl::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(
0deg,
rgba(0,0,0,0) 0px,
rgba(0,0,0,0) 1px,
rgba(255,0,0,0.3) 2px,
rgba(255,0,0,0.3) 3px
);
animation: extreme-crawl 0.05s linear infinite;
pointer-events: none;
}
@keyframes extreme-crawl {
from { background-position: 0 0; }
to { background-position: 0 3px; }
}
/* 极限扭曲 */
.extreme-distortion {
filter: url(#extremeDistortionFilter);
}
/* 极限抖动 */
.extreme-shake {
animation: extreme-violent-shake 0.05s infinite;
}
@keyframes extreme-violent-shake {
0% { transform: translate(0, 0) rotate(0deg); }
10% { transform: translate(-15px, -15px) rotate(-5deg); }
20% { transform: translate(15px, 15px) rotate(5deg); }
30% { transform: translate(-15px, 15px) rotate(-5deg); }
40% { transform: translate(15px, -15px) rotate(5deg); }
50% { transform: translate(-15px, -15px) rotate(-5deg); }
60% { transform: translate(15px, 15px) rotate(5deg); }
70% { transform: translate(-15px, 15px) rotate(-5deg); }
80% { transform: translate(15px, -15px) rotate(5deg); }
90% { transform: translate(-15px, -15px) rotate(-5deg); }
100% { transform: translate(0, 0) rotate(0deg); }
}
/* 极限闪光 */
.extreme-lightning {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: 0;
z-index: 9998;
pointer-events: none;
}
.extreme-lightning-flash {
animation: extreme-lightning 0.05s;
}
@keyframes extreme-lightning {
0% { opacity: 0; }
25% { opacity: 1; }
50% { opacity: 0; }
75% { opacity: 1; }
100% { opacity: 0; }
}
/* 极限眼球 */
.extreme-eye {
position: absolute;
width: 30px;
height: 30px;
background: radial-gradient(circle, red 30%, black 70%);
border-radius: 50%;
z-index: 2000;
pointer-events: none;
box-shadow: 0 0 20px red;
}
/* 极限裂痕 */
.crack-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path d="M0,0 L100,100 M50,0 L150,100 M0,50 L100,150" stroke="rgba(255,0,0,0.3)" stroke-width="2"/></svg>');
z-index: 999;
pointer-events: none;
opacity: 0.7;
}
/* 极限噪音 */
.noise-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect width="100" height="100" fill="black"/><circle cx="10" cy="10" r="1" fill="white"/><circle cx="30" cy="40" r="1" fill="white"/><circle cx="50" cy="20" r="1" fill="white"/><circle cx="70" cy="60" r="1" fill="white"/><circle cx="90" cy="30" r="1" fill="white"/></svg>');
background-repeat: repeat;
z-index: 998;
pointer-events: none;
opacity: 0.1;
animation: noise-move 0.1s infinite linear;
}
@keyframes noise-move {
0% { transform: translate(0, 0); }
100% { transform: translate(100px, 100px); }
}
/* 极限蠕虫 */
.worm-effect {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(255,0,0,0.1) 10px,
rgba(255,0,0,0.1) 20px
);
z-index: 997;
pointer-events: none;
animation: worm-move 0.5s infinite linear;
}
@keyframes worm-move {
0% { transform: translate(0, 0); }
100% { transform: translate(20px, 20px); }
}
/* 极限失真滤镜 */
.extreme-blur {
filter: blur(2px) contrast(200%) brightness(50%);
}
/* 极限颜色反转 */
.color-invert {
filter: invert(100%) hue-rotate(180deg);
}
/* 极限像素化 */
.pixelate {
image-rendering: pixelated;
}
/* 极限撕裂 */
.tear-effect {
position: relative;
overflow: hidden;
}
.tear-effect::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(transparent 50%, rgba(255,0,0,0.1) 50%);
background-size: 100% 4px;
z-index: 1000;
pointer-events: none;
animation: tear-animate 0.1s infinite;
}
@keyframes tear-animate {
0% { transform: translateY(0); }
100% { transform: translateY(4px); }
}
/* 极限扭曲滤镜 */
.warp-filter {
filter: url(#warpFilter);
}
</style>
</head>
<body class="relative">
<!-- 极限SVG滤镜 -->
<svg style="display:none;">
<filter id="extremeDistortionFilter">
<feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="5" result="noise"/>
<feDisplacementMap in2="noise" in="SourceGraphic" scale="30" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<filter id="warpFilter">
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="3" result="turbulence"/>
<feDisplacementMap in2="turbulence" in="SourceGraphic" scale="25" xChannelSelector="R" yChannelSelector="B"/>
</filter>
</svg>
<!-- 极限覆盖层 -->
<div class="crack-overlay"></div>
<div class="noise-overlay"></div>
<div class="worm-effect"></div>
<!-- 极限血滴容器 -->
<div id="extreme-blood-container"></div>
<!-- 极限幽灵容器 -->
<div id="extreme-ghost-container"></div>
<!-- 极限眼球追踪 -->
<div id="extreme-eye-left" class="extreme-eye"></div>
<div id="extreme-eye-right" class="extreme-eye"></div>
<!-- 极限闪光 -->
<div id="extreme-lightning" class="extreme-lightning"></div>
<!-- 极限背景视频 -->
<video autoplay muted loop id="bg-video">
<source src="https://assets.mixkit.co/videos/preview/mixkit-dark-stormy-night-forest-311-large.mp4" type="video/mp4">
</video>
<div class="container mx-auto px-4 py-20 text-center relative z-1000">
<!-- 极限标题 -->
<h1 data-text="你已经被诅咒了..." class="text-6xl md:text-9xl mb-8 extreme-glitch extreme-heartbeat">你已经被诅咒了...</h1>
<!-- 极限警告文本 -->
<p class="text-2xl md:text-5xl mb-6 extreme-shake">这里就是你的终点站...</p>
<!-- 极限倒计时 -->
<div class="mb-10">
<span id="extreme-countdown" class="text-red-600 text-7xl extreme-heartbeat"></span>
</div>
<!-- 极限信息区域 -->
<div class="extreme-crawl p-8 my-10 border-4 border-red-900 rounded-lg max-w-4xl mx-auto bg-black bg-opacity-80 tear-effect">
<p class="text-2xl mb-4">你的意识正在消散...</p>
<p class="text-xl">IP地址：<span id="extreme-ip-display" class="extreme-heartbeat"></span></p>
<p class="text-xl">位置坐标：<span id="extreme-location-display">地狱最深层</span></p>
<p class="text-xl mt-4">时间剩余：<span id="time-left">∞</span></p>
<p class="text-lg mt-6 text-red-500">每秒钟都有新的灵魂加入我们...</p>
</div>
<!-- 极限控制按钮 -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 max-w-4xl mx-auto mt-12">
<button onclick="triggerExtremeJumpScare()" class="bg-red-900 hover:bg-red-800 text-white font-bold py-4 px-6 rounded-lg transition transform hover:scale-110 duration-100 ease-in-out shadow-lg flex items-center justify-center extreme-shake">
<i class="fas fa-bolt mr-2"></i>立即终结
</button>
<button onclick="activateNightmareMode()" class="bg-purple-900 hover:bg-purple-800 text-white font-bold py-4 px-6 rounded-lg transition transform hover:scale-110 duration-100 ease-in-out shadow-lg flex items-center justify-center">
<i class="fas fa-moon mr-2"></i>噩梦模式
</button>
<button onclick="enableChaos()" class="bg-orange-900 hover:bg-orange-800 text-white font-bold py-4 px-6 rounded-lg transition transform hover:scale-110 duration-100 ease-in-out shadow-lg flex items-center justify-center">
<i class="fas fa-skull-crossbones mr-2"></i>混沌开启
</button>
<button onclick="finalJudgment()" class="bg-black hover:bg-gray-900 text-white font-bold py-4 px-6 rounded-lg transition transform hover:scale-110 duration-100 ease-in-out shadow-lg flex items-center justify-center border-2 border-red-600">
<i class="fas fa-gavel mr-2"></i>最终审判
</button>
</div>
<!-- 极限幻影文字 -->
<div class="my-16">
<p class="text-gray-500 italic text-2xl">听到了吗？他们在呼唤你的名字...</p>
<div class="flex justify-center space-x-16 mt-8">
<span class="opacity-50 text-3xl">HELP!!</span>
<span class="opacity-40 text-4xl">RUN!!!</span>
<span class="opacity-30 text-3xl">TOO LATE!</span>
<span class="opacity-20 text-5xl">GOODBYE!</span>
<span class="opacity-10 text-2xl">FOREVER!</span>
</div>
</div>
<!-- 极限统计数据 -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 max-w-4xl mx-auto mt-16">
<div class="bg-red-900 bg-opacity-70 p-6 rounded-lg border-2 border-red-700">
<h3 class="text-2xl font-bold mb-2">被困灵魂</h3>
<p class="text-5xl font-bold" id="souls-trapped">666666</p>
</div>
<div class="bg-purple-900 bg-opacity-70 p-6 rounded-lg border-2 border-purple-700">
<h3 class="text-2xl font-bold mb-2">绝望指数</h3>
<p class="text-5xl font-bold" id="despair-index">∞%</p>
</div>
<div class="bg-orange-900 bg-opacity-70 p-6 rounded-lg border-2 border-orange-700">
<h3 class="text-2xl font-bold mb-2">恐惧等级</h3>
<p class="text-5xl font-bold" id="fear-rating">MAXIMUM</p>
</div>
<div class="bg-black bg-opacity-70 p-6 rounded-lg border-2 border-red-600">
<h3 class="text-2xl font-bold mb-2">生存概率</h3>
<p class="text-5xl font-bold text-red-500" id="survival-chance">0.00%</p>
</div>
</div>
</div>
<!-- 极限跳杀窗口 -->
<div id="extreme-jump-modal" class="extreme-jump flex-col items-center justify-center">
<img src="https://i.imgur.com/vOVrKJl.gif" alt="极度恐惧面孔" class="max-w-sm md:max-w-lg mb-4 extreme-distortion">
<audio id="audio-extreme-jump" preload="auto">
<source src="https://www.soundjay.com/misc/sounds/bell-ringing-05.wav" type="audio/wav">
</audio>
</div>
<script>
// 极限血滴生成
function createExtremeBlood() {
const container = document.getElementById('extreme-blood-container');
for (let i = 0; i < 100; i++) {
const blood = document.createElement('div');
blood.className = 'extreme-blood';
blood.style.left = `${Math.random() * 100}%`;
blood.style.animationDelay = `${Math.random() * 0.5}s`;
blood.style.height = `${Math.random() * 100 + 80}px`;
blood.style.opacity = Math.random() * 0.9 + 0.1;
container.appendChild(blood);
}
}
// 极限幽灵生成
function createExtremeGhosts() {
const container = document.getElementById('extreme-ghost-container');
const ghosts = ['👻', '💀', '☠️', '⛓️', '🕯️', '👹', '👺', '🧟♂️', '🦹♀️', '🦇', '🕷️', '🖤'];
for (let i = 0; i < 50; i++) {
const ghost = document.createElement('div');
ghost.className = 'extreme-ghost';
ghost.textContent = ghosts[Math.floor(Math.random() * ghosts.length)];
ghost.style.left = `${Math.random() * 100}%`;
ghost.style.top = `${Math.random() * 100}%`;
ghost.style.fontSize = `${Math.random() * 4 + 2}rem`;
ghost.style.animationDuration = `${Math.random() * 0.5 + 0.1}s`;
ghost.style.opacity = Math.random() * 0.9 + 0.1;
container.appendChild(ghost);
}
}
// 极限倒计时
const startTime = new Date().getTime();
const totalTime = 60 * 1000; // 60秒
function updateExtremeCountdown() {
const now = new Date().getTime();
const elapsed = now - startTime;
const remaining = totalTime - elapsed;
if (remaining > 0) {
const seconds = Math.ceil(remaining / 1000);
document.getElementById("extreme-countdown").innerText = `灵魂剥离倒计时：${seconds} 秒`;
} else {
finalJudgment();
}
}
// 极限跳杀
function triggerExtremeJumpScare() {
const modal = document.getElementById('extreme-jump-modal');
const audio = document.getElementById('audio-extreme-jump');
modal.style.display = 'flex';
// 多重闪光效果
for (let i = 0; i < 5; i++) {
setTimeout(() => {
extremeLightningFlash();
}, i * 100);
}
try {
audio.play();
} catch(e) {
console.log("音频播放失败");
}
setTimeout(() => {
modal.style.display = 'none';
}, 1500);
}
// 极限眼球追踪
function initExtremeEyeTracking() {
const leftEye = document.getElementById('extreme-eye-left');
const rightEye = document.getElementById('extreme-eye-right');
document.addEventListener('mousemove', (e) => {
const x = e.clientX;
const y = e.clientY;
leftEye.style.left = `${x - 15}px`;
leftEye.style.top = `${y - 15}px`;
rightEye.style.left = `${x + 15}px`;
rightEye.style.top = `${y - 15}px`;
// 随机触发效果
if (Math.random() < 0.02) {
document.body.classList.toggle('extreme-blur');
setTimeout(() => {
document.body.classList.toggle('extreme-blur');
}, 200);
}
});
}
// 极限闪光
function extremeLightningFlash() {
const lightning = document.getElementById('extreme-lightning');
lightning.classList.add('extreme-lightning-flash');
setTimeout(() => {
lightning.classList.remove('extreme-lightning-flash');
}, 50);
}
// 噩梦模式
function activateNightmareMode() {
document.body.classList.add('extreme-shake');
document.body.classList.add('color-invert');
// 加速所有动画
const allElements = document.querySelectorAll('*');
allElements.forEach(el => {
if (el.style.animationDuration) {
el.style.animationDuration = '0.01s';
}
});
// 增加特效密度
createExtremeBlood();
createExtremeGhosts();
// 连续闪光
const flashInterval = setInterval(extremeLightningFlash, 200);
// 连续跳杀
const jumpInterval = setInterval(triggerExtremeJumpScare, 2000);
setTimeout(() => {
clearInterval(flashInterval);
clearInterval(jumpInterval);
}, 10000);
alert("噩梦模式激活！准备迎接真正的恐惧吧！");
}
// 混沌开启
function enableChaos() {
// 启用所有极端效果
document.body.classList.add('extreme-shake');
document.body.classList.add('color-invert');
document.body.classList.add('pixelate');
document.body.classList.add('warp-filter');
// 极限闪烁
document.body.classList.add('ultra-flicker');
// 极限故障
const titles = document.querySelectorAll('h1, h2, h3, p');
titles.forEach(title => {
title.classList.add('extreme-glitch');
});
// 极限血雨
setInterval(createExtremeBlood, 100);
// 极限幽灵风暴
setInterval(createExtremeGhosts, 500);
// 极限闪光风暴
setInterval(extremeLightningFlash, 50);
// 极限跳杀风暴
setInterval(triggerExtremeJumpScare, 500);
alert("混沌之力已释放！现实即将崩塌！");
}
// 最终审判
function finalJudgment() {
document.body.innerHTML = `
<div class="fixed inset-0 bg-black flex items-center justify-center z-9999">
<div class="text-center">
<h1 class="text-9xl text-red-600 animate-pulse">💀💀💀</h1>
<p class="text-4xl mt-8 text-red-500">你的灵魂已归我们所有</p>
<p class="text-2xl mt-4 text-gray-400">欢迎来到永恒的黑暗深渊</p>
<div class="mt-12">
<p class="text-xl text-red-400">编号：${Math.floor(Math.random() * 999999)}</p>
<p class="text-xl text-red-400">层数：地狱第${Math.floor(Math.random() * 999)}层</p>
<p class="text-xl text-red-400">刑期：∞年</p>
</div>
<button onclick="location.reload()" class="mt-16 bg-gray-900 hover:bg-black text-white py-6 px-12 rounded text-2xl border-4 border-red-600">
重新开始轮回？(徒劳的挣扎)
</button>
</div>
</div>
`;
}
// 显示极限信息
function showExtremeInfo() {
const ipParts = [];
for (let i = 0; i < 4; i++) {
ipParts.push(Math.floor(Math.random() * 256));
}
document.getElementById('extreme-ip-display').textContent = ipParts.join('.') + ' [已追踪]';
document.getElementById('extreme-location-display').textContent = '地狱第' + Math.floor(Math.random() * 9999) + '层深处';
}
// 更新统计数据
function updateExtremeStats() {
document.getElementById('souls-trapped').textContent = Math.floor(Math.random() * 1000000 + 666666);
document.getElementById('despair-index').textContent = '∞%';
document.getElementById('fear-rating').textContent = 'MAXIMUM';
document.getElementById('survival-chance').textContent = '0.00%';
}
// 页面加载初始化
window.addEventListener('load', () => {
createExtremeBlood();
createExtremeGhosts();
initExtremeEyeTracking();
showExtremeInfo();
updateExtremeStats();
setInterval(updateExtremeCountdown, 50);
setInterval(updateExtremeStats, 1000);
setInterval(extremeLightningFlash, Math.random() * 1000 + 500);
// 键盘事件监听
document.addEventListener('keydown', (e) => {
switch(e.key.toLowerCase()) {
case 'n':
activateNightmareMode();
break;
case 'c':
enableChaos();
break;
case 'j':
triggerExtremeJumpScare();
break;
case 'f':
finalJudgment();
break;
default:
// 随机触发轻微惊吓
if (Math.random() < 0.05) {
document.body.classList.add('extreme-shake');
setTimeout(() => {
document.body.classList.remove('extreme-shake');
}, 300);
}
}
});
// 鼠标点击事件
document.addEventListener('click', (e) => {
if (Math.random() < 0.1) {
extremeLightningFlash();
}
if (Math.random() < 0.05) {
triggerExtremeJumpScare();
}
});
// 鼠标移动随机效果
document.addEventListener('mousemove', () => {
if (Math.random() < 0.001) {
document.body.classList.toggle('color-invert');
setTimeout(() => {
document.body.classList.toggle('color-invert');
}, 100);
}
});
});
</script>
</body>
</html>
