迁移赛马下注输入聚焦样式

resources/views/chat/partials/games/horse-race-panel.blade.php

@@ -10,6 +10,15 @@
     - 展示近10场历史趋势
 --}}
 
+<style>
+    /* 赛马下注金额输入框聚焦态，替代内联 onfocus/onblur 样式。 */
+    .horse-race-bet-input:focus {
+        background: #fff !important;
+        border-color: #336699 !important;
+        box-shadow: 0 0 0 2px rgba(51, 102, 153, .1) !important;
+    }
+</style>
+
 {{-- ─── 赛马主面板 ─── --}}
 <div id="horse-race-panel" x-data="horseRacePanel()" x-show="show" x-cloak>
     <div x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95"
@@ -160,10 +169,9 @@
                             </template>
                         </div>
                         <input type="number" x-model.number="betAmount" min="100" placeholder="自定义金额"
+                            class="horse-race-bet-input"
                             style="width:100%; background:#f6faff; border:1px solid #d0e4f5; border-radius:16px;
-                                   padding:14px 16px; color:#23364d; font-size:16px; font-weight:bold; box-sizing:border-box; margin-bottom:14px; outline:none; transition:all .15s;"
-                            onfocus="this.style.borderColor='#336699'; this.style.background='#fff'; this.style.boxShadow='0 0 0 2px rgba(51,102,153,.1)';"
-                            onblur="this.style.borderColor='#d0e4f5'; this.style.background='#f6faff'; this.style.boxShadow='none';">
+                                   padding:14px 16px; color:#23364d; font-size:16px; font-weight:bold; box-sizing:border-box; margin-bottom:14px; outline:none; transition:all .15s;">
 
                         {{-- 下注按钮 --}}
                         <button @click="submitBet()" :disabled="!selectedHorse || betAmount < 100 || submitting"