添加半透明卡片

css/body.css

@@ -34,7 +34,7 @@ body {
 
 .logo {
     margin-top: 40px;
-    font-size: 32px;
+    font-size: 50px;
 }
 
 .intro a {

css/tool_card.css

@@ -0,0 +1,23 @@
+/* 工具卡片 */
+.tool-card {
+    display: flex;
+    border-radius: 12px;
+    background: rgba(200, 200, 200, 0.2);   /* 淡灰半透明 */
+    backdrop-filter: blur(8px);            /* 背景模糊 */
+    -webkit-backdrop-filter: blur(8px);    /* Safari 兼容 */
+    padding: 20px;
+    justify-content: center;
+    transition: transform 0.5s ease, box-shadow 0.5s ease;
+}
+
+/* 工具卡片动画完成状态 */
+.tool-card.animated {
+    opacity: 1;
+    transform: translateY(0); /* 恢复到正常位置 */
+}
+
+/* 工具卡片悬停效果 */
+.tool-card:hover {
+    transform: scale(1.03);
+    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
+}