breaking changes: 移除 html 的 font-size 改為瀏覽器默認大小

feat: 為文章單獨設置 TOC simple_style 顯示 closed #631
feat: page 頁頂部圖增加黑色遮罩 closed #671
feat: 首頁 pagination 更新 UI
fix: 修復使用本地搜索時，搜索插件配置為不搜索文章內容會無法使用搜索 的 bug
fix: 修復開啟 photofigcaption 後，導致inlineImg標籤外掛顯示錯亂的 bug
fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug
improvement: 主題 css 使用的 rem 改為 em 或 px
improvement: 修改没有顶部图下，文章页的标题大小 closed #669
improvement: 代碼優化

source/css/_page/404.styl

@@ -6,29 +6,23 @@ if hexo-config('error_404.enable')
       right: 0
       left: 0
       margin: 0 auto
-      padding: 0 1rem
+      padding: 0 20px
       max-width: 1000px
       transform: translate(0, -50%)
 
       .error-content
+        @extend .cardHover
         display: flex
         flex-direction: row
         justify-content: center
         align-items: center
-        margin: 0 1rem
-        height: 18rem
-        border-radius: 8px
-        background: var(--card-bg)
-        box-shadow: var(--card-box-shadow)
-        transition: all .3s
-
-        &:hover
-          box-shadow: var(--card-hover-box-shadow)
+        margin: 0 20px
+        height: 360px
 
         +maxWidth768()
           flex-direction: column
           margin: 0
-          height: 25rem
+          height: 500px
 
         .error-img
           flex: 1
@@ -47,7 +41,7 @@ if hexo-config('error_404.enable')
 
         .error-info
           flex: 1
-          padding: .5rem
+          padding: 10px
           text-align: center
           font-size: 14px
 
@@ -59,28 +53,28 @@ if hexo-config('error_404.enable')
             width: 100%
 
           .error_title
-            margin-top: -4rem
+            margin-top: -80px
             font-size: 9em
 
             +maxWidth768()
-              margin-top: -3rem
+              margin-top: -60px
 
           .error_subtitle
             @extend .limit-more-line
-            margin-top: -3.5rem
+            margin-top: -70px
             word-break: break-word
             font-size: 1.6em
             -webkit-line-clamp: 2
 
           a
             display: inline-block
-            margin-top: .5rem
-            padding: .3rem 1.5rem
+            margin-top: 10px
+            padding: 6px 30px
             background: var(--btn-bg)
             color: var(--btn-color)
 
             i
-              padding-right: .3rem
+              padding-right: 6px
 
     & + #rightside
       display: none

source/css/_page/archives.styl

@@ -1,13 +1,13 @@
 .article-sort
-  margin-left: .5rem
-  padding-left: 1rem
+  margin-left: 10px
+  padding-left: 20px
   border-left: 2px solid lighten($light-blue, 20)
 
   &-title
     position: relative
-    margin-left: .5rem
-    padding-bottom: 1rem
-    padding-left: 1rem
+    margin-left: 10px
+    padding-bottom: 20px
+    padding-left: 20px
     font-size: 1.72em
 
     &:hover
@@ -16,10 +16,10 @@
 
     &:before
       position: absolute
-      top: calc(((100% - 1.8rem) / 2))
-      left: -.45rem
+      top: calc(((100% - 36px) / 2))
+      left: -9px
       z-index: 1
-      width: w = .5rem
+      width: w = 10px
       height: h = w
       border: .5 * w solid $light-blue
       border-radius: w
@@ -33,7 +33,7 @@
       bottom: 0
       left: 0
       z-index: 0
-      width: .1rem
+      width: 2px
       height: 1.5em
       background: lighten($light-blue, 20)
       content: ''
@@ -42,7 +42,7 @@
     position: relative
     display: flex
     align-items: center
-    margin: 0 0 1rem .5rem
+    margin: 0 0 20px 10px
     transition: all .2s ease-in-out
 
     &:hover
@@ -50,9 +50,9 @@
         border-color: $pseudo-hover
 
     &:before
-      $w = .3rem
+      $w = 6px
       position: absolute
-      left: calc(-1rem - 17px)
+      left: calc(-20px - 17px)
       width: w = $w
       height: h = w
       border: .5 * w solid $light-blue
@@ -82,7 +82,7 @@
       font-size: 95%
 
       time
-        padding-left: .3rem
+        padding-left: 6px
         cursor: default
 
     &-title
@@ -112,4 +112,4 @@
 
     &-info
       flex: 1
-      padding: 0 .8rem
+      padding: 0 16px

source/css/_page/categories.styl

@@ -1,6 +1,6 @@
 #page
   .category-lists
-    padding: 1rem 0 1.5rem
+    padding: 20px 0 30px
 
     +maxWidth768()
       padding: 0
@@ -19,7 +19,7 @@
           color: $text-hover
 
       .category-list-count
-        margin-left: .4rem
+        margin-left: 8px
         color: $theme-meta-color
 
         &:before
@@ -29,17 +29,17 @@
           content: ')'
 
     ul
-      margin-top: .4rem
-      padding: 0 0 0 1rem
+      margin-top: 8px
+      padding: 0 0 0 20px
       list-style: none
       counter-reset: li
 
       ul
-        padding-left: .2rem
+        padding-left: 4px
 
       li
         position: relative
-        margin: .3rem 0
+        margin: 6px 0
         padding: .12em .4em .12em 1.4em
 
         &:before