/** License By http://www.xinsite.vip */
/** 全局样式 */
*, :before, :after {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  color: var(--color-text-heading);
  font-size: var(--base-font-size);
  font-family: var(--base-font-family);
  background-color: var(--base-background-color);
  line-height: var(--base-line-height);
}

button, input, optgroup, select, textarea {
  font-size: 100%;
  margin: 0;
}

/** 滚动条样�? */
body:not([data-platform^="Mac"]) * ::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

body:not([data-platform^="Mac"]) * ::-webkit-scrollbar-track {
  background: none;
}

body:not([data-platform^="Mac"]) * ::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  background-color: var(--scrollbar-background);
  background-clip: padding-box;
  border-radius: 50vw;
}

body:not([data-platform^="Mac"]) * ::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-background-hover);
}

/** 顶部进度�? */
.progress {
  width: 0;
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--theme-color);
  transition: width var(--duration-slow), opacity var(--duration-slow);
  z-index: 2147483647;
}

/** loading */
#app {
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: var(--font-size-l);
  color: var(--color-text-heading);
}

/** 主体部分 */
main {
  display: block;
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
}

main.hidden {
  display: none;
}

a {
  text-decoration: none;
}

hr {
  height: 0;
  border: none;
  border-bottom: var(--hr-border, 0);
  margin: 2em 0;
}

img {
  max-width: 100%;
  border: none;
}

pre {
  font-size: var(--pre-font-size);
  font-weight: var(--pre-font-weight);
  font-family: var(--pre-font-family);
  line-height: var(--pre-line-height);
}

small {
  display: inline-block;
  font-size: var(--small-font-size);
}

strong {
  font-weight: var(--strong-font-weight);
  color: var(--strong-color, currentColor);
}

sub, sup {
  line-height: 0;
  font-size: var(--subsup-font-size);
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.emoji {
  height: var(--emoji-size);
  vertical-align: middle;
}

/** 文档正文 */
.markdown-section {
  margin: 0 auto;
  padding: calc(var(--header-height) + 1.25rem) 15px 2rem 15px;
  max-width: var(--content-max-width);
  position: relative;
}

.markdown-section p,
.markdown-section ul,
.markdown-section ol,
.markdown-section figure {
  margin: 1em 0;
}

.markdown-section ol, .markdown-section ul {
  padding-left: 1.5rem;
}

.markdown-section ol ol,
.markdown-section ol ul,
.markdown-section ul ol,
.markdown-section ul ul {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

.markdown-section a {
  color: var(--link-color);
  -webkit-text-decoration: var(--link-text-decoration);
  text-decoration: var(--link-text-decoration);
  -webkit-text-decoration-color: var(--link-text-decoration-color);
  text-decoration-color: var(--link-text-decoration-color);
}

.markdown-section a:hover {
  color: var(--link-color--hover, var(--link-color));
  -webkit-text-decoration: var(--link-text-decoration--hover, var(--link-text-decoration));
  text-decoration: var(--link-text-decoration--hover, var(--link-text-decoration));
  -webkit-text-decoration-color: var(--link-text-decoration-color--hover, var(--link-text-decoration-color));
  text-decoration-color: var(--link-text-decoration-color--hover, var(--link-text-decoration-color));
}

.markdown-section a.anchor {
  color: inherit;
  text-decoration: none;
  -webkit-text-decoration-color: var(--link-text-decoration-color, var(--link-text-decoration-color));
  text-decoration-color: var(--link-text-decoration-color, var(--link-text-decoration-color));
}

.markdown-section a.anchor:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--link-text-decoration-color--hover, var(--link-text-decoration-color));
  text-decoration-color: var(--link-text-decoration-color--hover, var(--link-text-decoration-color));
}

.markdown-section iframe {
  margin: 1em 0;
}

.markdown-section img {
  max-width: 100%;
  filter: var(--content-img-filter);
}

@media (max-width: 69em) {
  .markdown-section img {
    height: auto !important;
  }
}

/** 标题 */
.markdown-section h1:first-child,
.markdown-section h2:first-child,
.markdown-section h3:first-child,
.markdown-section h4:first-child,
.markdown-section h5:first-child,
.markdown-section h6:first-child {
  margin-top: 0;
}

.markdown-section h1 a[data-id],
.markdown-section h2 a[data-id],
.markdown-section h3 a[data-id],
.markdown-section h4 a[data-id],
.markdown-section h5 a[data-id],
.markdown-section h6 a[data-id] {
  display: inline-block;
}

.markdown-section h1 code,
.markdown-section h2 code,
.markdown-section h3 code,
.markdown-section h4 code,
.markdown-section h5 code,
.markdown-section h6 code {
  font-size: 0.875em;
}

.markdown-section h1 + h2,
.markdown-section h1 + h3,
.markdown-section h1 + h4,
.markdown-section h1 + h5,
.markdown-section h1 + h6,
.markdown-section h2 + h3,
.markdown-section h2 + h4,
.markdown-section h2 + h5,
.markdown-section h2 + h6,
.markdown-section h3 + h4,
.markdown-section h3 + h5,
.markdown-section h3 + h6,
.markdown-section h4 + h5,
.markdown-section h4 + h6,
.markdown-section h5 + h6 {
  margin-top: 1rem;
}

.markdown-section h1 {
  color: var(--heading-color);
  line-height: var(--base-line-height);
  font-size: var(--heading-h1-font-size);
  font-weight: var(--heading-font-weight);
  padding: var(--heading-padding);
  margin: var(--heading-margin);
}

.markdown-section h2 {
  color: var(--heading-color);
  line-height: var(--base-line-height);
  font-size: var(--heading-h2-font-size);
  font-weight: var(--heading-font-weight);
  padding: var(--heading-padding);
  margin: var(--heading-margin);
}

.markdown-section h3 {
  color: var(--heading-color);
  font-size: var(--heading-h3-font-size);
  font-weight: var(--heading-font-weight);
  padding: var(--heading-padding);
  margin: var(--heading-margin);
}

.markdown-section h4 {
  color: var(--heading-color);
  font-size: var(--heading-h4-font-size);
  font-weight: var(--heading-font-weight);
  padding: var(--heading-padding);
  margin: var(--heading-margin);
}

.markdown-section h5 {
  color: var(--heading-color);
  font-size: var(--heading-h5-font-size);
  font-weight: var(--heading-font-weight);
  padding: var(--heading-padding);
  margin: var(--heading-margin);
}

.markdown-section h6 {
  color: var(--heading-color);
  font-size: var(--heading-h6-font-size);
  font-weight: var(--heading-font-weight);
  padding: var(--heading-padding);
  margin: var(--heading-margin);
}

/** 键盘 */
.markdown-section kbd {
  color: var(--kbd-color);
  margin: var(--kbd-margin);
  padding: var(--kbd-padding);
  min-width: var(--kbd-min-width);
  background: var(--kbd-background);
  border-radius: var(--kbd-border-radius);
  border: var(--kbd-border);
  display: inline-block;
  font-family: inherit;
  text-align: center;
  letter-spacing: 0;
  line-height: 1;
}

.markdown-section kbd + kbd {
  margin-left: -0.15em;
}

/** 表格 */
.markdown-section table {
  margin: 1rem 0;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: auto;
  display: table;
  width: 100%;
}

.markdown-section th, .markdown-section td {
  padding: var(--table-cell-padding);
}

.markdown-section th:not([align]) {
  text-align: left;
}

.markdown-section thead {
  background: var(--table-head-background);
  border-color: var(--table-head-border-color);
  border-width: var(--table-head-border-width, 0);
  border-style: solid;
}

.markdown-section th {
  color: var(--strong-color);
  font-weight: var(--table-head-font-weight);
  border-color: var(--table-cell-border-color);
  border-width: var(--table-cell-border-width, 0);
  border-style: solid;
}

.markdown-section td {
  border-color: var(--table-cell-border-color);
  border-width: var(--table-cell-border-width, 0);
  border-style: solid;
}

.markdown-section tbody {
  border-color: var(--table-body-border-color);
  border-width: var(--table-body-border-width, 0);
  border-style: solid;
}

.markdown-section tbody tr:nth-child(odd) {
  background: var(--table-row-odd-background);
  transition: background-color var(--duration-medium);
}

.markdown-section tbody tr:nth-child(even) {
  background: var(--table-row-even-background);
  transition: background-color var(--duration-medium);
}

.markdown-section tbody tr:hover {
  background: var(--table-row-hover-background);
}

/** 引用�? */
.markdown-section blockquote {
  margin: 2em 0;
  padding: var(--notice-padding);
  background: var(--blockquote-background);
  border-color: var(--blockquote-border-color);
  border-style: var(--notice-border-style);
  border-radius: var(--notice-border-radius);
  border-width: var(--notice-border-width, 0);
  font-weight: var(--notice-font-weight);
  position: relative;
}

.markdown-section blockquote p:first-child {
  margin-top: 0;
}

.markdown-section blockquote p:last-child {
  margin-bottom: 0;
}

.markdown-section .tip:before,
.markdown-section .warn:before,
.markdown-section blockquote:before {
  content: "";
  position: var(--notice-before-position, relative);
  top: var(--notice-before-top);
  left: var(--notice-before-left);
  width: var(--notice-before-width);
  height: var(--notice-before-height);
  margin: var(--notice-before-margin);
  background: var(--notice-info-icon);
  background-repeat: no-repeat;
}

/** 提示�? */
.markdown-section .tip, .markdown-section .warn {
  margin: 2em 0;
  padding: var(--notice-padding);
  font-weight: var(--notice-font-weight);
  border-style: var(--notice-border-style);
  border-width: var(--notice-border-width, 0);
  border-radius: var(--notice-border-radius);
  position: relative;
}

.markdown-section .tip {
  border-color: var(--notice-error-border-color);
  background: var(--notice-error-background, var(--notice-background));
}

.markdown-section .tip:before {
  background: var(--notice-error-icon);
}

.markdown-section .warn {
  border-color: var(--notice-warn-border-color);
  background: var(--notice-warn-background, var(--notice-background));
}

.markdown-section .warn:before {
  background: var(--notice-warn-icon);
}

/** 行内代码 */
.markdown-section code {
  font-size: var(--code-font-size);
  font-family: var(--code-font-family);
  font-weight: var(--code-font-weight);
  line-height: inherit;
}

.markdown-section code:not([class*="lang-"]):not([class*="language-"]) {
  margin: var(--code-inline-margin);
  padding: var(--code-inline-padding);
  background: var(--code-inline-background);
  color: var(--code-inline-color, currentColor);
  border: var(--code-inline-border);
  border-radius: var(--code-inline-border-radius);
  white-space: nowrap;
  vertical-align: 1.5px;
}

/** 代码块样�? */
.markdown-section code[class*="lang-"],
.markdown-section pre[data-lang] {
  color: var(--code-theme-text);
  font-size: var(--code-font-size);
  font-weight: var(--code-font-weight);
  font-family: var(--code-font-family);
  line-height: var(--code-block-line-height);
  -moz-tab-size: var(--code-tab-size);
  -o-tab-size: var(--code-tab-size);
  tab-size: var(--code-tab-size);
  letter-spacing: normal;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-wrap: normal;
  word-break: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.markdown-section pre[data-lang] {
  padding: 0 0.25em;
  margin: var(--code-block-margin);
  border-radius: var(--code-block-border-radius);
  position: relative;
  overflow: hidden;
}

.markdown-section pre[data-lang]::after {
  content: attr(data-lang);
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  color: var(--color-border-base);
  font-size: var(--font-size-xs);
  line-height: 1;
}

.markdown-section pre[data-lang] code {
  display: block;
  padding: var(--code-block-padding);
  overflow: auto;
}

:not(pre) > code[class*="lang-"], pre[data-lang] {
  background: var(--code-theme-background);
}

.namespace {
  opacity: 0.7;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: var(--code-theme-comment);
}

.token.punctuation {
  color: var(--code-theme-punctuation);
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: var(--code-theme-tag);
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: var(--code-theme-selector);
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: var(--code-theme-operator);
}

.token.atrule, .token.attr-value, .token.keyword {
  color: var(--code-theme-keyword);
}

.token.function {
  color: var(--code-theme-function);
}

.token.regex, .token.important, .token.variable {
  color: var(--code-theme-variable);
}

.token.important, .token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

/** 侧边�? */
.sidebar {
  display: flex;
  box-sizing: border-box;
  position: fixed;
  right: 100%;
  top: var(--header-height);
  width: var(--sidebar-width);
  height: calc(100vh - var(--header-height));
  border-width: var(--sidebar-border-width);
  border-color: var(--sidebar-border-color);
  background: var(--sidebar-background);
  padding: var(--sidebar-padding);
  flex-direction: column;
  border-style: solid;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
}

.sidebar, .sidebar-toggle, .sidebar + .content {
  transition: transform var(--duration-fast) ease-out, margin-left var(--duration-fast) ease-out;
}

/* 侧栏滚动�? */
body:not([data-platform^="Mac"]) .sidebar::-webkit-scrollbar {
  width: 0;
}

/* 侧栏菜单 */
.sidebar-nav {
  order: 1;
  margin: var(--sidebar-nav-margin);
}

.sidebar-nav > :last-child {
  margin-bottom: 2rem;
}

.sidebar-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav ul > li > span,
.sidebar-nav ul > li > strong {
  color: var(--sidebar-nav-strong-color);
  margin: var(--sidebar-nav-strong-margin);
  padding: var(--sidebar-nav-strong-padding);
  font-size: var(--sidebar-nav-strong-font-size);
  font-weight: var(--sidebar-nav-strong-font-weight);
  text-transform: var(--sidebar-nav-strong-text-transform);
  border-width: var(--sidebar-nav-strong-border-width, 0);
  border-color: var(--sidebar-nav-strong-border-color);
  border-style: solid;
  display: block;
}

.sidebar-nav ul > li > span + ul,
.sidebar-nav ul > li > strong + ul {
  margin-left: 0;
}

.sidebar-nav ul > li:first-child > span,
.sidebar-nav ul > li:first-child > strong {
  margin-top: 0;
}

.sidebar-nav a {
  display: block;
  position: relative;
  transition: all .3s;
  color: var(--sidebar-nav-link-color);
  height: var(--sidebar-nav-link-height);
  line-height: var(--sidebar-nav-link-height);
  font-size: var(--sidebar-nav-link-font-size);
  border-color: var(--sidebar-nav-link-border-color);
  border-style: var(--sidebar-nav-link-border-style);
  border-width: var(--sidebar-nav-link-border-width, 0);
  padding-right: var(--sidebar-nav-link-padding-right);
  padding-left: var(--sidebar-nav-link-padding-left);
  margin: var(--sidebar-nav-link-margin);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-nav a:hover {
  color: var(--sidebar-nav-link-color-active);
}

.sidebar-nav li.active > a {
  color: var(--sidebar-nav-link-color-active, var(--sidebar-nav-link-color));
  border-color: var(--sidebar-nav-link-border-color-active, var(--sidebar-nav-link-border-color));
}

.sidebar-nav li > a:not(.section-link):not([href^="#/"]):after {
  content: "";
  position: absolute;
  top: 50%;
  width: var(--sidebar-nav-link-arrow-width);
  height: var(--sidebar-nav-link-arrow-height);
  right: var(--sidebar-nav-link-arrow-offset-right);
  margin-top: calc(0px - (var(--sidebar-nav-link-arrow-height) / 2));
  background-repeat: no-repeat;
  background-image: var(--sidebar-nav-link-arrow-image);
  background-size: var(--sidebar-nav-link-arrow-width) var(--sidebar-nav-link-arrow-height);
  transition: transform .2s ease-in-out;
  transform: rotate(180deg);
  transform-origin: center;
}

.sidebar-nav li.collapse > a:after {
  transform: rotate(0) !important;
}

.sidebar-nav li > a:hover:after,
.sidebar-nav li.active > a:after {
  background-image: var(--sidebar-nav-link-arrow-image-active) !important;
}

.sidebar-nav li.active > a {
  background: var(--sidebar-nav-link-backgroud-active);
}

.sidebar-nav li .app-sub-sidebar {
  overflow: hidden;
  transition: height .2s ease-in-out;
}

.sidebar-nav li.collapse > .app-sub-sidebar {
  height: 0 !important;
}

.sidebar-nav li > .app-sub-sidebar > li > a {
  padding-left: calc(var(--sidebar-nav-link-padding-left) + var(--sidebar-nav-indent));
}

.sidebar-nav li > .app-sub-sidebar > li > .app-sub-sidebar > li > a {
  padding-left: calc(var(--sidebar-nav-link-padding-left) + (var(--sidebar-nav-indent) * 2));
}

.sidebar-nav li > .app-sub-sidebar > li > .app-sub-sidebar > li > .app-sub-sidebar > li > a {
  padding-left: calc(var(--sidebar-nav-link-padding-left) + (var(--sidebar-nav-indent) * 3));
}

/* 侧栏折叠按钮 */
.sidebar-toggle {
  position: fixed;
  top: var(--sidebar-toggle-offset-top);
  left: var(--sidebar-toggle-offset-left);
  background: none;
  outline: none;
  border: none;
  padding: 0;
  z-index: 9;
}

.sidebar-toggle .sidebar-toggle-button {
  width: var(--sidebar-toggle-width);
  height: var(--sidebar-toggle-height);
  border-width: var(--sidebar-toggle-border-width);
  border-style: var(--sidebar-toggle-border-style);
  border-radius: var(--sidebar-toggle-border-radius);
  padding-top: calc((var(--sidebar-toggle-height) - var(--sidebar-toggle-icon-height)) / 2);
  background: var(--sidebar-toggle-background, transparent);
  box-shadow: var(--sidebar-toggle-shadow);
  cursor: pointer;
}

.sidebar-toggle span {
  width: var(--sidebar-toggle-icon-width);
  height: var(--sidebar-toggle-icon-stroke-width);
  background-color: var(--sidebar-toggle-icon-color);
  margin-top: calc((var(--sidebar-toggle-icon-height) - (var(--sidebar-toggle-icon-stroke-width) * 3)) / 2);
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.sidebar-toggle span:first-child {
  margin-top: 0;
}

/* 侧栏响应�? */
@media (min-width: 48em) {
  .sidebar, .sidebar-toggle {
    transform: translateX(var(--sidebar-width));
  }

  .sidebar + .content {
    margin-left: var(--sidebar-width);
  }

  body.close .sidebar,
  body.close .sidebar-toggle,
  body.close .sidebar + .content {
    margin-left: 0;
    transform: translateX(0);
  }
}

@media (max-width: 47.99em) {
  body.close .sidebar,
  body.close .sidebar-toggle,
  body.close .sidebar + .content {
    transform: translateX(var(--sidebar-width));
  }
}

@media print {
  .sidebar, .sidebar-toggle, .xin-header {
    display: none !important;
  }

  .sidebar + .content {
    margin-left: 0 !important;
  }

  .markdown-section {
    padding: 0;
  }

  .markdown-section:before {
    content: "license by http://www.xinsite.vip";
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
  }
}

/* 侧栏搜索功能 */
.sidebar .search {
  padding: 0;
  border: none;
  margin: var(--search-margin);
  order: var(--search-flex-order);
}

.sidebar .search.show ~ * {
  display: none;
}

/* 侧栏搜索�? */
.sidebar .search .input-wrap {
  margin: var(--search-input-margin);
  position: relative;
  display: block;
}

.sidebar .search input[type="search"] {
  line-height: 1;
  background-color: transparent;
  background-image: var(--search-input-background-image);
  background-position: var(--search-input-background-position);
  background-repeat: var(--search-input-background-repeat);
  border-style: solid;
  border-radius: var(--border-radius-s);
  border-color: var(--search-input-border-color);
  border-width: var(--search-input-border-width, 0);
  padding: var(--search-input-padding);
  color: var(--color-text-heading);
  transition: all .3s;
}

.sidebar .search input[type="search"]:focus {
  border-color: var(--search-input-focus-border-color);
  box-shadow: var(--search-input-focus-box-shadow);
}

.sidebar .search input[type="search"]:disabled {
  cursor: not-allowed;
}

.sidebar .search input[type="search"]::-moz-placeholder {
  color: var(--search-input-placeholder-color, gray);
}

.sidebar .search input[type="search"]:-ms-input-placeholder {
  color: var(--search-input-placeholder-color, gray);
}

.sidebar .search input[type="search"]::placeholder {
  color: var(--search-input-placeholder-color, gray);
}

.sidebar .search input[type="search"]::-webkit-input-placeholder {
  line-height: normal;
}

.sidebar .search input[type="search"]::-ms-clear {
  display: none;
}

.sidebar .search .clear-button {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
}

.sidebar .search .clear-button svg {
  transform: scale(.65);
  transform-origin: 0 0;
}

.sidebar .search .clear-button svg circle {
  fill: var(--search-clear-icon-color, gray);
}

.sidebar .search .clear-button svg path {
  stroke: #fff;
}

/* 侧栏搜索结果 */
.sidebar .search .matching-post,
.sidebar .search .matching-post:last-child {
  padding: var(--search-result-item-padding);
  border-width: var(--search-result-item-border-width, 0) !important;
  border-style: var(--search-result-item-border-style);
  border-color: var(--search-result-item-border-color);
  transition: background-color var(--duration-fast);
}

.sidebar .search .results-panel {
  margin-top: 8px;
}

.sidebar .search .matching-post:hover {
  background: var(--color-border-extra-light);
}

.sidebar .search h2 {
  color: var(--search-result-heading-color);
  font-size: var(--search-result-heading-font-size);
  font-weight: var(--search-result-heading-font-weight);
  margin: var(--search-result-heading-margin);
}

.sidebar .search .matching-post p {
  margin: 0;
}

.sidebar .search .search-keyword {
  margin: var(--search-result-keyword-margin);
  padding: var(--search-result-keyword-padding);
  border-radius: var(--search-result-keyword-border-radius);
  background-color: var(--search-result-keyword-background);
  color: var(--search-result-keyword-color, currentColor);
  font-weight: var(--search-result-keyword-font-weight);
  font-style: normal;
}

/** 代码复制按钮 */
body .docsify-copy-code-button {
  padding: 0;
  margin: var(--copycode-margin);
  background: none;
}

body .docsify-copy-code-button > .label,
body .docsify-copy-code-button > .error,
body .docsify-copy-code-button > .success {
  color: var(--copycode-color);
  font-size: var(--font-size-xs);
  padding: var(--copycode-padding);
  background: var(--copycode-background);
  border-radius: var(--border-radius-s, 0);
  box-shadow: var(--copycode-box-shadow);
  transform: none !important;
  top: 0 !important;
  display: block;
}

body .docsify-copy-code-button.error > .error,
body .docsify-copy-code-button.success > .success {
  margin-right: 10px;
}

/** 图片放大 */
.medium-zoom-overlay,
.medium-zoom-image--open,
.medium-zoom-image--opened {
  z-index: 2147483646 !important;
}

.medium-zoom-overlay {
  background: var(--zoomimage-overlay-background) !important;
}

/** 代码行号 */
.markdown-section pre[data-lang] ul.line-numbers-box {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  list-style: none;
  user-select: none;
  text-align: center;
  width: var(--line-numbers-width);
  padding: var(--line-numbers-padding);
  font-size: var(--line-numbers-font-size);
  line-height: var(--code-block-line-height);
  border-right: var(--line-numbers-border-right);
  background: var(--line-numbers-background);
  color: var(--line-numbers-color);
  pointer-events: none;
}

.markdown-section pre[data-lang] code.has-line-numbers {
  padding-left: var(--line-numbers-padding-left);
}

/** 返回顶部 */
.xin-back-up {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: var(--back-up-size);
  height: var(--back-up-size);
  background-repeat: no-repeat;
  background-size: var(--back-up-icon-size);
  background-image: var(--back-up-icon-image);
  background-position: var(--back-up-icon-image-posotion);
  background-color: var(--back-up-backgroud-color);
  box-shadow: var(--back-up-backgroud-box-shadow);
  transition: all var(--duration-medium);
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
}

.xin-back-up:hover {
  background-color: var(--back-up-backgroud-color-hover);
}

.xin-back-up:not(.show) {
  pointer-events: none;
  opacity: 0;
}

/** 顶部导航 */
.xin-header {
  display: flex;
  padding: var(--header-padding);
  font-size: var(--header-font-size);
  font-family: var(--header-font-family);
  background: var(--header-background);
  box-shadow: var(--header-box-shadow);
  transition: padding .3s;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.xin-header .xin-logo {
  color: var(--color-text-heading);
  font-size: var(--header-logo-font-size);
  line-height: var(--header-height);
  padding-left: calc(var(--header-logo-size) + 12px);
  background-image: url(../img/logo.png);
  background-position: 0 calc(var(--header-height) / 2 - var(--header-logo-size) / 2);
  background-size: var(--header-logo-size);
  background-repeat: no-repeat;
  font-weight: 500;
}

.xin-header .xin-header-left {
  flex: 1;

}

.xin-header .xin-nav-group {
  position: relative;
}

.xin-header .xin-nav-group .xin-nav-toggle {
  width: var(--sidebar-toggle-width);
  height: var(--sidebar-toggle-height);
  padding-top: calc((var(--sidebar-toggle-height) - var(--sidebar-toggle-icon-height)) / 2);
  cursor: pointer;
  display: none;
}

.xin-header .xin-nav-group .xin-nav-toggle:before,
.xin-header .xin-nav-group .xin-nav-toggle:after,
.xin-header .xin-nav-group .xin-nav-toggle > i {
  content: "";
  width: var(--sidebar-toggle-icon-width);
  height: var(--sidebar-toggle-icon-stroke-width);
  background-color: var(--sidebar-toggle-icon-color);
  margin-top: calc((var(--sidebar-toggle-icon-height) - (var(--sidebar-toggle-icon-stroke-width) * 3)) / 2);
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.xin-header .xin-nav-group .xin-nav-toggle:before {
  margin-top: 0;
}

.xin-header .xin-nav {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  list-style: none;
}

.xin-header .xin-nav .xin-nav-item {
  margin: 0 12px;
  position: relative;
}

.xin-header .xin-nav .xin-nav-item a {
  padding: 0 6px;
  color: var(--color-text-heading);
  border-top: var(--header-nav-item-border-width) solid transparent;
  border-bottom: var(--header-nav-item-border-width) solid transparent;
  line-height: calc(var(--header-height) - var(--header-nav-item-border-width) * 2);
  transition: color .3s, border-top-color .3s, border-bottom-color .3s, background-color .3s;
  position: relative;
  cursor: pointer;
  display: block;
}

.xin-header .xin-nav .xin-nav-item:not(.xin-nav-sub):hover > a,
.xin-header .xin-nav .xin-nav-item:not(.xin-nav-sub).xin-active > a {
  color: var(--theme-color);
  border-top-color: var(--header-nav-item-border-top-color);
  border-bottom-color: var(--header-nav-item-border-bottom-color);
}

.xin-header .xin-nav .xin-nav-item.xin-nav-sub > a {
  padding-right: 13px;
}

.xin-header .xin-nav .xin-nav-item.xin-nav-sub > a:after {
  content: "";
  width: 12px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  background-size: 12px 6px;
  background-repeat: no-repeat;
  background-image: var(--sidebar-nav-link-arrow-image);
}

.xin-header .xin-nav-child {
  position: absolute;
  right: -5px;
  top: 100%;
  padding: 5px 0;
  margin: -5px 0 0 0;
  min-width: max-content;
  background: var(--header-nav-child-background);
  box-shadow: var(--header-nav-child-shadow);
  border-radius: var(--border-radius-s);
  transition: all .2s;
  transition-delay: .3s;
  transform-origin: 0 0;
  transform: scaleY(.8);
  pointer-events: none;
  opacity: 0;
}

.xin-header .xin-nav-sub.xin-nav-item:hover > .xin-nav-child {
  transition-delay: 0s;
  transform: scaleY(1);
  pointer-events: auto;
  opacity: 1;
  z-index: 1;
}

.xin-header .xin-nav-child > dd {
  margin: 0;
}

.xin-header .xin-nav .xin-nav-item .xin-nav-child > dd > a {
  border: none;
  line-height: 1;
  padding: var(--header-nav-child-padding);
}

.xin-header .xin-nav .xin-nav-item .xin-nav-child > dd > a:hover {
  background: var(--header-nav-child-hover-background);
}

.xin-btn {
  line-height: 1;
  padding: 3px 9px;
  margin-left: 12px;
  color: var(--color-text-heading);
  font-size: var(--font-size-xs);
  border: var(--header-button-border);
  border-radius: var(--border-radius-s);
  transition: color var(--duration-medium), border-color var(--duration-medium);
  user-select: none;
  cursor: pointer;
}

.xin-btn:hover {
  color: var(--theme-color);
  border-color: var(--theme-color);
}

.xin-btn-danger:hover {
  color: var(--notice-error-color);
  border-color: var(--notice-error-color);
}

.xin-btn:active {
  box-shadow: var(--button-box-shadow);
}

.xin-btn-danger:active {
  box-shadow: var(--button-danger-box-shadow);
}

@media screen and (max-width: 1150px) {
  .xin-header {
    padding: 0 15px;
  }

  .xin-header .xin-nav-group {
    order: 1;
    margin-left: 10px;
  }

  .xin-header .xin-nav-group .xin-nav-toggle {
    display: block;
  }

  .xin-header .xin-nav {
    position: absolute;
    right: 0;
    top: 100%;
    padding: 5px 0;
    min-width: 150px;
    width: max-content;
    margin: -2px 0 0 0;
    background: var(--header-nav-child-background);
    box-shadow: var(--header-nav-child-shadow);
    border-radius: var(--border-radius-s);
    transition: all .2s;
    transition-delay: .3s;
    transform-origin: 0 0;
    transform: scaleY(.8);
    pointer-events: none;
    display: block;
    opacity: 0;
  }

  .xin-header .xin-nav-group:hover .xin-nav {
    transition-delay: 0s;
    transform: scaleY(1);
    pointer-events: auto;
    opacity: 1;
  }

  .xin-header .xin-nav .xin-nav-item {
    margin: 0;
  }

  .xin-header .xin-nav .xin-nav-item a {
    border: none;
    line-height: 1;
    padding: var(--header-nav-child-padding);
    transition: color .3s, background-color .3s;
  }

  .xin-header .xin-nav .xin-nav-item:not(.xin-active) a:hover {
    color: inherit;
    background: var(--header-nav-child-hover-background);
  }

  .xin-header .xin-nav .xin-nav-item:not(.xin-nav-sub).xin-active > a {
    background: var(--theme-color-extra-lighter);
  }

  .xin-header .xin-nav .xin-nav-item.xin-nav-sub > a:after {
    right: 12px;
    transform: rotate(-90deg);
  }

  .xin-header .xin-nav-child {
    right: 80%;
    top: auto;
    margin: 0 -5px -40px 0;
  }

  .xin-btn {
    margin-left: 10px;
  }

  .xin-back-up {
    right: 20px;
    bottom: 30px;
  }
}

/** message提示 */
.xin-message-group {
  line-height: 1.5;
  font-size: var(--font-size-s);
  color: var(--color-text-heading);
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 1010;
  pointer-events: none;
}

.xin-message-item {
  margin: 0 auto 16px auto;
  padding: 10px 16px 10px 40px;
  background: var(--message-background);
  box-shadow: var(--message-box-shadow);
  border-radius: var(--border-radius-s);
  pointer-events: all;
  width: max-content;
  position: relative;
  transition: all .3s;
  transform: translateY(-100%);
  opacity: 0;
}

.xin-message-item.show {
  transform: translateY(0);
  opacity: 1;
}

.xin-message-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 16px;
  height: 16px;
  margin-top: -7px;
  background-image: var(--notice-info-icon);
  background-repeat: no-repeat;
}

.xin-message-item.success:before {
  background-image: var(--notice-success-icon);
}

.xin-message-item.warn:before {
  background-image: var(--notice-warn-icon);
}

.xin-message-item.error:before {
  background-image: var(--notice-error-icon);
}

.xin-message-item .close {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background: var(--message-close-icon);
  background-repeat: no-repeat;
  cursor: pointer;
}

.xin-message-item.allow-close {
  padding-right: 32px;
}

/** 主题变量 */
:root {
  --theme-color: #1890ff;
  --theme-color-light: #40a9ff;
  --theme-color-lighter: #91d5ff;
  --theme-color-extra-lighter: #e6f7ff;
  --color-text-heading: #333333;
  --color-text-secondary: #666666;
  --color-text-placeholder: #cccccc;
  --color-border-base: #d9d9d9;
  --color-border-light: #e9e9e9;
  --color-border-lighter: #f0f0f0;
  --color-border-extra-light: #f6f6f6;
  --scrollbar-background: #d9d9d9;
  --scrollbar-background-hover: #bfbfbf;
  --font-size-xxl: 1.65rem;
  --font-size-xl: 1.45rem;
  --font-size-l: 1.25rem;
  --font-size-m: 1.05rem;
  --font-size-s: 0.95rem;
  --font-size-xs: 0.75rem;
  --border-radius-s: 2px;
  --border-radius-m: 4px;
  --border-radius-l: 8px;
  --duration-slow: 0.5s;
  --duration-medium: 0.3s;
  --duration-fast: 0.2s;
  --base-line-height: 1.7;
  --base-background-color: #fff;
  --base-font-size: calc(var(--font-size-s) + 0.05rem);
  --base-font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
  --strong-font-weight: 600;
  --strong-color: var(--heading-color);
  --small-font-size: var(--font-size-xs);
  --subsup-font-size: var(--font-size-xs);
  --emoji-size: calc(var(--base-line-height) * 1em);
  --hr-border: 1px solid var(--color-border-lighter);
  --content-max-width: 69em;
}

:root {
  --link-color: var(--theme-color);
  --link-color--hover: var(--theme-color-light);
  --link-text-decoration: none;
  --link-text-decoration-color: var(--theme-color);
  --link-text-decoration--hover: none;
  --link-text-decoration-color--hover: var(--theme-color);
  --link-border-bottom: none;
  --link-border-bottom--hover: none;
  --heading-color: var(--color-text-heading);
  --heading-margin: 1.2rem 0 0;
  --heading-padding: 0;
  --heading-font-weight: normal;
  --heading-h1-font-size: var(--font-size-xxl);
  --heading-h2-font-size: var(--font-size-xxl);
  --heading-h3-font-size: var(--font-size-xl);
  --heading-h4-font-size: var(--font-size-l);
  --heading-h5-font-size: var(--font-size-m);
  --heading-h6-font-size: var(--font-size-s);
  --table-head-font-weight: 500;
  --table-head-border-width: 1px;
  --table-head-background: var(--color-border-extra-light);
  --table-head-border-color: var(--table-cell-border-color);
  --table-body-border-width: 1px;
  --table-body-border-color: var(--table-cell-border-color);
  --table-cell-border-width: 1px;
  --table-cell-padding: 0.6em 1.2em;
  --table-cell-border-color: var(--color-border-light);
  --table-row-odd-background: none;
  --table-row-even-background: none;
  --table-row-hover-background: var(--theme-color-extra-lighter);
  --blockquote-background: var(--theme-color-extra-lighter);
  --blockquote-border-color: var(--theme-color-lighter);
  --notice-padding: 0.45em 0.8em 0.45em 2.4em;
  --notice-font-weight: normal;
  --notice-border-width: 1px;
  --notice-border-style: solid;
  --notice-border-radius: var(--border-radius-s);
  --notice-before-position: absolute;
  --notice-before-top: 50%;
  --notice-before-left: 0.8em;
  --notice-before-height: 1.1em;
  --notice-before-width: var(--notice-before-height);
  --notice-before-margin: -0.52em 0 0 0;
  --notice-error-color: #ff4d4f;
  --notice-error-background: #fff2f0;
  --notice-error-border-color: #ffccc7;
  --notice-warn-color: #faad14;
  --notice-warn-background: #fffbe6;
  --notice-warn-border-color: #ffe58f;
  --notice-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' fill='%231890ff'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z'/%3E%3C/svg%3E");
  --notice-error-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' fill='%23ff4d4f'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z'/%3E%3C/svg%3E");
  --notice-warn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' fill='%23faad14'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z'/%3E%3C/svg%3E");
  --notice-success-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' fill='%2352c41a'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z'/%3E%3C/svg%3E");
  --message-background: var(--base-background-color);
  --message-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
  --message-close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' fill='hsl(0, 0%, 50%)'%3E%3Cpath d='M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z'/%3E%3C/svg%3E");
  --button-box-shadow: var(--search-input-focus-box-shadow);
  --button-danger-box-shadow: 0 0 0 3px var(--notice-error-background);
  --content-img-filter: none;
}

:root {
  --kbd-margin: 0 0.3em;
  --kbd-min-width: 2.5em;
  --kbd-padding: 0.65em 0.5em;
  --kbd-border-radius: var(--border-radius-s);
  --kbd-background: var(--color-border-extra-light);
  --kbd-border: 1px solid var(--color-border-lighter);
  --pre-font-weight: normal;
  --pre-line-height: normal;
  --pre-font-size: var(--code-font-size);
  --pre-font-family: var(--code-font-family);
  --code-tab-size: 4;
  --code-font-weight: normal;
  --code-font-size: calc(var(--font-size-s) - 0.08rem);
  --code-font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  --code-block-margin: 1em 0;
  --code-block-padding: 1.25em;
  --code-block-line-height: var(--base-line-height);
  --code-block-border-radius: var(--border-radius-s);
  --code-inline-margin: 0 0.15em;
  --code-inline-padding: 0.2em 0.4em;
  --code-inline-color: var(--code-theme-text);
  --code-inline-border: 1px solid var(--color-border-lighter);
  --code-inline-border-radius: var(--border-radius-s);
  --code-inline-background: var(--code-theme-background);
  --code-theme-background: var(--color-border-extra-light);
}

:root {
  --code-theme-text: #24292e;
  --code-theme-comment: #6a737d;
  --code-theme-keyword: #d73a49;
  --code-theme-variable: #e36209;
  --code-theme-selector: #22863a;
  --code-theme-function: #6f42c1;
  --code-theme-operator: #735c0f;
  --code-theme-punctuation: #032f62;
  --code-theme-tag: #005cc5;
}

:root {
  --sidebar-padding: 0;
  --sidebar-width: 20rem;
  --sidebar-border-width: 0 1px 0 0;
  --sidebar-border-color: var(--color-border-lighter);
  --sidebar-background: var(--base-background-color);
  --sidebar-nav-indent: 1.5em;
  --sidebar-nav-margin: 1.2rem 0 0;
  --sidebar-nav-link-margin: 0;
  --sidebar-nav-link-height: 38px;
  --sidebar-nav-link-padding-right: 0;
  --sidebar-nav-link-padding-left: 20px;
  --sidebar-nav-link-font-size: var(--font-size-s);
  --sidebar-nav-link-color: var(--color-text-heading);
  --sidebar-nav-link-color-active: var(--theme-color);
  --sidebar-nav-link-border-style: solid;
  --sidebar-nav-link-border-width: 0 3px 0 0;
  --sidebar-nav-link-border-color: transparent;
  --sidebar-nav-link-border-color-active: var(--theme-color);
  --sidebar-nav-link-backgroud-active: var(--theme-color-extra-lighter);
  --sidebar-nav-link-arrow-width: 10px;
  --sidebar-nav-link-arrow-height: 5px;
  --sidebar-nav-link-arrow-offset-right: 12px;
  --sidebar-nav-link-arrow-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.2' height='7' viewBox='0 0 11.2 7'%3E%3Cpath d='M1.5 1.5l4.1 4 4.1-4' stroke-width='1.5' stroke='rgb%28102, 102, 102%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --sidebar-nav-link-arrow-image-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.2' height='7' viewBox='0 0 11.2 7'%3E%3Cpath d='M1.5 1.5l4.1 4 4.1-4' stroke-width='1.5' stroke='rgb%2824, 144, 255%29' fill='none' stroke-linecap='square' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --sidebar-nav-strong-font-size: smaller;
  --sidebar-nav-strong-font-weight: normal;
  --sidebar-nav-strong-border-width: 0 0 1px 0;
  --sidebar-nav-strong-text-transform: uppercase;
  --sidebar-nav-strong-color: var(--color-text-secondary);
  --sidebar-nav-strong-border-color: var(--color-border-lighter);
  --sidebar-nav-strong-margin: 0.65em 12px 0.25em 18px;
  --sidebar-nav-strong-padding: 0.35em 2px;
  --sidebar-toggle-width: 34px;
  --sidebar-toggle-height: 32px;
  --sidebar-toggle-shadow: 0 0 5px rgba(0, 0, 0, .15);
  --sidebar-toggle-background: var(--base-background-color);
  --sidebar-toggle-border-width: 0;
  --sidebar-toggle-border-style: solid;
  --sidebar-toggle-border-radius: 0 var(--border-radius-s) var(--border-radius-s) 0;
  --sidebar-toggle-offset-left: 0;
  --sidebar-toggle-offset-top: calc(var(--header-height) + 40px - (var(--sidebar-toggle-height) / 2));
  --sidebar-toggle-icon-width: 16px;
  --sidebar-toggle-icon-height: 12px;
  --sidebar-toggle-icon-stroke-width: 2px;
  --sidebar-toggle-icon-color: var(--color-text-secondary);
}

:root {
  --search-flex-order: 0;
  --search-margin: 1.2rem 0 0;
  --search-input-margin: 0 12px;
  --search-input-padding: 0.8em 30px 0.8em 38px;
  --search-input-placeholder-color: var(--color-text-placeholder);
  --search-input-background-image: url("data:image/svg+xml,%3Csvg height='20px' width='20px' viewBox='0 0 24 24' fill='none' stroke='hsla(0, 0%, 60%, .35)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5' vector-effect='non-scaling-stroke'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='15.8' y2='15.8' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E");
  --search-input-background-position: 10px 9px;
  --search-input-background-repeat: no-repeat;
  --search-input-border-width: 1px;
  --search-input-border-color: var(--color-border-light);
  --search-input-focus-border-color: var(--theme-color);
  --search-input-focus-box-shadow: 0 0 0 3px var(--theme-color-extra-lighter);
  --search-clear-icon-color: var(--color-text-placeholder);
  --search-result-item-padding: 1em 0.85em;
  --search-result-item-border-style: solid;
  --search-result-item-border-width: 0 0 1px 0;
  --search-result-item-border-color: var(--color-border-lighter);
  --search-result-heading-margin: 0 0 0.25em;
  --search-result-heading-font-size: var(--base-font-size);
  --search-result-heading-color: var(--color-text-heading);
  --search-result-heading-font-weight: var(--strong-font-weight);
  --search-result-keyword-margin: 0;
  --search-result-keyword-padding: 0;
  --search-result-keyword-background: none;
  --search-result-keyword-border-radius: 0;
  --search-result-keyword-font-weight: normal;
  --search-result-keyword-color: var(--theme-color);
  --copycode-margin: 8px 11px 0 0;
  --copycode-padding: 0.25rem 0.6rem;
  --copycode-color: var(--color-text-secondary);
  --copycode-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  --copycode-background: var(--base-background-color);
  --zoomimage-overlay-background: rgba(0, 0, 0, 0.45);
  --line-numbers-width: 2.5rem;
  --line-numbers-color: #c4c4c6;
  --line-numbers-padding: 1.25em 0;
  --line-numbers-font-size: var(--code-font-size);
  --line-numbers-line-height: var(--code-block-line-height);
  --line-numbers-background: var(--code-theme-background);
  --line-numbers-border-right: 1px solid #eae8e8;
  --line-numbers-padding-left: 3rem;
}

:root {
  --header-height: 64px;
  --header-padding: 0 35px;
  --header-box-shadow: 0 2px 8px #f0f1f2;
  --header-background: var(--base-background-color);
  --header-font-family: var(--base-font-family);
  --header-font-size: var(--font-size-s);
  --header-logo-size: 32px;
  --header-logo-font-size: var(--font-size-l);
  --header-nav-item-border-width: 3px;
  --header-nav-item-border-top-color: transparent;
  --header-nav-item-border-bottom-color: var(--theme-color);
  --header-nav-child-padding: 10px 20px;
  --header-nav-child-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  --header-nav-child-background: var(--base-background-color);
  --header-nav-child-hover-background: var(--color-border-extra-light);
  --header-button-border: 1px solid var(--color-border-base);
  --back-up-size: 40px;
  --back-up-icon-size: 24px 24px;
  --back-up-icon-image-posotion: center 9px;
  --back-up-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath d='M176.442548 161.367201l671.114904 0 0 87.866187-671.114904 0 0-87.866187Z' fill='rgb%28255, 255, 255%29'/%3E%3Cpath d='M562.948369 862.632799 463.180108 862.632799 463.180108 427.634544 320.117808 569.036018 256.157078 505.075287 512 249.232364 767.841899 505.075287 703.882192 569.036018 561.41341 430.704462Z' fill='rgb%28255, 255, 255%29'/%3E%3C/svg%3E");
  --back-up-backgroud-color: rgba(0, 0, 0, .45);
  --back-up-backgroud-color-hover: rgba(0, 0, 0, .75);
  --back-up-backgroud-box-shadow: none;
}

@media only screen and (max-width: 768px) {
  .markdown-section table {
    display: block
  }
}