fix: 修復夜間模式下，閲讀模式代碼塊背景顔色的顯示bug

fix: 修復在 chrome上，進入頁面時，頁面元素會出現模糊到清晰的bug close #479
fix: 修復 文章頁面上滑子菜單圖標文字無法顯示的 bug close #481
improvement: meta description 限制在150字以內 close #480
improvement: pug優化和結構調整

source/css/_global/function.styl

@@ -127,6 +127,7 @@ if hexo-config('avatar.effect') == true
     transform: translateY(50px)
 
   100%
+    filter: none
     opacity: 1
     transform: translateY(0)
 

source/css/_layout/head.styl

@@ -348,8 +348,8 @@ _:future,
             display: inline-block
             padding: .3rem .7rem
             width: 100%
-            color: var(--font-color)
-            text-shadow: none
+            color: var(--font-color) !important
+            text-shadow: none !important
 
   &.hide-menu
     #toggle-menu
@@ -376,3 +376,4 @@ _:future,
     padding-bottom: .3rem
     text-shadow: .05rem .05rem .1rem rgba($dark-black, .3)
     font-size: .78em
+    cursor: pointer

source/css/_layout/rightside.styl

@@ -24,7 +24,6 @@
       color: var(--btn-color)
       text-align: center
       font-size: 16px
-      cursor: pointer
 
       &:hover
         background-color: var(--btn-hover-color)

source/css/_mode/readmode.styl

@@ -38,9 +38,7 @@ if hexo-config('readmode')
       border-radius: 8px
       background: var(--exit-btn-bg)
       color: var(--exit-btn-color)
-      text-align: center
       font-size: 16px
-      cursor: pointer
       transition: background .3s
 
       &:hover
@@ -86,7 +84,7 @@ if hexo-config('readmode')
 
       pre,
       .highlight:not(.js-file-line-container)
-        background: var(-highlight-bg) !important
+        background: var(--highlight-bg) !important
 
         *
           color: var(--font-color) !important
@@ -192,4 +190,8 @@ if hexo-config('readmode')
         border-left-color: var(--gray) !important
         filter: none
         background-color: var(--readmode-light-color) !important
-        color: var(--font-color)
+        color: var(--font-color)
+
+        &:before,
+        .note-icon
+          color: var(--font-color)

source/css/_page/common.styl

@@ -45,4 +45,8 @@
       max-width: 1300px
 
     & > div
-      width: 100% !important
+      width: 100% !important
+
+// fix chrome enter animation blur
+.layout
+  filter: blur(0)