引入头像，完成首页

tone-page-web/app/globals.css

@@ -116,7 +116,32 @@
   * {
     @apply border-border outline-ring/50;
   }
+
   body {
     @apply bg-background text-foreground;
   }
 }
+
+@keyframes gradient-text {
+  0% {
+    background-position: 0% center;
+  }
+
+  100% {
+    background-position: -200% center;
+  }
+}
+
+.gradient-title {
+  background: linear-gradient(30deg,
+      #2657e8 0%,
+      #ef0c7e 25%,
+      #3527f5 50%,
+      #ec1111 75%,
+      #2657e8 100%);
+  background-size: 400% 200%;
+  color: transparent;
+  background-clip: text;
+  -webkit-background-clip: text;
+  animation: gradient-text 20s linear infinite;
+}