label: 3.6.0

source/css/_global/index.styl

@@ -27,6 +27,8 @@
   --blockquote-bg: $blockquote-background-color
   --reward-pop: $reward-pop-up-bg
   --toc-link-color: $toc-link-color
+  --card-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, .06)
+  --card-hover-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, .15)
 
 html
   height: 100%

source/css/_layout/404.styl

@@ -18,7 +18,11 @@ if hexo-config('error_404.enable')
       height: 18rem
       border-radius: 8px
       background: var(--card-bg)
-      box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
+      box-shadow: var(--card-box-shadow)
+      transition: all .3s
+
+      &:hover
+        box-shadow: var(--card-hover-box-shadow)
 
       +maxWidth768()
         flex-direction: column
@@ -45,6 +49,7 @@ if hexo-config('error_404.enable')
         padding: .5rem
         text-align: center
         font-size: 14px
+
         if $site-name-font
           font-family: $site-name-font
 

source/css/_layout/aside.styl

@@ -23,11 +23,11 @@
     padding: 1rem 1.2rem
     border-radius: 8px
     background: var(--card-bg)
-    box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
+    box-shadow: var(--card-box-shadow)
     transition: box-shadow .3s
 
     &:hover
-      box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
+      box-shadow: var(--card-hover-box-shadow)
 
     if hexo-config('aside.mobile') == false
       +maxWidth768()