diff --git a/package-lock.json b/package-lock.json
index 2309aa3..bd416a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,8 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
-        "alova": "^3.2.10"
+        "alova": "^3.2.10",
+        "animate.css": "^4.1.1"
       },
       "devDependencies": {
         "@wailsio/runtime": "latest",
@@ -672,6 +673,11 @@
         "node": ">= 18.0.0"
       }
     },
+    "node_modules/animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+    },
     "node_modules/esbuild": {
       "version": "0.21.5",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
diff --git a/public/style.css b/public/style.css
index 0421697..0bd9dce 100644
--- a/public/style.css
+++ b/public/style.css
@@ -287,4 +287,4 @@ li.right div {
     flex-direction: column;
     gap: 1px;
     align-items: center;
-}
\ No newline at end of file
+}