From 557666403d556fb19a600eeb0510bffe2841a3cc Mon Sep 17 00:00:00 2001
From: hehh <lingtinzhe@icloud.com>
Date: Sun, 23 Nov 2025 21:51:55 +0800
Subject: [PATCH] =?UTF-8?q?style(about):=20=E8=B0=83=E6=95=B4=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=87=E9=A2=98=E5=B8=83=E5=B1=80=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=85=B4=E8=B6=A3=E9=A1=B9=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 .card-header 样式，添加弹性布局实现标题与副标题对齐
- 新增 .card-subtitle 类用于副标题样式定义
- 调整兴趣项 HTML 结构，将 emoji 移出文本容器以优化显示效果
- 更新兴趣项描述文本内容，增强语义表达
---
 about.html    |  8 ++++----
 css/about.css | 24 +++++++++++++-----------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/about.html b/about.html
index bf9e835..aa091e6 100644
--- a/about.html
+++ b/about.html
@@ -159,29 +159,29 @@
                 </div>
                 <div class="interest-list">
                     <div class="interest-item">
+                        <span class="i-emoji">🚴‍♂️</span>
                         <div class="i-text">
-                            <span class="i-emoji">🚴‍♂️</span>
 <!--                            <strong data-i18n="interest.cycling">Cycling</strong>-->
                             <span data-i18n="interest.cycling_desc">Measuring the world</span>
                         </div>
                     </div>
                     <div class="interest-item">
+                        <span class="i-emoji">📚</span>
                         <div class="i-text">
-                            <span class="i-emoji">📚</span>
 <!--                            <strong data-i18n="interest.reading">Reading</strong>-->
                             <span data-i18n="interest.reading_desc">Thinking tracks</span>
                         </div>
                     </div>
                     <div class="interest-item">
+                        <span class="i-emoji">🔍</span>
                         <div class="i-text">
-                            <span class="i-emoji">🔍</span>
 <!--                            <strong data-i18n="interest.opensource">Open Source</strong>-->
                             <span data-i18n="interest.opensource_desc">Sharing power</span>
                         </div>
                     </div>
                     <div class="interest-item">
+                        <span class="i-emoji">💡</span>
                         <div class="i-text">
-                            <span class="i-emoji">💡</span>
 <!--                            <strong data-i18n="interest.learning">Learning</strong>-->
                             <span data-i18n="interest.learning_desc">Always curious</span>
                         </div>
diff --git a/css/about.css b/css/about.css
index afce0fb..6f9f179 100644
--- a/css/about.css
+++ b/css/about.css
@@ -665,19 +665,21 @@ body {
     overflow: hidden;
 }
 
-.card-header {
-    padding: 20px 25px;
-    border-bottom: 1px solid rgba(128, 128, 128, 0.1);
+.card-header { 
+    padding: 20px 25px; 
+    border-bottom: 1px solid rgba(128,128,128,0.1); 
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
-
-.card-header h3 {
-    font-size: 1.1rem;
-    color: var(--text-primary);
-    margin: 0;
+.card-header h3 { 
+    font-size: 1.1rem; 
+    color: var(--text-primary); 
+    margin: 0; 
 }
-
-.card-header h3 {
-    background: var(--gradient-2);
+.card-subtitle {
+    font-size: 0.8rem;
+    background: var(--gradient-3);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;