无尽噩梦·终极恐惧 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>

<!-- 极限覆盖层 -->
<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>