From c44c8198d2d1a6e0f4fbf1029f485ae755b895d0 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sat, 25 Apr 2026 11:01:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E5=8F=A3=E5=BD=A9=E7=A5=A8=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=82=AC=E5=81=9C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../partials/games/lottery-panel.blade.php    | 38 ++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/resources/views/chat/partials/games/lottery-panel.blade.php b/resources/views/chat/partials/games/lottery-panel.blade.php
index c0b0414..0f76c69 100644
--- a/resources/views/chat/partials/games/lottery-panel.blade.php
+++ b/resources/views/chat/partials/games/lottery-panel.blade.php
@@ -27,6 +27,23 @@
     .lottery-clear-selection:hover {
         background: #f3f4f6 !important;
     }
+
+    /* 彩票弹窗通用操作按钮 hover 态，减少模板内联事件。 */
+    .lottery-panel-close:hover {
+        opacity: 1 !important;
+    }
+
+    .lottery-submit-cart:hover {
+        opacity: .88 !important;
+    }
+
+    .lottery-panel-refresh:hover {
+        background: #dbeafe !important;
+    }
+
+    .lottery-panel-bottom-close:hover {
+        background: #f3f4f6 !important;
+    }
 </style>
 
 {{-- ─── 彩票面板遮罩 ─── --}}
@@ -67,9 +84,8 @@
                         x-text="'距开奖 ' + countdownText">
                     </div>
                 </div>
-                <span data-lottery-panel-close
-                    style="cursor:pointer; font-size:20px; color:#fff; opacity:.8; line-height:1; margin-left:12px;"
-                    onmouseover="this.style.opacity=1" onmouseout="this.style.opacity=.8">&times;</span>
+                <span data-lottery-panel-close class="lottery-panel-close"
+                    style="cursor:pointer; font-size:20px; color:#fff; opacity:.8; line-height:1; margin-left:12px;">&times;</span>
             </div>
 
             {{-- ─── 内容区（可滚动）─── --}}
@@ -275,13 +291,11 @@
                             </template>
                         </div>
                         {{-- 确认购买 --}}
-                        <button @click="submitCart()"
+                        <button @click="submitCart()" class="lottery-submit-cart"
                             :disabled="buying"
                             style="margin-top:8px; width:100%; padding:10px 0; border-radius:10px; font-size:13px;
                                    font-weight:bold; background:linear-gradient(135deg,#dc2626,#b91c1c);
-                                   color:#fff; border:none; cursor:pointer; transition:all .15s; font-family:inherit;"
-                            onmouseover="this.style.opacity='0.88'"
-                            onmouseout="this.style.opacity='1'">
+                                   color:#fff; border:none; cursor:pointer; transition:all .15s; font-family:inherit;">
                             <span x-text="buying ? '⏳ 购买中…' : '✅ 确认购买（' + cart.length + ' 注）'"></span>
                         </button>
                     </div>
@@ -374,18 +388,16 @@
             <div
                 style="padding:10px 14px; background:#fff; border-top:1px solid #fee2e2;
                      display:flex; justify-content:space-between; align-items:center; flex-shrink:0;">
-                <button @click="loadData()"
+                <button @click="loadData()" class="lottery-panel-refresh"
                     style="padding:9px 18px; border-radius:20px; font-size:12px; font-weight:bold;
                            background:#f0f6ff; color:#336699; border:1.5px solid #c0d8ef;
-                           cursor:pointer; transition:all .15s; font-family:inherit;"
-                    onmouseover="this.style.background='#dbeafe'" onmouseout="this.style.background='#f0f6ff'">
+                           cursor:pointer; transition:all .15s; font-family:inherit;">
                     🔄 刷新
                 </button>
-                <button type="button" data-lottery-panel-close
+                <button type="button" data-lottery-panel-close class="lottery-panel-bottom-close"
                     style="padding:9px 18px; border-radius:20px; font-size:12px; font-weight:bold;
                            background:#f9fafb; color:#6b7280; border:1.5px solid #e5e7eb;
-                           cursor:pointer; transition:all .15s; font-family:inherit;"
-                    onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#f9fafb'">
+                           cursor:pointer; transition:all .15s; font-family:inherit;">
                     关闭
                 </button>
             </div>