From 87c7a8d786956e846fe41d52a5973629b89f2016 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 12 Apr 2026 17:39:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=B7=91=E9=A9=ACbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../partials/games/horse-race-panel.blade.php    | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/resources/views/chat/partials/games/horse-race-panel.blade.php b/resources/views/chat/partials/games/horse-race-panel.blade.php
index 722925b..c6430af 100644
--- a/resources/views/chat/partials/games/horse-race-panel.blade.php
+++ b/resources/views/chat/partials/games/horse-race-panel.blade.php
@@ -209,10 +209,12 @@
                                                 '#b8d0e8')">
                                         </div>
                                         {{-- 马匹图标（跟随进度） --}}
-                                        <div style="position:absolute; top:50%; font-size:18px; line-height:1; transition:left .9s ease-out, transform .25s ease-out; pointer-events:none; will-change:left,transform;"
-                                            :style="'left:calc(' + Math.min(100, Math.max(0, positions[horse.id] || 0)) + '% - 14px); transform:translateY(-50%) ' +
-                                                ((leaderId === horse.id || (positions[horse.id] || 0) > 0) ? 'scale(1.06)' : 'scale(1)') + '; ' +
-                                                ((positions[horse.id] || 0) > 0 ? 'animation:horse-run .45s ease-in-out infinite alternate;' : '')">
+                                        <div style="position:absolute; top:50%; font-size:18px; line-height:1; transition:left .9s ease-out, transform .25s ease-out; pointer-events:none; will-change:left,transform; z-index:1;"
+                                            :style="{
+                                                left: (positions[horse.id] || 0) + '%',
+                                                transform: 'translateY(-50%) translateX(-100%) ' + (leaderId === horse.id ? 'scale(1.2)' : 'scale(1)'),
+                                                animation: (positions[horse.id] || 0) > 0 ? 'horse-run .45s ease-in-out infinite alternate' : 'none'
+                                            }">
                                             <span x-text="horse.emoji"></span>
                                         </div>
                                     </div>
@@ -536,7 +538,11 @@
              */
             updateProgress(data) {
                 this.phase = 'running';
-                this.positions = data.positions || {};
+                // 确保响应式更新
+                this.positions = {
+                    ...this.positions,
+                    ...(data.positions || {})
+                };
                 this.leaderId = data.leader_id;
             },