From 46430edb8bb62a7705398f587c8929f626cebd52 Mon Sep 17 00:00:00 2001
From: tsui110 <tsui110@meiyou.email>
Date: Sat, 3 Jan 2026 18:37:14 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E5=A4=8D=E9=81=93?=
 =?UTF-8?q?=E5=85=B7=E6=94=BE=E5=A4=A7=E9=95=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages-game/game/minesweeper/play.scss | 54 +++++++++++++++++++++++++--
 pages-game/game/minesweeper/play.vue  |  8 +++-
 2 files changed, 58 insertions(+), 4 deletions(-)

diff --git a/pages-game/game/minesweeper/play.scss b/pages-game/game/minesweeper/play.scss
index 30b8cce..f4c18c1 100644
--- a/pages-game/game/minesweeper/play.scss
+++ b/pages-game/game/minesweeper/play.scss
@@ -1169,17 +1169,65 @@
         justify-content: center;
         align-items: center;
         position: relative;
+        background: linear-gradient(135deg, rgba(76, 217, 100, 0.3) 0%, rgba(59, 130, 246, 0.3) 100%);
+        border: 2rpx solid rgba(76, 217, 100, 0.6);
+        border-radius: 8rpx;
+        animation: magnifierPulse 2s ease-in-out infinite;
 
         .magnifier-content {
-            font-size: 28rpx;
-            opacity: 0.8;
+            font-size: 32rpx;
+            opacity: 1;
+            font-weight: bold;
         }
 
         .magnifier-badge {
             position: absolute;
             top: 2rpx;
             right: 2rpx;
-            font-size: 16rpx;
+            font-size: 18rpx;
+            background: rgba(255, 255, 255, 0.9);
+            border-radius: 50%;
+            width: 28rpx;
+            height: 28rpx;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
+        }
+
+        // 安全区特殊样式
+        &.safe-zone {
+            background: linear-gradient(135deg, rgba(34, 197, 94, 0.4) 0%, rgba(16, 185, 129, 0.4) 100%);
+            border-color: rgba(34, 197, 94, 0.8);
+            box-shadow: 0 0 20rpx rgba(34, 197, 94, 0.4);
+
+            .magnifier-content {
+                color: #22c55e;
+                text-shadow: 0 0 8rpx rgba(34, 197, 94, 0.8);
+            }
+        }
+
+        // 炸弹特殊样式
+        &.bomb-zone {
+            background: linear-gradient(135deg, rgba(239, 68, 68, 0.4) 0%, rgba(220, 38, 38, 0.4) 100%);
+            border-color: rgba(239, 68, 68, 0.8);
+            box-shadow: 0 0 20rpx rgba(239, 68, 68, 0.4);
+
+            .magnifier-content {
+                color: #ef4444;
+                text-shadow: 0 0 8rpx rgba(239, 68, 68, 0.8);
+            }
+        }
+    }
+
+    @keyframes magnifierPulse {
+        0%, 100% {
+            transform: scale(1);
+            box-shadow: 0 0 10rpx rgba(59, 130, 246, 0.3);
+        }
+        50% {
+            transform: scale(1.05);
+            box-shadow: 0 0 20rpx rgba(59, 130, 246, 0.6);
         }
     }
 }
diff --git a/pages-game/game/minesweeper/play.vue b/pages-game/game/minesweeper/play.vue
index 77a5883..f500481 100644
--- a/pages-game/game/minesweeper/play.vue
+++ b/pages-game/game/minesweeper/play.vue
@@ -173,7 +173,13 @@
                 </text>
                 <text v-else-if="cell.type === 'item'" class="cell-icon">{{ getItemIcon(cell.itemId) }}</text>
               </view>
-              <view v-else-if="myPlayer && myPlayer.revealedCells && myPlayer.revealedCells[i]" class="magnifier-mark">
+              <view v-else-if="myPlayer && myPlayer.revealedCells && myPlayer.revealedCells[i]"
+                class="magnifier-mark"
+                :class="{
+                  'safe-zone': myPlayer.revealedCells[i] === 'empty',
+                  'bomb-zone': myPlayer.revealedCells[i] === 'bomb'
+                }"
+              >
                  <text class="cell-icon magnifier-content">{{ getContentIcon(myPlayer.revealedCells[i]) }}</text>
                  <text class="magnifier-badge">🔍</text>
               </view>