feat(style): adjust style of header, tags and dynamic-to-top button

assets/css/_partial/_archive/_tags.scss

@@ -14,7 +14,7 @@
     &:focus,
     &:hover {
       color: $global-link-hover-color;
-      transform: scale(1.1);
+      transform: scale(1.2);
 
       .dark-theme & {
         color: $global-link-hover-color-dark;

assets/css/_partial/_header.scss

@@ -8,25 +8,21 @@ header {
   }
 
   .header-title {
+    font-size: 1.5rem;
     font-weight: bold;
   }
 
+  .menu .menu-item {
+    position: relative;
+  }
+
   .language-select {
-    font-weight: $global-font-weight;
-    border: none;
-    box-shadow: none;
-    background: transparent;
-    background-image: none;
-    -webkit-appearance: none;
-    color: $global-font-color;
-
-    .dark-theme & {
-      color: $global-font-color-dark;
-    }
-
-    &:focus {
-      outline: none;
-    }
+    position: absolute;
+    opacity: 0;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
 
     &:hover {
       cursor: pointer;
@@ -47,23 +43,20 @@ header {
   .header-wrapper {
     width: auto;
     text-align: center;
-    margin: 0 4rem;
+    padding: 0 3rem;
     display: flex;
     justify-content: space-between;
 
-    .header-title a {
-      padding: 0 8px;
-      font-size: 1.25rem;
+    .menu {
+      .menu-item {
+        margin: 0 .5rem;
 
-      i {
-        line-height: 2rem;
+        &.theme-switch {
+          margin: 0 .3rem;
+        }
       }
-    }
 
-    .menu a {
-      padding: 0 8px;
-
-      &.active {
+      a.active {
         font-weight: 900;
         color: $header-hover-color;
 
@@ -96,10 +89,6 @@ header {
       padding-left: 1rem;
       box-sizing: border-box;
 
-      .header-title {
-        font-size: 1.25rem;
-      }
-
       .menu-toggle {
         cursor: pointer;
         line-height: 4rem;

assets/css/_partial/_single/_toc.scss

@@ -2,12 +2,13 @@
   display: block;
   position: absolute;
   width: 100%;
+  max-width: 1000px;
   margin-left: 1000px;
   padding: 0 .8rem;
   border-left: 1px solid $global-border-color;
   overflow-wrap: break-word;
   box-sizing: border-box;
-  top: if($header-normal-mode-desktop, 7rem, 12rem);
+  top: if($header-normal-mode-desktop, 5rem, 10rem);
 
   .dark-theme & {
     border-left: 1px solid $global-border-color-dark;