<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>经典扫雷游戏</title>
<link href="27aK9s2c8@1M7s2y4Q4x3@1q4Q4x3V1k6Q4x3V1k6U0k6r3&6Q4x3X3g2B7M7$3c8W2L8r3W2$3M7W2)9J5k6h3&6W2N6q4)9J5c8X3&6H3L8g2)9J5c8Y4c8S2K9h3I4%4K9h3&6V1j5%4y4K6i4K6b7H3x3W2)9J5k6e0u0Q4x3X3f1I4z5g2)9J5c8X3c8A6M7%4c8Q4x3V1k6@1j5h3W2D9N6$3W2F1k6q4)9J5k6h3#2A6L8W2)9J5k6h3y4K6M7#2)9J5y4Y4q4#2L8%4c8Q4x3@1t1`. rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container mx-auto p-4 max-w-4xl">
<header class="text-center mb-6">
<h1 class="text-3xl font-bold text-gray-800">经典扫雷</h1>
<div class="game-controls flex justify-center gap-4 my-4">
<select id="difficulty" class="px-3 py-2 border rounded">
<option value="easy">简单 (9×9)</option>
<option value="medium">中等 (16×16)</option>
<option value="hard">困难 (30×16)</option>
</select>
<button id="restart" class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">重新开始</button>
<div class="flex items-center gap-2">
<span>剩余雷数:</span>
<span id="mines-count" class="text-xl font-bold">10</span>
</div>
<div class="flex items-center gap-2">
<span>用时:</span>
<span id="timer" class="text-xl font-bold">0</span>
</div>
</div>
</header>
<div class="game-board-container bg-white p-4 rounded-lg shadow-lg">
<div id="game-board" class="grid gap-px bg-gray-300 mx-auto"></div>
</div>
<div class="game-info mt-6 p-4 bg-white rounded-lg shadow">
<h2 class="text-xl font-semibold mb-2">游戏规则</h2>
<ul class="list-disc pl-5 space-y-1">
<li>左键点击揭开方块</li>
<li>右键点击标记地雷</li>
<li>数字表示周围8格中的地雷数量</li>
<li>揭开所有非地雷方块获胜</li>
</ul>
</div>
</div>
<div id="message-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center">
<div class="bg-white p-6 rounded-lg max-w-sm text-center">
<h2 id="message-title" class="text-2xl font-bold mb-2"></h2>
<p id="message-content"></p>
<button id="message-close" class="px-4 py-2 bg-blue-500 text-white rounded">确定</button>
</div>
</div>
<script src="game.js"></script>
</body>
</html>
[培训]Windows内核深度攻防：从Hook技术到Rootkit实战！
