diff --git a/src/components/card/GitCard.vue b/src/components/card/GitCard.vue
index 2ad7b6d..4d4985b 100644
--- a/src/components/card/GitCard.vue
+++ b/src/components/card/GitCard.vue
@@ -52,21 +52,23 @@ const handleClick = () => {
 </script>
 
 <template>
-  <div
-      class="container relative flex h-36 w-full overflow-hidden rounded-2xl transition-all hover:cursor-pointer hover:shadow-md"
-      @click="handleClick"
+  <div class="group container relative flex h-36 w-full overflow-hidden rounded-2xl transition-all
+              hover:cursor-pointer hover:shadow-md"
+       @click="handleClick"
   >
     <!-- 提交图标 -->
-    <div
-        class="before:absolute relative before:top-0 before:right-0 before:bottom-0 flex h-36 before:w-2 w-36 items-center justify-center bg-pink-300 before:bg-pink-300 text-5xl text-white before:blur">
-      <font-awesome-icon :icon="icon"/>
+    <div class="before:absolute relative before:top-0 before:right-0 before:bottom-0 flex h-36 before:w-2 w-36
+                items-center justify-center bg-pink-300 before:bg-pink-300 text-5xl text-white before:opacity-0
+                before:blur before:transition-all group-hover:before:opacity-100"
+    >
+      <font-awesome-icon :icon="icon" class="group-hover:scale-105 transition-all"/>
     </div>
     <!-- 内容 -->
     <div class="flex-1 overflow-hidden bg-white p-4">
       <div class="mr-12 truncate text-2xl font-bold">
         仓库：{{ commit.repo.name }}
       </div>
-      <span class="text-xl">{{ commit.content.HeadCommit.Message }}</span>
+      <span class="text-xl line-clamp-2">{{ commit.content.HeadCommit.Message }}</span>
       <span class="absolute top-0 right-0 m-4 hidden rounded bg-gray-300 px-2 sm:block">
         {{ commit.content.HeadCommit.Sha1.slice(0, 10) }}
       </span>