From 5180526821d1ac6cdd00533ffb4870bdc7bd18a0 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 1 Mar 2026 12:04:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E5=8F=91=E6=94=BE=E6=8C=89=E9=92=AE=E6=94=B9=E4=B8=BA=E5=85=A8?=
 =?UTF-8?q?=E5=AE=BD=E7=8B=AC=E7=AB=8B=E4=B8=80=E8=A1=8C=EF=BC=8C=E9=A3=8E?=
 =?UTF-8?q?=E6=A0=BC=E5=90=8C=E5=BC=B9=E7=AA=97=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

输入框独占一行，按钮在输入框下方全宽显示：
- 宽度 100%，高度 48px，字号 16px，字间距 2px
- 琥珀橙色 #f59e0b，与弹窗头部色调呼应
- 禁用时 opacity:0.45，启用时 box-shadow 投影
- 符合截图中弹窗确定按钮的视觉风格
---
 .../chat/partials/user-actions.blade.php      | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/resources/views/chat/partials/user-actions.blade.php b/resources/views/chat/partials/user-actions.blade.php
index 5faa486..1d6ac29 100644
--- a/resources/views/chat/partials/user-actions.blade.php
+++ b/resources/views/chat/partials/user-actions.blade.php
@@ -1002,25 +1002,28 @@
                 </div>
             </div>
             {{-- 输入区 --}}
-            <div style="padding:14px 20px 0;">
-                <div style="display:flex; gap:8px; align-items:stretch;">
-                    <input type="number" x-model.number="amount"
-                        :placeholder="quota.max_once ? '最多 ' + quota.max_once + ' 金币' : '请输入发放金额'"
-                        :max="quota.max_once || 999999" min="1" x-on:keydown.enter="send()"
-                        style="flex:1; min-height:44px; padding:0 14px; border:2px solid #fcd34d;
-                               border-radius:10px; font-size:15px; color:#92400e; outline:none; box-sizing:border-box;">
-                    <button x-on:click="send()"
-                        style="padding:0 24px; border:none; border-radius:10px;
-                               font-size:14px; font-weight:bold; white-space:nowrap;
-                               color:#fff; transition:opacity .15s; align-self:stretch;"
-                        :style="(sending || !amount) ?
-                        'background:linear-gradient(135deg,#ea580c,#dc2626); box-shadow:none; opacity:.4; cursor:not-allowed;' :
-                        'background:linear-gradient(135deg,#ea580c,#dc2626); box-shadow:0 4px 14px rgba(220,38,38,.5); opacity:1; cursor:pointer;'"
-                        :disabled="sending || !amount">
-                        <span x-text="sending ? '发放中…' : '🎉 确认发放'"></span>
-                    </button>
-                </div>
-                <p style="margin:6px 0 0; font-size:10px; color:#b45309; opacity:.75; text-align:center;">
+            <div style="padding:14px 20px 16px;">
+                {{-- 输入框独占一行 --}}
+                <input type="number" x-model.number="amount"
+                    :placeholder="quota.max_once ? '最多 ' + quota.max_once + ' 金币' : '请输入发放金额'"
+                    :max="quota.max_once || 999999" min="1" x-on:keydown.enter="send()"
+                    style="display:block; width:100%; height:46px; padding:0 14px;
+                           border:2px solid #fcd34d; border-radius:10px; font-size:15px;
+                           color:#92400e; outline:none; box-sizing:border-box; margin-bottom:10px;">
+
+                {{-- 确认按钮：全宽大圆角，类似弹窗确定按钮 --}}
+                <button x-on:click="send()"
+                    style="display:block; width:100%; height:48px; border:none;
+                           border-radius:10px; font-size:16px; font-weight:bold;
+                           color:#fff; letter-spacing:2px; transition:opacity .15s;"
+                    :style="(sending || !amount) ?
+                    'background:#f59e0b; opacity:.45; cursor:not-allowed;' :
+                    'background:#f59e0b; box-shadow:0 4px 14px rgba(245,158,11,.45); opacity:1; cursor:pointer;'"
+                    :disabled="sending || !amount">
+                    <span x-text="sending ? '发放中…' : '🎉 确认发放'"></span>
+                </button>
+
+                <p style="margin:8px 0 0; font-size:10px; color:#b45309; opacity:.75; text-align:center;">
                     金币凭空产生并直接发放给对方，本操作记入你的履职记录。
                 </p>
             </div>