diff --git a/frontend_nuxt/pages/about/index.vue b/frontend_nuxt/pages/about/index.vue
index a7dc7099c..593466183 100644
--- a/frontend_nuxt/pages/about/index.vue
+++ b/frontend_nuxt/pages/about/index.vue
@@ -5,7 +5,7 @@
         <div class="about-api">
           <div class="about-api-title">调试Token</div>
           <div v-if="!authState.loggedIn" class="about-api-login">
-            请<NuxtLink to="/login">登录</NuxtLink>后查看 Token
+            请<NuxtLink to="/login" class="about-api-login-link">登录</NuxtLink>后查看 Token
           </div>
           <div v-else class="about-api-token">
             <div class="token-row">
@@ -191,6 +191,16 @@ export default {
   margin-bottom: 15px;
 }
 
+.about-api-login-link {
+  color: var(--primary-color);
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.about-api-login-link:hover {
+  text-decoration: underline;
+}
+
 .warning-row {
   display: flex;
   align-items: center;