From 0da1a2791dd0d64b54ebb7af03ad8ba7626eb108 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Fri, 27 Feb 2026 11:53:10 +0800
Subject: [PATCH] =?UTF-8?q?UI:=20=E8=BF=9B=E4=B8=80=E6=AD=A5=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E8=B4=A2=E5=AF=8C=E8=B5=84=E4=BA=A7=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=EF=BC=8C=E5=B9=B6=E5=BC=80=E6=94=BE=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=8F=8C=E5=87=BB=E6=9F=A5=E7=9C=8B=E8=87=AA=E5=B7=B1?=
 =?UTF-8?q?=E7=9A=84=E5=90=8D=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/partials/user-actions.blade.php      | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/resources/views/chat/partials/user-actions.blade.php b/resources/views/chat/partials/user-actions.blade.php
index 91073c7..1408fc7 100644
--- a/resources/views/chat/partials/user-actions.blade.php
+++ b/resources/views/chat/partials/user-actions.blade.php
@@ -52,7 +52,6 @@
      * 通过 Alpine.js 的 fetchUser 方法加载用户资料并显示弹窗。
      */
     function openUserCard(username) {
-        if (username === window.chatContext.username) return;
         const el = document.getElementById('user-modal-container');
         if (el) {
             const data = Alpine.$data(el);
@@ -333,20 +332,24 @@
 
                 {{-- 详细信息区 (等级高看等级低，或自己看自己时才有这些字段) --}}
                 <div x-show="userInfo.exp_num !== undefined"
-                    style="margin-top: 12px; padding: 12px; background: linear-gradient(to right, #f8fafc, #f1f5f9); border-radius: 8px; font-size: 13px; color: #475569; display: flex; justify-content: space-around; align-items: center; border: 1px solid #e2e8f0;">
-                    <div style="display: flex; flex-direction: column; align-items: center; gap: 4px;">
-                        <span style="color: #64748b; font-size: 11px;">经验</span>
+                    style="margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;">
+                    <!-- 经验 -->
+                    <div
+                        style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                        <span style="color: #64748b; font-size: 11px; margin-bottom: 4px;">经验</span>
                         <span x-text="userInfo.exp_num"
                             style="font-weight: 700; color: #4f46e5; font-size: 15px;"></span>
                     </div>
-                    <div style="width: 1px; height: 24px; background-color: #cbd5e1;"></div>
-                    <div style="display: flex; flex-direction: column; align-items: center; gap: 4px;">
-                        <span style="color: #64748b; font-size: 11px;">金币</span>
+                    <!-- 金币 -->
+                    <div
+                        style="background: #fdfae8; border: 1px solid #fef08a; border-radius: 8px; padding: 10px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                        <span style="color: #b45309; font-size: 11px; margin-bottom: 4px;">金币</span>
                         <span x-text="userInfo.jjb" style="font-weight: 700; color: #d97706; font-size: 15px;"></span>
                     </div>
-                    <div style="width: 1px; height: 24px; background-color: #cbd5e1;"></div>
-                    <div style="display: flex; flex-direction: column; align-items: center; gap: 4px;">
-                        <span style="color: #64748b; font-size: 11px;">魅力</span>
+                    <!-- 魅力 -->
+                    <div
+                        style="background: #fdf2f8; border: 1px solid #fbcfe8; border-radius: 8px; padding: 10px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                        <span style="color: #be185d; font-size: 11px; margin-bottom: 4px;">魅力</span>
                         <span x-text="userInfo.meili" style="font-weight: 700; color: #db2777; font-size: 15px;"></span>
                     </div>
                 </div>