From cca528497758ffa206112d72c33c289d55a4d6da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B5=E6=91=87=E5=B0=8F=E5=AD=90?=
 <84499436+Wxw-Gu@users.noreply.github.com>
Date: Thu, 2 Jul 2026 10:24:31 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F,?=
 =?UTF-8?q?=20=E5=8E=BB=E9=99=A4=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/index.ts                          |  6 ---
 src/renderer/src/App.tsx                   |  5 ---
 src/renderer/src/assets/main.css           | 46 +++++++++++++++++++---
 src/renderer/src/components/ChatWindow.tsx | 23 +++++------
 4 files changed, 51 insertions(+), 29 deletions(-)

diff --git a/src/main/index.ts b/src/main/index.ts
index fa5c597..42981ce 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -347,12 +347,6 @@ app.whenReady().then(() => {
         avatar: member.m_nsHeadImgUrl || ''
       }))
 
-    console.log(
-      `[GroupSnapshot] roomId=${roomId} memberCount=${members.length} members=${members
-        .map((member) => `${member.nickname || member.wxid}(${member.wxid})`)
-        .join(', ')}`
-    )
-
     return {
       roomId,
       memberCount: members.length,
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 48ec4b6..64b37be 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -153,13 +153,8 @@ function App(): React.ReactElement {
       try {
         const snapshot = (await window.api.getGroupSnapshot(contact.md5)) as GroupSnapshot | null
         if (!snapshot) {
-          console.log(`[GroupSnapshot] reason=${reason} name=${contact.m_nsNickName} snapshot=null`)
           return null
         }
-        console.log(
-          `[GroupSnapshot] reason=${reason} name=${contact.m_nsNickName} roomId=${snapshot.roomId} memberCount=${snapshot.memberCount}`,
-          snapshot.members
-        )
         return snapshot
       } catch (error) {
         console.warn(`[GroupSnapshot] reason=${reason} name=${contact.m_nsNickName} failed:`, error)
diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css
index 1b939ad..e94f387 100644
--- a/src/renderer/src/assets/main.css
+++ b/src/renderer/src/assets/main.css
@@ -233,7 +233,6 @@ body {
 
 .wechat-message-list {
   padding: 18px 28px;
-  gap: 14px;
   background-color: #edf1f2;
   background-image:
     radial-gradient(circle at 20px 20px, rgba(0, 0, 0, 0.025) 1px, transparent 1px),
@@ -241,6 +240,10 @@ body {
   background-size: 120px 120px;
 }
 
+.wechat-message-row {
+  margin-bottom: 14px;
+}
+
 .wechat-message-row {
   display: flex;
   align-items: flex-start;
@@ -322,7 +325,6 @@ body {
   line-height: 1.55;
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
   word-break: break-word;
-  white-space: pre-wrap;
 }
 
 .wechat-message-row.mine .message-bubble {
@@ -890,9 +892,43 @@ body {
 }
 
 .image-preview-modal {
-  background: transparent;
-  box-shadow: none;
-  padding: 0;
+  width: min(520px, 92vw);
+  max-height: 88vh;
+  background: #f7f8fa;
+  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
+  padding: 16px;
+  overflow: hidden;
+}
+
+.report-preview-frame {
+  border: 1px solid #d8dde3;
+  border-radius: 10px;
+  background: #eef1f4;
+  padding: 12px;
+}
+
+.report-preview-scroller {
+  max-height: calc(88vh - 120px);
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 4px;
+}
+
+.report-preview-image {
+  display: block;
+  width: min(430px, 100%);
+  height: auto;
+  margin: 0 auto;
+  border-radius: 8px;
+  border: 1px solid #ccd3d9;
+  background: #fff;
+}
+
+.report-preview-actions {
+  margin-top: 12px;
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
 }
 
 .image-viewer-overlay {
diff --git a/src/renderer/src/components/ChatWindow.tsx b/src/renderer/src/components/ChatWindow.tsx
index 21cf6c0..7b76cd4 100644
--- a/src/renderer/src/components/ChatWindow.tsx
+++ b/src/renderer/src/components/ChatWindow.tsx
@@ -432,19 +432,16 @@ const ChatWindow: React.FC<ChatWindowProps> = ({
       {generatedImage && (
         <div className="modal-overlay" onClick={() => setGeneratedImage(null)}>
           <div className="modal-content image-preview-modal" onClick={(e) => e.stopPropagation()}>
-            <img
-              src={generatedImage}
-              alt="Generated Summary"
-              style={{ maxWidth: '100%', maxHeight: '80vh', border: '1px solid #ccc' }}
-            />
-            <div
-              style={{
-                marginTop: '10px',
-                display: 'flex',
-                // justifyContent: 'flex-end',
-                gap: '10px'
-              }}
-            >
+            <div className="report-preview-frame">
+              <div className="report-preview-scroller">
+                <img
+                  src={generatedImage}
+                  alt="Generated Summary"
+                  className="report-preview-image"
+                />
+              </div>
+            </div>
+            <div className="report-preview-actions">
               <button
                 onClick={handleCopyImage}
                 style={{