Gameplayer Simulator

[系统已绑定，等待激活]

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>杀戮变强系统 · 觉醒</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            background: linear-gradient(145deg, #0a0f1e, #020617);
            color: #b0e0ff;
            font-family: 'Courier New', monospace;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 20px;
        }
        .terminal {
            max-width: 1200px;
            width: 100%;
            background: rgba(5, 15, 25, 0.97);
            border: 3px solid #3b82f6;
            box-shadow: 0 0 50px #3b82f6, inset 0 0 30px #1e3a8a;
            padding: 25px;
            border-radius: 35px;
            backdrop-filter: blur(4px);
            position: relative;
            overflow: hidden;
        }
        .terminal::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, transparent, #3b82f6, #f97316, #3b82f6, transparent);
            animation: scan 4s linear infinite;
        }
        @keyframes scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
        h1 {
            text-align: center;
            font-size: 2.8em;
            margin: 10px 0 20px;
            text-shadow: 0 0 15px #3b82f6, 0 0 30px #f97316;
            letter-spacing: 5px;
            color: #f0f9ff;
            border-bottom: 3px solid #f97316;
            padding-bottom: 15px;
        }
        .banner {
            background: #f97316;
            color: #0a0f1e;
            font-weight: bold;
            font-size: 1.8rem;
            text-align: center;
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 50px;
            box-shadow: 0 0 30px #f97316;
            letter-spacing: 3px;
        }
        .status-bar {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            background: #0b1a2a;
            border: 2px solid #3b82f6;
            border-radius: 40px;
            padding: 15px 20px;
            margin-bottom: 25px;
            font-size: 1.1rem;
            color: #b0e0ff;
            box-shadow: inset 0 0 15px #2563eb;
            justify-content: space-around;
        }
        .status-item {
            background: #112b3f;
            padding: 5px 18px;
            border-radius: 30px;
            border-left: 5px solid #f97316;
            font-weight: 600;
        }
        .story {
            background: #0b1824;
            border: 2px solid #3b82f6;
            padding: 25px;
            border-radius: 35px;
            font-size: 1.2rem;
            line-height: 1.7;
            color: #e2f0fa;
            box-shadow: 0 0 30px #1e3a8a inset;
            margin-bottom: 30px;
        }
        .story p { margin: 18px 0; }
        .glow { color: #f97316; text-shadow: 0 0 5px #f97316; font-weight: bold; }

        /* 动态选项区域 */
        .action-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin: 30px 0;
            justify-content: center;
        }
        .action-btn {
            background: #102a3c;
            border: 3px solid #3b82f6;
            border-radius: 40px;
            padding: 15px 25px;
            font-size: 1.2rem;
            font-weight: bold;
            color: #f97316;
            cursor: pointer;
            box-shadow: 0 0 20px #2563eb;
            transition: 0.3s;
            min-width: 200px;
            text-align: center;
            display: flex;
            flex-direction: column;
        }
        .action-btn small {
            font-size: 0.8rem;
            color: #b0e0ff;
            margin-top: 5px;
        }
        .action-btn:hover {
            transform: scale(1.03);
            background: #1a405a;
            border-color: #f97316;
            box-shadow: 0 0 30px #f97316;
        }

        .character-card {
            background: #0b1f30;
            border: 3px solid #f97316;
            border-radius: 35px;
            padding: 20px;
            margin-top: 20px;
            box-shadow: 0 0 40px #3b82f6;
        }
        .character-card h3 {
            color: #f97316;
            font-size: 2.2rem;
            border-bottom: 3px dashed #3b82f6;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }
        .character-card table {
            width: 100%;
            border-collapse: collapse;
            color: #d0f0ff;
            font-size: 1rem;
        }
        .character-card td {
            padding: 12px 8px;
            border-bottom: 1px solid #3b82f6;
            vertical-align: top;
        }
        .character-card td:first-child { font-weight: bold; color: #f97316; width: 35%; }
        hr {
            border: none;
            height: 3px;
            background: linear-gradient(90deg, transparent, #3b82f6, #f97316, #3b82f6, transparent);
            margin: 30px 0;
        }
        .footer { text-align: center; font-size: 1rem; color: #6ca3f0; margin-top: 20px; }
    </style>
</head>
<body>
    <div class="terminal">
        <h1>⚡ 杀戮变强 · 觉醒 ⚡</h1>
        <div class="banner">「 KILL = POWER · 击杀即变强 」</div>

        <div class="status-bar">
            <span class="status-item">🕒 03:47</span>
            <span class="status-item">📍 潦倒公寓 · 电脑前</span>
            <span class="status-item">💀 击杀: 0</span>
            <span class="status-item">💪 力量: 8</span>
            <span class="status-item">🏃 敏捷: 7</span>
            <span class="status-item">🧠 反应: 9</span>
            <span class="status-item">💧 耐力: 6</span>
            <span class="status-item">📉 状态: 失业/余额¥632</span>
        </div>

        <div class="story">
            <p><span class="glow">🔹 系统融合成功 🔹</span></p>
            <p>凌晨三点，你窝在堆满外卖盒的出租屋里，屏幕上是刚刚打完的CS2天梯——又是一页红。银行卡余额只剩632元，房租下周就要交。你揉了揉干涩的眼睛，准备关掉游戏睡觉。</p>
            <p>突然，视网膜上浮现出幽蓝色的半透明框体：<strong>「检测到宿主具备超凡战斗潜能，杀戮变强系统永久绑定。每击杀一名敌人，可获得属性点，自由提升身体素质。当前击杀数：0」</strong></p>
            <p>你猛地坐直，以为是幻觉。但界面清晰显示着你的属性：力量8，敏捷7，反应9，耐力6。下面还有一行小字：<strong>「请选择你的初始目标路线，系统将为你规划成长路径」</strong></p>
        </div>

        <!-- 动态选项区域 - 开局初始选项 -->
        <div class="action-buttons">
            <button class="action-btn" onclick="copyAction('我选择职业之路，我要加入顶级俱乐部，征战世界赛，最终击败donk、康康等传奇选手！')">
                🏆 职业之路
                <small>加入俱乐部，征战世界赛</small>
            </button>
            <button class="action-btn" onclick="copyAction('我选择主播之路，我要成为现象级主播，用外星操作碾压职业选手，直播效果爆炸！')">
                🎥 主播之路
                <small>成为顶流主播，签约费千万</small>
            </button>
            <button class="action-btn" onclick="copyAction('我选择自由人之路，我要做独狼代练/打单子，在地下黑赛和高端排位中封神！')">
                ⚡ 自由人之路
                <small>代练/打单，地下黑赛封神</small>
            </button>
            <button class="action-btn" onclick="copyAction('先开一把游戏试试水，看看这个系统是不是真的。')">
                🎮 验证系统
                <small>开一把游戏试试水</small>
            </button>
        </div>

        <!-- 系统助手卡片（初始引导角色） -->
        <div class="character-card">
            <h3>【系统助手 · 灵】</h3>
            <table>
                <tr><td>代号</td><td>LING-7</td></tr>
                <tr><td>形态</td><td>全息投影/脑内界面</td></tr>
                <tr><td>功能</td><td>属性监测、加点建议、路线指引</td></tr>
                <tr><td>语音特征</td><td>中性电子音，可切换冷漠/热血模式</td></tr>
                <tr><td>初始赠送</td><td>新手三连：后坐力控制图、预瞄热力图、身法教程（脑内植入）</td></tr>
                <tr><td>加点提示</td><td>“反应是枪法的基石，力量保证压枪稳定，敏捷让你身法如鬼，耐力支撑长局。”</td></tr>
                <tr><td>性格设定</td><td>理性、精准，偶尔毒舌（“以你现在的属性，建议先打人机。”）</td></tr>
                <tr><td>特别备注</td><td>可随时间解锁更多功能：肌肉记忆模拟、战术推演、对手实力扫描</td></tr>
            </table>
        </div>

        <hr>
        <div class="footer">
            <small>※ 点击上方按钮选择你的行动，复制文本后粘贴到输入框发送。后续选项会根据剧情动态变化。</small>
        </div>
    </div>

    <script>
        function copyAction(text) {
            if (navigator.clipboard) {
                navigator.clipboard.writeText(text).then(() => {
                    alert('✅ 已复制行动指令，请粘贴到输入框发送。');
                }).catch(() => {
                    fallbackCopy(text);
                });
            } else {
                fallbackCopy(text);
            }
        }

        function fallbackCopy(text) {
            const textarea = document.createElement('textarea');
            textarea.value = text;
            document.body.appendChild(textarea);
            textarea.select();
            try {
                document.execCommand('copy');
                alert('✅ 已复制行动指令，请粘贴到输入框发送。');
            } catch (err) {
                alert('❌ 复制失败，请手动输入。');
            }
            document.body.removeChild(textarea);
        }
    </script>
</body>
</html>