diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 23b5b76..b36f4df 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -43,6 +43,7 @@ function isAboutPage(path: string) {
 const isPostActive = isHomePage(currentPath) || isPostPage(currentPath)
 const isTagActive = isTagPage(currentPath)
 const isAboutActive = isAboutPage(currentPath)
+
 ---
 
 <nav class="mb-16 mt-13 text-5.6 font-semibold leading-13 font-navbar">
@@ -51,7 +52,7 @@ const isAboutActive = isAboutPage(currentPath)
       <a
         href={getLocalizedPath('/')}
         class:list={[
-          isPostActive && 'font-bold text-primary'
+          isPostActive ? 'underline-animation font-bold text-primary' : 'underline-animation',
         ]}
       >
         {currentUI.posts}
@@ -61,7 +62,7 @@ const isAboutActive = isAboutPage(currentPath)
       <a
         href={getLocalizedPath('/tags')}
         class:list={[
-          isTagActive && 'font-bold text-primary'
+          isTagActive ? 'underline-animation font-bold text-primary' : 'underline-animation',
         ]}
       >
         {currentUI.tags}
@@ -71,7 +72,7 @@ const isAboutActive = isAboutPage(currentPath)
       <a
         href={getLocalizedPath('/about')}
         class:list={[
-          isAboutActive && 'font-bold text-primary'
+          isAboutActive ? 'underline-animation font-bold text-primary' : 'underline-animation',
         ]}
       >
         {currentUI.about}
@@ -79,3 +80,33 @@ const isAboutActive = isAboutPage(currentPath)
     </li>
   </ul>
 </nav>
+
+<script is:inline>
+document.addEventListener('astro:before-preparation', (event) => {
+  const hoverElement = document.querySelector('.underline-animation:hover')
+
+  if (hoverElement) {
+    const originalLoader = event.loader
+
+    event.loader = async function () {
+      await new Promise((resolve) => {
+        // 添加强制收回动画的类
+        hoverElement.classList.add('force-leave')
+
+        // 等待动画完成
+        setTimeout(resolve, 300)
+      })
+
+      return originalLoader()
+    }
+  }
+})
+
+// 为所有带有下划线动画的链接添加点击事件处理
+document.addEventListener('click', (e) => {
+  const link = e.target.closest('.underline-animation')
+  if (link) {
+    link.classList.add('force-leave')
+  }
+})
+</script>
diff --git a/src/config.ts b/src/config.ts
index d655ff5..a82f281 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -93,7 +93,6 @@ export const themeConfig: ThemeConfig = {
 
   // PRELOAD SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
   preload: {
-    cdn: 'https://cdn.jsdelivr.net', // Keep the default CDN unless you can proxy https://cdn.jsdelivr.net/gh/radishzzz/astro-theme-retypeset/src/styles/EarlySummer.css
     commentURL: '', // https://comment.example.com/
     imageHostURL: '', // https://image.example.com/
     // If you proxy analytics requests to the custom domain, you can fill in below
diff --git a/src/layouts/Head.astro b/src/layouts/Head.astro
index 8c201fa..29e7e91 100644
--- a/src/layouts/Head.astro
+++ b/src/layouts/Head.astro
@@ -14,7 +14,7 @@ const { light: { background: lightMode }, dark: { background: darkMode } } = the
 const { locale, moreLocale } = themeConfig.global
 const { verification = {}, twitterID = '', googleAnalyticsID = '', umamiAnalyticsID = '' } = themeConfig.seo ?? {}
 const { google = '', bing = '', yandex = '', baidu = '' } = verification
-const { cdn, commentURL = '', imageHostURL = '', customGoogleAnalyticsURL = '', customUmamiAnalyticsURL = '', customUmamiAnalyticsJS = '' } = themeConfig.preload
+const { commentURL = '', imageHostURL = '', customGoogleAnalyticsURL = '', customUmamiAnalyticsURL = '', customUmamiAnalyticsJS = '' } = themeConfig.preload
 ---
 
 <head>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7dfc880..6d9690f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -39,7 +39,7 @@ const postsByYear = await getPostsByYear()
               {/* Post Title */}
               <a class="hover:text-secondary" href={`/posts/${post.data.slug || post.slug}`}>{post.data.title}</a>
                 {/* Post Date */} 
-                <div class="text-5.6 leading-7 font-date block lg:inline lg:before:content-['_']" aria-hidden="true">
+                <div class="text-5.6 leading-7 font-time block lg:inline lg:before:content-['_']" aria-hidden="true">
                   {post.data.published.toLocaleDateString('en-US', { month: '2-digit', day: '2-digit' }).replace('/', '-')}
                   {post.remarkPluginFrontmatter?.minutes &&  <span class="ml-2">  {post.remarkPluginFrontmatter.minutes} min</span>}
                 </div>
diff --git a/src/styles/global.css b/src/styles/global.css
index 49e8d71..8f9ca97 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -47,6 +47,7 @@ h6 {
 
 article img {
   --at-apply: 'cursor-zoom-in';
+  /* Optimize animation performance of Scrollbar */
   transform: translateZ(0);
   -webkit-transform: translateZ(0);
 }
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index 241c54a..5c0b4ce 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -77,7 +77,6 @@ export interface ThemeConfig {
   }
 
   preload: {
-    cdn: string
     commentURL?: string
     imageHostURL?: string
     customGoogleAnalyticsURL?: string
diff --git a/uno.config.ts b/uno.config.ts
index 6a3e03b..2a82dce 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -28,13 +28,34 @@ export default defineConfig({
   theme: {
     colors: light,
     fontFamily: {
-      title: ['Snell-Black','EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
-      navbar: ['STIX-italic','EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+      title: ['Snell-Black', 'EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+      navbar: ['STIX-italic', 'EarlySummer-subset', 'EarlySummer', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
       time: ['Snell-Bold', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
       serif: ['STIX', 'EarlySummer', 'Georgia', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
     },
   },
-  shortcuts: [],
+  shortcuts: {
+    'underline-animation': [
+      'relative',
+      'after:content-empty',
+      'after:absolute',
+      'after:left-0',
+      'after:bottom--1',
+      'after:w-full',
+      'after:h-0.4',
+      'after:bg-secondary',
+      'after:scale-x-0',
+      'after:origin-right',
+      'after:transition-transform',
+      'after:duration-300',
+      'after:ease-out',
+      'hover:after:scale-x-100',
+      'hover:after:origin-left',
+      'transition-ready',
+      '[&.force-leave]:after:scale-x-0',
+      '[&.force-leave]:after:origin-right',
+    ],
+  },
   rules: [],
   transformers: [
     transformerDirectives(),
