@wulechuan/css-stylus-markdown-themes 7.2.8 → 7.4.0

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown.default--with-toc.css

@@ -74,27 +74,29 @@ body {
     padding: 0;
   }
 }
+[lang*="zh-" i],
+[lang*="-hans" i],
+[lang*="-CN" i],
+[lang*="zh-"],
+[lang*="-hans"],
+[lang*="-CN"] {
+  letter-spacing: 0.2em;
+}
 a {
   font-size: inherit;
-  text-decoration: none;
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  border-bottom-color: transparent;
+  text-decoration-line: underline;
+  text-underline-offset: 0.15em;
   text-shadow: inherit;
 }
 a:not([href]) {
   font-style: italic;
 }
-a[href] {
-  border-bottom-color: currentColor;
-}
 a[href^="#"]:visited,
 a[href^="#"] {
-  border-bottom-color: transparent;
+  text-decoration-style: dotted;
 }
 a[href]:hover {
-  text-decoration: none;
-  border-bottom-color: currentColor;
+  text-decoration-color: currentColor;
 }
 h1,
 h2,
@@ -112,42 +114,52 @@ p {
 }
 h1 {
   font-size: 2.3em;
-  line-height: 1.25;
+  line-height: 1.33;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
   margin-top: 2em;
-  margin-bottom: 0.5em;
-  padding-top: 0.25em;
-  padding-bottom: 0.25em;
+  margin-bottom: 1em;
 }
 h2 {
   font-size: 1.8em;
-  line-height: 1.25;
+  line-height: 1.33;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
   margin-top: 3em;
-  margin-bottom: 0.5em;
+  margin-bottom: 1em;
 }
 h3 {
   font-size: 1.4em;
-  line-height: 1.33;
-  margin-top: 2em;
-  margin-bottom: 0.5em;
+  line-height: 1.5;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  margin-top: 2.5em;
+  margin-bottom: 1em;
 }
 h4 {
   font-size: 1.2em;
-  line-height: 1.33;
+  line-height: 1.5;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
   margin-top: 2em;
-  margin-bottom: 0.5em;
+  margin-bottom: 1em;
 }
 h5 {
   font-size: 1.1em;
-  line-height: 1.33;
+  line-height: 1.5;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
   margin-top: 1.5em;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.75em;
 }
 h6,
 dt {
   font-size: 1em;
-  line-height: 1.33;
+  line-height: 1.5;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
   margin-top: 1.5em;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.75em;
 }
 h1,
 h2,
@@ -160,11 +172,6 @@ dt {
   padding-bottom: 0.25em;
   border-width: 0;
 }
-h1,
-h2 {
-  letter-spacing: 0.05em;
-  text-indent: 0.05em;
-}
 [lang*="zh-" i] h1,
 [lang*="-hans" i] h1,
 [lang*="-CN" i] h1,
@@ -178,14 +185,6 @@ h2 {
 [lang*="-hans"] h2,
 [lang*="-CN"] h2 {
   letter-spacing: 0.2em;
-  text-indent: 0.2em;
-}
-h3,
-h4,
-h5,
-h6,
-dt {
-  letter-spacing: 0.05em;
 }
 h5 + h6,
 h4 + h5,
@@ -231,11 +230,65 @@ td > h1 ~ p:last-child {
   margin-bottom: 1.25em;
 }
 p {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
-  line-height: 1.66;
+  line-height: 1.8;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+blockquote > p {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+h1 + p,
+h2 + p,
+h3 + p,
+h4 + p,
+h5 + p,
+h6 + p {
+  margin-top: 0.5em;
+}
+center,
+center > * {
+  text-align: center;
+}
+[lang*="zh-" i] p,
+[lang*="-hans" i] p,
+[lang*="-CN" i] p,
+[lang*="zh-"] p,
+[lang*="-hans"] p,
+[lang*="-CN"] p {
+  text-indent: 2.4em;
+}
+[lang*="zh-" i] li > p:only-of-type,
+[lang*="-hans" i] li > p:only-of-type,
+[lang*="-CN" i] li > p:only-of-type,
+[lang*="zh-"] li > p:only-of-type,
+[lang*="-hans"] li > p:only-of-type,
+[lang*="-CN"] li > p:only-of-type,
+[lang*="zh-" i] li > p:first-child,
+[lang*="-hans" i] li > p:first-child,
+[lang*="-CN" i] li > p:first-child,
+[lang*="zh-"] li > p:first-child,
+[lang*="-hans"] li > p:first-child,
+[lang*="-CN"] li > p:first-child {
+  text-indent: 0;
+}
+[lang*="zh-" i] blockquote > p:only-of-type,
+[lang*="-hans" i] blockquote > p:only-of-type,
+[lang*="-CN" i] blockquote > p:only-of-type,
+[lang*="zh-"] blockquote > p:only-of-type,
+[lang*="-hans"] blockquote > p:only-of-type,
+[lang*="-CN"] blockquote > p:only-of-type {
+  text-indent: 0;
+}
+[lang*="zh-" i] center p,
+[lang*="-hans" i] center p,
+[lang*="-CN" i] center p,
+[lang*="zh-"] center p,
+[lang*="-hans"] center p,
+[lang*="-CN"] center p {
+  text-indent: 0;
 }
 sub,
 sup {
@@ -246,11 +299,6 @@ sup,
 sub {
   font-size: 75%;
 }
-blockquote strong,
-blockquote b,
-blockquote em {
-  color: inherit;
-}
 img {
   display: block;
   box-sizing: content-box;
@@ -327,12 +375,12 @@ video {
 }
 blockquote {
   box-sizing: border-box;
-  max-width: 100%;
+  max-width: calc(100% - 4em);
   display: inline-block;
   vertical-align: top;
   border-style: solid;
-  padding: 1px 1.2em 1px 1em;
-  margin: 0 1em 1.5em;
+  padding: 1px 1.5em 1px 1.3em;
+  margin: 0 1em 1.5em 3em;
 }
 details {
   margin: 0.5em 1em 1.5em;
@@ -353,13 +401,16 @@ pre + details {
 kbd,
 code,
 pre {
-  font-weight: 300;
+  font-weight: 350;
+  text-indent: 0;
 }
 kbd,
 code {
   display: inline-block;
   vertical-align: baseline;
-  line-height: 1;
+  line-height: 1.25;
+  padding-left: 0.25em;
+  padding-right: 0.25em;
   min-height: 1em;
   min-width: 0.5em;
   font-style: normal;
@@ -370,12 +421,27 @@ code {
   word-break: break-all;
   white-space: pre-wrap;
 }
+[lang*="zh-" i] code,
+[lang*="-hans" i] code,
+[lang*="-CN" i] code,
+[lang*="zh-"] code,
+[lang*="-hans"] code,
+[lang*="-CN"] code {
+  padding-left: 0.4em;
+}
+a > code {
+  text-decoration-line: inherit;
+  text-decoration-style: inherit;
+  margin-left: 0;
+  margin-right: 0;
+}
 kbd {
   font-size: 80%;
   letter-spacing: 0;
 }
 pre,
 pre > code {
+  letter-spacing: 0;
   white-space: pre;
   word-wrap: normal;
   word-break: keep-all;
@@ -563,6 +629,7 @@ hr::after {
   blockquote {
     margin-left: 0;
     margin-right: 0;
+    max-width: 100%;
   }
   details {
     margin-left: 0;
@@ -609,13 +676,32 @@ hr::after {
   padding-right: 3em;
 }
 .document-author {
+  text-indent: 0;
   text-align: center;
 }
 .centered {
+  text-indent: 0;
   text-align: center;
 }
+[lang*="zh-" i] .document-author,
+[lang*="-hans" i] .document-author,
+[lang*="-CN" i] .document-author,
+[lang*="zh-"] .document-author,
+[lang*="-hans"] .document-author,
+[lang*="-CN"] .document-author {
+  text-indent: 0;
+}
+[lang*="zh-" i] .centered,
+[lang*="-hans" i] .centered,
+[lang*="-CN" i] .centered,
+[lang*="zh-"] .centered,
+[lang*="-hans"] .centered,
+[lang*="-CN"] .centered {
+  text-indent: 0;
+}
 .header-anchor {
-  margin-left: -0.75em;
+  margin-left: -1em;
+  text-decoration-line: none;
 }
 blockquote > h6 .header-anchor,
 th > h6 .header-anchor,
@@ -754,60 +840,162 @@ nav.markdown-article-toc {
 }
 @media screen {
   nav.markdown-article-toc {
+    user-select: text;
     box-sizing: border-box;
-    width: 22em;
+    width: 28em;
     max-width: 100%;
     height: 100%;
-    padding: 3em 0.5em 2em 0.5em;
+    padding: 3em 0.5em 1.5em 0.5em;
     overflow: auto;
     position: fixed;
     left: 0;
     top: 0;
     margin: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+  }
+  nav.markdown-article-toc ol,
+  nav.markdown-article-toc ul {
+    counter-reset: wlc-article-toc;
+    margin: 0 0 2em;
+  }
+  nav.markdown-article-toc > ol,
+  nav.markdown-article-toc > ul {
+    font-size: 0.8em;
+    margin-bottom: 0;
+    box-sizing: border-box;
+    padding: 0.5em 0.5em 4.5em 0.5em;
+    height: 100%;
+    overflow: auto;
+  }
+  nav.markdown-article-toc > ol ol,
+  nav.markdown-article-toc > ul ol,
+  nav.markdown-article-toc > ol ul,
+  nav.markdown-article-toc > ul ul {
+    padding: 0 0 0 0.5em;
+  }
+  nav.markdown-article-toc > ol ol,
+  nav.markdown-article-toc > ul ol {
+    margin-left: -1em;
+  }
+  nav.markdown-article-toc > ol ol ol,
+  nav.markdown-article-toc > ul ol ol,
+  nav.markdown-article-toc > ol ul ol,
+  nav.markdown-article-toc > ul ul ol {
+    margin-left: -1.75em;
+  }
+  nav.markdown-article-toc > ol ol ol ol,
+  nav.markdown-article-toc > ul ol ol ol,
+  nav.markdown-article-toc > ol ul ol ol,
+  nav.markdown-article-toc > ul ul ol ol,
+  nav.markdown-article-toc > ol ol ul ol,
+  nav.markdown-article-toc > ul ol ul ol,
+  nav.markdown-article-toc > ol ul ul ol,
+  nav.markdown-article-toc > ul ul ul ol {
+    margin-left: -2.5em;
+  }
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ul,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ul,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ul,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ul {
+    display: none;
   }
   nav.markdown-article-toc li {
     cursor: pointer;
-    margin: 0;
+    margin: 0.25em 0;
+    line-height: 1.5;
     padding-right: 0;
+    position: relative;
   }
+  nav.markdown-article-toc li::before,
   nav.markdown-article-toc li > a[href^="#"] {
     display: block;
-    padding: 0.25em 0.5em 0.25em 2em;
+    padding-top: 0.25em;
+    padding-bottom: 0.25em;
     border-width: 1px 0;
     border-style: solid none;
-    margin: 0 0 0 -2em;
-    text-decoration: none;
     transition-property: color, background-color, border-color;
     transition-duration: 0.36s;
     transition-timing-function: ease-out;
   }
-  nav.markdown-article-toc > ul,
-  nav.markdown-article-toc > ol {
-    font-size: 0.8em;
-  }
-  nav.markdown-article-toc > ul,
-  nav.markdown-article-toc > ol {
-    box-sizing: border-box;
-    height: 100%;
-    padding: 0.5em 1.5em 4.5em 1.5em;
+  nav.markdown-article-toc li::before {
+    position: absolute;
+    left: 0;
+    top: 0;
     margin: 0;
-    overflow: auto;
+    text-align: right;
+    border-color: transparent;
   }
-  nav.markdown-article-toc > ul ol,
-  nav.markdown-article-toc > ol ol,
-  nav.markdown-article-toc > ul ul,
-  nav.markdown-article-toc > ol ul {
-    padding-right: 0;
+  nav.markdown-article-toc li > a[href^="#"] {
+    padding-right: 0.5em;
+    margin-right: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    text-decoration-line: none;
   }
-  nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ol,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ol,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ol,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ol,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ul,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ul,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ul,
-  nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ul {
-    display: none;
+  nav.markdown-article-toc ol > li {
+    counter-increment: wlc-article-toc;
+    list-style-type: none;
+  }
+  nav.markdown-article-toc ol > li {
+    padding-left: 4.75em;
+  }
+  nav.markdown-article-toc ol > li::before {
+    width: 4.75em;
+  }
+  nav.markdown-article-toc ol > li > a[href^="#"] {
+    padding-left: 5.75em;
+    margin-left: -4.75em;
+  }
+  nav.markdown-article-toc ol > li::before {
+    content: counters(wlc-article-toc, '.', wlc-article-toc);
+  }
+  nav.markdown-article-toc > ol > li {
+    padding-left: 2em;
+  }
+  nav.markdown-article-toc > ol > li::before {
+    width: 2em;
+  }
+  nav.markdown-article-toc > ol > li > a[href^="#"] {
+    padding-left: 3em;
+    margin-left: -2em;
+  }
+  nav.markdown-article-toc > ol > li > ol > li,
+  nav.markdown-article-toc > ol > li > ul > li {
+    padding-left: 2.75em;
+  }
+  nav.markdown-article-toc > ol > li > ol > li::before,
+  nav.markdown-article-toc > ol > li > ul > li::before {
+    width: 2.75em;
+  }
+  nav.markdown-article-toc > ol > li > ol > li > a[href^="#"],
+  nav.markdown-article-toc > ol > li > ul > li > a[href^="#"] {
+    padding-left: 3.75em;
+    margin-left: -2.75em;
+  }
+  nav.markdown-article-toc > ol > li > ol > li > ol > li,
+  nav.markdown-article-toc > ol > li > ul > li > ol > li,
+  nav.markdown-article-toc > ol > li > ol > li > ul > li,
+  nav.markdown-article-toc > ol > li > ul > li > ul > li {
+    padding-left: 3.75em;
+  }
+  nav.markdown-article-toc > ol > li > ol > li > ol > li::before,
+  nav.markdown-article-toc > ol > li > ul > li > ol > li::before,
+  nav.markdown-article-toc > ol > li > ol > li > ul > li::before,
+  nav.markdown-article-toc > ol > li > ul > li > ul > li::before {
+    width: 3.75em;
+  }
+  nav.markdown-article-toc > ol > li > ol > li > ol > li > a[href^="#"],
+  nav.markdown-article-toc > ol > li > ul > li > ol > li > a[href^="#"],
+  nav.markdown-article-toc > ol > li > ol > li > ul > li > a[href^="#"],
+  nav.markdown-article-toc > ol > li > ul > li > ul > li > a[href^="#"] {
+    padding-left: 4.75em;
+    margin-left: -3.75em;
   }
 }
 .markdown-article-toc-toggling-button {
@@ -830,15 +1018,16 @@ nav.markdown-article-toc {
 }
 @media screen {
   body.markdown-article-toc-exists.markdown-article-toc-is-visible {
-    margin-left: 27.5em;
+    margin-left: 35em;
   }
   nav.markdown-article-toc {
     display: none;
   }
   .markdown-article-toc-is-visible nav.markdown-article-toc {
-    display: block;
+    display: flex;
   }
   .markdown-article-toc-toggling-button {
+    user-select: none;
     box-sizing: content-box;
     display: block;
     border: 1px solid transparent;
@@ -859,7 +1048,7 @@ nav.markdown-article-toc {
     outline: none;
   }
   .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
-    left: 11em;
+    left: 14em;
     transform: translateX(-50%);
     border-top-left-radius: 219px;
     border-bottom-left-radius: 219px;
@@ -892,23 +1081,23 @@ nav.markdown-article-toc {
 }
 @media screen and (min-width: 2190px) {
   body.markdown-article-toc-exists.markdown-article-toc-is-visible {
-    margin-left: 38.5em;
+    margin-left: 49em;
   }
 }
 @media screen and (min-width: 2879px) {
   body.markdown-article-toc-exists.markdown-article-toc-is-visible {
-    margin-left: 55em;
+    margin-left: 70em;
   }
 }
 @media screen and (max-width: 1400px) and (min-width: 1001px) {
   body.markdown-article-toc-exists.markdown-article-toc-is-visible {
-    margin-left: 22.5em;
+    margin-left: 27.5em;
   }
   nav.markdown-article-toc {
-    width: 18em;
+    width: 22em;
   }
   .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
-    left: 9em;
+    left: 11em;
   }
 }
 @media screen and (max-width: 1000px) {
@@ -916,10 +1105,44 @@ nav.markdown-article-toc {
     margin-left: 0;
   }
   nav.markdown-article-toc {
-    width: 27em;
+    width: 28em;
+  }
+  nav.markdown-article-toc > ol ol,
+  nav.markdown-article-toc > ul ol,
+  nav.markdown-article-toc > ol ul,
+  nav.markdown-article-toc > ul ul {
+    margin-left: -1.25em;
+  }
+  nav.markdown-article-toc > ol ol ol,
+  nav.markdown-article-toc > ul ol ol,
+  nav.markdown-article-toc > ol ul ol,
+  nav.markdown-article-toc > ul ul ol,
+  nav.markdown-article-toc > ol ol ul,
+  nav.markdown-article-toc > ul ol ul,
+  nav.markdown-article-toc > ol ul ul,
+  nav.markdown-article-toc > ul ul ul {
+    margin-left: -2em;
+  }
+  nav.markdown-article-toc > ol ol ol ol,
+  nav.markdown-article-toc > ul ol ol ol,
+  nav.markdown-article-toc > ol ul ol ol,
+  nav.markdown-article-toc > ul ul ol ol,
+  nav.markdown-article-toc > ol ol ul ol,
+  nav.markdown-article-toc > ul ol ul ol,
+  nav.markdown-article-toc > ol ul ul ol,
+  nav.markdown-article-toc > ul ul ul ol,
+  nav.markdown-article-toc > ol ol ol ul,
+  nav.markdown-article-toc > ul ol ol ul,
+  nav.markdown-article-toc > ol ul ol ul,
+  nav.markdown-article-toc > ul ul ol ul,
+  nav.markdown-article-toc > ol ol ul ul,
+  nav.markdown-article-toc > ul ol ul ul,
+  nav.markdown-article-toc > ol ul ul ul,
+  nav.markdown-article-toc > ul ul ul ul {
+    margin-left: -2.75em;
   }
   .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
-    left: 13.5em;
+    left: 14em;
   }
 }
 @media screen and (max-width: 600px) {
@@ -949,7 +1172,7 @@ input,
 textarea,
 select,
 option {
-  font-family: 'Segoe UI', '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Lucida Grande', Helvetica, sans-serif;
+  font-family: '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Segoe UI', 'Lucida Grande', Helvetica, sans-serif;
 }
 kbd,
 pre,
@@ -957,14 +1180,17 @@ code {
   font-family: 'Cascadia Code', 'PT Mono', 'consolas', 'Courier New', Courier, 'Microsoft YaHei UI', 'Microsoft YaHei', '微软雅黑', monospace;
 }
 html {
+  background-color: #bbb;
+}
+body {
   scrollbar-color: rgba(51,51,51,0.75) rgba(51,51,51,0.15);
   scrollbar-width: thin;
-  background-color: #bbb;
+/* autoprefixer: off */
 }
 body::-webkit-scrollbar {
-  border-radius: 0.15em;
-  width: 1.8em;
-  height: 1.8em;
+  border-radius: 0;
+  width: 1.125em;
+  height: 1.125em;
 }
 body::-webkit-scrollbar:hover {
   background-color: rgba(0,0,0,0.15);
@@ -984,19 +1210,19 @@ body::-webkit-scrollbar-button {
   display: none;
 }
 body::-webkit-scrollbar-thumb {
-  border-width: 0.75em;
-  background-color: rgba(0,0,0,0.51);
+  border-width: 0.45em;
+  background-color: rgba(0,0,0,0.45);
 }
 body::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(0,0,0,0.96);
+  background-color: #000;
 }
 body::-webkit-scrollbar-track {
-  border-width: 0.6em;
+  border-width: 0.3em;
   background-color: rgba(0,0,0,0.1);
-  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.219);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.1);
 }
 body::-webkit-scrollbar-track:hover {
-  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.45);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.515);
 }
 body::-webkit-scrollbar-track-piece {
   display: none;
@@ -1008,11 +1234,13 @@ body {
   background-color: transparent;
 }
 h1 {
-  font-weight: 300;
+  font-weight: 400;
+  text-indent: 0;
   text-align: center;
 }
 h2 {
-  font-weight: 300;
+  font-weight: 400;
+  text-indent: 0;
   text-align: center;
 }
 h3 {
@@ -1027,6 +1255,17 @@ h5 {
 h6 {
   font-weight: 600;
 }
+p {
+  font-weight: 400;
+}
+em,
+strong {
+  font-weight: 500;
+}
+em strong,
+strong em {
+  font-weight: 600;
+}
 img {
   border-radius: 0.3em;
 }
@@ -1075,7 +1314,7 @@ pre {
 }
 @media (max-width: 600px) {
   h1 {
-    font-weight: 400;
+    font-weight: 450;
   }
 }
 .markdown-article {
@@ -1089,16 +1328,21 @@ a {
 }
 a:visited,
 a {
-  color: #015eff;
+  color: #37f;
 }
 a:hover,
 a:focus,
 a:active {
-  color: #f00;
+  color: #7bf;
 }
 a[href^="#"]:visited,
 a[href^="#"] {
-  color: #1b1;
+  color: #2b2;
+}
+a[href^="#"]:hover,
+a[href^="#"]:focus,
+a[href^="#"]:active {
+  color: #88e388;
 }
 a.header-anchor[href^="#"]:visited,
 a.header-anchor[href^="#"] {
@@ -1110,7 +1354,7 @@ h3:hover > a.header-anchor[href^="#"],
 h4:hover > a.header-anchor[href^="#"],
 h5:hover > a.header-anchor[href^="#"],
 h6:hover > a.header-anchor[href^="#"] {
-  color: #aaa;
+  color: #2b2;
 }
 h1 > a.header-anchor[href^="#"]:hover,
 h2 > a.header-anchor[href^="#"]:hover,
@@ -1130,34 +1374,13 @@ h3 > a.header-anchor[href^="#"]:active,
 h4 > a.header-anchor[href^="#"]:active,
 h5 > a.header-anchor[href^="#"]:active,
 h6 > a.header-anchor[href^="#"]:active {
-  color: #1b1;
-}
-h1:target:hover > a.header-anchor[href^="#"],
-h2:target:hover > a.header-anchor[href^="#"],
-h3:target:hover > a.header-anchor[href^="#"],
-h4:target:hover > a.header-anchor[href^="#"],
-h5:target:hover > a.header-anchor[href^="#"],
-h6:target:hover > a.header-anchor[href^="#"],
-h1:target > a.header-anchor[href^="#"],
-h2:target > a.header-anchor[href^="#"],
-h3:target > a.header-anchor[href^="#"],
-h4:target > a.header-anchor[href^="#"],
-h5:target > a.header-anchor[href^="#"],
-h6:target > a.header-anchor[href^="#"] {
-  color: #1b1;
-}
-h1,
-h2 {
-  color: #111;
-}
-h3,
-h4 {
-  color: #222;
+  color: #88e388;
 }
-h5,
-h6,
-dt {
-  color: #000;
+s {
+  color: #fcc;
+  text-decoration-color: #f00;
+  text-decoration-style: solid;
+  text-decoration-thickness: 3px;
 }
 img {
   color: #555;
@@ -1172,10 +1395,22 @@ input[type="checkbox"]:checked + label {
   color: #696;
   text-shadow: -1px -1px 0 rgba(0,128,0,0.1);
 }
-strong,
 b,
+i {
+  color: #000;
+}
+strong {
+  color: #000;
+  background-color: rgba(204,255,187,0.867);
+}
 em {
   color: #000;
+  background-color: rgba(255,238,187,0.667);
+}
+strong em,
+em strong {
+  color: #500;
+  background-color: #ffe3e3;
 }
 blockquote {
   color: #000;
@@ -1217,9 +1452,12 @@ kbd {
 }
 code {
   color: #b19;
-  border-color: rgba(0,0,0,0.219);
+  border-color: rgba(0,0,0,0.15);
   background-color: #fff;
 }
+a > code {
+  color: inherit;
+}
 pre code {
   background-color: transparent !important;
 }
@@ -1250,23 +1488,25 @@ hr::before {
   }
 }
 nav.markdown-article-toc {
-  font-family: 'Segoe UI', '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Lucida Grande', Helvetica, sans-serif;
+  font-family: '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Segoe UI', 'Lucida Grande', Helvetica, sans-serif;
 }
 @media screen {
   nav.markdown-article-toc {
+    color: #aaa;
     background-color: #222;
     box-shadow: 0 0 0.5em rgba(0,0,0,0.4);
   }
   nav.markdown-article-toc > ul,
   nav.markdown-article-toc > ol {
+/* autoprefixer: off */
     scrollbar-color: rgba(204,204,204,0.75) rgba(204,204,204,0.15);
     scrollbar-width: thin;
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar,
   nav.markdown-article-toc > ol::-webkit-scrollbar {
-    border-radius: 0.125em;
-    width: 1.5em;
-    height: 1.5em;
+    border-radius: 0;
+    width: 0.9375em;
+    height: 0.9375em;
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar:hover,
   nav.markdown-article-toc > ol::-webkit-scrollbar:hover {
@@ -1295,22 +1535,22 @@ nav.markdown-article-toc {
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar-thumb,
   nav.markdown-article-toc > ol::-webkit-scrollbar-thumb {
-    border-width: 0.625em;
-    background-color: rgba(255,255,255,0.51);
+    border-width: 0.375em;
+    background-color: rgba(255,255,255,0.45);
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar-thumb:hover,
   nav.markdown-article-toc > ol::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(255,255,255,0.96);
+    background-color: #fff;
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar-track,
   nav.markdown-article-toc > ol::-webkit-scrollbar-track {
-    border-width: 0.5em;
+    border-width: 0.25em;
     background-color: rgba(255,255,255,0.1);
-    box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.219);
+    box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.1);
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar-track:hover,
   nav.markdown-article-toc > ol::-webkit-scrollbar-track:hover {
-    box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.45);
+    box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.515);
   }
   nav.markdown-article-toc > ul::-webkit-scrollbar-track-piece,
   nav.markdown-article-toc > ol::-webkit-scrollbar-track-piece {
@@ -1320,15 +1560,28 @@ nav.markdown-article-toc {
   nav.markdown-article-toc > ol::-webkit-scrollbar-corner {
     display: none;
   }
-  nav.markdown-article-toc,
+  nav.markdown-article-toc li::before {
+    color: #555;
+  }
   nav.markdown-article-toc li > a[href^="#"] {
-    color: #aaa;
+    color: inherit;
     border-color: transparent;
   }
+  nav.markdown-article-toc > ol > li.has-nested-toc-list.is-expanded > a[href^="#"],
+  nav.markdown-article-toc > ul > li.has-nested-toc-list.is-expanded > a[href^="#"],
+  nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list.is-expanded > a[href^="#"] {
+    color: #496;
+  }
   nav.markdown-article-toc > ol > li.has-nested-toc-list > a[href^="#"],
   nav.markdown-article-toc > ul > li.has-nested-toc-list > a[href^="#"],
   nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list > a[href^="#"] {
-    color: #fff;
+    color: #6f9;
+  }
+  nav.markdown-article-toc > ol > li.has-nested-toc-list > a[href^="#"]:hover,
+  nav.markdown-article-toc > ul > li.has-nested-toc-list > a[href^="#"]:hover,
+  nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list > a[href^="#"]:hover {
+    color: #6f9;
+    background-color: rgba(221,255,238,0.067);
   }
   nav.markdown-article-toc li > a[href^="#"]:hover {
     border-color: rgba(255,255,255,0.19) transparent;
@@ -1361,6 +1614,14 @@ nav.markdown-article-toc {
       -webkit-backdrop-filter: blur(20px);
     }
   }
+  nav.markdown-article-toc > ol > li.has-nested-toc-list > a[href^="#"],
+  nav.markdown-article-toc > ul > li.has-nested-toc-list > a[href^="#"],
+  nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list > a[href^="#"],
+  nav.markdown-article-toc > ol > li.has-nested-toc-list.is-expanded > a[href^="#"],
+  nav.markdown-article-toc > ul > li.has-nested-toc-list.is-expanded > a[href^="#"],
+  nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list.is-expanded > a[href^="#"] {
+    color: #ddd;
+  }
 }
 .hljs-emphasis {
   font-style: italic;
@@ -1369,16 +1630,17 @@ nav.markdown-article-toc {
   font-weight: bold;
 }
 .hljs-link {
-  text-decoration: underline;
+  text-decoration-line: underline;
 }
 pre > code {
+/* autoprefixer: off */
   scrollbar-color: rgba(204,204,204,0.75) rgba(204,204,204,0.15);
   scrollbar-width: thin;
 }
 pre > code::-webkit-scrollbar {
-  border-radius: 0.1em;
-  width: 1.2em;
-  height: 1.2em;
+  border-radius: 0;
+  width: 0.75em;
+  height: 0.75em;
 }
 pre > code::-webkit-scrollbar:hover {
   background-color: rgba(255,255,255,0.15);
@@ -1398,19 +1660,19 @@ pre > code::-webkit-scrollbar-button {
   display: none;
 }
 pre > code::-webkit-scrollbar-thumb {
-  border-width: 0.5em;
-  background-color: rgba(255,255,255,0.51);
+  border-width: 0.3em;
+  background-color: rgba(255,255,255,0.45);
 }
 pre > code::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(255,255,255,0.96);
+  background-color: #fff;
 }
 pre > code::-webkit-scrollbar-track {
-  border-width: 0.4em;
+  border-width: 0.2em;
   background-color: rgba(255,255,255,0.1);
-  box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.219);
+  box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.1);
 }
 pre > code::-webkit-scrollbar-track:hover {
-  box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.45);
+  box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.515);
 }
 pre > code::-webkit-scrollbar-track-piece {
   display: none;
@@ -2079,7 +2341,7 @@ pre,
 @media print {
   a:visited,
   a {
-    text-decoration: underline;
+    text-decoration-line: underline;
   }
   a[href]::after {
     content: ' (' attr(href) ')';