From 955aec6b73f24dfa4de121d8333c9cfbfe11f2c4 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 1 Mar 2026 20:48:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BE=E5=AE=B6=E4=B9=90=E7=BB=93=E7=AE=97UI?=
 =?UTF-8?q?=E5=A4=A7=E6=94=B9=EF=BC=9A=E2=91=A0=E9=AA=B0=E5=AD=90=E6=94=B9?=
 =?UTF-8?q?=E6=95=B0=E5=AD=97=E6=96=B9=E5=9D=97(=E8=B7=A8=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E5=85=BC=E5=AE=B9=EF=BC=8C=E7=99=BD=E5=BA=95=E6=B7=B1?=
 =?UTF-8?q?=E5=AD=97=E5=B8=A6=E5=BC=B9=E5=87=BA=E5=8A=A8=E7=94=BB)=20?=
 =?UTF-8?q?=E2=91=A1=E6=9C=AA=E4=B8=AD=E5=A5=96=E5=8D=A1=E7=89=87=EF=BC=9A?=
 =?UTF-8?q?=F0=9F=98=94+=E7=BA=A2=E6=B8=90=E5=8F=98+=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E4=BD=A0=E6=8A=BC=E4=BA=86X=E5=BC=80=E4=BA=86X+=E6=8D=9F?=
 =?UTF-8?q?=E5=A4=B1=E9=87=91=E9=A2=9D=20=E2=91=A2=E4=B8=AD=E5=A5=96?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=EF=BC=9A=F0=9F=8E=89+=E7=BB=BF=E6=B8=90?=
 =?UTF-8?q?=E5=8F=98+=E9=87=91=E5=B8=81=E6=95=B0=E5=AD=97=E5=A4=A7?=
 =?UTF-8?q?=E5=AD=97=20=E2=91=A3=E7=BB=93=E6=9E=9C=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E6=8C=89=E5=A4=A7=E5=B0=8F=E8=B1=B9=E5=AD=90=E5=BA=84=E5=AE=B6?=
 =?UTF-8?q?=E5=8F=98=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/partials/baccarat-panel.blade.php    | 92 ++++++++++++++-----
 1 file changed, 70 insertions(+), 22 deletions(-)

diff --git a/resources/views/chat/partials/baccarat-panel.blade.php b/resources/views/chat/partials/baccarat-panel.blade.php
index 1e7a968..d9cfda1 100644
--- a/resources/views/chat/partials/baccarat-panel.blade.php
+++ b/resources/views/chat/partials/baccarat-panel.blade.php
@@ -200,37 +200,84 @@
 
                 {{-- 结算阶段 --}}
                 <div x-show="phase === 'settled'" style="display:none;">
-                    {{-- 骰子点数展示 --}}
-                    <div style="display:flex; justify-content:center; gap:12px; margin-bottom:12px;">
+
+                    {{-- 骰子展示（数字方块，跨平台兼容） --}}
+                    <div style="display:flex; justify-content:center; gap:10px; margin-bottom:14px;">
                         <template x-for="(d, i) in settledDice" :key="i">
-                            <div style="width:52px; height:52px; background:rgba(255,255,255,.95); border-radius:10px;
+                            <div style="width:54px; height:54px; border-radius:12px; font-weight:900;
                                         display:flex; align-items:center; justify-content:center;
-                                        font-size:28px; box-shadow:0 4px 12px rgba(0,0,0,.4);
-                                        animation:dice-pop .4s ease-out both;"
-                                :style="'animation-delay:' + (i * 0.15) + 's'"
-                                x-text="['⚀','⚁','⚂','⚃','⚄','⚅'][d-1]">
+                                        font-size:26px; box-shadow:0 6px 20px rgba(0,0,0,.5);
+                                        animation:dice-pop .4s ease-out both; color:#1e1b4b;
+                                        background:linear-gradient(145deg,#fff,#e0e7ff);"
+                                :style="'animation-delay:' + (i * 0.18) + 's'" x-text="d">
                             </div>
                         </template>
                     </div>
-                    <div style="text-align:center; margin-bottom:10px;">
-                        <div style="font-size:20px; font-weight:bold; color:#fbbf24;" x-text="resultLabel"></div>
-                        <div style="color:rgba(255,255,255,.4); font-size:12px; margin-top:2px;"
-                            x-text="'总点数：' + settledTotal"></div>
+
+                    {{-- 结果标签 --}}
+                    <div style="text-align:center; margin-bottom:14px;">
+                        <div style="font-size:26px; font-weight:900; letter-spacing:2px;"
+                            :style="settledResult === 'big' ? 'color:#60a5fa' :
+                                settledResult === 'small' ? 'color:#fbbf24' :
+                                settledResult === 'triple' ? 'color:#c4b5fd' :
+                                settledResult === 'kill' ? 'color:#f87171' : 'color:#fbbf24'"
+                            x-text="resultLabel"></div>
+                        <div style="color:rgba(255,255,255,.35); font-size:12px; margin-top:4px;"
+                            x-text="'骰子总点数：' + settledTotal + ' 点'"></div>
                     </div>
 
-                    {{-- 个人结果 --}}
-                    <div x-show="myBet"
-                        style="border-radius:12px; padding:12px 16px; text-align:center; margin-bottom:8px;"
-                        :style="myWon ? 'background:rgba(34,197,94,.15); border:1px solid rgba(34,197,94,.3);' :
-                            'background:rgba(239,68,68,.15); border:1px solid rgba(239,68,68,.3);'">
-                        <div style="font-size:15px; font-weight:bold;"
-                            :style="myWon ? 'color:#4ade80;' : 'color:#f87171;'"
-                            x-text="myWon ? '🎉 恭喜！赢得 ' + Number(myPayout).toLocaleString() + ' 金币！' : '💸 本局未中奖'">
+                    {{-- 个人结果卡片 --}}
+                    <div x-show="myBet">
+                        {{-- 中奖 --}}
+                        <div x-show="myWon"
+                            style="border-radius:14px; overflow:hidden; margin-bottom:4px;
+                                    background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(5,150,105,.15));
+                                    border:1px solid rgba(52,211,153,.4);">
+                            <div style="padding:14px 16px; text-align:center;">
+                                <div style="font-size:32px; margin-bottom:4px;">🎉</div>
+                                <div style="color:#34d399; font-size:18px; font-weight:900;">恭喜中奖！</div>
+                                <div style="color:#6ee7b7; font-size:24px; font-weight:bold; margin:6px 0;"
+                                    x-text="'+' + Number(myPayout).toLocaleString() + ' 🪙'"></div>
+                                <div style="color:rgba(255,255,255,.4); font-size:11px;"
+                                    x-text="'押「' + betTypeLabel(myBetType) + '」' + Number(myBetAmount).toLocaleString() + ' 金币 → 赢得 ' + Number(myPayout).toLocaleString() + ' 金币'">
+                                </div>
+                            </div>
                         </div>
-                        <div style="color:rgba(255,255,255,.4); font-size:11px; margin-top:2px;"
-                            x-text="'押注：' + betTypeLabel(myBetType) + ' ' + Number(myBetAmount).toLocaleString() + ' 金币'">
+
+                        {{-- 未中奖 --}}
+                        <div x-show="!myWon"
+                            style="border-radius:14px; overflow:hidden; margin-bottom:4px;
+                                    background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(185,28,28,.1));
+                                    border:1px solid rgba(248,113,113,.25);">
+                            <div style="padding:14px 16px; text-align:center;">
+                                <div style="font-size:28px; margin-bottom:4px;">😔</div>
+                                <div style="color:#f87171; font-size:16px; font-weight:bold; margin-bottom:6px;">本局未中奖
+                                </div>
+                                <div
+                                    style="display:inline-flex; align-items:center; gap:8px;
+                                            background:rgba(0,0,0,.2); border-radius:20px; padding:5px 14px;">
+                                    <span style="color:rgba(255,255,255,.5); font-size:12px;">你押了</span>
+                                    <span style="font-weight:bold; font-size:13px; color:#fbbf24;"
+                                        x-text="betTypeLabel(myBetType)"></span>
+                                    <span style="color:rgba(255,255,255,.3); font-size:11px;">·</span>
+                                    <span style="color:rgba(255,255,255,.5); font-size:12px;">开了</span>
+                                    <span style="font-weight:bold; font-size:13px;"
+                                        :style="settledResult === 'big' ? 'color:#60a5fa' :
+                                            settledResult === 'small' ? 'color:#fbbf24' :
+                                            settledResult === 'triple' ? 'color:#c4b5fd' : 'color:#f87171'"
+                                        x-text="resultLabel"></span>
+                                </div>
+                                <div style="color:rgba(255,255,255,.3); font-size:11px; margin-top:8px;"
+                                    x-text="'损失 ' + Number(myBetAmount).toLocaleString() + ' 金币'"></div>
+                            </div>
                         </div>
                     </div>
+
+                    {{-- 未下注但看结果 --}}
+                    <div x-show="!myBet"
+                        style="text-align:center; color:rgba(255,255,255,.3); font-size:12px; padding:8px 0;">
+                        本局未参与下注
+                    </div>
                 </div>
             </div>
 
@@ -335,6 +382,7 @@
             // 结算结果
             settledDice: [],
             settledTotal: 0,
+            settledResult: '',
             resultLabel: '',
             diceEmoji: '',
             myWon: false,
@@ -443,8 +491,8 @@
                 clearInterval(this.countdownTimer);
                 this.settledDice = data.dice;
                 this.settledTotal = data.total_points;
+                this.settledResult = data.result;
                 this.resultLabel = data.result_label;
-                this.diceEmoji = data.dice.map(d => ['⚀', '⚁', '⚂', '⚃', '⚄', '⚅'][d - 1]).join('');
                 this.phase = 'settled';
                 this.show = true;