From 420efbc09358631246218a81444c77a1db2c5f87 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 1 Mar 2026 17:31:56 +0800
Subject: [PATCH] =?UTF-8?q?UI=E4=BF=AE=E5=A4=8D=EF=BC=9A=E6=B1=82=E5=A9=9A?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=8F=8C=E6=8C=89=E9=92=AE=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=EF=BC=8C=E5=AE=8C=E7=BE=8E=E5=A4=8D=E5=88=BB=E3=80=8C=E5=8A=A0?=
 =?UTF-8?q?=E5=A5=BD=E5=8F=8B=E5=A4=A7=E5=8D=A1=E7=89=87=E3=80=8D=E9=A3=8E?=
 =?UTF-8?q?=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 彻底修复  字符串形式  覆盖内联  导致按钮形变的 bug，改用对象格式动态绑定样式，实现平滑继承
- 匹配大卡片公共弹窗按钮的标准尺寸：取消灰色边框，增加按钮高度 (padding: 10px 0, border-radius: 8px)
- 强制等分按钮宽度 (flex: 1)
- 根据金币充足/不足状态及点击状态，准确反映颜色、阴影及禁用态鼠标指针
---
 .../chat/partials/marriage-modals.blade.php   | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/resources/views/chat/partials/marriage-modals.blade.php b/resources/views/chat/partials/marriage-modals.blade.php
index b819085..974aa6a 100644
--- a/resources/views/chat/partials/marriage-modals.blade.php
+++ b/resources/views/chat/partials/marriage-modals.blade.php
@@ -145,20 +145,21 @@
                         </div>
                     @endif
 
-                    {{-- 底部按钮：与好友名片按钮风格一致 --}}
-                    <div style="display:flex; gap:6px;">
+                    {{-- 底部按钮：样式修复并参照大卡片弹窗 --}}
+                    <div style="display:flex; gap:12px;">
                         <button x-on:click="close()"
-                            style="flex:1; padding:7px 10px; border-radius:5px; font-size:12px; font-weight:bold;
-                                   cursor:pointer; background:#f1f5f9; color:#6b7280; border:1px solid #d1d5db;
-                                   transition:opacity .15s;">
+                            style="flex:1; padding:10px 0; border-radius:8px; font-size:13px; font-weight:bold;
+                                   cursor:pointer; border:none; background:#f1f5f9; color:#6b7280;
+                                   transition:background .15s;"
+                            onmouseover="this.style.background='#e2e8f0'" onmouseout="this.style.background='#f1f5f9'">
                             ✕ 取消
                         </button>
                         <button x-on:click="doPropose()" :disabled="sending || !selectedRing || rings.length === 0"
-                            style="flex:1; padding:7px 10px; border-radius:5px; font-size:12px; font-weight:bold;
-                                   cursor:pointer; border:none; transition:opacity .15s;"
+                            style="flex:1; padding:10px 0; border-radius:8px; font-size:13px; font-weight:bold; border:none; transition:all .2s;"
                             :style="(sending || !selectedRing || rings.length === 0) ?
-                            'background:#f1f5f9; color:#94a3b8; cursor:not-allowed;' :
-                            'background:linear-gradient(135deg,#be185d,#f43f5e,#ec4899); color:#fff;'">
+                            { background: '#f1f5f9', color: '#94a3b8', cursor: 'not-allowed', boxShadow: 'none' } :
+                            { background: 'linear-gradient(135deg,#be185d,#f43f5e,#ec4899)', color: '#fff',
+                                cursor: 'pointer', boxShadow: '0 4px 12px rgba(244,63,94,0.3)' }">
                             <span x-text="sending ? '💌 发送中…' : '💍 确认求婚'"></span>
                         </button>
                     </div>