feature(doc): complete all Chinese and English documents and fix many bugs

assets/css/_core/_media.scss

@@ -48,7 +48,7 @@
   }
 }
 
-@media only screen and (max-width: 560px) {
+@media only screen and (max-width: 720px) {
   #header-desktop {
     display: none;
   }

assets/css/_page/_single.scss

@@ -88,6 +88,7 @@
 
     a {
       word-break: break-all;
+      word-break: break-word;
       color: $single-link-color;
 
       .dark-theme & {
@@ -181,20 +182,20 @@
         line-height: 1.7;
       }
 
+      img {
+        display: block;
+        max-width: 96%;
+        height: auto;
+        margin: 0 auto;
+        overflow: hidden;
+        transition: all 0.2s ease-in-out;
+      }
+
       a.lightgallery:hover img {
         transform: scale(1.02);
       }
     }
 
-    img {
-      display: block;
-      max-width: 96%;
-      height: auto;
-      margin: 0 auto;
-      overflow: hidden;
-      transition: all 0.2s ease-in-out;
-    }
-
     .lazyloading {
       object-fit: none;
     }

assets/css/_partial/_single/_admonition.scss

@@ -8,10 +8,9 @@
 
   .admonition-title {
     margin: 0 -0.75rem;
-    padding: .5rem .75rem .5rem 2.5rem;
-    border-bottom: .1rem solid map-get($admonition-background-color-map, 'note');
+    padding: .2rem .75rem .2rem 1.8rem;
+    border-bottom: .05rem solid map-get($admonition-background-color-map, 'note');
     background-color: map-get($admonition-background-color-map, 'note');
-    font-weight: 700;
   }
 
   .admonition-content {
@@ -19,12 +18,12 @@
   }
 
   i.icon {
-    font-size: 16px;
+    font-size: 0.85rem;
     color: map-get($admonition-color-map, 'note');
     cursor: auto;
     position: absolute;
-    left: .75rem;
-    top: .75rem;
+    left: .6rem;
+    top: .6rem;
   }
 
   @each $type, $color in $admonition-color-map {
@@ -65,8 +64,8 @@ details.admonition {
 
     i.details {
       position: absolute;
-      top: .75rem;
-      right: .75rem;
+      top: .5rem;
+      right: .5rem;
       color: $global-font-color;
 
       .dark-theme & {

assets/css/_partial/_single/_code.scss

@@ -19,7 +19,6 @@ code, pre, .highlight table, .highlight tr, .highlight td {
 
 .highlight > .chroma {
   margin: 1rem 0;
-  line-height: round($code-font-size * 1.4);
 
   code, pre {
     margin: 0;
@@ -30,7 +29,6 @@ code, pre, .highlight table, .highlight tr, .highlight td {
     display: block;
     padding: .4rem;
     font-family: $global-font-family;
-    font-size: $code-font-size;
     font-weight: bold;
     color: $code-info-color;
     background: darken($code-background-color, 3%);
@@ -88,6 +86,8 @@ code, pre, .highlight table, .highlight tr, .highlight td {
 
 .highlight {
   font-family: $code-font-family;
+  font-size: $code-font-size;
+  line-height: round($code-font-size * 1.4);
   /* Comment */  .c,
   /* CommentHashbang */  .ch,
   /* CommentMultiline */  .cm,