SOURCE

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学习游戏</title>
<style>
  body {
    background-color: #1e1e1e;
    color: #d4d4d4;
    font-family: "Consolas", monospace;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }
  .box {
    text-align: center;
    background: #252526;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  }
  button {
    padding: 10px 20px;
    font-size: 18px;
    background-color: #0e639c;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 4px;
  }
  button:hover {
    background-color: #1177bb;
  }
</style>
</head>
<body>

<div class="box">
  <h1>终极硬核游戏</h1>
  <p>请选择你的通关路线：</p>
  <button onclick="startGame('A')">A. 马上打开书包写作业</button>
  <br><br>
  <button onclick="startGame('B')">B. 继续缠着老公要游戏玩</button>
  <p id="result" style="margin-top:20px; color:#f48771;"></p>
</div>

<script>
  function startGame(choice) {
    const res = document.getElementById('result');
    if (choice === 'A') {
      res.style.color = '#89d185';
      res.innerHTML = "【通关成功】系统提示：由于你的自觉，老公决定奖励你并陪你一起写。";
    } else {
      res.style.color = '#f48771';
      res.innerHTML = "【Game Over】系统提示：你已被老公移出群聊，并没收所有电子设备。";
    }
  }
</script>

</body>
</html>