From 3c0b584b4485fb8a1d54841882a0f6222a106e6c Mon Sep 17 00:00:00 2001
From: hehh <lingtinzhe@icloud.com>
Date: Fri, 21 Nov 2025 14:36:17 +0800
Subject: [PATCH] =?UTF-8?q?style(about):=20=E8=B0=83=E6=95=B4=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改网格布局对齐方式，增强视觉居中效果
- 增加社交卡片和页脚内容的对齐属性
- 扩大项目和文章卡片内边距提升可读性
- 更新个性特质时间线标题为“兴趣”
---
 about.html    | 2 +-
 css/about.css | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/about.html b/about.html
index 2834c99..4bdbd4d 100644
--- a/about.html
+++ b/about.html
@@ -125,7 +125,7 @@
             <!-- 个性特质时间线 -->
             <section class="personality-timeline-section">
                 <div class="section-header">
-                    <h2 class="section-title">关于我</h2>
+                    <h2 class="section-title">兴趣</h2>
                     <p class="section-subtitle">INFJ · 创造者 · 探索者</p>
                 </div>
                 <div class="personality-timeline">
diff --git a/css/about.css b/css/about.css
index 3153bd9..fc26bff 100644
--- a/css/about.css
+++ b/css/about.css
@@ -2304,6 +2304,9 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 1rem;
+        justify-items: center;
+        justify-content: center;
+        align-items: start;
     }
 
     .social-card {
@@ -2473,6 +2476,9 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
     .social-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 12px;
+        justify-items: center;
+        justify-content: center;
+        align-items: start;
     }
 
     .footer-content {
@@ -2556,7 +2562,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
 
     .project-card,
     .article-card {
-        padding: 0.2rem;
+        padding: 0.5rem;
     }
     .article-excerpt {
         font-size: 0.7rem;