diff --git a/source/css/common/code-block/highlight.styl b/source/css/common/code-block/highlight.styl
index 17f4fbe..e3f5b2e 100644
--- a/source/css/common/code-block/highlight.styl
+++ b/source/css/common/code-block/highlight.styl
@@ -1,7 +1,7 @@
 @import "code-theme.styl"
 
 $code-block {
-  margin 20px 0
+  margin 1.5rem 0
   padding 0
   overflow auto
   color var(--highlight-foreground)
@@ -17,17 +17,17 @@ code {
 }
 
 code {
-  padding 5px
+  padding 0.4rem
   color var(--code-foreground)
   font-size 0.96rem
   word-wrap break-word
   background var(--code-background)
-  border-radius 2px
+  border-radius 0.2rem
 }
 
 pre {
   @extend $code-block
-  padding 10px
+  padding 0.6rem
 
   code {
     padding 0
@@ -39,11 +39,11 @@ pre {
 
 .highlight {
   @extend $code-block
-  border-radius 1px
+  border-radius 0.1rem
 
   pre {
     margin 0
-    padding 10px 0
+    padding 0.6rem 0
     border none
   }
 
@@ -78,8 +78,8 @@ pre {
   }
 
   .gutter pre {
-    padding-right 10px
-    padding-left 10px
+    padding-right 0.6rem
+    padding-left 0.6rem
     color var(--highlight-gutter-color)
     text-align center
     background-color var(--highlight-gutter-bg-color)
@@ -87,13 +87,13 @@ pre {
 
   .code pre {
     width 100%
-    padding-right 10px
-    padding-left 10px
+    padding-right 0.6rem
+    padding-left 0.6rem
     background-color var(--highlight-background)
   }
 
   .line {
-    height 20px
+    height 1.5rem
     color var(--default-text-color)
 
     .attr {
diff --git a/source/css/layout/_partial/archive-list.styl b/source/css/layout/_partial/archive-list.styl
index 15e7b1b..aef5654 100644
--- a/source/css/layout/_partial/archive-list.styl
+++ b/source/css/layout/_partial/archive-list.styl
@@ -73,8 +73,8 @@ $article-date-font-size = 1rem
 
         .article-date {
           float right
-          font-size $article-date-font-size
           color var(--default-text-color)
+          font-size $article-date-font-size
         }
       }
     }
diff --git a/source/css/layout/_partial/article-copyright-info.styl b/source/css/layout/_partial/article-copyright-info.styl
index e8aeca3..8211516 100644
--- a/source/css/layout/_partial/article-copyright-info.styl
+++ b/source/css/layout/_partial/article-copyright-info.styl
@@ -2,9 +2,9 @@
   position relative
   box-sizing border-box
   width 100%
+  overflow hidden
   font-size 1rem
   background var(--second-background-color)
-  overflow hidden
 
   &::after {
     position absolute
diff --git a/source/css/layout/_partial/article-meta-info.styl b/source/css/layout/_partial/article-meta-info.styl
index e3f37c5..617fa8f 100644
--- a/source/css/layout/_partial/article-meta-info.styl
+++ b/source/css/layout/_partial/article-meta-info.styl
@@ -2,7 +2,7 @@
   font-size 0.8rem
 
   .article-meta-item {
-    margin-right 10px
+    margin-right 0.6rem
     color var(--third-text-color)
 
     &:last-child {
diff --git a/source/css/layout/_partial/header.styl b/source/css/layout/_partial/header.styl
index 8a62843..921d015 100644
--- a/source/css/layout/_partial/header.styl
+++ b/source/css/layout/_partial/header.styl
@@ -108,7 +108,7 @@ $logo-image-box-width = 46px
           .menu-item {
             position relative
             float left
-            margin-left 30px
+            margin-left 2rem
             color var(--default-text-color)
             font-size 1rem
             cursor pointer
diff --git a/source/css/layout/_partial/image-viewer.styl b/source/css/layout/_partial/image-viewer.styl
index af70f3c..78294c5 100644
--- a/source/css/layout/_partial/image-viewer.styl
+++ b/source/css/layout/_partial/image-viewer.styl
@@ -19,7 +19,7 @@
     visibility visible
 
     img {
-      padding 2px
+      padding 0.2rem
       background var(--background-color)
       transform scale(1)
       cursor zoom-out
diff --git a/source/css/layout/_partial/local-search.styl b/source/css/layout/_partial/local-search.styl
index ab90fa0..c0fc31b 100644
--- a/source/css/layout/_partial/local-search.styl
+++ b/source/css/layout/_partial/local-search.styl
@@ -85,9 +85,7 @@ $search-header-height = 3rem
         font-size $icon-size
         cursor pointer
 
-        &:hover .fas
-        far
-        fab {
+        &:hover {
           color var(--first-text-color)
         }
       }
diff --git a/source/css/layout/_partial/page-template.styl b/source/css/layout/_partial/page-template.styl
index 9274179..05de19d 100644
--- a/source/css/layout/_partial/page-template.styl
+++ b/source/css/layout/_partial/page-template.styl
@@ -5,7 +5,7 @@ $friend-link-item-border-radius = 6px
 
 .page-template-container {
 
-  keep-container(false, 0, 0, 30px, 30px)
+  keep-container(false, 0, 0, 2rem, 2rem)
 
   .page-template-content {
     color var(--default-text-color)
diff --git a/source/css/layout/_partial/paginator.styl b/source/css/layout/_partial/paginator.styl
index ea8a6f1..1b53825 100644
--- a/source/css/layout/_partial/paginator.styl
+++ b/source/css/layout/_partial/paginator.styl
@@ -1,5 +1,5 @@
 .paginator {
-  margin-top 30px
+  margin-top 2rem
   font-size 1rem
 
   a.prev {
diff --git a/source/css/layout/_partial/post-tools.styl b/source/css/layout/_partial/post-tools.styl
index bac6dae..a89ef97 100644
--- a/source/css/layout/_partial/post-tools.styl
+++ b/source/css/layout/_partial/post-tools.styl
@@ -1,5 +1,5 @@
-$li-border-radius = 5px
-$li-margin-bottom = 12px
+$li-border-radius = 0.4rem
+$li-margin-bottom = 0.8rem
 
 .post-tools-container {
 
diff --git a/source/css/layout/_partial/side-tools.styl b/source/css/layout/_partial/side-tools.styl
index 29cadce..cc867c2 100644
--- a/source/css/layout/_partial/side-tools.styl
+++ b/source/css/layout/_partial/side-tools.styl
@@ -1,6 +1,6 @@
-$tools-item-width = 32px
+$tools-item-width = 2.2rem
 $tools-item-font-size = 1.1rem
-$tools-item-border-radius = 1px
+$tools-item-border-radius = 0.1rem
 
 
 .side-tools-container {
@@ -9,13 +9,13 @@ $tools-item-border-radius = 1px
   .tools-item {
     width $tools-item-width
     height $tools-item-width
-    margin-bottom 3px
+    margin-bottom 0.2rem
     color var(--default-text-color)
     font-size $tools-item-font-size
     background var(--background-color)
     border-right none
     border-radius $tools-item-border-radius
-    box-shadow 1px 1px 3px var(--shadow-color)
+    box-shadow 0.1rem 0.1rem 0.2rem var(--shadow-color)
     cursor pointer
 
     i {
@@ -25,7 +25,7 @@ $tools-item-border-radius = 1px
     &:hover {
       color var(--background-color)
       background var(--primary-color)
-      box-shadow 2px 2px 6px var(--shadow-color)
+      box-shadow 0.2rem 0.2rem 0.4rem var(--shadow-color)
 
       i {
         color var(--background-color)
@@ -35,7 +35,7 @@ $tools-item-border-radius = 1px
     +keep-tablet() {
       width $tools-item-width * 0.9
       height $tools-item-width * 0.9
-      margin-bottom 2px
+      margin-bottom 0.2rem
       font-size $tools-item-font-size * 0.9
     }
 
@@ -49,7 +49,7 @@ $tools-item-border-radius = 1px
         &:hover {
           color var(--background-color)
           background var(--primary-color)
-          box-shadow 2px 2px 6px var(--shadow-color)
+          box-shadow 0.2rem 0.2rem 0.4rem var(--shadow-color)
         }
       }
     }
diff --git a/source/css/layout/_partial/tagcloud.styl b/source/css/layout/_partial/tagcloud.styl
index c2a88ea..7bb8db1 100644
--- a/source/css/layout/_partial/tagcloud.styl
+++ b/source/css/layout/_partial/tagcloud.styl
@@ -1,6 +1,6 @@
 .tagcloud-container {
 
-  keep-container(false, 0, 0, 20px, 0)
+  keep-container(false, 0, 0, 1.5rem, 0)
 
   .tagcloud-content {
 
@@ -9,7 +9,7 @@
     a {
       display inline-block
       box-sizing border-box
-      padding 10px 8px
+      padding 0.7rem 0.5rem
     }
   }
 }
diff --git a/source/css/layout/archive-content.styl b/source/css/layout/archive-content.styl
index 9d8e4fa..ba60b26 100644
--- a/source/css/layout/archive-content.styl
+++ b/source/css/layout/archive-content.styl
@@ -1,5 +1,5 @@
 .archive-container {
-  keep-container(false, 0, 0, 30px, 30px)
+  keep-container(false, 0, 0, 2rem, 2rem)
 }
 
 
diff --git a/source/css/layout/article-content.styl b/source/css/layout/article-content.styl
index abbb8ff..b968620 100644
--- a/source/css/layout/article-content.styl
+++ b/source/css/layout/article-content.styl
@@ -5,7 +5,7 @@ $article-title-font-size = 1.6rem
 
 .article-content-container {
 
-  keep-container(false, 0, 0, 30px, 30px)
+  keep-container(false, 0, 0, 2rem, 2rem)
 
   +keep-mobile() {
     padding 1.2rem 0.2rem
diff --git a/source/css/layout/category-content.styl b/source/css/layout/category-content.styl
index 6906afe..d443496 100644
--- a/source/css/layout/category-content.styl
+++ b/source/css/layout/category-content.styl
@@ -2,7 +2,7 @@ $category-name-font-size = 1.6rem
 
 .category-container {
 
-  keep-container(false, 0, 0, 30px, 30px)
+  keep-container(false, 0, 0, 2rem, 2rem)
 
   .category-name {
     margin-bottom $component-spacing-value
diff --git a/source/css/layout/category-list.styl b/source/css/layout/category-list.styl
index 5c5b2e1..cfd6f89 100644
--- a/source/css/layout/category-list.styl
+++ b/source/css/layout/category-list.styl
@@ -1,13 +1,17 @@
 .category-list-container {
 
-  keep-container(false, 0, 0, 30px, 0)
+  keep-container(false, 0, 0, 2rem, 0)
 
   .category-list-content {
 
     .all-category-list {
 
+      & > .all-category-list-item > .all-category-list-link {
+        font-size 1.1rem
+      }
+
       li.all-category-list-item {
-        margin-bottom 15px
+        margin-bottom 1rem
         font-size 1rem
 
         &:last-child {
@@ -30,9 +34,9 @@
 
 
         ul.all-category-list-child {
-          margin-top 15px
+          margin-top 1rem
 
-          margin-left 10px
+          margin-left 0.9rem
 
           li {
 
@@ -40,7 +44,7 @@
               content '- '
             }
 
-            margin-bottom 10px
+            margin-bottom 0.9rem
 
             &:last-child {
               margin-bottom 0
diff --git a/source/css/layout/tag-content.styl b/source/css/layout/tag-content.styl
index f4513c8..3e793d8 100644
--- a/source/css/layout/tag-content.styl
+++ b/source/css/layout/tag-content.styl
@@ -2,7 +2,7 @@ $tag-name-font-size = 1.6rem
 
 .tag-container {
 
-  keep-container(false, 0, 0, 30px, 30px)
+  keep-container(false, 0, 0, 2rem, 2rem)
 
   .tag-name {
     margin-bottom $component-spacing-value