style(about): 调整页面布局和样式

- 修改网格布局对齐方式，增强视觉居中效果
- 增加社交卡片和页脚内容的对齐属性
- 扩大项目和文章卡片内边距提升可读性
- 更新个性特质时间线标题为“兴趣”

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">

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;