@charset "UTF-8";
.highlight table td {
  padding: 5px;
}

.highlight table pre {
  margin: 0;
}

.highlight, .highlight .w {
  color: #282828;
  background-color: #fbf1c7;
}

.highlight .err {
  color: #9d0006;
  background-color: #fbf1c7;
  font-weight: bold;
}

.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
  color: #928374;
  font-style: italic;
}

.highlight .cp {
  color: #427b58;
}

.highlight .nt {
  color: #9d0006;
}

.highlight .o, .highlight .ow {
  color: #282828;
}

.highlight .p, .highlight .pi {
  color: #282828;
}

.highlight .gi {
  color: #79740e;
  background-color: #fbf1c7;
}

.highlight .gd {
  color: #9d0006;
  background-color: #fbf1c7;
}

.highlight .gh {
  color: #79740e;
  font-weight: bold;
}

.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
  color: #9d0006;
}

.highlight .kc {
  color: #8f3f71;
}

.highlight .kt {
  color: #b57614;
}

.highlight .kd {
  color: #af3a03;
}

.highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
  color: #79740e;
  font-style: italic;
}

.highlight .si {
  color: #79740e;
  font-style: italic;
}

.highlight .sr {
  color: #79740e;
  font-style: italic;
}

.highlight .sa {
  color: #9d0006;
}

.highlight .se {
  color: #af3a03;
}

.highlight .nn {
  color: #427b58;
}

.highlight .nc {
  color: #427b58;
}

.highlight .no {
  color: #8f3f71;
}

.highlight .na {
  color: #79740e;
}

.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
  color: #8f3f71;
}

.highlight .ss {
  color: #076678;
}

h1, h2, h3, h4, h5, h6, strong, .ml-footer-desc {
  color: #1A1A1A;
}

body {
  background: #F6F5F0;
  color: #555;
}

@media screen and (max-width: 1300px) {
  .ml-drawer[open] {
    background: rgba(246, 245, 240, 0.85);
  }
}
.footnotes ol {
  padding-left: 2rem;
  list-style: decimal;
}

.ml-smaller, .footnotes {
  margin: 0;
  font-size: 0.875em;
  color: #777;
}

.ml-drawer a, .ml-social-list .svg-icon, .ml-article a {
  color: #777;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ml-drawer a, .ml-social-list .svg-icon, .ml-article a {
    transition: color 0.3s;
  }
}
.ml-drawer a:hover, .ml-social-list .svg-icon:hover, .ml-article a:hover {
  color: #1A1A1A;
}

.ml-drawer summary {
  color: #555;
}

.ml-drawer summary:hover, .ml-bookmark a:hover, .ml-block-anchor:hover, .ml-page-list a:hover {
  background: #E6E5E0;
}

.ml-toc-1 > a, .ml-toc-2 > a {
  color: #333;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .ml-bookmark a {
    transition: background, color 0.3s;
  }
}

.ml-article a, .ml-front a, .ml-footer a {
  color: #1A1A1A;
}
.ml-article a:hover, .ml-front a:hover, .ml-footer a:hover {
  color: #555;
}

.ml-footer-main {
  background: #F6F5F0;
}

blockquote {
  border-left: 0.25em solid #E6E5E0;
}

kbd {
  border: 1px solid #777;
  border-radius: 5px;
}

table tr, table td, table caption, pre {
  border: 1px solid #999;
}

mark {
  border: 1px dashed #1A1A1A;
  background: none;
}

ins, .ml-article a, .ml-front a, .ml-footer a {
  border-bottom: 1px solid #777;
}

.ml-article a:hover, .ml-front a, .ml-footer a {
  border-bottom-color: #999;
}

u {
  border-bottom: 1.2px dashed #777;
}

em:after {
  color: #777;
}

figcaption {
  color: #777;
}

strong, b, mark {
  color: #1A1A1A;
}

body::-webkit-scrollbar-thumb, .ml-drawer-inside::-webkit-scrollbar-thumb {
  background: #999;
}
body::-webkit-scrollbar-thumb:hover, .ml-drawer-inside::-webkit-scrollbar-thumb:hover {
  background: #777;
}
body::-webkit-scrollbar-track-piece, .ml-drawer-inside::-webkit-scrollbar-track-piece {
  background: transparent;
}
body::-webkit-scrollbar-track-piece:hover, .ml-drawer-inside::-webkit-scrollbar-track-piece:hover {
  background: #E6E5E0;
}

em:lang(*-Hans), em:lang(*-Hant) {
  padding-bottom: 0.4em;
  font-style: normal;
  background-repeat: repeat-x;
  background-size: 1em 1.4em;
  background-image: url(dot-light.svg);
}
em:lang(cmn-Hans), em:lang(cmn-Hant), em:lang(wuu-Hans), em:lang(wuu-Hant), em:lang(czh-Hans), em:lang(czh-Hant), em:lang(hak-Hans), em:lang(hak-Hant), em:lang(yue-Hans), em:lang(yue-Hant), em:lang(nan-Hans), em:lang(nan-Hant), em:lang(cpx-Hans), em:lang(cpx-Hant), em:lang(cdo-Hans), em:lang(cdo-Hant), em:lang(mnp-Hans), em:lang(mnp-Hant), em:lang(zco-Hans), em:lang(zco-Hant), em:lang(gan-Hans), em:lang(gan-Hant), em:lang(hsn-Hans), em:lang(hsn-Hant), em:lang(cjy-Hans), em:lang(cjy-Hant), em:lang(lzh-Hans), em:lang(lzh-Hant) {
  padding-bottom: 0.4em;
  font-style: normal;
  background-repeat: repeat-x;
  background-size: 1em 1.4em;
  background-image: url(dot-light.svg);
}

cite:lang(*-Hans), cite:lang(*-Hant) {
  padding-bottom: 0.4em;
  font-style: normal;
  background-repeat: repeat-x;
  background-size: 1em 1.4em;
  background-image: url(underline-light.svg);
}
cite:lang(cmn-Hans), cite:lang(cmn-Hant), cite:lang(wuu-Hans), cite:lang(wuu-Hant), cite:lang(czh-Hans), cite:lang(czh-Hant), cite:lang(hak-Hans), cite:lang(hak-Hant), cite:lang(yue-Hans), cite:lang(yue-Hant), cite:lang(nan-Hans), cite:lang(nan-Hant), cite:lang(cpx-Hans), cite:lang(cpx-Hant), cite:lang(cdo-Hans), cite:lang(cdo-Hant), cite:lang(mnp-Hans), cite:lang(mnp-Hant), cite:lang(zco-Hans), cite:lang(zco-Hant), cite:lang(gan-Hans), cite:lang(gan-Hant), cite:lang(hsn-Hans), cite:lang(hsn-Hant), cite:lang(cjy-Hans), cite:lang(cjy-Hant), cite:lang(lzh-Hans), cite:lang(lzh-Hant) {
  padding-bottom: 0.4em;
  font-style: normal;
  background-repeat: repeat-x;
  background-size: 1em 1.4em;
  background-image: url(underline-light.svg);
}

.ml-card-anchor {
  background: white;
  color: #777;
}
.ml-card-anchor h2 {
  color: #555;
}
.ml-card-anchor:hover {
  background-color: rgba(230, 229, 224, 0.95);
  color: #1A1A1A;
}

.ml-card-list {
  border-left: 2px solid #555;
}

.ml-card-list dt::before {
  border: 2px solid #555;
  background: #F6F5F0;
  border-radius: 1em;
}

@media screen and (prefers-color-scheme: dark) {
  .ml-wordmark {
    filter: invert(1) hue-rotate(180deg);
  }
  .highlight table td {
    padding: 5px;
  }
  .highlight table pre {
    margin: 0;
  }
  .highlight, .highlight .w {
    color: #fbf1c7;
    background-color: #282828;
  }
  .highlight .err {
    color: #fb4934;
    background-color: #282828;
    font-weight: bold;
  }
  .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
    color: #928374;
    font-style: italic;
  }
  .highlight .cp {
    color: #8ec07c;
  }
  .highlight .nt {
    color: #fb4934;
  }
  .highlight .o, .highlight .ow {
    color: #fbf1c7;
  }
  .highlight .p, .highlight .pi {
    color: #fbf1c7;
  }
  .highlight .gi {
    color: #b8bb26;
    background-color: #282828;
  }
  .highlight .gd {
    color: #fb4934;
    background-color: #282828;
  }
  .highlight .gh {
    color: #b8bb26;
    font-weight: bold;
  }
  .highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
    color: #fb4934;
  }
  .highlight .kc {
    color: #d3869b;
  }
  .highlight .kt {
    color: #fabd2f;
  }
  .highlight .kd {
    color: #fe8019;
  }
  .highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
    color: #b8bb26;
    font-style: italic;
  }
  .highlight .si {
    color: #b8bb26;
    font-style: italic;
  }
  .highlight .sr {
    color: #b8bb26;
    font-style: italic;
  }
  .highlight .sa {
    color: #fb4934;
  }
  .highlight .se {
    color: #fe8019;
  }
  .highlight .nn {
    color: #8ec07c;
  }
  .highlight .nc {
    color: #8ec07c;
  }
  .highlight .no {
    color: #d3869b;
  }
  .highlight .na {
    color: #b8bb26;
  }
  .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
    color: #d3869b;
  }
  .highlight .ss {
    color: #83a598;
  }
  h1, h2, h3, h4, h5, h6, strong, .ml-footer-desc {
    color: #E6E6DC;
  }
  body {
    background: black;
    color: #AAA;
  }
}
@media screen and (prefers-color-scheme: dark) and (max-width: 1300px) {
  .ml-drawer[open] {
    background: rgba(0, 0, 0, 0.85);
  }
}
@media screen and (prefers-color-scheme: dark) {
  .footnotes ol {
    padding-left: 2rem;
    list-style: decimal;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-smaller, .footnotes {
    margin: 0;
    font-size: 0.875em;
    color: #999;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-drawer a, .ml-social-list .svg-icon, .ml-article a {
    color: #999;
  }
}
@media screen and (prefers-color-scheme: dark) and (prefers-reduced-motion: no-preference) {
  .ml-drawer a, .ml-social-list .svg-icon, .ml-article a {
    transition: color 0.3s;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-drawer a:hover, .ml-social-list .svg-icon:hover, .ml-article a:hover {
    color: #E6E6DC;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-drawer summary {
    color: #AAA;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-drawer summary:hover, .ml-bookmark a:hover, .ml-block-anchor:hover, .ml-page-list a:hover {
    background: #2A2A2A;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-toc-1 > a, .ml-toc-2 > a {
    color: #CCC;
  }
}
@media screen and (prefers-color-scheme: dark) and (prefers-reduced-motion: no-preference) {
  .ml-bookmark a {
    transition: background, color 0.3s;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-article a, .ml-front a, .ml-footer a {
    color: #E6E6DC;
  }
  .ml-article a:hover, .ml-front a:hover, .ml-footer a:hover {
    color: #AAA;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-footer-main {
    background: black;
  }
}
@media screen and (prefers-color-scheme: dark) {
  blockquote {
    border-left: 0.25em solid #2A2A2A;
  }
}
@media screen and (prefers-color-scheme: dark) {
  kbd {
    border: 1px solid #999;
    border-radius: 5px;
  }
}
@media screen and (prefers-color-scheme: dark) {
  table tr, table td, table caption, pre {
    border: 1px solid #666;
  }
}
@media screen and (prefers-color-scheme: dark) {
  mark {
    border: 1px dashed #E6E6DC;
    background: none;
  }
}
@media screen and (prefers-color-scheme: dark) {
  ins, .ml-article a, .ml-front a, .ml-footer a {
    border-bottom: 1px solid #999;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-article a:hover, .ml-front a, .ml-footer a {
    border-bottom-color: #666;
  }
}
@media screen and (prefers-color-scheme: dark) {
  u {
    border-bottom: 1.2px dashed #999;
  }
}
@media screen and (prefers-color-scheme: dark) {
  em:after {
    color: #999;
  }
}
@media screen and (prefers-color-scheme: dark) {
  figcaption {
    color: #999;
  }
}
@media screen and (prefers-color-scheme: dark) {
  strong, b, mark {
    color: #E6E6DC;
  }
}
@media screen and (prefers-color-scheme: dark) {
  body::-webkit-scrollbar-thumb, .ml-drawer-inside::-webkit-scrollbar-thumb {
    background: #666;
  }
  body::-webkit-scrollbar-thumb:hover, .ml-drawer-inside::-webkit-scrollbar-thumb:hover {
    background: #999;
  }
  body::-webkit-scrollbar-track-piece, .ml-drawer-inside::-webkit-scrollbar-track-piece {
    background: transparent;
  }
  body::-webkit-scrollbar-track-piece:hover, .ml-drawer-inside::-webkit-scrollbar-track-piece:hover {
    background: #2A2A2A;
  }
}
@media screen and (prefers-color-scheme: dark) {
  em:lang(*-Hans), em:lang(*-Hant) {
    padding-bottom: 0.4em;
    font-style: normal;
    background-repeat: repeat-x;
    background-size: 1em 1.4em;
    background-image: url(dot-dark.svg);
  }
  em:lang(cmn-Hans), em:lang(cmn-Hant), em:lang(wuu-Hans), em:lang(wuu-Hant), em:lang(czh-Hans), em:lang(czh-Hant), em:lang(hak-Hans), em:lang(hak-Hant), em:lang(yue-Hans), em:lang(yue-Hant), em:lang(nan-Hans), em:lang(nan-Hant), em:lang(cpx-Hans), em:lang(cpx-Hant), em:lang(cdo-Hans), em:lang(cdo-Hant), em:lang(mnp-Hans), em:lang(mnp-Hant), em:lang(zco-Hans), em:lang(zco-Hant), em:lang(gan-Hans), em:lang(gan-Hant), em:lang(hsn-Hans), em:lang(hsn-Hant), em:lang(cjy-Hans), em:lang(cjy-Hant), em:lang(lzh-Hans), em:lang(lzh-Hant) {
    padding-bottom: 0.4em;
    font-style: normal;
    background-repeat: repeat-x;
    background-size: 1em 1.4em;
    background-image: url(dot-dark.svg);
  }
}
@media screen and (prefers-color-scheme: dark) {
  cite:lang(*-Hans), cite:lang(*-Hant) {
    padding-bottom: 0.4em;
    font-style: normal;
    background-repeat: repeat-x;
    background-size: 1em 1.4em;
    background-image: url(underline-dark.svg);
  }
  cite:lang(cmn-Hans), cite:lang(cmn-Hant), cite:lang(wuu-Hans), cite:lang(wuu-Hant), cite:lang(czh-Hans), cite:lang(czh-Hant), cite:lang(hak-Hans), cite:lang(hak-Hant), cite:lang(yue-Hans), cite:lang(yue-Hant), cite:lang(nan-Hans), cite:lang(nan-Hant), cite:lang(cpx-Hans), cite:lang(cpx-Hant), cite:lang(cdo-Hans), cite:lang(cdo-Hant), cite:lang(mnp-Hans), cite:lang(mnp-Hant), cite:lang(zco-Hans), cite:lang(zco-Hant), cite:lang(gan-Hans), cite:lang(gan-Hant), cite:lang(hsn-Hans), cite:lang(hsn-Hant), cite:lang(cjy-Hans), cite:lang(cjy-Hant), cite:lang(lzh-Hans), cite:lang(lzh-Hant) {
    padding-bottom: 0.4em;
    font-style: normal;
    background-repeat: repeat-x;
    background-size: 1em 1.4em;
    background-image: url(underline-dark.svg);
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-card-anchor {
    background: #1A1A1A;
    color: #999;
  }
  .ml-card-anchor h2 {
    color: #AAA;
  }
  .ml-card-anchor:hover {
    background-color: rgba(42, 42, 42, 0.95);
    color: #E6E6DC;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-card-list {
    border-left: 2px solid #AAA;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .ml-card-list dt::before {
    border: 2px solid #AAA;
    background: black;
    border-radius: 1em;
  }
}
/*
I truncated this file.
Now it is used mostly in order to reset.
*/
/*

TYPO.CSS - a better way to manage the typography of your Chinese-lang-base site.

Copyright (C) 2012 Sofish Lin http://sofish.de

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

*/
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
  display: inline-block;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea, .reset-lang {
  font: 300 1em/1.5 "Segoe UI", "Helvetica Neue", Helvetica, Tahoma, system-ui, -apple-system, Arial, sans-serif, "Cambria Math";
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去除默认边框 */
fieldset, img {
  border: 0;
}

/* Firefox 以外，元素没有下划线，需添加 */
acronym, abbr, time {
  border-bottom: 1px dotted;
  font-variant: normal;
  text-decoration: none;
}

/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
abbr, time {
  cursor: help;
}

/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}

address, caption, code, dfn, th, var {
  font-style: normal;
  font-weight: 400;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align: left;
}

/* 统一上标和下标 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 默认不显示下划线，保持页面简洁 */
ins, a {
  text-decoration: none;
}

/* 标记，类似于手写的荧光笔的作用 */
mark {
  padding: 2px 0;
}

/* 一致化 horizontal rule */
hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.8em;
  height: 10px;
}

strong, b {
  font-weight: bolder;
}

/* 同 ul/ol，在文章中应用 table 基本格式 */
table th, table td, table caption {
  padding: 0.5em 1em;
}

table caption {
  border-bottom: none;
}

.ml-drawer-inside {
  padding: 3em 10px;
  max-height: 75%;
  overflow: auto;
}

.ml-drawer {
  position: fixed;
  left: 0;
  top: 0;
  height: 3rem;
}
.ml-drawer[open] {
  height: 100%;
}
.ml-drawer[open] .ml-menu-button {
  transform: rotate(-90deg);
}
.ml-drawer .ml-menu-button {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: 2rem;
  speak: none;
  list-style: none;
  z-index: 100;
}
.ml-drawer a {
  text-decoration: none;
}
.ml-drawer ul {
  list-style-type: none;
}

.ml-bookmark li {
  font-size: 1.05em;
}

@media screen and (max-width: 1300px) {
  .ml-drawer[open] {
    width: 100%;
    z-index: 10;
  }
  .ml-drawer-inside {
    max-width: 24em;
    margin: 56px auto 0;
  }
}
@media screen and (min-width: 1301px) {
  .ml-toc {
    font-size: 0.9em;
  }
  .ml-drawer {
    width: calc(50% - 490px);
  }
}
@media screen and (min-width: 1600px) {
  .ml-drawer {
    width: 18%;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ml-drawer {
    transition: height 0.4s;
  }
  .ml-drawer summary {
    transition: transform 0.4s;
  }
  .ml-bookmark li {
    transition: background 0.4s;
  }
}
.ml-toc li {
  margin: 0.8em 0;
  line-height: 1.1em;
}

.ml-toc, .ml-toc-sub, .ml-bookmark {
  margin: 0;
  padding: 0;
}

.ml-toc, .ml-toc-sub {
  padding-left: 1em;
}

.ml-toc-1 > .ml-toc-sub, .ml-toc-2 > .ml-toc-sub {
  padding-left: 0;
  margin: 0.5em 0 1em;
}

.ml-bookmark {
  margin-bottom: 1em;
  text-align: center;
  width: 80%;
  padding: 1em;
}
.ml-bookmark a {
  display: block;
  width: 100%;
  line-height: 2.5em;
}

.ml-footer {
  position: relative;
  bottom: 0;
  width: 100%;
  min-height: 6rem;
}
.ml-footer .ml-wordmark {
  float: left;
}

.ml-social-list {
  padding: 0;
}

.ml-social-list li {
  list-style: none;
  margin: 6px;
  display: inline-block;
  float: right;
}

.ml-footer-main {
  padding: 2em;
}

.ml-ul-dot-line {
  line-height: 2rem;
  padding: 0;
}
.ml-footer .ml-ul-dot-line {
  text-align: center;
}
.ml-ul-dot-line li {
  list-style: none;
  display: inline-block;
}
.ml-ul-dot-line li::before {
  margin: 0 6px;
  content: "ㆍ";
}
.ml-ul-dot-line li:first-child::before {
  display: none;
}

.svg-icon {
  width: 1.8em;
  height: 1.8em;
  display: inline-block;
  fill: currentColor;
  padding: 5px 3px 2px 5px;
  vertical-align: text-bottom;
}

.ml-footer-divider {
  display: none;
}

@media screen and (min-width: 1280px) {
  .ml-footer {
    z-index: 10;
  }
}
@media screen and (max-width: 749px) {
  .ml-footer-divider {
    display: block;
    clear: both;
  }
}
.ml-clear {
  clear: both;
}

.ml-main {
  margin: 0 auto;
  padding: 9em 0 4em;
  max-width: 960px;
}

.ml-card-list dt::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 2em;
}

.ml-block-list li {
  list-style: none;
}

.ml-card-list li {
  list-style: none;
  margin: 8px 4px;
  display: inline-block;
}

.ml-card-list dd {
  padding-bottom: 1em;
}

.ml-card-list dt {
  position: relative;
  left: -30px;
}

.ml-card-list {
  margin-left: 6px;
  padding-left: 20px;
  line-height: 1.2rem;
}

.ml-card-list h2 {
  margin: 5px 0;
}

.ml-card-anchor {
  width: 405px;
  height: 10rem;
  display: inline-block;
  position: relative;
  border: none;
  overflow: hidden;
}

.ml-card-anchor .ml-card-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  padding-top: 14px;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ml-card-anchor .ml-card-text {
    padding-top: 4px;
    transition: all 0.3s;
  }
}

.ml-card-anchor img {
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ml-card-anchor img {
    transition: all 0.3s;
  }
}

.ml-card-anchor:hover img {
  opacity: 0.1;
}

.ml-card-anchor:hover .ml-card-text {
  bottom: 10px;
}

@media (min-width: 1600px) {
  .ml-main {
    max-width: 60%;
  }
  .ml-card-anchor {
    width: 30rem;
  }
}
@media (max-width: 959px) {
  .ml-main {
    margin: 0 1em;
    padding: 9em 0 4em;
  }
  .ml-card-anchor {
    width: 40vw;
  }
}
@media (max-width: 767px) {
  .ml-card-anchor {
    width: 80vw;
    height: 9rem;
  }
}
@media (max-width: 539px) {
  .ml-card-anchor {
    height: 12rem;
  }
}
body {
  scroll-behavior: smooth;
}

@-moz-document url-prefix() {
  body {
    text-align: justify;
    text-justify: inter-word;
  }
}
.ml-article ul, .ml-article ol {
  padding-inline-start: 3em;
}

.ml-pinyin {
  line-height: 2.2em;
}

.ml-ipa {
  font-family: CharisSILW, serif;
}

.ruby-wrapper {
  margin: 0 0.2em;
}

rt {
  font-size: 82.5%;
  line-height: 1.5;
  speak: none;
}

.ml-article p {
  text-indent: 1em;
}
.ml-article p:lang(cmn-Hans) {
  text-indent: 2em;
}

.ml-article {
  min-height: 30%;
}

.ml-title {
  margin-bottom: 8px;
}

@media print {
  .ml-article {
    font: 400 12pt/1.7 "Noto Serif CJK SC", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    background: white;
    color: black;
  }
  .ml-header, .ml-footer, .ml-drawer {
    display: none;
  }
}
pre.highlight {
  margin: 0;
  padding: 1em;
}

blockquote {
  margin: 0;
  margin-left: 1em;
  padding-left: 0.75em;
}

pre, code, samp, kbd {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

kbd {
  padding: 1px 3px;
}

p, table {
  margin: 0.75em 0;
}

.ml-article blockquote p, .footnote p, .ml-article ul p, .ml-article ol p {
  text-indent: 0 !important;
}

summary {
  cursor: pointer;
}

.highlight, .highlight .w {
  background: none;
}

u {
  text-decoration: none;
}

body::-webkit-scrollbar, .ml-drawer-inside::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-thumb, .ml-drawer-inside::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.ml-front a {
  margin-left: 0.5em;
}

q:lang(cmn-Hans), q:lang(cmn-Hant), q:lang(wuu-Hans), q:lang(wuu-Hant), q:lang(yue-Hans), q:lang(yue-Hant), q:lang(lzh-Hans), q:lang(lzh-Hant) {
  quotes: "「" "」" "『" "』";
}

math * {
  text-align: center;
}

.ml-card-list ul {
  padding: 0;
}

a.ml-card-anchor, a.ml-block-anchor {
  border: none;
  display: block;
}

.ml-block-anchor {
  padding: 4px;
}

.ml-page-list {
  text-align: center;
}
.ml-page-list li {
  display: inline-block;
  list-style: none;
}
.ml-page-list a, .ml-page-list .ml-placeholder {
  display: block;
  width: 2.5em;
  line-height: 2em;
  border-bottom: none;
}

ul.ml-page-list {
  padding: 0;
}

.ml-smaller.ml-front, h2, h3, h4 {
  line-height: 1.5rem;
}

h1.ml-title {
  font-size: 2em;
}

.ml-article h2, .ml-article h1 {
  font-size: 1.5em;
  margin-top: 1.5rem;
}

.ml-article h3 {
  font-size: 1.25em;
  margin-top: 1.5rem;
}

.ml-article h4 {
  font-size: 1.125em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

/*# sourceMappingURL=main.css.map */