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

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

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)