update

style.css

@@ -41,11 +41,6 @@ body::before {
   100% { opacity: 0.8; }
 }
 
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
 /* 动漫风格链接 */
 a {
   color: #ff69b4;
@@ -101,7 +96,8 @@ a:hover {
   color: #ff69b4;
   text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3);
   letter-spacing: 0.02em;
-  animation: bounce 2s ease-in-out infinite;
+  animation: centerRotate 4s linear infinite;
+  transform-origin: center;
 }
 
 /* 动漫风格渐变文字 */
@@ -111,13 +107,12 @@ a:hover {
   background-clip: text;
   color: transparent;
   text-shadow: none;
-  animation: rainbow 3s ease-in-out infinite;
+  animation: centerRotate 4s linear infinite, rainbow 3s ease-in-out infinite;
 }
 
-@keyframes bounce {
-  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
-  40% { transform: translateY(-10px); }
-  60% { transform: translateY(-5px); }
+@keyframes centerRotate {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
 }
 
 @keyframes rainbow {
@@ -175,7 +170,8 @@ a:hover {
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 240, 245, 0.8) 100%);
   box-shadow: 0 4px 15px rgba(255, 182, 193, 0.2);
   backdrop-filter: blur(10px);
-  animation: cardFloat 4s ease-in-out infinite;
+  animation: cardFloat 4s ease-in-out infinite, cardRotate 8s linear infinite;
+  transform-origin: center;
 }
 
 .card::before {
@@ -202,14 +198,20 @@ a:hover {
 }
 
 @keyframes cardFloat {
-  0%, 100% { transform: translateY(0px) rotate(0deg); }
-  50% { transform: translateY(-5px) rotate(1deg); }
+  0%, 100% { transform: translateY(0px); }
+  50% { transform: translateY(-5px); }
+}
+
+@keyframes cardRotate {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
 }
 
 .card.pin {
   background: linear-gradient(135deg, rgba(255, 192, 203, 0.9) 0%, rgba(255, 182, 193, 0.8) 100%);
   border-color: rgba(255, 105, 180, 0.6);
-  animation: pinPulse 2s ease-in-out infinite;
+  animation: pinPulse 2s ease-in-out infinite, cardRotate 8s linear infinite;
+  transform-origin: center;
 }
 
 @keyframes pinPulse {
@@ -224,6 +226,7 @@ a:hover {
   border-color: rgba(255, 20, 147, 0.8);
   transform: translateY(-8px) scale(1.02);
   box-shadow: 0 8px 25px rgba(255, 20, 147, 0.3);
+  animation-play-state: paused;
 }
 
 .card h2 {