/* PrismJS 1.30.0 - 自动 Light/Dark 模式 */
/* 亮色：默认 | 暗色：html.dark */

/* ======================== 【亮色模式 - 默认】 ======================== */
code[class*=language-], pre[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.9em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc
}

code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc
}

@media print {
  code[class*=language-], pre[class*=language-] {
    text-shadow: none
  }
}

pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto
}

:not(pre) > code[class*=language-], pre[class*=language-] {
  background: #f0f0f05e;
  border-radius: 2px;
}

:not(pre) > code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
  color: #5cac00;
  font-size: 14px;
  font-style: italic;
}

.token.punctuation {
  color: #999
}

.token.namespace {
  opacity: .7
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
  color: #905
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
  color: #690
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
  color: #c66d02;
}

.token.atrule, .token.attr-value, .token.keyword {
  color: #07a
}

.token.class-name, .token.function {
  color: #dd4a68
}

.token.important, .token.regex, .token.variable {
  color: #e90
}

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

.token.italic {
  font-style: italic
}

.token.entity {
  cursor: help
}

pre[class*=language-].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber
}

pre[class*=language-].line-numbers > code {
  position: relative;
  white-space: inherit
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.line-numbers-rows > span {
  display: block;
  counter-increment: linenumber
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: .8em;
  text-align: right
}

/* ======================== 【暗色模式 - html.dark 自动切换】 ======================== */
html.dark code[class*="language-"],
html.dark pre[class*="language-"] {
  color: #e3e3e3;
  background: none;
}

html.dark :not(pre) > code[class*="language-"],
html.dark pre[class*="language-"] {
  background: #272727;

}

html.dark .token.comment,
html.dark .token.block-comment,
html.dark .token.prolog,
html.dark .token.doctype,
html.dark .token.cdata {
  color: #8BC34A;
  font-size: 14px;
  font-style: italic;
}

html.dark .token.punctuation {
  color: #ccc;
}

html.dark .token.tag,
html.dark .token.attr-name,
html.dark .token.namespace,
html.dark .token.deleted {
  color: #e2777a;
}

html.dark .token.function-name {
  color: #6196cc;
}

html.dark .token.boolean,
html.dark .token.number,
html.dark .token.function {
  color: #f08d49;
}

html.dark .token.property,
html.dark .token.class-name,
html.dark .token.constant,
html.dark .token.symbol {
  color: #f8c555;
}

html.dark .token.selector,
html.dark .token.important,
html.dark .token.atrule,
html.dark .token.keyword,
html.dark .token.builtin {
  color: #cc99cd;
}

html.dark .token.string,
html.dark .token.char,
html.dark .token.attr-value,
html.dark .token.regex,
html.dark .token.variable {
  color: #7ec699;
}

html.dark .token.operator,
html.dark .token.entity,
html.dark .token.url {
  color: #67cdcc;
  background: none;
}

html.dark .token.important,
html.dark .token.bold {
  font-weight: bold;
}
html.dark .token.italic {
  font-style: italic;
}

html.dark .token.entity {
  cursor: help;
}

html.dark .token.inserted {
  color: green;
}

html.dark .line-numbers .line-numbers-rows {
  border-right: 1px solid #999;
}

html.dark .line-numbers-rows > span:before {
  color: #999;
}
