@wulechuan/css-stylus-markdown-themes 7.6.2 → 7.8.1

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

@@ -14,7 +14,7 @@
  *
  *                                          吾乃南昌吴乐川是也
  *                                          wulechuan@live.com
- *                                                  2022-05-03
+ *                                                  2022-05-08
  *
  *
  *
@@ -48,14 +48,14 @@ body {
   margin: 0;
 }
 body {
-  padding-top: 3.75em;
+  padding-top: 4.0625em;
   padding-right: 1.25em;
   padding-bottom: 7.5em;
   padding-left: 1.25em;
 }
 @media screen and (min-width: 2190px) {
   body {
-    padding-top: 5.25em;
+    padding-top: 5.6875em;
     padding-right: 1.75em;
     padding-bottom: 10.5em;
     padding-left: 1.75em;
@@ -63,7 +63,7 @@ body {
 }
 @media screen and (min-width: 2879px) {
   body {
-    padding-top: 7.5em;
+    padding-top: 8.125em;
     padding-right: 2.5em;
     padding-bottom: 15em;
     padding-left: 2.5em;
@@ -80,7 +80,7 @@ body {
 [lang*="zh-"],
 [lang*="-hans"],
 [lang*="-CN"] {
-  letter-spacing: 0.2em;
+  letter-spacing: 0.1em;
 }
 a {
   font-size: inherit;
@@ -234,7 +234,7 @@ dt {
 [lang*="zh-"] h2,
 [lang*="-hans"] h2,
 [lang*="-CN"] h2 {
-  letter-spacing: 0.15em;
+  letter-spacing: 0.1em;
 }
 h5 + h6,
 h4 + h5,
@@ -299,7 +299,8 @@ blockquote > p {
   margin-bottom: 0.5em;
 }
 li > p {
-  margin-left: 0;
+  margin-left: -0.5em;
+  margin-right: -0.5em;
 }
 h1 + p,
 h2 + p,
@@ -319,7 +320,7 @@ center > * {
 [lang*="zh-"] p,
 [lang*="-hans"] p,
 [lang*="-CN"] p {
-  text-indent: 2.4em;
+  text-indent: 2.2em;
 }
 [lang*="zh-" i] li > p:only-of-type,
 [lang*="-hans" i] li > p:only-of-type,
@@ -440,7 +441,7 @@ img[alt]::after {
 }
 video {
   display: block;
-  width: calc(100% - 2em);
+  width: calc(100% - 1em);
   margin: 1.5em auto;
 }
 blockquote {
@@ -448,25 +449,28 @@ blockquote {
   display: inline-block;
   vertical-align: top;
   border-style: solid;
-  padding: 1px 1.25em 1px 1.15em;
+  padding: 1px 1.25em 1px 1.1em;
   margin-top: 0;
   margin-bottom: 1.5em;
-  margin-left: 3em;
+  margin-left: 2.5em;
   margin-right: 1em;
-  max-width: calc(100% - 4em);
+  max-width: calc(100% - 3.5em);
 }
 details {
-  margin: 0.5em 1em 1.5em;
-  padding: 0.5em 1em;
+  margin: 0.5em 1.5em 1.5em;
+  padding: 0.5em 1.5em;
 }
 li > details {
   margin-left: 0;
   margin-right: 0;
 }
 summary {
+  font-size: 1.1em;
   cursor: pointer;
-  padding: 0.25em 0.5em;
+  padding: 0.15em 0.5em 0.15em 1em;
   margin: 0.25em -0.25em;
+  text-indent: -0.85em;
+  font-weight: bold;
 }
 pre + details {
   margin-top: -0.5em;
@@ -501,8 +505,6 @@ code {
   white-space: pre-wrap;
   margin: 0.1em;
   padding: 0.15em 0.2em;
-  position: relative;
-  top: -0.05em;
   cursor: text;
 }
 [lang*="zh-" i] code,
@@ -511,7 +513,7 @@ code {
 [lang*="zh-"] code,
 [lang*="-hans"] code,
 [lang*="-CN"] code {
-  padding-left: 0.4em;
+  padding-left: 0.25em;
 }
 strong code,
 em code {
@@ -533,6 +535,15 @@ kbd {
   font-size: 80%;
   letter-spacing: 0;
 }
+pre {
+  display: block;
+  box-sizing: border-box;
+  padding: 0 5em 0 0;
+  margin: 0.5em 2em 2em;
+  max-height: 75vh;
+  overflow: auto;
+  white-space: nowrap;
+}
 pre,
 pre > code {
   letter-spacing: 0;
@@ -543,24 +554,23 @@ pre > code {
   position: static;
   top: auto;
   cursor: auto;
+  line-height: 1.6;
 }
 pre > code {
+  display: inline-block;
   box-sizing: border-box;
-  display: block;
-  width: 100%;
-  line-height: inherit;
-  padding: 0.25em 0.5em;
   border: none !important;
-  margin: 0 !important;
   border-radius: 0;
-  overflow-x: auto;
 }
-pre {
-  line-height: 1.6;
-  display: block;
-  box-sizing: border-box;
-  padding: 0.5em;
-  margin: 0.5em 2em 2em;
+pre > code,
+[lang*="zh-" i] pre > code,
+[lang*="-hans" i] pre > code,
+[lang*="-CN" i] pre > code,
+[lang*="zh-"] pre > code,
+[lang*="-hans"] pre > code,
+[lang*="-CN"] pre > code {
+  padding: 0.5em 1em;
+  margin: 0 !important;
 }
 td > pre,
 li > pre {
@@ -569,6 +579,7 @@ li > pre {
 }
 td > pre {
   margin-right: 0;
+  padding-right: 0;
 }
 li > pre:first-child {
   margin-top: 0;
@@ -699,25 +710,43 @@ hr::after {
   background-image: inherit !important;
   transform: scaleX(-1);
 }
+@media (max-width: 900px) {
+  pre {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  table,
+  pre {
+    max-width: 100%;
+  }
+}
 @media (max-width: 600px) {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    padding-left: 1.25em;
+  }
   h1 {
-    font-size: 1.8em;
+    font-size: 2.25em;
   }
   h2 {
-    font-size: 1.6em;
+    font-size: 1.9em;
   }
   h3 {
-    font-size: 1.4em;
+    font-size: 1.6em;
   }
   h4 {
-    font-size: 1.2em;
+    font-size: 1.3em;
   }
   h5 {
-    font-size: 1.1em;
+    font-size: 1.2em;
   }
   h6,
   dt {
-    font-size: 1em;
+    font-size: 1.1em;
   }
   ul,
   ol {
@@ -725,8 +754,8 @@ hr::after {
     padding-right: 0;
   }
   p {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left: 0.25em;
+    margin-right: 0.25em;
   }
   blockquote {
     margin-left: 0;
@@ -740,8 +769,7 @@ hr::after {
     margin-right: 0;
   }
   table {
-    max-width: none;
-    width: 100%;
+    max-width: 100%;
   }
   td {
     max-width: 400px;
@@ -803,11 +831,30 @@ hr::after {
 [lang*="-CN"] .centered {
   text-indent: 0;
 }
+.hidden-spacebar-between-head-linkage-and-head-text {
+  display: inline-block;
+  width: 1px;
+  height: 1px;
+  margin-right: -1px;
+  overflow: hidden;
+}
 .header-anchor,
 a.header-anchor {
-  margin-left: -1em;
-  text-decoration-line: none;
+  margin-top: -0.2em;
+  margin-bottom: 0em;
+  margin-left: -1.65em;
+  margin-right: 0.15em;
+  box-sizing: border-box;
+  padding: 0.25em 0;
+  min-width: 1.5em;
+  text-align: center;
   font-weight: normal;
+  border-radius: 0.25em;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+  letter-spacing: 0;
+  text-decoration-line: none;
 }
 blockquote > h6 .header-anchor,
 th > h6 .header-anchor,
@@ -830,6 +877,12 @@ td > h1 .header-anchor {
   display: none;
 }
 @media (max-width: 900px) {
+  .header-anchor,
+  a.header-anchor {
+    margin-left: -1.35em;
+    margin-right: 0.15em;
+    min-width: 1.2em;
+  }
   .markdown-article {
     padding-top: 3em;
     padding-bottom: 7em;
@@ -841,15 +894,17 @@ td > h1 .header-anchor {
   }
 }
 @media (max-width: 600px) {
+  .header-anchor,
+  a.header-anchor {
+    margin-left: -1.2em;
+    margin-right: 0.2em;
+    min-width: 1em;
+  }
   .markdown-article-toc-is-visible .markdown-article,
   .markdown-article {
     padding-left: 1.5em;
     padding-right: 1.5em;
   }
-  .header-anchor,
-  a.header-anchor {
-    margin-left: -0.5em;
-  }
 }
 .markdown-article-back-to-top {
   font-size: 20px;
@@ -955,7 +1010,7 @@ nav.markdown-article-toc {
     width: 28em;
     max-width: 100%;
     height: 100%;
-    padding: 3em 0.5em 1.5em 0.5em;
+    padding: 3.5em 0.5em 1.5em 0.5em;
     overflow: auto;
     position: fixed;
     left: 0;
@@ -1163,13 +1218,20 @@ nav.markdown-article-toc {
   }
   .markdown-article-toc-toggling-button {
     user-select: none;
-    box-sizing: content-box;
-    display: block;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
     border: 1px solid transparent;
-    height: 1em;
-    width: 1.8em;
-    padding: 0.25em 1em;
-    border-radius: 0 219px 219px 0;
+    box-sizing: content-box;
+    height: 1.25em;
+    width: 3em;
+    line-height: 1.25;
+    padding-top: 0.15em;
+    padding-bottom: 0.15em;
+    padding-right: 0.75em;
+    border-radius: 0 515px 515px 0;
     white-space: nowrap;
     position: fixed;
     top: 1em;
@@ -1185,17 +1247,38 @@ nav.markdown-article-toc {
   .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
     left: 14em;
     transform: translateX(-50%);
-    border-top-left-radius: 219px;
-    border-bottom-left-radius: 219px;
+    border-top-left-radius: 515px;
+    border-bottom-left-radius: 515px;
   }
   .markdown-article-toc-toggling-button::before {
-    display: block;
     font-size: 0.8em;
-    height: 1.25em;
-    line-height: 1.25em;
-    overflow: visible;
+    font-weight: bolder;
+    font-family: inherit;
+  }
+  .markdown-article-toc-toggling-button {
+    padding-left: 0.83em;
+  }
+  .markdown-article-toc-toggling-button::before {
+    letter-spacing: 0.1em;
+  }
+  .markdown-article-toc-toggling-button::before {
     content: 'TOC';
-    font-family: sans-serif;
+  }
+  [lang*="zh-" i] .markdown-article-toc-toggling-button,
+  [lang*="-hans" i] .markdown-article-toc-toggling-button,
+  [lang*="-CN" i] .markdown-article-toc-toggling-button,
+  [lang*="zh-"] .markdown-article-toc-toggling-button,
+  [lang*="-hans"] .markdown-article-toc-toggling-button,
+  [lang*="-CN"] .markdown-article-toc-toggling-button {
+    padding-left: 1.35em;
+  }
+  [lang*="zh-" i] .markdown-article-toc-toggling-button::before,
+  [lang*="-hans" i] .markdown-article-toc-toggling-button::before,
+  [lang*="-CN" i] .markdown-article-toc-toggling-button::before,
+  [lang*="zh-"] .markdown-article-toc-toggling-button::before,
+  [lang*="-hans"] .markdown-article-toc-toggling-button::before,
+  [lang*="-CN"] .markdown-article-toc-toggling-button::before {
+    letter-spacing: 0.75em;
   }
   [lang*="zh-" i] .markdown-article-toc-toggling-button::before,
   [lang*="-hans" i] .markdown-article-toc-toggling-button::before,
@@ -1204,8 +1287,6 @@ nav.markdown-article-toc {
   [lang*="-hans"] .markdown-article-toc-toggling-button::before,
   [lang*="-CN"] .markdown-article-toc-toggling-button::before {
     content: '目录';
-    font-family: inherit;
-    line-height: 1.1em;
   }
 }
 @media screen and (min-width: 1001px) {
@@ -1252,12 +1333,70 @@ nav.markdown-article-toc {
   }
   nav.markdown-article-toc {
     width: 100%;
+    animation-duration: 0.219s;
+    animation-delay: 0s;
+    animation-timing-function: ease-out;
+    animation-fill-mode: both;
+    animation-name: wlc-animation__toc_panel_slides_in;
+  }
+@-moz-keyframes wlc-animation__toc_panel_slides_in {
+    0% {
+      transform: translateX(-101%);
+    }
+    to {
+      transform: none;
+    }
+}
+@-webkit-keyframes wlc-animation__toc_panel_slides_in {
+    0% {
+      transform: translateX(-101%);
+    }
+    to {
+      transform: none;
+    }
+}
+@-o-keyframes wlc-animation__toc_panel_slides_in {
+    0% {
+      transform: translateX(-101%);
+    }
+    to {
+      transform: none;
+    }
+}
+@keyframes wlc-animation__toc_panel_slides_in {
+    0% {
+      transform: translateX(-101%);
+    }
+    to {
+      transform: none;
+    }
+}
+  .markdown-article-toc-toggling-button,
+  .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
+    top: 1.33em;
+    font-size: 0.8em;
   }
   .markdown-article-toc-toggling-button,
   .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
-    left: 50%;
-    transform: translateX(-50%);
-    border-radius: 219px;
+    left: -1em;
+    padding-left: 1.5em;
+    transform: translateX(0);
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+  [lang*="zh-" i] .markdown-article-toc-toggling-button,
+  [lang*="-hans" i] .markdown-article-toc-toggling-button,
+  [lang*="-CN" i] .markdown-article-toc-toggling-button,
+  [lang*="zh-"] .markdown-article-toc-toggling-button,
+  [lang*="-hans"] .markdown-article-toc-toggling-button,
+  [lang*="-CN"] .markdown-article-toc-toggling-button,
+  [lang*="zh-" i] .markdown-article-toc-is-visible .markdown-article-toc-toggling-button,
+  [lang*="-hans" i] .markdown-article-toc-is-visible .markdown-article-toc-toggling-button,
+  [lang*="-CN" i] .markdown-article-toc-is-visible .markdown-article-toc-toggling-button,
+  [lang*="zh-"] .markdown-article-toc-is-visible .markdown-article-toc-toggling-button,
+  [lang*="-hans"] .markdown-article-toc-is-visible .markdown-article-toc-toggling-button,
+  [lang*="-CN"] .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
+    padding-left: 2em;
   }
 }
 @media print {
@@ -1273,12 +1412,14 @@ input,
 textarea,
 select,
 option {
-  font-family: '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Segoe UI', 'Lucida Grande', Helvetica, sans-serif;
+  font-family: serif;
 }
-kbd,
-pre,
 code {
-  font-family: 'Cascadia Code', 'PT Mono', 'consolas', 'Courier New', Courier, 'Microsoft YaHei UI', 'Microsoft YaHei', '微软雅黑', monospace;
+  font-family: inherit;
+}
+kbd,
+pre > code {
+  font-family: monospace, serif;
 }
 html {
   background-color: #aaa;
@@ -1450,7 +1591,7 @@ a {
 }
 a.header-anchor[href^="#"]:visited,
 a.header-anchor[href^="#"] {
-  color: #e8e8e8;
+  color: #d3d3d3;
 }
 h1:hover > a.header-anchor[href^="#"],
 h2:hover > a.header-anchor[href^="#"],
@@ -1458,7 +1599,8 @@ 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: #2a2;
+  color: #272;
+  background-color: rgba(0,0,0,0.039);
 }
 h1 > a.header-anchor[href^="#"]:hover,
 h2 > a.header-anchor[href^="#"]:hover,
@@ -1478,8 +1620,8 @@ 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: #66de66;
-  background-color: transparent;
+  color: #393;
+  background-color: rgba(0,0,0,0.075);
 }
 img {
   color: #555;
@@ -1495,7 +1637,7 @@ input[type="checkbox"]:checked + label {
 }
 code {
   color: #c5b;
-  border-color: rgba(0,0,0,0.15);
+  border-color: rgba(0,0,0,0.219);
   background-color: #fff;
   text-shadow: none;
 }
@@ -1517,18 +1659,18 @@ strong {
   background-color: rgba(204,255,187,0.867);
 }
 strong code {
-  color: #232;
-  border-color: rgba(85,153,85,0.79);
-  background-color: rgba(255,255,255,0.6);
+  color: #135105;
+  border-color: rgba(68,153,68,0.79);
+  background-color: rgba(255,255,255,0.733);
 }
 em {
   color: #000;
-  background-color: rgba(255,238,187,0.667);
+  background-color: rgba(255,238,187,0.533);
 }
 em code {
-  color: #220;
-  border-color: rgba(170,170,119,0.79);
-  background-color: rgba(255,255,255,0.4);
+  color: #630;
+  border-color: rgba(136,119,17,0.79);
+  background-color: rgba(255,255,255,0.667);
 }
 s,
 s em,
@@ -1569,7 +1711,7 @@ em s a code,
 strong a s code,
 strong s a code {
   color: #ebb;
-  text-decoration-color: #de4545;
+  text-decoration-color: #da3838;
   text-decoration-style: solid;
   text-decoration-thickness: 0.1em;
 }
@@ -1592,25 +1734,25 @@ em a s code,
 em s a code,
 strong a s code,
 strong s a code {
-  border-color: rgba(255,0,0,0.1);
+  border-color: rgba(255,0,0,0.12);
   background-color: rgba(255,255,255,0.4) 6;
 }
 em strong,
 strong em {
-  color: #500;
+  color: #300;
 }
 em strong code,
 strong em code {
-  color: #300;
+  color: #100;
 }
 em strong,
 strong em {
-  background-color: #ffe7e7;
+  background-color: #ffe9e9;
 }
 em strong code,
 strong em code {
-  border-color: #a66;
-  background-color: rgba(255,255,255,0.467);
+  border-color: #955;
+  background-color: rgba(255,255,255,0.6);
 }
 s em strong,
 s strong em,
@@ -1637,7 +1779,7 @@ strong em s code {
 }
 a,
 a:visited {
-  color: #69f;
+  color: #48c;
 }
 s a,
 s a em,
@@ -1667,7 +1809,7 @@ em a s code,
 em s a code,
 strong a s code,
 strong s a code {
-  color: #69f;
+  color: #48c;
 }
 s a code,
 s a em code,
@@ -1759,7 +1901,7 @@ strong em a s code {
 }
 a:hover,
 a:hover code {
-  color: #35f;
+  color: #069;
 }
 a:hover {
   background-color: transparent;
@@ -1777,7 +1919,7 @@ a:hover em code,
 em a:hover code,
 a:hover strong code,
 strong a:hover code {
-  color: #35f;
+  color: #069;
 }
 a:hover em,
 em a:hover,
@@ -1821,7 +1963,7 @@ em a:hover s code,
 em s a:hover code,
 strong a:hover s code,
 strong s a:hover code {
-  color: #35f;
+  color: #069;
 }
 s a:hover,
 s a:hover em,
@@ -1869,7 +2011,7 @@ em a:hover strong code,
 em strong a:hover code,
 strong a:hover em code,
 strong em a:hover code {
-  color: #35f;
+  color: #069;
 }
 a:hover em strong,
 a:hover strong em,
@@ -1937,7 +2079,7 @@ strong a:hover s em code,
 strong a:hover em s code,
 strong em s a:hover code,
 strong em a:hover s code {
-  color: #35f;
+  color: #069;
 }
 s a:hover em strong,
 s a:hover strong em,
@@ -1995,7 +2137,7 @@ strong em a:hover s code {
 }
 a:active,
 a:active code {
-  color: #35f;
+  color: #069;
 }
 a:active {
   background-color: transparent;
@@ -2013,7 +2155,7 @@ a:active em code,
 em a:active code,
 a:active strong code,
 strong a:active code {
-  color: #35f;
+  color: #069;
 }
 a:active em,
 em a:active,
@@ -2057,7 +2199,7 @@ em a:active s code,
 em s a:active code,
 strong a:active s code,
 strong s a:active code {
-  color: #35f;
+  color: #069;
 }
 s a:active,
 s a:active em,
@@ -2105,7 +2247,7 @@ em a:active strong code,
 em strong a:active code,
 strong a:active em code,
 strong em a:active code {
-  color: #35f;
+  color: #069;
 }
 a:active em strong,
 a:active strong em,
@@ -2173,7 +2315,7 @@ strong a:active s em code,
 strong a:active em s code,
 strong em s a:active code,
 strong em a:active s code {
-  color: #35f;
+  color: #069;
 }
 s a:active em strong,
 s a:active strong em,
@@ -2231,7 +2373,7 @@ strong em a:active s code {
 }
 a:focus,
 a:focus code {
-  color: #35f;
+  color: #069;
 }
 a:focus {
   background-color: transparent;
@@ -2249,7 +2391,7 @@ a:focus em code,
 em a:focus code,
 a:focus strong code,
 strong a:focus code {
-  color: #35f;
+  color: #069;
 }
 a:focus em,
 em a:focus,
@@ -2293,7 +2435,7 @@ em a:focus s code,
 em s a:focus code,
 strong a:focus s code,
 strong s a:focus code {
-  color: #35f;
+  color: #069;
 }
 s a:focus,
 s a:focus em,
@@ -2341,7 +2483,7 @@ em a:focus strong code,
 em strong a:focus code,
 strong a:focus em code,
 strong em a:focus code {
-  color: #35f;
+  color: #069;
 }
 a:focus em strong,
 a:focus strong em,
@@ -2409,7 +2551,7 @@ strong a:focus s em code,
 strong a:focus em s code,
 strong em s a:focus code,
 strong em a:focus s code {
-  color: #35f;
+  color: #069;
 }
 s a:focus em strong,
 s a:focus strong em,
@@ -2467,7 +2609,7 @@ strong em a:focus s code {
 }
 a[href^="#"],
 a[href^="#"]:visited {
-  color: #2a2;
+  color: #3a3;
 }
 s a[href^="#"],
 s a[href^="#"] em,
@@ -2497,7 +2639,7 @@ em a[href^="#"] s code,
 em s a[href^="#"] code,
 strong a[href^="#"] s code,
 strong s a[href^="#"] code {
-  color: #2a2;
+  color: #3a3;
 }
 s a[href^="#"] code,
 s a[href^="#"] em code,
@@ -2589,7 +2731,7 @@ strong em a[href^="#"] s code {
 }
 a[href^="#"]:hover,
 a[href^="#"]:hover code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:hover {
   background-color: transparent;
@@ -2607,7 +2749,7 @@ a[href^="#"]:hover em code,
 em a[href^="#"]:hover code,
 a[href^="#"]:hover strong code,
 strong a[href^="#"]:hover code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:hover em,
 em a[href^="#"]:hover,
@@ -2651,7 +2793,7 @@ em a[href^="#"]:hover s code,
 em s a[href^="#"]:hover code,
 strong a[href^="#"]:hover s code,
 strong s a[href^="#"]:hover code {
-  color: #66de66;
+  color: #282;
 }
 s a[href^="#"]:hover,
 s a[href^="#"]:hover em,
@@ -2699,7 +2841,7 @@ em a[href^="#"]:hover strong code,
 em strong a[href^="#"]:hover code,
 strong a[href^="#"]:hover em code,
 strong em a[href^="#"]:hover code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:hover em strong,
 a[href^="#"]:hover strong em,
@@ -2767,7 +2909,7 @@ strong a[href^="#"]:hover s em code,
 strong a[href^="#"]:hover em s code,
 strong em s a[href^="#"]:hover code,
 strong em a[href^="#"]:hover s code {
-  color: #66de66;
+  color: #282;
 }
 s a[href^="#"]:hover em strong,
 s a[href^="#"]:hover strong em,
@@ -2825,7 +2967,7 @@ strong em a[href^="#"]:hover s code {
 }
 a[href^="#"]:active,
 a[href^="#"]:active code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:active {
   background-color: transparent;
@@ -2843,7 +2985,7 @@ a[href^="#"]:active em code,
 em a[href^="#"]:active code,
 a[href^="#"]:active strong code,
 strong a[href^="#"]:active code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:active em,
 em a[href^="#"]:active,
@@ -2887,7 +3029,7 @@ em a[href^="#"]:active s code,
 em s a[href^="#"]:active code,
 strong a[href^="#"]:active s code,
 strong s a[href^="#"]:active code {
-  color: #66de66;
+  color: #282;
 }
 s a[href^="#"]:active,
 s a[href^="#"]:active em,
@@ -2935,7 +3077,7 @@ em a[href^="#"]:active strong code,
 em strong a[href^="#"]:active code,
 strong a[href^="#"]:active em code,
 strong em a[href^="#"]:active code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:active em strong,
 a[href^="#"]:active strong em,
@@ -3003,7 +3145,7 @@ strong a[href^="#"]:active s em code,
 strong a[href^="#"]:active em s code,
 strong em s a[href^="#"]:active code,
 strong em a[href^="#"]:active s code {
-  color: #66de66;
+  color: #282;
 }
 s a[href^="#"]:active em strong,
 s a[href^="#"]:active strong em,
@@ -3061,7 +3203,7 @@ strong em a[href^="#"]:active s code {
 }
 a[href^="#"]:focus,
 a[href^="#"]:focus code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:focus {
   background-color: transparent;
@@ -3079,7 +3221,7 @@ a[href^="#"]:focus em code,
 em a[href^="#"]:focus code,
 a[href^="#"]:focus strong code,
 strong a[href^="#"]:focus code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:focus em,
 em a[href^="#"]:focus,
@@ -3123,7 +3265,7 @@ em a[href^="#"]:focus s code,
 em s a[href^="#"]:focus code,
 strong a[href^="#"]:focus s code,
 strong s a[href^="#"]:focus code {
-  color: #66de66;
+  color: #282;
 }
 s a[href^="#"]:focus,
 s a[href^="#"]:focus em,
@@ -3171,7 +3313,7 @@ em a[href^="#"]:focus strong code,
 em strong a[href^="#"]:focus code,
 strong a[href^="#"]:focus em code,
 strong em a[href^="#"]:focus code {
-  color: #66de66;
+  color: #282;
 }
 a[href^="#"]:focus em strong,
 a[href^="#"]:focus strong em,
@@ -3239,7 +3381,7 @@ strong a[href^="#"]:focus s em code,
 strong a[href^="#"]:focus em s code,
 strong em s a[href^="#"]:focus code,
 strong em a[href^="#"]:focus s code {
-  color: #66de66;
+  color: #282;
 }
 s a[href^="#"]:focus em strong,
 s a[href^="#"]:focus strong em,
@@ -3324,7 +3466,7 @@ details {
 }
 summary:focus,
 summary:active {
-  color: #3d3;
+  color: #d90;
 }
 table {
   color: #000;
@@ -3363,7 +3505,7 @@ tbody tr:nth-child(even) {
   }
 }
 nav.markdown-article-toc {
-  font-family: '微软雅黑', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Segoe UI', 'Lucida Grande', Helvetica, sans-serif;
+  font-family: serif;
 }
 @media screen {
   nav.markdown-article-toc {
@@ -3472,7 +3614,7 @@ nav.markdown-article-toc {
 }
 @media screen and (max-width: 1000px) {
   nav.markdown-article-toc {
-    background-color: rgba(0,0,0,0.91);
+    background-color: rgba(0,0,0,0.96);
   }
   @supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
     nav.markdown-article-toc {
@@ -3507,58 +3649,54 @@ nav.markdown-article-toc {
 .hljs-link {
   text-decoration-line: underline;
 }
-pre > code {
+pre {
 /* autoprefixer: off */
   scrollbar-color: rgba(204,204,204,0.75) rgba(204,204,204,0.15);
   scrollbar-width: thin;
 }
-pre > code::-webkit-scrollbar {
+pre::-webkit-scrollbar {
   border-radius: 0;
   width: 0.75em;
   height: 0.75em;
 }
-pre > code::-webkit-scrollbar:hover {
+pre::-webkit-scrollbar:hover {
   background-color: rgba(255,255,255,0.15);
 }
-pre > code::-webkit-resizer,
-pre > code::-webkit-scrollbar-corner,
-pre > code::-webkit-scrollbar-button,
-pre > code::-webkit-scrollbar-thumb,
-pre > code::-webkit-scrollbar-track,
-pre > code::-webkit-scrollbar-track-piece {
+pre::-webkit-resizer,
+pre::-webkit-scrollbar-corner,
+pre::-webkit-scrollbar-button,
+pre::-webkit-scrollbar-thumb,
+pre::-webkit-scrollbar-track,
+pre::-webkit-scrollbar-track-piece {
   border-radius: 1em;
   border-style: solid;
   border-color: transparent;
   background-clip: content-box;
 }
-pre > code::-webkit-scrollbar-button {
+pre::-webkit-scrollbar-button {
   display: none;
 }
-pre > code::-webkit-scrollbar-thumb {
+pre::-webkit-scrollbar-thumb {
   border-width: 0.3em;
   background-color: rgba(255,255,255,0.45);
 }
-pre > code::-webkit-scrollbar-thumb:hover {
+pre::-webkit-scrollbar-thumb:hover {
   background-color: #fff;
 }
-pre > code::-webkit-scrollbar-track {
+pre::-webkit-scrollbar-track {
   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.1);
 }
-pre > code::-webkit-scrollbar-track:hover {
+pre::-webkit-scrollbar-track:hover {
   box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.515);
 }
-pre > code::-webkit-scrollbar-track-piece {
+pre::-webkit-scrollbar-track-piece {
   display: none;
 }
-pre > code::-webkit-scrollbar-corner {
+pre::-webkit-scrollbar-corner {
   display: none;
 }
-pre > code .hljs-comment {
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
-}
 pre,
 .hljs {
   background-color: #111;
@@ -3580,6 +3718,10 @@ pre,
   color: #4c5;
   background-color: #000;
 }
+.hljs-comment {
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+}
 .hljs-tag {
   color: #555;
 }
@@ -3674,10 +3816,19 @@ pre,
   color: #a78057;
 }
 .hljs-symbol,
-.hljs-bullet,
-.hljs-link {
+.hljs-bullet {
   color: #3af;
 }
+.hljs-link {
+  color: #59c;
+}
+.hljs-link:hover {
+  color: #7be;
+}
+.hljs-link .punctuation {
+  color: inherit;
+  background-color: transparent;
+}
 .hljs-keyword.var {
   color: #a67;
 }
@@ -4253,4 +4404,11 @@ pre,
   h3 {
     page-break-after: avoid;
   }
+  .hidden-spacebar-between-head-linkage-and-head-text {
+    display: inline;
+    width: auto;
+    height: auto;
+    margin-right: 0;
+    overflow: visible;
+  }
 }