style: 修改样式, 去除日志

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,

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)

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 {

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={{