@charset "UTF-8";
:root {
  /* == 字体设置 == */
  /* 基准字体 */
  /* 备选：Times, "Times New Roman" */
  --base-Latin-font: "Latin Modern Roman", "Latin Modern Roman 10", Times;
  --base-Chinese-font: LXGW WenKai;
  --base-Header-font: -apple-system, Noto Sans, Helvetica Neue, Helvetica, Nimbus Sans L, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB, Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei, Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei, WenQuanYi Zen Hei Sharp, sans-serif;
  --base-font: var(--base-Latin-font), var(--base-Chinese-font);
  /* 基准字体大小 */
  --base-font-size: 16px;
  /* 引言字体 */
  --quote-font: "Latin Modern Roman", "Latin Modern Roman 10", Times,
    "Times New Roman",-apple-system, Noto Sans, Helvetica Neue, Helvetica, Nimbus Sans L, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB, Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei, Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei, WenQuanYi Zen Hei Sharp, sans-serif;
  /* em单位为一个正文字符（--base-font-size）大小，
  例如，如果您设置 --base-font-size 为 9.5pt，那么 1.05em = 1.05*9.5pt ≈ 10pt。下面的标题字体等设置也遵循该规则。
  这样，您就可以仅通过调整基准字体大小，而动态对其他元素大小做出调整。
  当然，您也可以直接设置以pt或px为单位的数值，将元素的大小固定下来，如 --quote-font-size: 10pt; */
  --quote-font-size: 1.05em;
  /* 代码字体（代码中的中文会调用 ui-font） */
  /* "Courier New" 从 Windows 3.1 起成为 Windows 官方提供的字体 */
  /* "Consolas" 从 Windows Vista 起成为 Windows 官方提供的字体 */
  --code-font: "Latin Modern Mono", "Latin Modern Mono 10", "Consolas", "Courier New";
  /* 目录字体 */
  /* 默认调用 base-font */
  --toc-font: "";
  /* 默认调用 base-font-size */
  --toc-font-size: "";
  /* == 控制设置 == */
  /* 目录中是否显示一级标题 */
  --toc-show-title: none;
  /* == 颜色设置 == */
  /* 超链接颜色 */
  --link-color-light: #2E67D3;
  --link-color-dark: #8bb1f9;
  --font-color-light: black;
  --font-color-dark: #ccc;
  --table-of-conents-font-size: 1.58rem;
  --table-of-contents-font-size-active: 1.8rem;
  --body-background-color-light: #ccc;
  --body-background-color-dark: hsl(0deg, 0%, 24%);
  --container-background-color-light: #ccc;
  --container-background-color-dark: #1e1e1e;
  --fence-backgroud-color-light: #f8f8f8;
  --fence-backgroud-color-dark: #2d2d2d;
}

.container {
  box-sizing: border-box;
  padding-block-start: 12px;
  padding-block-end: 72px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  /* background-color: hsl(0deg, 0%, 16%); */
  background-color: var(--container-background-color-light);
}

[data-darkmode=dark] .container {
  background-color: var(--container-background-color-dark);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .container {
    background-color: var(--container-background-color-dark);
  }
}
@media screen and (min-width: 640px) {
  body {
    min-width: 640px;
    background-color: hsl(0, 0%, 93%);
  }
  .container {
    box-sizing: border-box;
    /* width: 80%; */
    min-width: 640px;
    max-width: 768px;
    /* margin-block-start: 48px; */
    /* margin-block-end: 72px; */
    /* margin-inline-start: auto; */
    /* margin-inline-end: auto; */
    padding-block-start: 48px;
    padding-block-end: 48px;
    padding-inline-start: 48px;
    padding-inline-end: 48px;
    border-radius: 2px;
    box-shadow: 0 8px 32px hsla(0, 0%, 0%, 0.32);
    /* background-color: hsl(0deg, 0%, 100%); */
  }
}
.panel {
  position: fixed;
  display: flex;
  gap: 10px;
  z-index: 2;
  right: 14px;
  top: 14px;
}
.panel li {
  list-style-type: none;
}
.panel input {
  display: none;
}
.panel .panel-list {
  display: flex;
  font-size: 1.2rem;
}
.panel .panel-list label, .panel .panel-list a {
  display: block;
  cursor: pointer;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  font-size: 18px;
  border: 1px solid;
  border-right: none;
  border-color: rgba(86, 88, 86, 0.8784313725);
  text-decoration: none;
}
.panel .panel-list input:checked + label {
  background-color: #ccc;
}
.panel .panel-list li:first-child label, .panel .panel-list li:first-child a {
  border-radius: 8px 0 0 8px;
}
.panel .panel-list li:last-child label, .panel .panel-list li:last-child a {
  border-right: 1px solid;
  border-color: rgba(86, 88, 86, 0.8784313725);
  border-radius: 0 8px 8px 0;
}

/* Dark mode styles for checked radio */
[data-darkmode=dark] .panel .panel-list input:checked + label {
  background-color: #555;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .panel .panel-list input:checked + label {
    background-color: #555;
  }
}
.chapters-preview {
  border: 1px solid #e0e0e0;
  border-radius: 0;
  padding: 2rem 2.5rem;
  margin-bottom: 2rem;
  background-color: var(--body-background-color-light);
}

[data-darkmode=dark] .chapters-preview {
  border: 1px solid #444;
  background-color: var(--body-background-color-dark);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapters-preview {
    border: 1px solid #444;
    background-color: var(--body-background-color-dark);
  }
}
.chapter-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  font-size: 1.08rem;
  color: #222;
}

[data-darkmode=dark] .chapter-list {
  color: #ddd;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list {
    color: #ddd;
  }
}
.chapter-list > li {
  margin-bottom: 1.2rem;
  font-weight: bold;
  font-size: 1.15rem;
  position: relative;
  padding-left: 0.5rem;
}

[data-darkmode=dark] .chapter-list > li {
  color: #ddd;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list > li {
    color: #ddd;
  }
}
.chapter-list > li > a {
  color: #222;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.5px;
  border: none;
  background: none;
  padding: 0;
}

[data-darkmode=dark] .chapter-list > li > a {
  color: #ddd;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list > li > a {
    color: #ddd;
  }
}
.chapter-list > li > a:hover {
  text-decoration: underline;
  color: #555;
}

[data-darkmode=dark] .chapter-list > li > a:hover {
  color: #aaa;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list > li > a:hover {
    color: #aaa;
  }
}
.chapter-list ul {
  list-style: none;
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px dashed #ddd;
}

[data-darkmode=dark] .chapter-list ul {
  border-left: 1px dashed #555;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list ul {
    border-left: 1px dashed #555;
  }
}
.chapter-list ul li {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 0.7rem;
  color: #444;
  position: relative;
  padding-left: 0.2rem;
}

[data-darkmode=dark] .chapter-list ul li {
  color: #bbb;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list ul li {
    color: #bbb;
  }
}
.chapter-list ul li a {
  color: #444;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  font-weight: normal;
}

[data-darkmode=dark] .chapter-list ul li a {
  color: #bbb;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list ul li a {
    color: #bbb;
  }
}
.chapter-list ul li a:hover {
  text-decoration: underline;
  color: #888;
}

[data-darkmode=dark] .chapter-list ul li a:hover {
  color: #999;
}

/*目录标题 */
.chapters-preview h2 {
  font-size: 1.3rem;
  font-weight: bold;
  color: #222;
  margin-bottom: 1.2rem;
  letter-spacing: 1px;
}

[data-darkmode=dark] .chapters-preview h2 {
  color: #ddd;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapters-preview h2 {
    color: #ddd;
  }
}
/* 文件夹样式 */
.chapter-list > li.folder,
.chapter-list > li.folder > a {
  color: #777;
  font-weight: bold;
}

[data-darkmode=dark] .chapter-list > li.folder,
[data-darkmode=dark] .chapter-list > li.folder > a {
  color: #999;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list > li.folder,
  [data-darkmode=auto] .chapter-list > li.folder > a {
    color: #999;
  }
}
/* 图标样式 */
.chapter-list li.folder:before {
  content: "\f07b"; /* fa-folder */
  font-family: "FontAwesome";
  color: #3498db;
  background: none;
}

[data-darkmode=dark] .chapter-list li.folder:before {
  color: #666;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list li.folder:before {
    /* 文件夹图标 */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23666' d='M96.429,37.5v39.286c0,3.423-1.228,6.361-3.684,8.817c-2.455,2.455-5.395,3.683-8.816,3.683H16.071 c-3.423,0-6.362-1.228-8.817-3.683c-2.456-2.456-3.683-5.395-3.683-8.817V23.214c0-3.422,1.228-6.362,3.683-8.817 c2.455-2.456,5.394-3.683,8.817-3.683h17.857c3.422,0,6.362,1.228,8.817,3.683c2.455,2.455,3.683,5.395,3.683,8.817V25h37.5 c3.422,0,6.361,1.228,8.816,3.683C95.201,31.138,96.429,34.078,96.429,37.5z' /></svg>");
  }
}
.chapter-list ul li a.menu-info {
  text-decoration: none;
  display: inline-block;
  padding: 0rem 1rem;
  font-size: 0.95rem;
  font-weight: normal;
  color: #666;
  display: flex;
  justify-content: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  cursor: default;
  width: 80%;
  line-height: 1.2;
}
.chapter-list ul li a.menu-info span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  background-color: var(--body-background-color-light);
}
.chapter-list ul li a.menu-info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 1px;
  border-top: 1px dashed rgba(221, 221, 221, 0.5);
  z-index: 1;
}

[data-darkmode=dark] .chapter-list ul li a.menu-info {
  color: #999;
}
[data-darkmode=dark] .chapter-list ul li a.menu-info span {
  background-color: var(--body-background-color-dark);
}

[data-darkmode=dark] .chapter-list ul li a.menu-info:before {
  border-top-color: rgba(85, 85, 85, 0.5);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .chapter-list ul li a.menu-info {
    color: #999;
  }
  [data-darkmode=auto] .chapter-list ul li a.menu-info span {
    background-color: var(--body-background-color-dark);
  }
  [data-darkmode=auto] .chapter-list ul li a.menu-info:before {
    border-top-color: rgba(85, 85, 85, 0.5);
  }
}
.chapter-list ul li a.menu-no-link {
  font-weight: bold;
  cursor: default;
  text-decoration: none;
}

/* SVG 图标样式 */
.menu-info .svg-icon {
  display: inline-block;
  vertical-align: middle;
  height: 1em;
  width: auto;
  margin-right: 0.3em;
}

.menu-info .svg-icon svg {
  height: 100%;
  width: 100%;
  fill: currentColor;
  vertical-align: middle;
}

.modal-menu {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-menu-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(44, 62, 80, 0.35);
  backdrop-filter: blur(2px);
}

.modal-menu-content {
  position: relative;
  min-width: 320px;
  max-width: 800px;
  margin: 0 auto;
  max-height: 80vh;
  background: var(--container-background-color-light);
  border-radius: 12px;
  box-shadow: 0 8px 32px hsla(0, 0%, 0%, 0.18);
  padding: 2rem 2.5rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.modal-menu-content h2 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  color: #222;
}

.modal-menu-close {
  position: absolute;
  right: 1.2rem;
  top: 1.2rem;
  background: none;
  border: none;
  font-size: 2rem;
  color: #888;
  cursor: pointer;
  transition: color 0.2s;
}

.modal-menu-close:hover {
  color: #3498db;
}

[data-darkmode=dark] .modal-menu-content {
  background: var(--container-background-color-dark);
  color: #e3e8ee;
}

[data-darkmode=dark] .modal-menu-content h2 {
  color: #e3e8ee;
}

[data-darkmode=dark] .modal-menu-mask {
  background: rgba(44, 62, 80, 0.65);
}

@media (max-width: 600px) {
  .modal-menu-content {
    min-width: 0;
    width: 96vw;
    padding: 1rem 0.5rem;
  }
}
.page-header h1,
.chapter-header h1 {
  font-size: 2.2rem;
  color: #2c3e50;
  font-weight: bold;
  margin: 0 0 1.5rem 0;
  padding: 0.5rem 1.5rem;
  border-left: 5px solid #3498db;
  border-right: 5px solid #3498db;
  letter-spacing: 1px;
  background: var(--container-background-color-light);
  box-shadow: 0 8px 32px hsla(0, 0%, 0%, 0.12);
  border-radius: 8px;
  display: block;
  max-width: 100%;
  transition: background 0.3s, color 0.3s;
}

@media (max-width: 768px) {
  .page-header h1,
  .chapter-header h1 {
    font-size: 1.5rem;
    padding: 0.3rem 0.8rem;
  }
}
[data-darkmode=dark] .page-header h1,
[data-darkmode=dark] .chapter-header h1 {
  color: #e3e8ee;
  background: var(--container-background-color-dark);
  border-left: 5px solid #8bb1f9;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .page-header h1,
  [data-darkmode=auto] .chapter-header h1 {
    color: #e3e8ee;
    background: var(--container-background-color-dark);
    border-left: 5px solid #8bb1f9;
  }
}
.table-of-contents {
  position: fixed;
  top: 20%;
  right: 2.5vw;
  transform: translateY(-50%);
  z-index: 100;
  background: transparent;
  border-radius: 16px;
  padding: 2rem 2.2rem;
  min-width: 260px;
  max-width: 340px;
  max-height: 80vh;
  overflow-y: auto;
  font-size: var(--table-of-conents-font-size);
  color: #222;
  transition: background 0.3s, color 0.3s;
}

.table-of-contents ol {
  list-style: decimal inside;
  padding-left: 0;
  margin-left: 0;
}

.table-of-contents a {
  color: #2E67D3;
  text-decoration: none;
  transition: color 0.2s;
}

.table-of-contents a:hover {
  text-decoration: underline;
  color: #00529B;
}

[data-darkmode=dark] .table-of-contents {
  color: #e3e8ee;
}

[data-darkmode=dark] .table-of-contents a {
  color: #8bb1f9;
}

[data-darkmode=dark] .table-of-contents a:hover {
  color: #fff;
}

@media (max-width: 900px) {
  .table-of-contents {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    min-width: 0;
    max-width: 100%;
    padding: 1.2rem 0.5rem;
    margin: 2rem auto;
  }
}
.table-of-contents a.active {
  font-weight: bold;
  color: #d35400;
  background: rgba(44, 62, 80, 0.08);
  border-radius: 4px;
  font-size: var(--table-of-contents-font-size-active);
  transition: background 0.3s, color 0.3s, box-shadow 0.3s, font-size 0.3s;
  box-shadow: 0 2px 12px 0 rgba(44, 62, 80, 0.08);
}

[data-darkmode=dark] .table-of-contents a.active {
  color: #f39c12;
  background: rgba(227, 232, 238, 0.08);
  box-shadow: 0 2px 12px 0 rgba(227, 232, 238, 0.12);
}

.powered-by {
  /* 居中整个P标签的内容 */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.powered-by a {
  font-size: 18px;
}

.powered-by img {
  /* 将图片垂直对齐到文字的中间 */
  vertical-align: middle;
  width: 18px;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  font-family: var(--base-Header-font);
  font-weight: 600;
  line-height: 1.25;
  margin-top: 24px;
  margin-bottom: 16px;
  color: var(--font-color-light);
}
.markdown-body h1 {
  font-size: 2em;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #eaecef;
}
.markdown-body {
  /* h2: 带背景的条状样式 */
}
.markdown-body h2 {
  font-size: 1.5em;
  background-color: var(--fence-backgroud-color-light);
  padding: 5px 8px;
  margin-left: -15px;
  margin-right: -15px;
  border-left: 5px solid var(--link-color-light);
  border-radius: 5px;
  margin-bottom: 3.6rem;
  margin-top: 3.6rem;
}
.markdown-body {
  /* h3: 下划线样式 */
}
.markdown-body h3 {
  font-size: 1.25em;
  border-bottom: 2px solid var(--link-color-light);
  padding-bottom: 8px;
  display: inline-block; /* 让下划线长度适应文字 */
}
.markdown-body h4, .markdown-body h5, .markdown-body h6 {
  font-size: 1em;
}

/* 暗黑模式样式 Mixin */
/* 手动切换到暗黑模式 */
[data-darkmode=dark] .markdown-body h1, [data-darkmode=dark] .markdown-body h2, [data-darkmode=dark] .markdown-body h3, [data-darkmode=dark] .markdown-body h4, [data-darkmode=dark] .markdown-body h5, [data-darkmode=dark] .markdown-body h6 {
  color: var(--font-color-dark);
}
[data-darkmode=dark] .markdown-body h1 {
  border-bottom-color: #30363d;
}
[data-darkmode=dark] .markdown-body h2 {
  background-color: var(--fence-backgroud-color-dark);
  border-left-color: var(--link-color-dark);
}
[data-darkmode=dark] .markdown-body h3 {
  border-bottom-color: var(--link-color-dark);
}

/* 根据系统设置自动切换到暗黑模式 */
@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .markdown-body h1, [data-darkmode=auto] .markdown-body h2, [data-darkmode=auto] .markdown-body h3, [data-darkmode=auto] .markdown-body h4, [data-darkmode=auto] .markdown-body h5, [data-darkmode=auto] .markdown-body h6 {
    color: var(--font-color-dark);
  }
  [data-darkmode=auto] .markdown-body h1 {
    border-bottom-color: #30363d;
  }
  [data-darkmode=auto] .markdown-body h2 {
    background-color: var(--fence-backgroud-color-dark);
    border-left-color: var(--link-color-dark);
  }
  [data-darkmode=auto] .markdown-body h3 {
    border-bottom-color: var(--link-color-dark);
  }
}
/*!
 * Project: Heti
 * URL: https://github.com/sivan/heti
 * Author: Sivan [sun.sivan@gmail.com]
 */
@font-face {
  font-family: "Heti Hei";
  src: "Heti Hei SC", "Heti Hei TC", "Heti Hei JP", "Heti Hei KR";
}
@font-face {
  font-family: "Heti Hei SC";
  src: local("PingFang SC Regular"), local("Heiti SC Regular"), local("Microsoft YaHei"), local("Source Han Sans CN Regular"), local("Noto Sans CJK SC Regular"), local("WenQuanYi Micro Hei"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Hei TC";
  src: local("PingFang TC Regular"), local("Heiti TC Regular"), local("Microsoft Jhenghei"), local("Source Han Sans HK Regular"), local("Source Han Sans TW Regular"), local("Noto Sans CJK TC Regular"), local("WenQuanYi Micro Hei"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Hei JP";
  src: local("Hiragino Sans GB W3"), local("Source Han Sans JP Regular"), local("Noto Sans CJK JP Regular"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Hei KR";
  src: local("Source Han Sans KR Regular"), local("Noto Sans CJK KR Regular"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Hei";
  font-weight: 200;
  src: "Heti Hei SC Light", "Heti Hei TC Light", "Heti Hei JP Light", "Heti Hei KR Light";
}
@font-face {
  font-family: "Heti Hei SC Light";
  font-weight: 200;
  src: local("PingFang SC Light"), local("Heiti SC Light"), "Heti Hei SC Light Fallback", local("Source Han Sans CN Light"), local("Noto Sans CJK SC Light");
}
@font-face {
  font-family: "Heti Hei TC Light";
  font-weight: 200;
  src: local("PingFang TC Light"), local("Heiti TC Light"), local("Microsoft Jhenghei Light"), local("Source Han Sans HK Light"), local("Source Han Sans TW Light"), local("Noto Sans CJK TC Light");
}
@font-face {
  font-family: "Heti Hei JP Light";
  font-weight: 200;
  src: local("Source Han Sans JP Light"), local("Noto Sans CJK JP Light");
}
@font-face {
  font-family: "Heti Hei KR Light";
  font-weight: 200;
  src: local("Source Han Sans KR Light"), local("Noto Sans CJK KR Light");
}
@font-face {
  font-family: "Heti Hei SC Light Fallback";
  font-weight: 200;
  src: local("Microsoft YaHei"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Hei";
  font-weight: 600;
  src: "Heti Hei SC Bold", "Heti Hei TC Bold", "Heti Hei JP Bold", "Heti Hei KR Bold";
}
@font-face {
  font-family: "Heti Hei SC Bold";
  font-weight: 600;
  src: local("PingFang SC Medium"), local("Heiti SC Medium"), "Heti Hei SC Bold Fallback", local("Source Han Sans CN Bold"), local("Noto Sans CJK SC Bold");
}
@font-face {
  font-family: "Heti Hei TC Bold";
  font-weight: 600;
  src: local("PingFang TC Medium"), local("Heiti TC Medium"), local("Microsoft Jhenghei Bold"), local("Source Han Sans HK Bold"), local("Source Han Sans TW Bold"), local("Noto Sans CJK TC Bold");
}
@font-face {
  font-family: "Heti Hei JP Bold";
  font-weight: 600;
  src: local("Hiragino Sans GB W6"), local("Source Han Sans JP Bold"), local("Noto Sans CJK JP Bold");
}
@font-face {
  font-family: "Heti Hei KR Bold";
  font-weight: 600;
  src: local("Source Han Sans KR Bold"), local("Noto Sans CJK KR Bold");
}
@font-face {
  font-family: "Heti Hei SC Bold Fallback";
  font-weight: 600;
  src: local("Microsoft YaHei"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Hei Black";
  font-weight: 800;
  src: "Heti Hei SC Black", "Heti Hei TC Black", "Heti Hei JP Black", "Heti Hei KR Black";
}
@font-face {
  font-family: "Heti Hei SC Black";
  font-weight: 800;
  src: local("Lantinghei SC Heavy"), local("PingFang SC Semibold"), local("Heiti SC Medium"), "Heti Hei SC Black Fallback", local("Source Han Sans CN Heavy"), local("Noto Sans CJK SC Heavy");
}
@font-face {
  font-family: "Heti Hei TC Black";
  font-weight: 800;
  src: local("Lantinghei TC Heavy"), local("PingFang TC Semibold"), local("Heiti TC Medium"), local("Microsoft Jhenghei Bold"), local("Source Han Sans HK Heavy"), local("Source Han Sans TW Heavy"), local("Noto Sans CJK TC Heavy");
}
@font-face {
  font-family: "Heti Hei JP Black";
  font-weight: 800;
  src: local("Hiragino Sans GB W6"), local("Source Han Sans JP Heavy"), local("Noto Sans CJK JP Heavy");
}
@font-face {
  font-family: "Heti Hei KR Black";
  font-weight: 800;
  src: local("Source Han Sans KR Heavy"), local("Noto Sans CJK KR Heavy");
}
@font-face {
  font-family: "Heti Hei SC Black Fallback";
  font-weight: 800;
  src: local("Microsoft YaHei"), local("Droid Sans Fallback");
}
@font-face {
  font-family: "Heti Song";
  src: local("Songti SC Regular"), local("Songti TC Regular"), local("SimSun");
}
@font-face {
  font-family: "Heti Song";
  font-weight: 200;
  src: local("Songti SC Light"), local("Songti TC Light"), "Heti Song Light Fallback";
}
@font-face {
  font-family: "Heti Song Light Fallback";
  font-weight: 200;
  src: local("SimSun");
}
@font-face {
  font-family: "Heti Song";
  font-weight: 600;
  src: local("Songti SC Bold"), local("Songti TC Bold"), "Heti Song Bold Fallback";
}
@font-face {
  font-family: "Heti Song Bold Fallback";
  font-weight: 600;
  src: local("SimSun");
}
@font-face {
  font-family: "Heti Song Black";
  font-weight: 800;
  src: local("Songti SC Black"), local("SimSun");
}
@font-face {
  font-family: "Heti Kai";
  src: local("Kaiti SC Regular"), local("Kaiti TC Regular"), local("STKaiti"), local("Kaiti"), local("BiauKai");
}
@font-face {
  font-family: "Heti Kai";
  font-weight: 600;
  src: local("Kaiti SC Bold"), local("Kaiti TC Bold");
}
@font-face {
  font-family: "Heti Kai Bold Fallback";
  font-weight: 600;
  src: local("STKaiti"), local("Kaiti") local("BiauKai");
}
@font-face {
  font-family: "Heti Kai Black";
  font-weight: 800;
  src: local("Kaiti SC Black"), local("Kaiti TC Black"), local("STKaiti"), local("Kaiti");
}
.heti {
  max-width: 42em;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  letter-spacing: 0.02em;
}

.heti::before, .heti::after {
  content: "";
  display: table;
}

.heti::after {
  clear: both;
}

.heti > *:first-child,
.heti section > *:first-child,
.heti td > *:first-child {
  margin-block-start: 0 !important;
}

.heti > *:last-child,
.heti section > *:last-child,
.heti td > *:last-child {
  margin-block-end: 0 !important;
}

.heti blockquote {
  margin-block-start: 12px;
  margin-block-end: 24px;
  margin-inline-start: 32px;
  margin-inline-end: 32px;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  background-color: hsla(0, 0%, 0%, 0.054);
}

[data-darkmode=dark] .heti blockquote {
  background-color: hsla(0, 0%, 100%, 0.054);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti blockquote {
    background-color: hsla(0, 0%, 100%, 0.054);
  }
}
.heti figure {
  display: block;
  text-align: center;
}

.heti figure > img {
  display: block;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.heti hr {
  inline-size: 30%;
  block-size: 1px;
  margin-block-start: 48px;
  margin-block-end: 47px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border: 0;
  background-color: hsl(0, 0%, 80%);
}

[data-darkmode=dark] .heti hr {
  background-color: hsl(0, 0%, 25%);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti hr {
    background-color: hsl(0, 0%, 25%);
  }
}
.heti p {
  margin-block-start: 12px;
  margin-block-end: 24px;
  text-align: justify;
}

.heti p:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti p:not(:lang(zh)) {
  text-align: start;
}

.heti pre {
  margin-block-start: 12px;
  margin-block-end: 12px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  overflow: auto;
  font-family: "SFMono-Regular", consolas, "Liberation Mono", menlo, courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  white-space: pre;
  word-wrap: normal;
  border-radius: 4px;
  background-color: hsla(0, 0%, 0%, 0.054);
}

[data-darkmode=dark] .heti pre {
  background-color: hsla(0, 0%, 100%, 0.054);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti pre {
    background-color: hsla(0, 0%, 100%, 0.054);
  }
}
.heti pre code {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
}

.heti:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti:not(:lang(zh)) {
  letter-spacing: 0;
}

.heti a,
.heti abbr,
.heti code,
.heti heti-spacing,
.heti [lang=en-US] {
  letter-spacing: normal;
}

.heti h1,
.heti h2,
.heti h3,
.heti h4,
.heti h5,
.heti h6 {
  position: relative;
  font-weight: 600;
}

.heti h1 {
  margin-block-end: 24px;
  font-size: 32px;
  line-height: 48px;
}

.heti h2 {
  font-size: 24px;
  line-height: 36px;
}

.heti h3 {
  font-size: 20px;
  line-height: 36px;
}

.heti h4 {
  font-size: 18px;
  line-height: 24px;
}

.heti h5 {
  font-size: 16px;
  line-height: 24px;
}

.heti h6 {
  font-size: 14px;
  line-height: 24px;
}

.heti h1,
.heti h2,
.heti h3 {
  letter-spacing: 0.05em;
}

.heti h1:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti h1:not(:lang(zh)),
.heti h2:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)),
.heti h2:not(:lang(zh)),
.heti h3:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)),
.heti h3:not(:lang(zh)) {
  letter-spacing: 0;
}

.heti h1 + h2,
.heti h2 + h3,
.heti h3 + h4,
.heti h4 + h5,
.heti h5 + h6 {
  margin-block-start: 12px;
}

.heti ul,
.heti ol,
.heti dl {
  margin-block-start: 12px;
  margin-block-end: 24px;
}

.heti ul,
.heti ol {
  padding-inline-start: 32px;
}

.heti ul ul,
.heti ul ol,
.heti ol ul,
.heti ol ol {
  margin-block-start: 0;
  margin-block-end: 0;
}

.heti ul {
  list-style-type: disc;
}

.heti ol {
  list-style-type: decimal;
}

.heti ul ul,
.heti ol ul {
  list-style-type: circle;
}

.heti ul ul ul,
.heti ul ol ul,
.heti ol ul ul,
.heti ol ol ul {
  list-style-type: square;
}

.heti li {
  list-style-type: unset;
}

.heti table {
  box-sizing: border-box;
  table-layout: fixed;
  margin-block-start: 12px;
  margin-block-end: 24px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: hsl(0, 0%, 80%);
  word-break: break-word;
}

[data-darkmode=dark] .heti table {
  border-color: hsl(0, 0%, 25%);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti table {
    border-color: hsl(0, 0%, 25%);
  }
}
.heti th,
.heti td {
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: hsl(0, 0%, 80%);
}

[data-darkmode=dark] .heti th,
[data-darkmode=dark] .heti td {
  border-color: hsl(0, 0%, 25%);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti th,
  [data-darkmode=auto] .heti td {
    border-color: hsl(0, 0%, 25%);
  }
}
.heti caption {
  caption-side: bottom;
  margin-block-start: 2px;
  margin-block-end: -4px;
  font-size: 14px;
  line-height: 24px;
}

.heti a {
  text-decoration: none;
}

.heti a:hover {
  padding-block-end: 1px;
  border-block-end: 1px solid currentColor;
  text-decoration: none;
}

.heti abbr[title] {
  padding-block-end: 1px;
  border-block-end: 1px dotted;
  text-decoration: none;
  cursor: help;
}

.heti b,
.heti strong {
  font-weight: 600;
}

.heti code {
  margin-inline-start: 0.25em;
  margin-inline-end: 0.25em;
  font-family: "SFMono-Regular", consolas, "Liberation Mono", menlo, courier, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875em;
}

.heti dfn {
  font-weight: 600;
}

.heti dfn:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti dfn:not(:lang(zh)) {
  font-weight: 400;
}

.heti em {
  font-weight: 600;
}

.heti figcaption {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: start;
}

.heti i {
  font-style: italic;
}

.heti ins,
.heti u {
  padding-block-end: 1px;
  border-block-end: 1px solid;
  text-decoration: none;
}

.heti mark {
  padding-block-start: 2px;
  padding-block-end: 2px;
  padding-inline-start: 1px;
  padding-inline-end: 1px;
  margin-inline-start: 1px;
  margin-inline-end: 1px;
  background-color: hsla(58, 100%, 50%, 0.88);
  color: inherit;
}

[data-darkmode=dark] .heti mark {
  background-color: hsla(58, 100%, 15%, 0.88);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti mark {
    background-color: hsla(58, 100%, 15%, 0.88);
  }
}
.heti q {
  quotes: "「" "」" "『" "』";
}

.heti q:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti q:not(:lang(zh)) {
  quotes: initial;
  quotes: auto;
}

.heti rt {
  font-size: 0.875em;
  font-weight: 400;
}

.heti small {
  font-size: 0.875em;
}

.heti strong {
  font-weight: 600;
}

.heti sub,
.heti sup {
  position: relative;
  margin-inline-start: 0.25em;
  margin-inline-end: 0.25em;
  font-size: 0.75em;
  font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  line-height: 1;
  vertical-align: baseline;
}

.heti sub {
  bottom: -0.25em;
}

.heti sup {
  top: -0.5em;
}

.heti sup:target,
.heti sup a:target {
  background-color: hsl(210, 100%, 93%);
}

[data-darkmode=dark] .heti sup:target,
[data-darkmode=dark] .heti sup a:target {
  background-color: hsl(210, 40%, 38%);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti sup:target,
  [data-darkmode=auto] .heti sup a:target {
    background-color: hsl(210, 40%, 38%);
  }
}
.heti summary {
  padding-inline-start: 1em;
  outline: 0;
  cursor: pointer;
}

.heti summary::-webkit-details-marker {
  width: 0.6em;
  margin-inline-end: 0.4em;
}

.heti u[title] {
  cursor: help;
  border-block-end-width: 3px;
  border-block-end-style: double;
  border-block-end-color: hsla(0, 0%, 0%, 0.54);
}

[data-darkmode=dark] .heti u[title] {
  border-block-end-color: hsla(0, 0%, 100%, 0.54);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti u[title] {
    border-block-end-color: hsla(0, 0%, 100%, 0.54);
  }
}
.heti address,
.heti cite,
.heti dfn,
.heti dt,
.heti em {
  font-style: normal;
}

.heti address:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti address:not(:lang(zh)),
.heti cite:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)),
.heti cite:not(:lang(zh)),
.heti dfn:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)),
.heti dfn:not(:lang(zh)),
.heti dt:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)),
.heti dt:not(:lang(zh)),
.heti em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)),
.heti em:not(:lang(zh)) {
  font-style: italic;
}

.heti abbr[title],
.heti del,
.heti ins,
.heti s,
.heti u {
  margin-inline-start: 1px;
  margin-inline-end: 1px;
}

.heti, .heti--sans {
  font-family: var(--base-Chinese-font);
}

.heti--serif {
  font-family: "Times New Roman", times, "Heti Song", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--classic {
  font-family: "Times New Roman", times, "Heti Song", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--classic h1,
.heti--classic h2,
.heti--classic h3,
.heti--classic h4,
.heti--classic h5,
.heti--classic h6 {
  font-family: "Times New Roman", times, "Heti Kai Black", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 800;
}

.heti--classic blockquote,
.heti--classic cite,
.heti--classic q {
  font-family: "Times New Roman", times, "Heti Kai", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--classic figcaption,
.heti--classic caption,
.heti--classic th {
  font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--hei {
  font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--song {
  font-family: "Times New Roman", times, "Heti Song", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--kai {
  font-family: "Times New Roman", times, "Heti Kai", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--columns-1, .heti--columns-2, .heti--columns-3, .heti--columns-4, .heti--columns-16em, .heti--columns-20em, .heti--columns-24em, .heti--columns-28em, .heti--columns-32em, .heti--columns-36em, .heti--columns-40em, .heti--columns-44em, .heti--columns-48em, .heti comma {
  max-width: none;
  column-gap: 2em;
}

.heti--columns-1 p, .heti--columns-2 p, .heti--columns-3 p, .heti--columns-4 p, .heti--columns-16em p, .heti--columns-20em p, .heti--columns-24em p, .heti--columns-28em p, .heti--columns-32em p, .heti--columns-36em p, .heti--columns-40em p, .heti--columns-44em p, .heti--columns-48em p, .heti comma p {
  margin-block-start: 6px;
  margin-block-end: 12px;
  text-indent: 2em;
}

.heti--columns-1 {
  column-count: 1;
}

.heti--columns-2 {
  column-count: 2;
}

.heti--columns-3 {
  column-count: 3;
}

.heti--columns-4 {
  column-count: 4;
}

.heti--columns-16em {
  column-width: 16em;
}

.heti--columns-20em {
  column-width: 20em;
}

.heti--columns-24em {
  column-width: 24em;
}

.heti--columns-28em {
  column-width: 28em;
}

.heti--columns-32em {
  column-width: 32em;
}

.heti--columns-36em {
  column-width: 36em;
}

.heti--columns-40em {
  column-width: 40em;
}

.heti--columns-44em {
  column-width: 44em;
}

.heti--columns-48em {
  column-width: 48em;
}

.heti--vertical {
  max-width: none;
  max-height: 42em;
  writing-mode: vertical-rl;
  letter-spacing: 0.125em;
}

.heti--vertical h1,
.heti--vertical h2,
.heti--vertical h3,
.heti--vertical h4,
.heti--vertical h5,
.heti--vertical h6 {
  text-align: start;
}

.heti--vertical q {
  quotes: "「" "」" "『" "』";
}

.heti--ancient, .heti--poetry {
  font-family: "Times New Roman", times, "Heti Song", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.heti--ancient h1,
.heti--ancient h2,
.heti--ancient h3,
.heti--ancient h4,
.heti--ancient h5,
.heti--ancient h6, .heti--poetry h1,
.heti--poetry h2,
.heti--poetry h3,
.heti--poetry h4,
.heti--poetry h5,
.heti--poetry h6 {
  font-family: "Times New Roman", times, "Heti Kai Black", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 800;
  text-align: center;
}

.heti--ancient h1 .heti-meta,
.heti--ancient h2 .heti-meta,
.heti--ancient h3 .heti-meta,
.heti--ancient h4 .heti-meta,
.heti--ancient h5 .heti-meta,
.heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta,
.heti--poetry h2 .heti-meta,
.heti--poetry h3 .heti-meta,
.heti--poetry h4 .heti-meta,
.heti--poetry h5 .heti-meta,
.heti--poetry h6 .heti-meta {
  font-weight: 400;
}

@media screen and (min-width: 640px) {
  .heti--ancient h1 .heti-meta,
  .heti--ancient h2 .heti-meta,
  .heti--ancient h3 .heti-meta,
  .heti--ancient h4 .heti-meta,
  .heti--ancient h5 .heti-meta,
  .heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta,
  .heti--poetry h2 .heti-meta,
  .heti--poetry h3 .heti-meta,
  .heti--poetry h4 .heti-meta,
  .heti--poetry h5 .heti-meta,
  .heti--poetry h6 .heti-meta {
    position: absolute;
    line-height: inherit;
    text-indent: 0;
    display: inline;
    margin-block-start: 4px;
    margin-inline-start: 8px;
  }
}
.heti--ancient .heti-meta, .heti--poetry .heti-meta {
  line-height: 24px;
  text-align: center;
  text-indent: 0;
}

.heti--ancient p {
  text-indent: 2em;
}

.heti--poetry p {
  text-align: center;
  text-indent: 0;
}

.heti--annotation p {
  margin-block-start: 0;
  margin-block-end: 0;
  line-height: 2.25;
  text-indent: 2em;
}

.heti--annotation em {
  -webkit-text-emphasis: filled circle;
  -webkit-text-emphasis-position: under;
  text-emphasis: filled circle;
  text-emphasis-position: under right;
  font-weight: 400;
}

.heti--annotation em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti--annotation em:not(:lang(zh)) {
  -webkit-text-emphasis: none;
  text-emphasis: none;
}

.heti--annotation .heti-meta {
  margin-block-start: 12px;
  margin-block-end: 24px;
}

.heti .heti-meta {
  display: block;
  text-indent: 0;
}

.heti .heti-verse {
  text-align: center;
  text-indent: 0;
}

.heti .heti-large {
  font-size: 18px;
  line-height: 24px;
}

.heti .heti-x-large {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.05em;
}

.heti .heti-small {
  font-size: 14px;
  line-height: 24px;
}

.heti .heti-x-small {
  font-size: 12px;
  line-height: 18px;
}

.heti .heti-list-latin {
  list-style-type: upper-latin;
}

.heti .heti-list-latin ol {
  list-style-type: lower-roman;
}

.heti .heti-list-latin ol ol {
  list-style-type: lower-latin;
}

.heti .heti-list-han {
  list-style-type: cjk-ideographic;
}

.heti .heti-list-han ol {
  list-style-type: decimal;
}

.heti .heti-list-han ol ol {
  list-style-type: decimal-leading-zero;
}

.heti .heti-fn {
  margin-block-start: 59px;
  border-block-start: 1px solid;
  border-block-start-color: hsl(0, 0%, 80%);
  font-size: 14px;
  font-family: "Helvetica Neue", helvetica, arial, "Heti Hei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 24px;
}

[data-darkmode=dark] .heti .heti-fn {
  border-block-start-color: hsl(0, 0%, 25%);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti .heti-fn {
    border-block-start-color: hsl(0, 0%, 25%);
  }
}
.heti .heti-fn ol {
  margin-block-start: 12px;
  margin-block-end: 0;
}

.heti .heti-fn li:target {
  background-color: hsl(210, 100%, 93%);
}

[data-darkmode=dark] .heti .heti-fn li:target {
  background-color: hsl(210, 40%, 38%);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .heti .heti-fn li:target {
    background-color: hsl(210, 40%, 38%);
  }
}
.heti .heti-hang {
  position: absolute;
  line-height: inherit;
  text-indent: 0;
}

.heti .heti-em {
  -webkit-text-emphasis: filled circle;
  -webkit-text-emphasis-position: under;
  text-emphasis: filled circle;
  text-emphasis-position: under right;
}

.heti .heti-em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti .heti-em:not(:lang(zh)) {
  -webkit-text-emphasis: none;
  text-emphasis: none;
}

.heti .heti-ruby--inline {
  display: inline-flex;
  flex-direction: column-reverse;
  height: 1.5em;
  vertical-align: top;
}

.heti .heti-ruby--inline rt {
  display: inline;
  margin-bottom: -0.25em;
  line-height: 1;
  text-align: center;
}

.heti heti-spacing {
  display: inline;
}

.heti heti-spacing + sup, .heti heti-spacing + sub {
  margin-inline-start: 0;
}

.heti .heti-spacing-start {
  margin-inline-end: 0.25em;
}

.heti .heti-spacing-end {
  margin-inline-start: 0.25em;
}

.heti heti-adjacent {
  display: inline;
  text-spacing-trim: space-all;
  unicode-bidi: isolate;
}

.heti .heti-adjacent-half {
  margin-inline-end: -0.5em;
}

.heti .heti-adjacent-quarter {
  margin-inline-end: -0.25em;
}

/* Admonition types and their colors */
:root {
  /* Light theme colors */
  --admonition-note-light: #3498db;
  --admonition-abstract-light: #34495e;
  --admonition-info-light: #00b8d4;
  --admonition-tip-light: #00bfa5;
  --admonition-success-light: #4caf50;
  --admonition-question-light: #64dd17;
  --admonition-warning-light: #ff9800;
  --admonition-failure-light: #ff5252;
  --admonition-danger-light: #f44336;
  --admonition-bug-light: #e91e63;
  --admonition-example-light: #9c27b0;
  --admonition-quote-light: #9e9e9e;
  /* Math admonition colors (light theme) */
  --admonition-definition-light: #2196f3;
  --admonition-theorem-light: #673ab7;
  --admonition-corollary-light: #9c27b0;
  --admonition-lemma-light: #3f51b5;
  --admonition-proof-light: #607d8b;
  --admonition-exercise-light: #ff5722;
  --admonition-problem-light: #795548;
  /* Dark theme colors */
  --admonition-note-dark: #8bb1f9;
  --admonition-abstract-dark: #a9b7c6;
  --admonition-info-dark: #00e5ff;
  --admonition-tip-dark: #64ffda;
  --admonition-success-dark: #69f0ae;
  --admonition-question-dark: #b2ff59;
  --admonition-warning-dark: #ffd740;
  --admonition-failure-dark: #ff8a80;
  --admonition-danger-dark: #ff5252;
  --admonition-bug-dark: #ff4081;
  --admonition-example-dark: #e040fb;
  --admonition-quote-dark: #e0e0e0;
  /* Math admonition colors (dark theme) */
  --admonition-definition-dark: #64b5f6;
  --admonition-theorem-dark: #9575cd;
  --admonition-corollary-dark: #ba68c8;
  --admonition-lemma-dark: #7986cb;
  --admonition-proof-dark: #90a4ae;
  --admonition-exercise-dark: #ff8a65;
  --admonition-problem-dark: #a1887f;
}

/* Base admonition styles */
.admonition {
  margin: 1.5rem 0;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  border-left: 0.3rem solid;
  background-color: var(--container-background-color-light);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.admonition .admonition-title {
  font-weight: 600;
  padding: 0.75rem 1rem;
  margin: 0 -1.5rem 1rem -1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.03);
}

.admonition .admonition-title:before {
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

/* Light theme styles */
.admonition.note {
  border-left-color: var(--admonition-note-light);
}

.admonition.note .admonition-title {
  background-color: rgba(52, 152, 219, 0.1);
}

.admonition.note .admonition-title:before {
  content: "\f05a";
}

.admonition.info .admonition-title:before {
  content: "\f05a";
}

.admonition.abstract {
  border-left-color: var(--admonition-abstract-light);
}

.admonition.abstract .admonition-title {
  background-color: rgba(52, 73, 94, 0.1);
}

.admonition.abstract .admonition-title:before {
  content: "\f02d";
}

.admonition.info {
  border-left-color: var(--admonition-info-light);
}

.admonition.info .admonition-title {
  background-color: rgba(0, 184, 212, 0.1);
}

.admonition.info .admonition-title:before {
  content: "\f05a";
}

.admonition.tip {
  border-left-color: var(--admonition-tip-light);
}

.admonition.tip .admonition-title {
  background-color: rgba(0, 191, 165, 0.1);
}

.admonition.tip .admonition-title:before {
  content: "\f0eb";
}

.admonition.success {
  border-left-color: var(--admonition-success-light);
}

.admonition.success .admonition-title {
  background-color: rgba(76, 175, 80, 0.1);
}

.admonition.success .admonition-title:before {
  content: "\f00c";
}

.admonition.question {
  border-left-color: var(--admonition-question-light);
}

.admonition.question .admonition-title {
  background-color: rgba(100, 221, 23, 0.1);
}

.admonition.question .admonition-title:before {
  content: "\f128";
}

.admonition.warning {
  border-left-color: var(--admonition-warning-light);
}

.admonition.warning .admonition-title {
  background-color: rgba(255, 152, 0, 0.1);
}

.admonition.warning .admonition-title:before {
  content: "\f071";
}

.admonition.failure {
  border-left-color: var(--admonition-failure-light);
}

.admonition.failure .admonition-title {
  background-color: rgba(255, 82, 82, 0.1);
}

.admonition.failure .admonition-title:before {
  content: "\f057";
}

.admonition.danger {
  border-left-color: var(--admonition-danger-light);
}

.admonition.danger .admonition-title {
  background-color: rgba(244, 67, 54, 0.1);
}

.admonition.danger .admonition-title:before {
  content: "\f06d";
}

.admonition.bug {
  border-left-color: var(--admonition-bug-light);
}

.admonition.bug .admonition-title {
  background-color: rgba(233, 30, 99, 0.1);
}

.admonition.bug .admonition-title:before {
  content: "\f188";
}

.admonition.example {
  border-left-color: var(--admonition-example-light);
}

.admonition.example .admonition-title {
  background-color: rgba(156, 39, 176, 0.1);
}

.admonition.example .admonition-title:before {
  content: "\f0c3";
}

.admonition.quote {
  border-left-color: var(--admonition-quote-light);
}

.admonition.quote .admonition-title {
  background-color: rgba(158, 158, 158, 0.1);
}

.admonition.quote .admonition-title:before {
  content: "\f10d";
}

/* Math admonition styles (light theme) */
.admonition.definition {
  border-left-color: var(--admonition-definition-light);
}

.admonition.definition .admonition-title {
  background-color: rgba(33, 150, 243, 0.1);
}

.admonition.definition .admonition-title:before {
  content: "\f02d";
}

.admonition.theorem {
  border-left-color: var(--admonition-theorem-light);
}

.admonition.theorem .admonition-title {
  background-color: rgba(103, 58, 183, 0.1);
}

.admonition.theorem .admonition-title:before {
  content: "\f0b2";
}

.admonition.corollary {
  border-left-color: var(--admonition-corollary-light);
}

.admonition.corollary .admonition-title {
  background-color: rgba(156, 39, 176, 0.1);
}

.admonition.corollary .admonition-title:before {
  content: "\f06e";
}

.admonition.lemma {
  border-left-color: var(--admonition-lemma-light);
}

.admonition.lemma .admonition-title {
  background-color: rgba(63, 81, 181, 0.1);
}

.admonition.lemma .admonition-title:before {
  content: "\f24e";
}

.admonition.proof {
  border-left-color: var(--admonition-proof-light);
}

.admonition.proof .admonition-title {
  background-color: rgba(96, 125, 139, 0.1);
}

.admonition.proof .admonition-title:before {
  content: "\f0c6";
}

.admonition.exercise {
  border-left-color: var(--admonition-exercise-light);
}

.admonition.exercise .admonition-title {
  background-color: rgba(255, 87, 34, 0.1);
}

.admonition.exercise .admonition-title:before {
  content: "\f044";
}

.admonition.problem {
  border-left-color: var(--admonition-problem-light);
}

.admonition.problem .admonition-title {
  background-color: rgba(121, 85, 72, 0.1);
}

.admonition.problem .admonition-title:before {
  content: "\f0eb";
}

/* Dark theme styles */
[data-darkmode=dark] .admonition {
  background-color: var(--container-background-color-dark);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-darkmode=dark] .admonition .admonition-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .admonition {
    background-color: var(--container-background-color-dark);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  }
  [data-darkmode=auto] .admonition .admonition-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
  }
}
[data-darkmode=dark] .admonition.note {
  border-left-color: var(--admonition-note-dark);
}

[data-darkmode=dark] .admonition.note .admonition-title {
  background-color: rgba(139, 177, 249, 0.1);
}

[data-darkmode=dark] .admonition.abstract {
  border-left-color: var(--admonition-abstract-dark);
}

[data-darkmode=dark] .admonition.abstract .admonition-title {
  background-color: rgba(169, 183, 198, 0.1);
}

[data-darkmode=dark] .admonition.info {
  border-left-color: var(--admonition-info-dark);
}

[data-darkmode=dark] .admonition.info .admonition-title {
  background-color: rgba(0, 229, 255, 0.1);
}

[data-darkmode=dark] .admonition.tip {
  border-left-color: var(--admonition-tip-dark);
}

[data-darkmode=dark] .admonition.tip .admonition-title {
  background-color: rgba(100, 255, 218, 0.1);
}

[data-darkmode=dark] .admonition.success {
  border-left-color: var(--admonition-success-dark);
}

[data-darkmode=dark] .admonition.success .admonition-title {
  background-color: rgba(105, 240, 174, 0.1);
}

[data-darkmode=dark] .admonition.question {
  border-left-color: var(--admonition-question-dark);
}

[data-darkmode=dark] .admonition.question .admonition-title {
  background-color: rgba(178, 255, 89, 0.1);
}

[data-darkmode=dark] .admonition.warning {
  border-left-color: var(--admonition-warning-dark);
}

[data-darkmode=dark] .admonition.warning .admonition-title {
  background-color: rgba(255, 215, 64, 0.1);
}

[data-darkmode=dark] .admonition.failure {
  border-left-color: var(--admonition-failure-dark);
}

[data-darkmode=dark] .admonition.failure .admonition-title {
  background-color: rgba(255, 138, 128, 0.1);
}

[data-darkmode=dark] .admonition.danger {
  border-left-color: var(--admonition-danger-dark);
}

[data-darkmode=dark] .admonition.danger .admonition-title {
  background-color: rgba(255, 82, 82, 0.1);
}

[data-darkmode=dark] .admonition.bug {
  border-left-color: var(--admonition-bug-dark);
}

[data-darkmode=dark] .admonition.bug .admonition-title {
  background-color: rgba(255, 64, 129, 0.1);
}

[data-darkmode=dark] .admonition.example {
  border-left-color: var(--admonition-example-dark);
}

[data-darkmode=dark] .admonition.example .admonition-title {
  background-color: rgba(224, 64, 251, 0.1);
}

[data-darkmode=dark] .admonition.quote {
  border-left-color: var(--admonition-quote-dark);
}

[data-darkmode=dark] .admonition.quote .admonition-title {
  background-color: rgba(224, 224, 224, 0.1);
}

/* Math admonition styles (dark theme) */
[data-darkmode=dark] .admonition.definition {
  border-left-color: var(--admonition-definition-dark);
}

[data-darkmode=dark] .admonition.definition .admonition-title {
  background-color: rgba(100, 181, 246, 0.1);
}

[data-darkmode=dark] .admonition.theorem {
  border-left-color: var(--admonition-theorem-dark);
}

[data-darkmode=dark] .admonition.theorem .admonition-title {
  background-color: rgba(149, 117, 205, 0.1);
}

[data-darkmode=dark] .admonition.corollary {
  border-left-color: var(--admonition-corollary-dark);
}

[data-darkmode=dark] .admonition.corollary .admonition-title {
  background-color: rgba(186, 104, 200, 0.1);
}

[data-darkmode=dark] .admonition.lemma {
  border-left-color: var(--admonition-lemma-dark);
}

[data-darkmode=dark] .admonition.lemma .admonition-title {
  background-color: rgba(121, 134, 203, 0.1);
}

[data-darkmode=dark] .admonition.proof {
  border-left-color: var(--admonition-proof-dark);
}

[data-darkmode=dark] .admonition.proof .admonition-title {
  background-color: rgba(144, 164, 174, 0.1);
}

[data-darkmode=dark] .admonition.exercise {
  border-left-color: var(--admonition-exercise-dark);
}

[data-darkmode=dark] .admonition.exercise .admonition-title {
  background-color: rgba(255, 138, 101, 0.1);
}

[data-darkmode=dark] .admonition.problem {
  border-left-color: var(--admonition-problem-dark);
}

[data-darkmode=dark] .admonition.problem .admonition-title {
  background-color: rgba(161, 136, 127, 0.1);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .admonition.note {
    border-left-color: var(--admonition-note-dark);
  }
  [data-darkmode=auto] .admonition.note .admonition-title {
    background-color: rgba(139, 177, 249, 0.1);
  }
  [data-darkmode=auto] .admonition.abstract {
    border-left-color: var(--admonition-abstract-dark);
  }
  [data-darkmode=auto] .admonition.abstract .admonition-title {
    background-color: rgba(169, 183, 198, 0.1);
  }
  [data-darkmode=auto] .admonition.info {
    border-left-color: var(--admonition-info-dark);
  }
  [data-darkmode=auto] .admonition.info .admonition-title {
    background-color: rgba(0, 229, 255, 0.1);
  }
  [data-darkmode=auto] .admonition.tip {
    border-left-color: var(--admonition-tip-dark);
  }
  [data-darkmode=auto] .admonition.tip .admonition-title {
    background-color: rgba(100, 255, 218, 0.1);
  }
  [data-darkmode=auto] .admonition.success {
    border-left-color: var(--admonition-success-dark);
  }
  [data-darkmode=auto] .admonition.success .admonition-title {
    background-color: rgba(105, 240, 174, 0.1);
  }
  [data-darkmode=auto] .admonition.question {
    border-left-color: var(--admonition-question-dark);
  }
  [data-darkmode=auto] .admonition.question .admonition-title {
    background-color: rgba(178, 255, 89, 0.1);
  }
  [data-darkmode=auto] .admonition.warning {
    border-left-color: var(--admonition-warning-dark);
  }
  [data-darkmode=auto] .admonition.warning .admonition-title {
    background-color: rgba(255, 215, 64, 0.1);
  }
  [data-darkmode=auto] .admonition.failure {
    border-left-color: var(--admonition-failure-dark);
  }
  [data-darkmode=auto] .admonition.failure .admonition-title {
    background-color: rgba(255, 138, 128, 0.1);
  }
  [data-darkmode=auto] .admonition.danger {
    border-left-color: var(--admonition-danger-dark);
  }
  [data-darkmode=auto] .admonition.danger .admonition-title {
    background-color: rgba(255, 82, 82, 0.1);
  }
  [data-darkmode=auto] .admonition.bug {
    border-left-color: var(--admonition-bug-dark);
  }
  [data-darkmode=auto] .admonition.bug .admonition-title {
    background-color: rgba(255, 64, 129, 0.1);
  }
  [data-darkmode=auto] .admonition.example {
    border-left-color: var(--admonition-example-dark);
  }
  [data-darkmode=auto] .admonition.example .admonition-title {
    background-color: rgba(224, 64, 251, 0.1);
  }
  [data-darkmode=auto] .admonition.quote {
    border-left-color: var(--admonition-quote-dark);
  }
  [data-darkmode=auto] .admonition.quote .admonition-title {
    background-color: rgba(224, 224, 224, 0.1);
  }
  /* Math admonition styles (auto dark theme) */
  [data-darkmode=auto] .admonition.definition {
    border-left-color: var(--admonition-definition-dark);
  }
  [data-darkmode=auto] .admonition.definition .admonition-title {
    background-color: rgba(100, 181, 246, 0.1);
  }
  [data-darkmode=auto] .admonition.theorem {
    border-left-color: var(--admonition-theorem-dark);
  }
  [data-darkmode=auto] .admonition.theorem .admonition-title {
    background-color: rgba(149, 117, 205, 0.1);
  }
  [data-darkmode=auto] .admonition.corollary {
    border-left-color: var(--admonition-corollary-dark);
  }
  [data-darkmode=auto] .admonition.corollary .admonition-title {
    background-color: rgba(186, 104, 200, 0.1);
  }
  [data-darkmode=auto] .admonition.lemma {
    border-left-color: var(--admonition-lemma-dark);
  }
  [data-darkmode=auto] .admonition.lemma .admonition-title {
    background-color: rgba(121, 134, 203, 0.1);
  }
  [data-darkmode=auto] .admonition.proof {
    border-left-color: var(--admonition-proof-dark);
  }
  [data-darkmode=auto] .admonition.proof .admonition-title {
    background-color: rgba(144, 164, 174, 0.1);
  }
  [data-darkmode=auto] .admonition.exercise {
    border-left-color: var(--admonition-exercise-dark);
  }
  [data-darkmode=auto] .admonition.exercise .admonition-title {
    background-color: rgba(255, 138, 101, 0.1);
  }
  [data-darkmode=auto] .admonition.problem {
    border-left-color: var(--admonition-problem-dark);
  }
  [data-darkmode=auto] .admonition.problem .admonition-title {
    background-color: rgba(161, 136, 127, 0.1);
  }
}
.markdown-body code {
  background-color: var(--fence-backgroud-color-light);
  padding: 0 0.4em;
  border-radius: 0.2em;
}

[data-darkmode=dark] .markdown-body code {
  background-color: var(--fence-backgroud-color-dark);
}
[data-darkmode=dark] .markdown-body pre code {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] .markdown-body code {
    background-color: var(--fence-backgroud-color-dark);
  }
  [data-darkmode=auto] .markdown-body pre code {
    background-color: transparent;
  }
}
div[class^=language-] {
  position: relative;
}

.zeroclipboard-container {
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 5px;
}
.zeroclipboard-container:hover {
  background: rgba(255, 255, 255, 0.5);
}
.zeroclipboard-container svg {
  fill: #bbb;
}
.zeroclipboard-container svg:hover {
  fill: #fff;
}
.zeroclipboard-container svg:first-child {
  display: unset;
}
.zeroclipboard-container svg:last-child {
  display: none;
}

.zeroclipboard-container.copied svg:first-child {
  display: none;
}
.zeroclipboard-container.copied svg:last-child {
  display: unset;
}

html {
  font-size: 16px;
}

.markdown-body li p {
  margin: 0;
}

.markdown-body .line-numbers-mode pre {
  display: flex;
}
.markdown-body .line-numbers-mode pre .line-numbers-wrapper {
  padding-right: 6px;
  margin-right: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  color: #818181;
  text-align: right;
}
.markdown-body .line-numbers-mode pre .line-numbers-wrapper, .markdown-body .line-numbers-mode pre code {
  font-size: 16px;
}
.markdown-body .code-info-header {
  display: flex;
  color: #ebf2f5;
  background: #434647;
  justify-content: space-between;
  padding: 0 2em;
  align-items: center;
  border-radius: 0.4em 0.4em 0 0;
}
.markdown-body pre[class*=language-] {
  margin: 0;
  border-radius: 0 0 0.4em 0.4em;
}
.markdown-body > pre {
  background: #ccc;
  padding: 1em;
  border-radius: 0.4em;
  border: 1px solid rgba(128, 128, 128, 0.2196078431);
}

.markdown-body details {
  margin: 0 0 0.6em 0;
}
.markdown-body details summary {
  display: inine-block;
  padding: 0.3em 0.6em;
  width: auto;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgb(221.0729927007, 221.0729927007, 247.4270072993);
  cursor: pointer;
  border-radius: 0.3em;
  user-select: none;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  list-style-type: none;
}
.markdown-body details summary .details-open-indicator {
  position: absolute;
  visibility: hidden;
}
.markdown-body details summary::-webkit-details-marker {
  display: none;
}
.markdown-body details summary:before {
  content: "▶";
  float: left;
  margin-right: 0.5em;
  transform: rotate(0deg);
  transition: transform 0.3s ease-out;
}
.markdown-body details summary:after {
  content: "展开";
  float: right;
  opacity: 0;
  font-size: 0.8em;
  transition: opacity 0.8s;
}
.markdown-body details summary:hover:after {
  opacity: 0.7;
}
.markdown-body details summary:focus {
  outline: none;
}
.markdown-body details article {
  border: solid 1px rgb(116.8394160584, 116.8394160584, 224.1605839416);
  border-top-color: hsl(0, 0%, 90%);
}
.markdown-body details[open] summary {
  color: rgb(15.6934306569, 15.6934306569, 70.3065693431);
  text-shadow: none;
  background: rgb(137.6861313869, 137.6861313869, 228.8138686131);
  border-radius: 0.3em 0.3em 0 0;
}
.markdown-body details[open] summary:before {
  transform: rotate(90deg);
}
.markdown-body details[open] summary:after {
  content: "隐藏";
}
.markdown-body details[open] article {
  border-radius: 0 0 0.3em 0.3em;
}

.markdown-body .center {
  display: flex;
  justify-content: center;
}
.markdown-body .line {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 auto;
}
.markdown-body .line > * {
  margin-right: 5px;
}

.markdown-body .blackboard {
  color: rgba(238, 238, 238, 0.7);
  position: relative;
  margin: 30px 7%;
  border: tan solid 12px;
  border-top: #bda27e solid 12px;
  border-left: #b19876 solid 12px;
  border-bottom: #c9ad86 solid 12px;
  box-shadow: 0px 0px 6px 5px rgba(58, 18, 13, 0), 0px 0px 0px 2px #c2a782, 0px 0px 0px 4px #a58e6f, 3px 4px 8px 5px rgba(0, 0, 0, 0.5);
  background-image: radial-gradient(circle at left 30%, rgba(34, 34, 34, 0.3), rgba(34, 34, 34, 0.3) 80px, rgba(34, 34, 34, 0.5) 100px, rgba(51, 51, 51, 0.5) 160px, rgba(51, 51, 51, 0.5)), linear-gradient(215deg, transparent, transparent 100px, #222 260px, #222 320px, transparent), radial-gradient(circle at right, #111, rgb(51, 51, 51));
  background-color: #333;
}
.markdown-body .blackboard .blackboard-content {
  color: #ccc;
  margin-top: 50px;
  padding: 10px;
}
.markdown-body .blackboard:before {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(175deg, transparent, transparent 40px, rgba(120, 120, 120, 0.1) 100px, rgba(120, 120, 120, 0.1) 110px, transparent 220px, transparent), linear-gradient(200deg, transparent 80%, rgba(50, 50, 50, 0.3)), radial-gradient(ellipse at right bottom, transparent, transparent 200px, rgba(80, 80, 80, 0.1) 260px, rgba(80, 80, 80, 0.1) 320px, transparent 400px, transparent);
  border: #2c2c2c solid 2px;
  content: "小黑板";
  font-family: "Permanent Marker", cursive;
  font-size: 2.2em;
  color: rgba(238, 238, 238, 0.7);
  text-align: center;
  padding-top: 2px;
}

.markdown-body .warning, .markdown-body .error, .markdown-body .info {
  position: relative;
  background: #ccc;
  border-left: 5px solid red;
  min-height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 12px 24px 12px 30px;
}
.markdown-body .warning .title-icon, .markdown-body .error .title-icon, .markdown-body .info .title-icon {
  position: absolute;
  left: -12px;
  top: 10px;
}
.markdown-body .warning .title-icon img, .markdown-body .error .title-icon img, .markdown-body .info .title-icon img {
  height: 20px;
  width: 20px;
  border-radius: 100%;
}
.markdown-body .warning {
  border-color: #ff9800;
}
.markdown-body .warning .title-icon img {
  background: rgb(204, 121.6, 0);
}
.markdown-body .info {
  border-color: #00529B;
}
.markdown-body .info .title-icon img {
  background: rgb(53, 159.864516129, 255);
}
.markdown-body .error .title-icon img {
  background: #ff6666;
}

.emoji {
  height: 1.2em;
}

.markdown-body .viz-contain {
  display: flex;
  justify-content: center;
}

.markdown-body abbr[title], .markdown-body abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

iframe.bilibili_iframe {
  width: 500px;
  height: 400px;
  margin: 0 auto;
}

.lb-box {
  width: 600px;
  margin: 1em auto;
  position: relative;
  overflow: hidden;
}
.lb-box .lb-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.lb-box .lb-item {
  display: none;
  position: relative;
}
.lb-box img.lb-item {
  object-fit: contain;
}
.lb-box .lb-item.active {
  display: block;
  left: 0%;
}
.lb-box .lb-item.active.left {
  left: -100%;
}
.lb-box .lb-item.active.right {
  left: 100%;
}
.lb-box {
  /*  */
}
.lb-box .lb-item.next,
.lb-box .lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-box .lb-item.next {
  left: 100%;
}
.lb-box .lb-item.prev {
  left: -100%;
}
.lb-box .lb-item.next.left,
.lb-box .lb-item.prev.right {
  left: 0%;
}
.lb-box .lb-sign {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 5px 3px;
  border-radius: 6px;
  list-style: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.7);
}
.lb-box .lb-sign li {
  width: 22px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  float: left;
  color: #aaa;
  margin: auto 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lb-box .lb-sign li:hover {
  color: #fff;
}
.lb-box .lb-sign li.active {
  color: #000;
  background-color: #EBEBEB;
}
.lb-box .lb-ctrl {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  font-weight: 900;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
}
@media (max-width: 568px) {
  .lb-box .lb-ctrl {
    font-size: 30px;
  }
}
.lb-box .lb-ctrl.left {
  left: -50px;
}
.lb-box .lb-ctrl.right {
  right: -50px;
}

.lb-box:hover .lb-ctrl.left {
  left: 10px;
}

.lb-box:hover .lb-ctrl.right {
  right: 10px;
}

.lb-ctrl:hover {
  background-color: #000;
}

@media (max-width: 568px) {
  .lb-box {
    width: 76%;
    height: 220px;
  }
}
html, body {
  font-size: 62.5%;
}

body {
  color: var(--font-color-light);
  background-color: var(--body-background-color-light);
}

[data-darkmode=dark] body {
  color: var(--font-color-dark);
  background-color: var(--body-background-color-dark);
}

@media (prefers-color-scheme: dark) {
  [data-darkmode=auto] body {
    color: var(--font-color-dark);
    background-color: var(--body-background-color-dark);
  }
}
.markdown-body {
  max-width: 800px;
  margin: 0 auto;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  font-weight: 800;
  font-family: var(--base-Header-font);
}

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