update

style.css

@@ -384,6 +384,15 @@ a:hover {
   animation: centerRotate 4s linear infinite, rainbow 3s ease-in-out infinite;
 }
 
+#floating-title {
+  position: absolute;
+  left: 50px;
+  top: 50px;
+  z-index: 1000;
+  transition: none;
+  user-select: none;
+}
+
 @keyframes centerRotate {
   0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
   100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
@@ -721,6 +730,35 @@ a:hover {
   z-index: 1;
 }
 
+/* 雨滴图片动画样式 */
+
+.rain-icon {
+  position: fixed;
+  top: -64px;
+  pointer-events: none;
+  opacity: 0;
+  z-index: 9999;
+  animation: rainFall linear forwards;
+  animation-fill-mode: both;
+}
+
+
+@keyframes rainFall {
+  0% {
+    transform: translateY(0) scale(1) rotate(0deg);
+    opacity: 0;
+  }
+  10% {
+    opacity: 0.85;
+  }
+  80% {
+    opacity: 0.85;
+  }
+  100% {
+    transform: translateY(100vh) scale(0.8) rotate(360deg);
+    opacity: 0.1;
+  }
+}
 @keyframes sparkle {
   0%, 100% { transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); opacity: 0.7; }
   50% { transform: scale(1.2) rotate(180deg); -webkit-transform: scale(1.2) rotate(180deg); opacity: 1; }