@@ -21,6 +21,9 @@ const showSidebarSponsorOnAsideTop = computed(() => frontmatter.value.sponsor_si
2121 <BannerTop />
2222 </div >
2323 </template >
24+ <template #nav-bar-menu-before >
25+ <p class =" neon-text" >🧨 新年快乐 🧨</p >
26+ </template >
2427 <template #sidebar-nav-before >
2528 <div class =" custom-content" >
2629 <SponsorSidebar />
@@ -56,4 +59,33 @@ const showSidebarSponsorOnAsideTop = computed(() => frontmatter.value.sponsor_si
5659.custom-content {
5760 width : 100% ;
5861}
62+
63+ .neon-text {
64+ margin-right : 66px ;
65+ padding : 4px 12px ;
66+ font-size : 14px ;
67+ font-weight : 600 ;
68+ color : #ff3366 ;
69+ background : linear-gradient (135deg , rgba (255 , 51 , 102 , 0.1 ), rgba (255 , 51 , 102 , 0.05 ));
70+ border : 1px solid rgba (255 , 51 , 102 , 0.3 );
71+ border-radius : 8px ;
72+ text-shadow : 0 0 8px rgba (255 , 51 , 102 , 0.8 ),
73+ 0 0 15px rgba (255 , 51 , 102 , 0.5 ),
74+ 0 0 25px rgba (255 , 51 , 102 , 0.3 );
75+ animation : neon-flicker 3s ease-in-out infinite ;
76+ transition : all 0.3s ease ;
77+ }
78+
79+ @keyframes neon-flicker {
80+ 0% , 100% {
81+ text-shadow : 0 0 8px rgba (255 , 51 , 102 , 0.8 ),
82+ 0 0 15px rgba (255 , 51 , 102 , 0.5 ),
83+ 0 0 25px rgba (255 , 51 , 102 , 0.3 );
84+ }
85+ 50% {
86+ text-shadow : 0 0 5px rgba (255 , 51 , 102 , 0.6 ),
87+ 0 0 10px rgba (255 , 51 , 102 , 0.4 ),
88+ 0 0 15px rgba (255 , 51 , 102 , 0.2 );
89+ }
90+ }
5991 </style >
0 commit comments