From 3098003a91d624628023bc0ebe2611bd15fe37d1 Mon Sep 17 00:00:00 2001
From: openclaw <openclaw@foshanhuiya.com>
Date: Sun, 1 Mar 2026 07:42:21 +0000
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=20#8=EF=BC=9A=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80=EF=BC=8C=E5=B0=86?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=92=8C=E9=9A=BE=E5=BA=A6=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=A7=BB=E8=87=B3=E7=94=BB=E5=B8=83=E4=B8=8B=E6=96=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 24 ++++++++++++------------
 style.css  | 15 +++++++++------
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index bedc912..cc76c3e 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,18 @@
         </header>
 
         <main>
+            <div class="game-info">
+                <h3>游戏说明</h3>
+                <ul>
+                    <li>使用方向键 ↑ ↓ ← → 控制蛇的移动</li>
+                    <li>吃到食物得分，蛇身变长</li>
+                    <li>撞墙或撞到自己，游戏结束</li>
+                    <li>随时可以暂停或重置游戏</li>
+                </ul>
+            </div>
+
+            <canvas id="gameCanvas" width="400" height="400"></canvas>
+
             <div class="game-controls">
                 <button id="startBtn" class="btn">开始游戏</button>
                 <button id="pauseBtn" class="btn" disabled>暂停</button>
@@ -30,18 +42,6 @@
                     <option value="hard">困难</option>
                 </select>
             </div>
-
-            <canvas id="gameCanvas" width="400" height="400"></canvas>
-
-            <div class="game-info">
-                <h3>游戏说明</h3>
-                <ul>
-                    <li>使用方向键 ↑ ↓ ← → 控制蛇的移动</li>
-                    <li>吃到食物得分，蛇身变长</li>
-                    <li>撞墙或撞到自己，游戏结束</li>
-                    <li>随时可以暂停或重置游戏</li>
-                </ul>
-            </div>
         </main>
     </div>
 
diff --git a/style.css b/style.css
index d1d1095..8879dca 100644
--- a/style.css
+++ b/style.css
@@ -48,8 +48,13 @@ main {
     text-align: center;
 }
 
-.game-controls {
+.game-info {
     margin-bottom: 20px;
+}
+
+.game-controls {
+    margin-top: 20px;
+    margin-bottom: 15px;
     display: flex;
     justify-content: center;
     gap: 10px;
@@ -122,11 +127,7 @@ main {
 }
 
 .game-info {
-    text-align: left;
-    background: #f8f9fa;
-    padding: 15px;
-    border-radius: 8px;
-    border-left: 4px solid #764ba2;
+    margin-top: 20px;
 }
 
 .game-info h3 {
@@ -137,6 +138,8 @@ main {
 .game-info ul {
     list-style: none;
     padding-left: 0;
+    display: inline-block;
+    text-align: left;
 }
 
 .game-info li {