diff --git a/src/app/globals.scss b/src/app/globals.scss
index 097d350..a2f8cf4 100644
--- a/src/app/globals.scss
+++ b/src/app/globals.scss
@@ -50,20 +50,21 @@
 
 }
 
+.no-underline {
+  text-decoration: none;
+}
+
 .tools {
   display: flex;
   align-items: center;
   gap: 2rem;
 
-  .no-underline {
-    text-decoration: none;
-  }
-
   .tool-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 0.25rem;
+    transition: color 0.5s ease;
 
     i {
       font-size: 1.25rem;
@@ -74,6 +75,16 @@
       font-size: 0.75rem;
       color: #333;
     }
+
+    &:active {
+      i {
+        color: #14b8a6; // 点击时图标变色
+      }
+
+      span {
+        color: #14b8a6; // 点击时文字变色
+      }
+    }
   }
 
   .p-avatar {