diff --git a/scripts/tags/lib/navbar.js b/scripts/tags/lib/navbar.js
index d44589a..87509ef 100644
--- a/scripts/tags/lib/navbar.js
+++ b/scripts/tags/lib/navbar.js
@@ -25,7 +25,7 @@ module.exports = ctx => function(args) {
       let text = matches[1]
       let href = matches[2]
       if (href == args.active) {
-        el += `<a class="link blur active" href="${href}">${text}</a>`
+        el += `<a class="link active" href="${href}">${text}</a>`
       } else {
         el += `<a class="link" href="${href}">${text}</a>`
       }
diff --git a/source/css/_common/blur.styl b/source/css/_common/blur.styl
index da826eb..80bc72a 100644
--- a/source/css/_common/blur.styl
+++ b/source/css/_common/blur.styl
@@ -9,7 +9,7 @@ if hexo-config('style.darkmode') == 'always'
   :root
     --blur-bg: alpha(black, .5)
 
-.blur
+blur-effect()
   background: var(--blur-bg)
   @supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px))))
     background: var(--blur-bg) !important
@@ -17,3 +17,6 @@ if hexo-config('style.darkmode') == 'always'
     -webkit-backdrop-filter: saturate(200%) blur(var(--blur-px))
   &:hover
     background: var(--card)
+
+.blur
+  blur-effect()
diff --git a/source/css/_layout/tag-plugins/banner.styl b/source/css/_layout/tag-plugins/banner.styl
index 6999609..dddde0b 100644
--- a/source/css/_layout/tag-plugins/banner.styl
+++ b/source/css/_layout/tag-plugins/banner.styl
@@ -118,4 +118,7 @@
   margin: 0 1rem
   @media screen and (max-width: $device-mobile)
     margin: 0
-    border-radius: 0
\ No newline at end of file
+    border-radius: 0
+
+.tag-plugin.banner .navbar a.active
+  blur-effect()
\ No newline at end of file