.yue {
  font-family: var(--yue-f-base);
}

.yue h1,
.yue h2,
.yue h3,
.yue h4,
.yue h5,
.yue h6 {
  font-family: var(--yue-f-heading);
  color: var(--yue-c-strong);
}

.yue h1 {
  font-weight: 700;
  font-size: 1.8em;
  margin: 0 0 3em;
}

.yue h2 {
  font-weight: 700;
  font-size: 1.42em;
  margin-top: 1.42em;
  margin-bottom: 0.4em;
}

.yue h3 {
  font-size: 1.17em;
  margin-top: 1.62em;
  margin-bottom: 1em;
}

.yue h4,
.yue h5,
.yue h6 {
  font-size: 1em;
  margin-top: 1.4em;
  margin-bottom: 0.8em;
}

.yue h6 {
  font-weight: 500;
}

.yue p {
  margin-top: 0;
  margin-bottom: 1.12em;
  hyphens: auto;
}

.yue h1 a,
.yue h2 a,
.yue h3 a {
  text-decoration: none;
}

.yue strong,
.yue b {
  font-weight: 700;
  color: var(--yue-c-strong);
}

.yue em,
.yue i {
  font-style: italic;
  color: var(--yue-c-strong);
}

.yue a img {
  border: none;
  vertical-align: middle;
}

.yue a {
  color: var(--yue-c-accent);
  text-decoration: none;
}

.yue a:hover {
  text-decoration: underline;
}

.yue figure {
  margin: 0;
}

.yue figcaption {
  margin-top: 4px;
  font-size: 13px;
  text-align: center;
  color: var(--yue-c-light);
}

.yue figcaption a {
  color: var(--yue-c-light);
}

.yue figcaption a:hover {
  color: var(--yue-c-accent);
}

.yue hr {
  display: block;
  width: 90%;
  max-width: 100px;
  border: 0;
  border-top: 5px solid var(--yue-c-divider);
  margin: 2.4em auto;
}

.yue blockquote {
  position: relative;
  margin: 0 0 1.64em;
  padding: 34px 1em 0.1em 20px;
  font-size: 1.12em;
  font-family: var(--yue-f-quote);
  border-left: 4px solid var(--yue-c-accent);
}

.yue blockquote:before {
  content: "\201c";
  position: absolute;
  top: 0;
  left: 20px;
  color: var(--yue-c-accent);
  font: 700 48px/1 Times New Roman, Georgia, Palatino, Times, serif;
}

.yue ul,
.yue ol {
  margin: 0 0 24px 6px;
  padding-left: 16px;
}

.yue li {
  margin-bottom: 0.2em;
}

.yue li ul,
.yue li ol {
  margin-top: 0;
  margin-bottom: 0;
}

.yue li p {
  margin: 0.4em 0 0.6em;
}

.yue li > code,
.yue p > code,
.yue p > tt {
  font-size: 0.86em;
  font-family: var(--yue-f-mono);
  font-weight: 600;
  padding: 1px 3px;
  word-wrap: break-word;
  border-radius: 2px;
}

.yue pre {
  font-family: var(--yue-f-mono);
}

.yue iframe {
  display: block;
  max-width: 100%;
  margin-bottom: 1.5em;
}

.yue figure iframe {
  margin: auto;
}

:lang(zh) .yue em,
:lang(zh-hant) .yue em,
:lang(zh-hans) .yue em,
:lang(ja) .yue em {
  font-style: normal;
  text-emphasis: filled dot var(--yue-c-light);
  text-emphasis-position: under;
}

.yue em:lang(en) {
  font-style: italic !important;
  text-emphasis: none !important;
}

.block-table {
  overflow: auto;
}

.block-table table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  font-size: 0.96em;
  box-sizing: border-box;
}

.block-table th,
.block-table td {
  text-align: left;
  padding: 8px;
}

.block-table td {
  vertical-align: top;
}

.block-table tr {
  border-bottom: 1px solid var(--yue-c-tr);
}

.block-table thead tr {
  border-width: 2px;
}

.block-table tbody tr:last-child {
  border-bottom: 0;
}

.block-table thead th:first-child,
.block-table tbody td:first-child {
  padding-left: 0;
}

.block-table thead th:last-child,
.block-table tbody td:last-child {
  padding-right: 0;
}

.block-html {
  margin-bottom: 1.5em;
  overflow: auto;
}

.yue .footnotes {
  font-size: 80%;
  line-height: 1.32;
  opacity: 0.96;
}

.yue .footnotes:before {
  content: "";
  display: block;
  border-top: 4px solid var(--yue-c-divider);
  width: 50%;
  max-width: 100px;
  margin: 40px 0 20px;
}

.yue li.task-item {
  list-style-type: none;
}

.yue .task-item input[type="checkbox"] {
  margin: 0 0.3em 0.4em -1em;
  vertical-align: middle;
}

.block-code {
  position: relative;
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  --radius: 6px;
  --margin: 1rem;
}

.block-code:after {
  position: absolute;
  content: attr(data-language);
  top: 0.4rem;
  right: 0.5rem;
  font-size: 10px;
  font-weight: 600;
  font-family: var(--yue-f-mono);
  color: var(--syntax-text);
  opacity: 0.6;
}

.block-code .math {
  overflow: auto;
}

.block-code > pre,
.highlight > pre {
  margin: 0;
  overflow: auto;
  color: var(--syntax-text);
  background-color: var(--syntax-pre-bg);
}

.block-code > pre {
  padding: 1em 1.2em;
}

.highlight > pre {
  padding: 1.4em 0 1.3em;
}

.highlight > pre > code {
  display: inline-block;
  min-width: 100%;
}

.highlight > pre .line {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.highlight-table {
  overflow: hidden;
}

table.highlight {
  margin: 0;
  border-radius: 0;
  border-collapse: collapse;
  width: 100%;
}

table.highlight tr {
  border: 0;
}

table.highlight td {
  padding: 0 0.8rem;
  border: 0;
}

table.highlight td[data-line] {
  text-align: right;
  width: 1px;
  padding: 0 0.5rem;
  box-shadow: -0.05rem 0 var(--syntax-cap-bg) inset;
}

table.highlight td[data-line]:before {
  content: attr(data-line);
  opacity: 0.5;
}

.highlight-table > pre {
  padding: 0.8rem 0;
  background-color: var(--syntax-pre-bg);
  border-radius: var(--radius);
}

.highlight-table table.highlight tr {
  background-color: transparent;
}

.code-head {
  background-color: var(--syntax-cap-bg);
  padding: 0.4rem var(--margin);
  border-radius: var(--radius) var(--radius) 0 0;
}

.code-head pre {
  margin: 0;
  border: 0;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--syntax-text);
  font-family: var(--yue-f-text);
}

.code-head + .highlight > pre,
.code-head + .highlight-table > pre {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.highlight-table pre {
  margin: 0;
  overflow: auto;
}

:root {
  --admonition-bg-opacity: 0.03;
  --admonition-head-opacity: 0.08;
}

.dark-theme {
  --admonition-bg-opacity: 0.1;
  --admonition-head-opacity: 0.3;
}

.admonition {
  position: relative;
  padding: 0 18px 18px;
  margin: 2em 0;
  border-left: 4px solid rgb(var(--admonition-color));
  background-color: rgba(var(--admonition-color), var(--admonition-bg-opacity));
}

.admonition:before {
  position: absolute;
  content: "#";
  top: 8px;
  left: -12px;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: rgb(var(--admonition-color));
  text-align: center;
  font: 700 14px/20px Helvetica Neue, Arial, sans-serif;
}

.admonition-title {
  margin: 0 -18px 18px -19px;
  padding: 6px 18px;
  font-size: 0.8em;
  font-weight: 700;
  color: rgb(var(--admonition-color));
  background-color: rgba(
    var(--admonition-color),
    var(--admonition-head-opacity)
  );
}

.admonition p:last-of-type {
  margin-bottom: 0;
}

.admonition.attention {
  --admonition-color: 247, 89, 171;
}

.admonition.tip,
.admonition.hint {
  --admonition-color: 0, 200, 80;
}

.admonition.tip:before {
  content: "?";
}

.admonition.danger,
.admonition.error {
  --admonition-color: 255, 92, 47;
}

.admonition.danger:before,
.admonition.error:before {
  content: "!";
}

.admonition.note {
  --admonition-color: 3, 169, 244;
}

.admonition.caution {
  --admonition-color: 247, 186, 42;
}

.admonition.important {
  --admonition-color: 179, 127, 235;
}

.admonition.warning {
  --admonition-color: 255, 145, 0;
}

:root {
  --syntax-light-pre-bg: #ecf5ff;
  --syntax-light-cap-bg: #d6e7fb;
  --syntax-light-text: #24292f;
  --syntax-light-meta: #a6a2ae;
  --syntax-light-comment: #6e7781;
  --syntax-light-constant: #0550ae;
  --syntax-light-entity: #268bd2;
  --syntax-light-property: #8250df;
  --syntax-light-definition: #24292f;
  --syntax-light-tag: #085;
  --syntax-light-builtin: #b58900;
  --syntax-light-keyword: #cf222e;
  --syntax-light-exception: #e6212e;
  --syntax-light-string: #0a3069;
  --syntax-light-regexp: #e40;
  --syntax-light-variable: #a4480f;
  --syntax-light-invalid-illegal-text: #f6f8fa;
  --syntax-light-invalid-illegal-bg: #82071e;
  --syntax-light-markup-heading: #0550ae;
  --syntax-light-markup-italic: #24292f;
  --syntax-light-markup-bold: #24292f;
  --syntax-light-markup-deleted-text: #82071e;
  --syntax-light-markup-deleted-bg: #ffebe9;
  --syntax-light-markup-inserted-text: #116329;
  --syntax-light-markup-inserted-bg: #dafbe1;
  --syntax-light-markup-changed-text: #953800;
  --syntax-light-markup-changed-bg: #ffd8b5;
  --syntax-light-markup-ignored-text: #eaeef2;
  --syntax-light-markup-ignored-bg: #0550ae;
  --syntax-light-meta-diff-range: #8250df;
  --syntax-light-highlight-bg: #dbecff;
  --syntax-light-special-bg: #dccafa;
  --syntax-dark-pre-bg: #1a2b3e;
  --syntax-dark-cap-bg: #223e5e;
  --syntax-dark-text: #c9d1d9;
  --syntax-dark-meta: #6e7781;
  --syntax-dark-comment: #8b949e;
  --syntax-dark-constant: #79c0ff;
  --syntax-dark-entity: #47b0fa;
  --syntax-dark-property: #d2a8ff;
  --syntax-dark-definition: #c9d1d9;
  --syntax-dark-tag: #7ee787;
  --syntax-dark-builtin: #ffd34c;
  --syntax-dark-keyword: #ff7b72;
  --syntax-dark-exception: #da473c;
  --syntax-dark-string: #a5d6ff;
  --syntax-dark-regexp: #ef954e;
  --syntax-dark-variable: #ffa657;
  --syntax-dark-invalid-illegal-text: #f0f6fc;
  --syntax-dark-invalid-illegal-bg: #8e1519;
  --syntax-dark-markup-heading: #1f6feb;
  --syntax-dark-markup-italic: #c9d1d9;
  --syntax-dark-markup-bold: #c9d1d9;
  --syntax-dark-markup-deleted-text: #ffdcd7;
  --syntax-dark-markup-deleted-bg: #67060c;
  --syntax-dark-markup-inserted-text: #aff5b4;
  --syntax-dark-markup-inserted-bg: #033a16;
  --syntax-dark-markup-changed-text: #ffdfb6;
  --syntax-dark-markup-changed-bg: #5a1e02;
  --syntax-dark-markup-ignored-text: #c9d1d9;
  --syntax-dark-markup-ignored-bg: #1158c7;
  --syntax-dark-meta-diff-range: #d2a8ff;
  --syntax-dark-highlight-bg: #091c33;
  --syntax-dark-special-bg: #4f425d;
}

:root,
html.light,
html.light-theme {
  --syntax-pre-bg: var(--syntax-light-pre-bg);
  --syntax-cap-bg: var(--syntax-light-cap-bg);
  --syntax-text: var(--syntax-light-text);
  --syntax-meta: var(--syntax-light-meta);
  --syntax-comment: var(--syntax-light-comment);
  --syntax-constant: var(--syntax-light-constant);
  --syntax-entity: var(--syntax-light-entity);
  --syntax-property: var(--syntax-light-property);
  --syntax-definition: var(--syntax-light-definition);
  --syntax-tag: var(--syntax-light-tag);
  --syntax-builtin: var(--syntax-light-builtin);
  --syntax-keyword: var(--syntax-light-keyword);
  --syntax-exception: var(--syntax-light-exception);
  --syntax-string: var(--syntax-light-string);
  --syntax-regexp: var(--syntax-light-regexp);
  --syntax-variable: var(--syntax-light-variable);
  --syntax-invalid-illegal-text: var(--syntax-light-invalid-illegal-text);
  --syntax-invalid-illegal-bg: var(--syntax-light-invalid-illegal-bg);
  --syntax-markup-heading: var(--syntax-light-markup-heading);
  --syntax-markup-italic: var(--syntax-light-markup-italic);
  --syntax-markup-bold: var(--syntax-light-markup-bold);
  --syntax-markup-deleted-text: var(--syntax-light-markup-deleted-text);
  --syntax-markup-deleted-bg: var(--syntax-light-markup-deleted-bg);
  --syntax-markup-inserted-text: var(--syntax-light-markup-inserted-text);
  --syntax-markup-inserted-bg: var(--syntax-light-markup-inserted-bg);
  --syntax-markup-changed-text: var(--syntax-light-markup-changed-text);
  --syntax-markup-changed-bg: var(--syntax-light-markup-changed-bg);
  --syntax-markup-ignored-text: var(--syntax-light-markup-ignored-text);
  --syntax-markup-ignored-bg: var(--syntax-light-markup-ignored-bg);
  --syntax-meta-diff-range: var(--syntax-light-meta-diff-range);
  --syntax-highlight-bg: var(--syntax-light-highlight-bg);
  --syntax-special-bg: var(--syntax-light-special-bg);
}

@media (prefers-color-scheme: dark) {
  :root {
    --syntax-pre-bg: var(--syntax-dark-pre-bg);
    --syntax-cap-bg: var(--syntax-dark-cap-bg);
    --syntax-text: var(--syntax-dark-text);
    --syntax-meta: var(--syntax-dark-meta);
    --syntax-comment: var(--syntax-dark-comment);
    --syntax-constant: var(--syntax-dark-constant);
    --syntax-entity: var(--syntax-dark-entity);
    --syntax-property: var(--syntax-dark-property);
    --syntax-definition: var(--syntax-dark-definition);
    --syntax-tag: var(--syntax-dark-tag);
    --syntax-builtin: var(--syntax-dark-builtin);
    --syntax-keyword: var(--syntax-dark-keyword);
    --syntax-exception: var(--syntax-dark-exception);
    --syntax-string: var(--syntax-dark-string);
    --syntax-regexp: var(--syntax-dark-regexp);
    --syntax-variable: var(--syntax-dark-variable);
    --syntax-invalid-illegal-text: var(--syntax-dark-invalid-illegal-text);
    --syntax-invalid-illegal-bg: var(--syntax-dark-invalid-illegal-bg);
    --syntax-markup-heading: var(--syntax-dark-markup-heading);
    --syntax-markup-italic: var(--syntax-dark-markup-italic);
    --syntax-markup-bold: var(--syntax-dark-markup-bold);
    --syntax-markup-deleted-text: var(--syntax-dark-markup-deleted-text);
    --syntax-markup-deleted-bg: var(--syntax-dark-markup-deleted-bg);
    --syntax-markup-inserted-text: var(--syntax-dark-markup-inserted-text);
    --syntax-markup-inserted-bg: var(--syntax-dark-markup-inserted-bg);
    --syntax-markup-changed-text: var(--syntax-dark-markup-changed-text);
    --syntax-markup-changed-bg: var(--syntax-dark-markup-changed-bg);
    --syntax-markup-ignored-text: var(--syntax-dark-markup-ignored-text);
    --syntax-markup-ignored-bg: var(--syntax-dark-markup-ignored-bg);
    --syntax-meta-diff-range: var(--syntax-dark-meta-diff-range);
    --syntax-highlight-bg: var(--syntax-dark-highlight-bg);
    --syntax-special-bg: var(--syntax-dark-special-bg);
  }
}

html.dark,
html.dark-theme,
.dark-code {
  --syntax-pre-bg: var(--syntax-dark-pre-bg);
  --syntax-cap-bg: var(--syntax-dark-cap-bg);
  --syntax-text: var(--syntax-dark-text);
  --syntax-meta: var(--syntax-dark-meta);
  --syntax-comment: var(--syntax-dark-comment);
  --syntax-constant: var(--syntax-dark-constant);
  --syntax-entity: var(--syntax-dark-entity);
  --syntax-property: var(--syntax-dark-property);
  --syntax-definition: var(--syntax-dark-definition);
  --syntax-tag: var(--syntax-dark-tag);
  --syntax-builtin: var(--syntax-dark-builtin);
  --syntax-keyword: var(--syntax-dark-keyword);
  --syntax-exception: var(--syntax-dark-exception);
  --syntax-string: var(--syntax-dark-string);
  --syntax-regexp: var(--syntax-dark-regexp);
  --syntax-variable: var(--syntax-dark-variable);
  --syntax-invalid-illegal-text: var(--syntax-dark-invalid-illegal-text);
  --syntax-invalid-illegal-bg: var(--syntax-dark-invalid-illegal-bg);
  --syntax-markup-heading: var(--syntax-dark-markup-heading);
  --syntax-markup-italic: var(--syntax-dark-markup-italic);
  --syntax-markup-bold: var(--syntax-dark-markup-bold);
  --syntax-markup-deleted-text: var(--syntax-dark-markup-deleted-text);
  --syntax-markup-deleted-bg: var(--syntax-dark-markup-deleted-bg);
  --syntax-markup-inserted-text: var(--syntax-dark-markup-inserted-text);
  --syntax-markup-inserted-bg: var(--syntax-dark-markup-inserted-bg);
  --syntax-markup-changed-text: var(--syntax-dark-markup-changed-text);
  --syntax-markup-changed-bg: var(--syntax-dark-markup-changed-bg);
  --syntax-markup-ignored-text: var(--syntax-dark-markup-ignored-text);
  --syntax-markup-ignored-bg: var(--syntax-dark-markup-ignored-bg);
  --syntax-meta-diff-range: var(--syntax-dark-meta-diff-range);
  --syntax-highlight-bg: var(--syntax-dark-highlight-bg);
  --syntax-special-bg: var(--syntax-dark-special-bg);
}

.highlight {
  color: var(--syntax-text);
  background-color: transparent;
}

.highlight .hll {
  background-color: var(--syntax-highlight-bg);
}

.highlight .c {
  color: var(--syntax-comment);
}

.highlight .err {
  color: var(--syntax-invalid-illegal-text);
  background-color: var(--syntax-invalid-illegal-bg);
}

.highlight .g {
  color: var(--syntax-meta);
}

.highlight .k {
  color: var(--syntax-keyword);
}

.highlight .l {
  color: var(--syntax-meta);
}

.highlight .o {
  color: var(--syntax-constant);
}

.highlight .x {
  color: var(--syntax-meta);
}

.highlight .cm {
  color: var(--syntax-comment);
}

.highlight .cp {
  color: var(--syntax-constant);
}

.highlight .c1 {
  color: var(--syntax-comment);
}

.highlight .cs {
  color: var(--syntax-comment);
  background-color: var(--syntax-special-bg);
}

.highlight .gd {
  color: var(--syntax-markup-deleted-text);
  background-color: var(--syntax-markup-deleted-bg);
}

.highlight .ge {
  color: var(--syntax-markup-italic);
  font-style: italic;
}

.highlight .gr {
  color: var(--syntax-invalid-illegal-text);
  background-color: var(--syntax-invalid-illegal-bg);
}

.highlight .gh {
  color: var(--syntax-markup-heading);
}

.highlight .gi {
  color: var(--syntax-markup-inserted-text);
  background-color: var(--syntax-markup-inserted-bg);
}

.highlight .go,
.highlight .gp {
  color: var(--syntax-meta);
}

.highlight .gs {
  color: var(--syntax-markup-bold);
  font-weight: 700;
}

.highlight .gu {
  color: var(--syntax-markup-heading);
}

.highlight .gt {
  color: var(--syntax-meta);
}

.highlight .kc {
  color: var(--syntax-constant);
}

.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
  color: var(--syntax-keyword);
}

.highlight .kt {
  color: var(--syntax-entity);
}

.highlight .ld {
  color: var(--syntax-meta);
}

.highlight .m {
  color: var(--syntax-constant);
}

.highlight .s {
  color: var(--syntax-string);
}

.highlight .il,
.highlight .na {
  color: var(--syntax-constant);
}

.highlight .nb {
  color: var(--syntax-builtin);
}

.highlight .nc {
  color: var(--syntax-definition);
}

.highlight .no {
  color: var(--syntax-constant);
}

.highlight .nd,
.highlight .ni {
  color: var(--syntax-entity);
}

.highlight .ne {
  color: var(--syntax-exception);
}

.highlight .nf {
  color: var(--syntax-definition);
}

.highlight .nt {
  color: var(--syntax-tag);
}

.highlight .ow {
  color: var(--syntax-constant);
}

.highlight .w {
  color: var(--syntax-meta);
}

.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
  color: var(--syntax-constant);
}

.highlight .sb {
  color: var(--syntax-meta);
}

.highlight .sc {
  color: var(--syntax-string);
}

.highlight .sd {
  color: var(--syntax-comment);
}

.highlight .s2,
.highlight .se {
  color: var(--syntax-string);
}

.highlight .sh {
  color: var(--syntax-comment);
}

.highlight .si,
.highlight .sx {
  color: var(--syntax-string);
}

.highlight .sr {
  color: var(--syntax-regexp);
}

.highlight .s1,
.highlight .ss {
  color: var(--syntax-string);
}

.highlight .bp,
.highlight .vc,
.highlight .vg,
.highlight .vi {
  color: var(--syntax-variable);
}