迁移老虎机说明悬停样式

resources/views/chat/partials/games/slot-machine.blade.php

@@ -11,6 +11,13 @@
 
 
 
+<style>
+    /* 玩法说明按钮 hover 态，替代内联 onmouseover/onmouseout 样式。 */
+    .slot-rule-toggle:hover {
+        background: #eaf3ff !important;
+    }
+</style>
+
 {{-- \u2500\u2500\u2500 \u8001\u864e\u673a\u4e3b\u9762\u677f \u2500\u2500\u2500 --}}
 <div id="slot-panel" x-data="slotPanel()" x-show="show" x-cloak>
     <div x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95"
@@ -177,11 +184,10 @@
 
                 {{-- 玩法说明（可折叠） --}}
                 <div x-data="{ open: false }" style="margin-top:12px;">
-                    <button @click="open = !open"
+                    <button @click="open = !open" class="slot-rule-toggle"
                         style="width:100%; background:#f6faff; border:1px solid #d0e4f5; border-radius:8px;
                                padding:7px 12px; font-size:11px; color:#5a8fc0; cursor:pointer; transition:all .15s;
-                               display:flex; align-items:center; justify-content:space-between;"
-                        onmouseover="this.style.background='#eaf3ff'" onmouseout="this.style.background='#f6faff'">
+                               display:flex; align-items:center; justify-content:space-between;">
                         <span>📖 玩法说明</span>
                         <span x-text="open ? '▲ 收起' : '▼ 展开'" style="font-size:10px; color:#99b0cc;"></span>
                     </button>