From cdf000960286811eb726634c71e315e9b2cc2eda Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Sun, 8 Mar 2026 03:46:11 +0000
Subject: [PATCH] =?UTF-8?q?style(=E6=95=B4=E5=90=88):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=97=A5=E5=BF=97=E6=98=BE=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?=E5=90=8C=E6=97=A5=E6=9C=9F=E6=9B=B4=E6=96=B0=E5=90=88=E5=B9=B6?=
 =?UTF-8?q?=E4=B8=BA=E5=8D=95=E5=8D=A1=E7=89=87=E8=A1=8C=E5=BC=8F=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>
---
 src/components/ChangelogModal.tsx | 51 ++++++++++++++++---------------
 src/data/changelog.json           |  7 +++++
 2 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/components/ChangelogModal.tsx b/src/components/ChangelogModal.tsx
index 2965780..6cd3a99 100644
--- a/src/components/ChangelogModal.tsx
+++ b/src/components/ChangelogModal.tsx
@@ -127,40 +127,41 @@ export function ChangelogModal({ isOpen, onClose }: ChangelogModalProps) {
                           <div className="flex-1 h-px bg-gray-200 dark:bg-gray-700" />
                         </div>
 
-                        {/* 该日期下的更新列表 */}
-                        <div className="space-y-3">
+                        {/* 该日期下的更新列表 - 统一卡片 */}
+                        <motion.div
+                          variants={itemVariants}
+                          className="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700"
+                        >
                           {entries.map((entry, index) => {
                             const meta = typeMeta[entry.type]
                             return (
-                              <motion.div
+                              <div
                                 key={entry.id || `${entry.date}-${index}`}
-                                variants={itemVariants}
-                                className="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 p-4 hover:border-indigo-300 dark:hover:border-indigo-600 transition-colors"
+                                className="p-4 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
                               >
-                                {/* 标签行 */}
-                                <div className="flex flex-wrap items-center gap-2 mb-2">
-                                  {/* 类型标签 */}
-                                  <span className={`inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium ${meta.className}`}>
-                                    <Tag size={12} />
-                                    {meta.label}
-                                  </span>
-
-                                  {/* 范围标签 */}
-                                  {entry.scope && (
-                                    <span className="inline-flex items-center px-2.5 py-1 rounded-md text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300">
-                                      {entry.scope}
+                                <div className="flex items-start gap-3">
+                                  {/* 标签 */}
+                                  <div className="flex items-center gap-2 flex-shrink-0">
+                                    <span className={`inline-flex items-center gap-1 px-2.5 py-1 rounded-md text-xs font-medium ${meta.className}`}>
+                                      <Tag size={12} />
+                                      {meta.label}
                                     </span>
-                                  )}
-                                </div>
+                                    {entry.scope && (
+                                      <span className="inline-flex items-center px-2.5 py-1 rounded-md text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300">
+                                        {entry.scope}
+                                      </span>
+                                    )}
+                                  </div>
 
-                                {/* 标题 */}
-                                <h4 className="text-sm font-medium text-gray-900 dark:text-white">
-                                  {entry.title}
-                                </h4>
-                              </motion.div>
+                                  {/* 标题 */}
+                                  <p className="text-sm text-gray-900 dark:text-white flex-1">
+                                    {entry.title}
+                                  </p>
+                                </div>
+                              </div>
                             )
                           })}
-                        </div>
+                        </motion.div>
                       </div>
                     ))}
                   </motion.div>
diff --git a/src/data/changelog.json b/src/data/changelog.json
index 80705b5..ddf9c13 100644
--- a/src/data/changelog.json
+++ b/src/data/changelog.json
@@ -1,5 +1,12 @@
 {
   "changelogEntries": [
+    {
+      "id": "2026-03-08-changelog-unified-card",
+      "date": "2026-03-08",
+      "type": "style",
+      "title": "优化更新日志显示，同日期更新合并为单卡片行式布局",
+      "scope": "整合"
+    },
     {
       "id": "2026-03-08-fix-modal-portal",
       "date": "2026-03-08",