update docs

Author: wu-clan

docs/.vuepress/layouts/Layout.vue

@@ -21,9 +21,6 @@ const showSidebarSponsorOnAsideTop = computed(() => frontmatter.value.sponsor_si
         <BannerTop />
       </div>
     </template>
-    <template #nav-bar-menu-before>
-      <p class="neon-text">优雅～ 永不过时</p>
-    </template>
     <template #sidebar-nav-before>
       <div class="custom-content">
         <SponsorSidebar />
@@ -59,33 +56,4 @@ const showSidebarSponsorOnAsideTop = computed(() => frontmatter.value.sponsor_si
 .custom-content {
   width: 100%;
 }
-
-.neon-text {
-  margin-right: 38px;
-  padding: 4px 12px;
-  font-size: 14px;
-  font-weight: 600;
-  color: #ff3366;
-  background: linear-gradient(135deg, rgba(255, 51, 102, 0.1), rgba(255, 51, 102, 0.05));
-  border: 1px solid rgba(255, 51, 102, 0.3);
-  border-radius: 8px;
-  text-shadow: 0 0 8px rgba(255, 51, 102, 0.8),
-  0 0 15px rgba(255, 51, 102, 0.5),
-  0 0 25px rgba(255, 51, 102, 0.3);
-  animation: neon-flicker 3s ease-in-out infinite;
-  transition: all 0.3s ease;
-}
-
-@keyframes neon-flicker {
-  0%, 100% {
-    text-shadow: 0 0 8px rgba(255, 51, 102, 0.8),
-    0 0 15px rgba(255, 51, 102, 0.5),
-    0 0 25px rgba(255, 51, 102, 0.3);
-  }
-  50% {
-    text-shadow: 0 0 5px rgba(255, 51, 102, 0.6),
-    0 0 10px rgba(255, 51, 102, 0.4),
-    0 0 15px rgba(255, 51, 102, 0.2);
-  }
-}
 </style>

docs/.vuepress/styles/custom.css

@@ -32,6 +32,50 @@
     }
 }
 
+/* 霓虹灯悬浮文字 - 在标题上方 */
+.hero-content {
+    position: relative;
+}
+
+.hero-content::before {
+    content: "如圭如璋 ～ 温润而泽";
+    position: absolute;
+    top: -50px;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 16px;
+    font-weight: bold;
+    color: #d91a7a;
+    white-space: nowrap;
+    padding: 6px 12px;
+    filter: drop-shadow(0 0 3px rgba(217, 26, 122, 0.4)) drop-shadow(0 0 8px rgba(217, 26, 122, 0.7)) drop-shadow(0 0 15px rgba(217, 26, 122, 1));
+    animation: neon-glow-flicker-light 3s ease-in-out infinite;
+}
+
+[data-theme="dark"] .hero-content::before {
+    color: #ff6b9d;
+    filter: drop-shadow(0 0 3px rgba(255, 107, 157, 0.4)) drop-shadow(0 0 8px rgba(255, 107, 157, 0.7)) drop-shadow(0 0 15px rgba(255, 107, 157, 1));
+    animation: neon-glow-flicker-dark 3s ease-in-out infinite;
+}
+
+@keyframes neon-glow-flicker-light {
+    0%, 18%, 22%, 25%, 53%, 57%, 100% {
+        filter: drop-shadow(0 0 3px rgba(217, 26, 122, 0.4)) drop-shadow(0 0 8px rgba(217, 26, 122, 0.7)) drop-shadow(0 0 15px rgba(217, 26, 122, 1));
+    }
+    20%, 24%, 55% {
+        filter: drop-shadow(0 0 2px rgba(217, 26, 122, 0.3)) drop-shadow(0 0 5px rgba(217, 26, 122, 0.6)) drop-shadow(0 0 10px rgba(217, 26, 122, 0.9));
+    }
+}
+
+@keyframes neon-glow-flicker-dark {
+    0%, 18%, 22%, 25%, 53%, 57%, 100% {
+        filter: drop-shadow(0 0 3px rgba(255, 107, 157, 0.4)) drop-shadow(0 0 8px rgba(255, 107, 157, 0.7)) drop-shadow(0 0 15px rgba(255, 107, 157, 1));
+    }
+    20%, 24%, 55% {
+        filter: drop-shadow(0 0 2px rgba(255, 107, 157, 0.3)) drop-shadow(0 0 5px rgba(255, 107, 157, 0.6)) drop-shadow(0 0 10px rgba(255, 107, 157, 0.9));
+    }
+}
+
 /* 首页非全屏样式 */
 .vp-home-hero:not(.full) .hero-container {
     padding-top: 166px !important;