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;