@charset "UTF-8";
/* fallback */
@import url("https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext");
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}

@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

:root {
  --bg-color: #ffffff; /*背景色*/
  --text-color: #333333; /*文本颜色*/
  --hover-bg-color: rgba(229, 229, 229, 0.59); /*浮动的背景色*/
  --hover-text-color: inherit;
  --primary-color: #428bca; /* color of primary buttons */
  --primary-btn-border-color: #285e8e;
  --primary-btn-text-color: #fff;
  --border-radius: 0.5rem;
  --border-color:#e9e9e9;
  --panel-border-color: #777777;
  --border-color2: #e2e2e2;
  --border: 1px solid var(--border-color);
  --disabled-text-color:#777;
  --shadow:0 0 0.8rem rgba(128, 145, 165, 0.2);
  --shadow-bold:0 0 1rem rgba(92, 92, 92, 0.2);
  --line-height:1.5;
  --font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, "Segoe UI Emoji", sans-serif;
  --monospace: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  --font-size: 1rem;
  --code-bg:#fafafa;
  --blur-text-color: #C8C8C8;
  --bg-on-bg-color:#ebf3ff;
  --table-bg-color:#f8f8f8;
  --table-border-color:#dfe2e5;
  --codemirror-operator-text-color: #ff8f7a; /* 珊瑚红，温暖活泼 */
  --codemirror-operator-color: #5cacff; /* 天蓝色，清新明亮 */
  --codemirror-operator-inner-color: #ff3333; /* 鲜红色，醒目有力 */
  --drag-bg-color: #dfe6ee;
  --editor-mask-bg: rgba(0, 0, 0, 0.2);
  --previewer-mask-bg: rgba(0, 0, 0, 0.4);
  --active-file-border-color: #e9e9e9;
}

.theme__dark {
  --bg-color: #1e1e1e; /* 稍微调亮一点，提高可读性 */
  --text-color: #e6e6e6; /* 略微调亮文本颜色 */
  --hover-bg-color: rgba(60, 60, 60, 0.59); /* 提高对比度 */
  --hover-text-color: inherit;
  --primary-color: #60a5e8; /* 调亮主色调，提高可见度 */
  --primary-btn-border-color: #4785c4;
  --primary-btn-text-color: #ffffff;
  --border-color: #3a3a3a;
  --panel-border-color: #838383;
  --border-color2: #404040;
  --border: 1px solid var(--border-color);
  --disabled-text-color: #808080;
  --shadow: 0 0 0.8rem rgba(0, 0, 0, 0.35);
  --shadow-bold: 0 0 1rem rgba(0, 0, 0, 0.45);
  --code-bg: #282828;
  --blur-text-color: #595959;
  --bg-on-bg-color: #2b3544;
  --table-bg-color: #282828;
  --table-border-color: #383838;
  --codemirror-operator-text-color: #ff9f8d; /* 夜间模式珊瑚红 */
  --codemirror-operator-color: #6eb4ff; /* 夜间模式天蓝色 */
  --codemirror-operator-inner-color: #ff4d4d; /* 夜间模式鲜红色 */
  --drag-bg-color: #2d3642; /* 添加夜间模式的拖动条颜色 */
  --editor-mask-bg: rgba(0, 0, 0, 0.3);
  --previewer-mask-bg: rgba(0, 0, 0, 0.5);
  --active-file-border-color: #3a3a3a;
}

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url(https://gstatic.loli.net/s/materialsymbolsoutlined/v151/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined", serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 0.3rem;
}

.cherry-dropdown .material-symbols-outlined {
  margin-right: 0.6rem;
}

.cherry-bubble {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 0.875rem;
  min-height: 2.1875rem;
  min-width: 3.125rem;
  border: var(--border);
  background-color: var(--bg-color);
  box-shadow: 0 0.125rem 0.9375rem -0.3125rem rgba(0, 0, 0, 0.5);
  border-radius: var(--border-radius);
  z-index: 8;
}

.cherry-bubble.cherry-bubble--centered {
  left: 50%;
  transform: translateX(-50%);
}

.cherry-bubble .cherry-bubble-top,
.cherry-bubble .cherry-bubble-bottom {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -0.5rem;
  border-left: 0.5rem solid rgba(0, 0, 0, 0);
  border-right: 0.5rem solid rgba(0, 0, 0, 0);
}

.cherry-bubble .cherry-bubble-top {
  top: 0;
  transform: translateY(-100%);
  border-bottom: 0.5rem solid var(--bg-color);
}

.cherry-bubble .cherry-bubble-bottom {
  bottom: 0;
  transform: translateY(100%);
  border-top: 0.5rem solid var(--bg-color);
}

.cherry-bubble .cherry-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.1875rem;
  cursor: pointer;
  user-select: none;
}

.cherry-bubble .cherry-toolbar-button:hover {
  border-color: var(--active-file-border-color);
  background-color: var(--hover-bg-color);
}

.cherry-bubble .cherry-toolbar-button.cherry-toolbar-split {
  height: 65%;
  min-height: calc(0.65 * 2.1875rem);
}

.cherry-switch-paste .switch-btn--bg {
  position: absolute;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  z-index: -1;
  left: 0;
  top: 0;
  opacity: 0.3;
  background-color: var(--active-file-border-color);
  border-radius: var(--border-radius);
  transition: all 0.3s;
}

.cherry-switch-paste .cherry-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  text-align: center;
}

.cherry-switch-paste .cherry-toolbar-button:hover {
  border-color: transparent;
}

.cherry-switch-paste[data-type=text] .cherry-text-btn {
  color: var(--text-color);
}

.cherry-switch-paste[data-type=text] .cherry-md-btn {
  color: var(--hover-text-color);
}

.cherry-switch-paste[data-type=md] .cherry-md-btn {
  color: var(--text-color);
}

.cherry-switch-paste[data-type=md] .cherry-text-btn {
  color: var(--hover-text-color);
}

.cherry-switch-paste[data-type=md] .switch-btn--bg {
  left: 50%;
}

.cherry {
  --toolbar-height: 3rem;
  --toolbar-fontsize: 0.9rem;
}

.cherry .cherry-toolbar {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 1.2rem;
  height: var(--toolbar-height);
  font-size: var(--toolbar-fontsize);
  line-height: 2.8;
  flex-basis: 100%;
  box-sizing: border-box;
  z-index: 2;
  user-select: none;
  background: var(--bg-color);
  overflow: hidden;
}

.cherry .cherry-toolbar .toolbar-left,
.cherry .cherry-toolbar .toolbar-right {
  display: flex;
  align-items: center;
  height: var(--toolbar-height);
}

.cherry .cherry-toolbar .toolbar-left {
  flex: 1 1 auto;
  margin-right: 1.2rem;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  mask-image: linear-gradient(to right, black calc(100% - 2rem), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 2rem), transparent 100%);
  padding-right: 2rem;
}

.cherry .cherry-toolbar .toolbar-left::-webkit-scrollbar {
  height: 4px;
}

.cherry .cherry-toolbar .toolbar-left::-webkit-scrollbar-thumb {
  background: var(--hover-bg-color);
  border-radius: var(--border-radius);
}

.cherry .cherry-toolbar .toolbar-left::-webkit-scrollbar-track {
  background: transparent;
}

.cherry .cherry-toolbar .toolbar-left .cherry-toolbar-button {
  flex-shrink: 0;
}

.cherry .cherry-toolbar .toolbar-right {
  flex: 0 0 auto;
  flex-direction: row-reverse;
  margin-left: 0.8rem;
  box-sizing: border-box;
}

.cherry .cherry-toolbar.preview-only .cherry-toolbar-button {
  display: none;
}

.cherry .cherry-toolbar.preview-only .cherry-toolbar-preview {
  display: flex;
}

.cherry .cherry-toolbar-button {
  float: left;
  padding: 0 0.4rem;
  height: 3rem;
  color: var(--text-color);
  background: transparent;
  border: 1px solid transparent;
  -webkit-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
  transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
  cursor: pointer;
  font-style: normal;
  display: flex;
  align-items: center;
}

.cherry .cherry-toolbar-button i.material-symbols-outlined {
  font-size: 1.4rem;
  margin: 0 0.3rem;
  position: static;
  transform: none;
}

.cherry .cherry-toolbar-button:hover {
  color: var(--hover-text-color);
  background: var(--hover-bg-color);
}

.cherry .cherry-toolbar-button.cherry-toolbar-split {
  font-size: 0;
  height: 1.5rem;
  padding: 0;
  margin: 0.8rem 0.4rem;
  border: 0.1rem solid transparent;
  border-left-color: var(--border-color);
  pointer-events: none;
  overflow: hidden;
  opacity: 0.5;
}

.cherry .cherry-toolbar-button.disabled {
  color: var(--disabled-text-color);
}

.cherry .cherry-dropdown {
  position: absolute;
  width: 8.75rem;
  min-height: 2.5rem;
  background: var(--bg-color);
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  margin-left: -3.75rem;
  z-index: 11;
  border-radius: var(--border-radius);
  max-height: 50vh;
  overflow-y: auto;
}

.cherry .cherry-dropdown-item {
  width: 100%;
  padding: 0 0.9375rem;
  text-align: left;
  display: inline-block;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: 0.775rem;
  font-style: normal;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 超出隐藏 */
  text-overflow: ellipsis;
}

.cherry .cherry-dropdown-item:hover {
  background: var(--hover-bg-color);
  color: var(--hover-text-color);
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  height: 300px;
  height: auto;
}

.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow-y: hidden;
  overflow-x: auto;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre {
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  text-align: right;
  color: #999;
}

/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
  z-index: 3;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
  z-index: 1;
}

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
}

/* DEFAULT THEME */
.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom,
.cm-s-default.cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable {
  color: black;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3 {
  color: #085;
}

.cm-s-default .cm-property {
  color: black;
}

.cm-s-default .cm-operator {
  color: black;
}

.cm-s-default .cm-comment,
.cm-s-default.cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-header,
.cm-s-default.cm-header {
  color: blue;
}

.cm-s-default .cm-quote,
.cm-s-default.cm-quote {
  color: #090;
}

.cm-s-default .cm-hr,
.cm-s-default.cm-hr {
  color: #999;
}

.cm-s-default .cm-link,
.cm-s-default.cm-link {
  color: #00c;
}

/** sourcemode highlight **/
.cm-s-default .cm-header,
.cm-s-default .cm-property {
  color: #D94F8A;
}

.cm-s-default .cm-header {
  font-weight: bold;
}

.cm-s-default .cm-header-1 {
  font-size: 2rem;
  line-height: 3rem;
}

.cm-s-default .cm-header-2 {
  font-size: 1.4rem;
  line-height: 2rem;
}

.cm-s-default .cm-atom,
.cm-s-default .cm-number {
  color: #958486;
}

.cm-s-default .cm-comment,
.cm-s-default .cm-code {
  color: #4A5A9F;
}

.cm-s-default .cm-tag {
  color: #a94442;
}

.cm-s-default .cm-string {
  color: #7e86a9;
}

.cm-s-default .cm-link {
  color: #C47A0F;
  text-decoration: underline;
}

.CodeMirror.cm-s-default div.CodeMirror-cursor {
  border-left: 3px solid #E4629A;
}

.cm-s-default .CodeMirror-activeline-background {
  left: -60px;
  right: -30px;
  background: rgba(204, 204, 204, 0.2);
}

.cm-s-default .CodeMirror-gutters {
  border-right: none;
}

.cm-s-default .cm-trailing-space-new-line:after,
.cm-startspace:after,
.cm-starttab .cm-tab:after {
  content: "•";
  position: absolute;
  left: 0;
  opacity: 0;
  font-family: "LetterGothicStd", monospace;
}

.os-windows .cm-startspace:after,
.os-windows .cm-starttab .cm-tab:after {
  left: -0.1em;
}

.cm-starttab .cm-tab:after {
  content: " ";
}

.cm-startspace, .cm-tab,
.cm-starttab,
.cm-trailing-space-a,
.cm-trailing-space-b,
.cm-trailing-space-new-line {
  position: relative;
}

.cm-s-default .cm-trailing-space-new-line:after {
  content: "↓";
  opacity: 0.3;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header,
.cm-strong {
  font-weight: bold;
}

.cm-del {
  text-decoration: line-through;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}

.cm-s-default .CodeMirror-activeline-background {
  background: inherit;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  /*background: white;*/
}

.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  padding-right: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-sizer {
  position: relative;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 30px;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-lines {
  cursor: text;
}

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: 1rem;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  z-index: 2;
  position: relative;
  overflow: visible;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-code pre {
  border-right: 30px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.CodeMirror-wrap .CodeMirror-code pre {
  border-right: none;
  width: auto;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-measure pre {
  position: static;
}

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  visibility: hidden;
  border-right: none;
  width: 0;
}

.CodeMirror div.CodeMirror-cursor {
  visibility: hidden;
}

.CodeMirror-focused div.CodeMirror-cursor {
  visibility: inherit;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursor {
    visibility: hidden;
  }
}
/* DARK THEME */
.theme__dark {
  /* Cursor */
  /* Selection */
  /* Syntax Highlighting */
}

.theme__dark .CodeMirror {
  color: #d4d4d4;
  background: #1e1e1e;
}

.theme__dark .CodeMirror-gutters {
  background-color: #1e1e1e;
  border-right: 1px solid #333;
}

.theme__dark .CodeMirror-linenumber {
  color: #858585;
}

.theme__dark .CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid #d4d4d4;
}

.theme__dark .CodeMirror-selected {
  background: #264f78;
}

.theme__dark .CodeMirror-focused .CodeMirror-selected {
  background: #264f78;
}

.theme__dark .cm-s-default .cm-header,
.theme__dark .cm-s-default .cm-property {
  color: #ff79c6;
}

.theme__dark .cm-s-default .cm-keyword {
  color: #c586c0;
}

.theme__dark .cm-s-default .cm-atom,
.theme__dark .cm-s-default .cm-number {
  color: #b5cea8;
}

.theme__dark .cm-s-default .cm-def {
  color: #4ec9b0;
}

.theme__dark .cm-s-default .cm-variable {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-variable-2 {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-variable-3 {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-comment {
  color: #6a9955;
}

.theme__dark .cm-s-default .cm-string {
  color: #ce9178;
}

.theme__dark .cm-s-default .cm-tag {
  color: #569cd6;
}

.theme__dark .cm-s-default .cm-link {
  color: #569cd6;
}

.theme__dark .cm-s-default .cm-error {
  color: #f44747;
}

.theme__dark .cm-s-default .CodeMirror-activeline-background {
  background: #2c2c2c;
}

.theme__dark .CodeMirror-scrollbar-filler,
.theme__dark .CodeMirror-gutter-filler {
  background-color: #1e1e1e;
}

.theme__dark .CodeMirror-gutters {
  border-right: 1px solid #333;
  background-color: #1e1e1e;
}

.theme__dark .CodeMirror-linenumber {
  color: #858585;
}

.theme__dark .CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid #d4d4d4;
}

.theme__dark .CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid #747474;
}

.theme__dark .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  background: #5a9e5a;
}

.theme__dark .cm-s-default .cm-keyword {
  color: #c586c0;
}

.theme__dark .cm-s-default .cm-atom, .theme__dark .cm-s-default.cm-atom {
  color: #b5cea8;
}

.theme__dark .cm-s-default .cm-number {
  color: #b5cea8;
}

.theme__dark .cm-s-default .cm-def {
  color: #4ec9b0;
}

.theme__dark .cm-s-default .cm-variable {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-variable-2 {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-variable-3 {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-property {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-operator {
  color: #d4d4d4;
}

.theme__dark .cm-s-default .cm-comment, .theme__dark .cm-s-default.cm-comment {
  color: #6a9955;
}

.theme__dark .cm-s-default .cm-string {
  color: #ce9178;
}

.theme__dark .cm-s-default .cm-string-2 {
  color: #ce9178;
}

.theme__dark .cm-s-default .cm-meta {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-qualifier {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-builtin {
  color: #4ec9b0;
}

.theme__dark .cm-s-default .cm-bracket {
  color: #d4d4d4;
}

.theme__dark .cm-s-default .cm-tag {
  color: #569cd6;
}

.theme__dark .cm-s-default .cm-attribute {
  color: #9cdcfe;
}

.theme__dark .cm-s-default .cm-header, .theme__dark .cm-s-default.cm-header {
  color: #ff79c6;
}

.theme__dark .cm-s-default .cm-quote, .theme__dark .cm-s-default.cm-quote {
  color: #608b4e;
}

.theme__dark .cm-s-default .cm-hr, .theme__dark .cm-s-default.cm-hr {
  color: #858585;
}

.theme__dark .cm-s-default .cm-link, .theme__dark .cm-s-default.cm-link {
  color: #569cd6;
}

.theme__dark .cm-s-default .cm-header,
.theme__dark .cm-s-default .cm-property {
  color: #ff79c6;
}

.theme__dark .cm-s-default .cm-atom,
.theme__dark .cm-s-default .cm-number {
  color: #b5cea8;
}

.theme__dark .cm-s-default .cm-comment,
.theme__dark .cm-s-default .cm-code {
  color: #6a9955;
}

.theme__dark .cm-s-default .cm-tag {
  color: #569cd6;
}

.theme__dark .cm-s-default .cm-string {
  color: #ce9178;
}

.theme__dark .cm-s-default .cm-link {
  color: #569cd6;
}

.theme__dark .CodeMirror.cm-s-default div.CodeMirror-cursor {
  border-left: 3px solid #ff79c6;
}

.cherry-editor {
  position: relative;
  padding-top: 0.3125rem;
  padding-right: 0.3125rem;
  width: 50%;
  box-sizing: border-box;
  overflow: hidden;
  border-right: 0.125rem solid var(--border-color);
  /*scrollbar-color: transparent transparent;*/
}

.cherry-editor.cherry-editor--full {
  width: 100%;
  padding-right: 0;
}

.cherry-editor.cherry-editor--hidden {
  display: none;
}

.cherry-editor .CodeMirror {
  font-family: var(--font-family), serif;
  background: var(--bg-color);
  color: var(--text-color);
}

.cherry-editor .CodeMirror .cm-cursor-line {
  background-color: var(--hover-bg-color);
}

.cherry-editor .CodeMirror .CodeMirror-vscrollbar {
  display: none !important;
}

.cherry-editor .CodeMirror textarea {
  font-size: var(--font-size);
}

.cherry-editor .CodeMirror .CodeMirror-line {
  /*  padding-left: 2rem;
      padding-right: 2rem;*/
}

.cherry-editor .CodeMirror .CodeMirror-gutters, .cherry-editor .CodeMirror .CodeMirror-gutter {
  padding-bottom: 0;
}

.cherry-editor .CodeMirror-scroll {
  margin-right: 0;
  padding-right: 0;
}

.cherry-editor .CodeMirror-scroll .CodeMirror-sizer {
  margin-right: 0;
  padding-right: 0 !important;
  border-right-width: 0 !important;
}

.cherry-editor .CodeMirror-lines {
  padding: 0.9375rem 2rem 0.9375rem 2rem;
  box-sizing: border-box;
  width: 100%;
}

.cherry-editor .CodeMirror-lines .base64 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 5rem;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 0.75rem !important;
}

.cherry-editor .CodeMirror pre {
  font-family: var(--font-family), serif;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.cherry-previewer a {
  color: var(--primary-color);
  position: relative;
  text-decoration: none;
}

.cherry-previewer a[target=_blank] {
  padding: 0 2px;
}

.cherry-previewer a[target=_blank]::after {
  margin: 0 2px;
}

.cherry-previewer a:hover {
  color: var(--primary-color);
}

.cherry a[target=_blank] {
  padding: 0 0.1rem;
}

.cherry a[target=_blank]::after {
  font-size: 1rem;
  margin: 0 0.1rem;
  content: "open_in_new";
  inset-inline-start: 0;
  font-family: "Material Symbols Outlined", serif;
  line-height: 1rem; /* 与 font-size 相同 */
  vertical-align: middle; /* 垂直居中 */
}

.cherry-previewer p {
  margin: 0 0 1rem;
}

.cherry-previewer ul,
.cherry-previewer ol,
.cherry-previewer dl {
  margin: 0.8em 0;
}

.cherry-previewer li ol, .cherry-previewer li ul {
  margin: 0 0;
}

.cherry-previewer li p {
  list-style: inherit;
  margin: 0;
}

.cherry-previewer li p .first {
  display: inline-block;
}

.cherry-previewer ul,
.cherry-previewer ol {
  padding-left: 1.4rem;
}

.cherry-previewer ul:first-child,
.cherry-previewer ol:first-child {
  margin-top: 0;
}

.cherry-previewer ul:last-child,
.cherry-previewer ol:last-child {
  margin-bottom: 0;
}

.cherry-previewer div ul,
.cherry-previewer div ol {
  margin-bottom: 0;
}

.cherry-previewer .check-list-item {
  list-style: none;
  margin-top: 0.5rem;
}

.cherry-previewer blockquote {
  border-left: 0.5rem solid var(--blur-text-color);
  padding: 1rem 1rem;
  color: var(--panel-border-color);
  margin: 1rem 0;
  background: var(--hover-bg-color);
}

.cherry-previewer blockquote blockquote {
  padding-right: 0;
}

.cherry-previewer div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js default theme for JavaScript, CSS and HTML
   * Based on dabblet (http://dabblet.com)
   * @author Lea Verou
   */
  /* Code blocks */
  /* Inline code */
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
  font-size: 0.8rem;
  overflow-x: auto;
}

.cherry-previewer div[data-type=codeBlock] code[class*=language-],
.cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  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;
}

.cherry-previewer div[data-type=codeBlock] pre[class*=language-]::-moz-selection, .cherry-previewer div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
.cherry-previewer div[data-type=codeBlock] code[class*=language-]::-moz-selection, .cherry-previewer div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

.cherry-previewer div[data-type=codeBlock] pre[class*=language-]::selection, .cherry-previewer div[data-type=codeBlock] pre[class*=language-] ::selection,
.cherry-previewer div[data-type=codeBlock] code[class*=language-]::selection, .cherry-previewer div[data-type=codeBlock] code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  .cherry-previewer div[data-type=codeBlock] code[class*=language-],
.cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
.cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.cherry-previewer div[data-type=codeBlock] :not(pre) > code[class*=language-],
.cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  background: #f5f2f0;
}

.cherry-previewer div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.cherry-previewer div[data-type=codeBlock] .token.comment,
.cherry-previewer div[data-type=codeBlock] .token.prolog,
.cherry-previewer div[data-type=codeBlock] .token.doctype,
.cherry-previewer div[data-type=codeBlock] .token.cdata {
  color: slategray;
}

.cherry-previewer div[data-type=codeBlock] .token.punctuation {
  color: #999;
}

.cherry-previewer div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}

.cherry-previewer div[data-type=codeBlock] .token.property,
.cherry-previewer div[data-type=codeBlock] .token.tag,
.cherry-previewer div[data-type=codeBlock] .token.boolean,
.cherry-previewer div[data-type=codeBlock] .token.number,
.cherry-previewer div[data-type=codeBlock] .token.constant,
.cherry-previewer div[data-type=codeBlock] .token.symbol,
.cherry-previewer div[data-type=codeBlock] .token.deleted {
  color: #905;
}

.cherry-previewer div[data-type=codeBlock] .token.selector,
.cherry-previewer div[data-type=codeBlock] .token.attr-name,
.cherry-previewer div[data-type=codeBlock] .token.string,
.cherry-previewer div[data-type=codeBlock] .token.char,
.cherry-previewer div[data-type=codeBlock] .token.builtin,
.cherry-previewer div[data-type=codeBlock] .token.inserted {
  color: #690;
}

.cherry-previewer div[data-type=codeBlock] .token.operator,
.cherry-previewer div[data-type=codeBlock] .token.entity,
.cherry-previewer div[data-type=codeBlock] .token.url,
.cherry-previewer div[data-type=codeBlock] .language-css .token.string,
.cherry-previewer div[data-type=codeBlock] .style .token.string {
  color: #9a6e3a;
}

.cherry-previewer div[data-type=codeBlock] .token.atrule,
.cherry-previewer div[data-type=codeBlock] .token.attr-value,
.cherry-previewer div[data-type=codeBlock] .token.keyword {
  color: #07a;
}

.cherry-previewer div[data-type=codeBlock] .token.function,
.cherry-previewer div[data-type=codeBlock] .token.class-name {
  color: #DD4A68;
}

.cherry-previewer div[data-type=codeBlock] .token.regex,
.cherry-previewer div[data-type=codeBlock] .token.important,
.cherry-previewer div[data-type=codeBlock] .token.variable {
  color: #e90;
}

.cherry-previewer div[data-type=codeBlock] .token.important,
.cherry-previewer div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}

.cherry-previewer div[data-type=codeBlock] .token.italic {
  font-style: italic;
}

.cherry-previewer div[data-type=codeBlock] .token.entity {
  cursor: help;
}

.cherry-previewer div[data-type=codeBlock] pre {
  border-radius: var(--border-radius);
}

.cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  padding: 1.5rem;
}

.cherry-previewer div[data-type=codeBlock] > pre {
  margin: 0;
}

.cherry-previewer div[data-type=codeBlock] > pre code[class*=language-] {
  counter-reset: line;
}

.cherry-previewer div[data-type=codeBlock] > pre code[class*=language-].wrap {
  white-space: pre-wrap;
}

.cherry-previewer div[data-type=codeBlock] > pre code[class*=language-] .code-line {
  display: inline-block;
  position: relative;
  padding-left: 3em;
  height: 1.3em;
  line-height: 2em;
}

.cherry-previewer div[data-type=codeBlock] > pre code[class*=language-] .code-line:before {
  counter-increment: line;
  content: counter(line);
  margin-right: 1em;
  position: absolute;
  left: 0;
}

.cherry-previewer div[data-type=codeBlock] > pre code[class*=language-] .code-line:last-child {
  margin-bottom: 0;
}

.cherry-previewer pre code {
  border: unset;
}

.cherry-previewer .cherry-mask-code-block {
  width: 100%;
  padding-top: 3.125rem;
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--bg-color)));
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, var(--bg-color) 100%);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5em;
  z-index: 10;
}

.cherry-previewer .cherry-mask-code-block .expand-btn {
  height: 1.3rem;
  margin: 0;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 0.3125rem;
  transition: all 0.3s;
  z-index: 12;
  display: inline-block;
}

.cherry-previewer .cherry-mask-code-block .expand-btn:hover {
  background-color: var(--hover-bg-color);
  border-radius: var(--border-radius);
}

.cherry-previewer .cherry-code-unExpand pre {
  height: 15rem;
  overflow: hidden !important;
}

.cherry-previewer .cherry-code-unExpand .cherry-mask-code-block {
  display: inline-block;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js default theme for JavaScript, CSS and HTML
   * Based on dabblet (http://dabblet.com)
   * @author Lea Verou
   */
  /* Code blocks */
  /* Inline code */
}

.theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-],
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  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;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-]::-moz-selection, .theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
.theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-]::-moz-selection, .theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-]::selection, .theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] ::selection,
.theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-]::selection, .theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  .theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-],
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] :not(pre) > code[class*=language-],
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  background: #f5f2f0;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.comment,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.prolog,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.doctype,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.cdata {
  color: slategray;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.punctuation {
  color: #999;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.property,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.tag,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.boolean,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.number,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.constant,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.symbol,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.deleted {
  color: #905;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.selector,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.attr-name,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.string,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.char,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.builtin,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.inserted {
  color: #690;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.operator,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.entity,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.url,
.theme__dark .cherry-previewer div[data-type=codeBlock] .language-css .token.string,
.theme__dark .cherry-previewer div[data-type=codeBlock] .style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: hsla(0deg, 0%, 100%, 0.5);
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.atrule,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.attr-value,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.keyword {
  color: #07a;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.function,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.class-name {
  color: #DD4A68;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.regex,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.important,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.variable {
  color: #e90;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.important,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.italic {
  font-style: italic;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.entity {
  cursor: help;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
  /**
   * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
   * Based on https://github.com/chriskempson/tomorrow-theme
   * @author Rose Pritchard
   */
  /* Code blocks */
  /* Inline code */
}

.theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-],
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  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;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] :not(pre) > code[class*=language-],
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  background: #2d2d2d;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.comment,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.block-comment,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.prolog,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.doctype,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.cdata {
  color: #999;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.punctuation {
  color: #ccc;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.tag,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.attr-name,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.namespace,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.deleted {
  color: #e2777a;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.function-name {
  color: #6196cc;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.boolean,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.number,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.function {
  color: #f08d49;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.property,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.class-name,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.constant,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.symbol {
  color: #f8c555;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.selector,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.important,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.atrule,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.keyword,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.builtin {
  color: #cc99cd;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.string,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.char,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.attr-value,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.regex,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.variable {
  color: #7ec699;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.operator,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.entity,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.url {
  color: #67cdcc;
  background: none;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.important,
.theme__dark .cherry-previewer div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.italic {
  font-style: italic;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.entity {
  cursor: help;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] .token.inserted {
  color: green;
}

.theme__dark .cherry-previewer div[data-type=codeBlock] code[class*=language-],
.theme__dark .cherry-previewer div[data-type=codeBlock] pre[class*=language-] {
  text-shadow: none;
}

.cherry .cherry-previewer-codeBlock-content-handler .cherry-previewer-codeBlock-content-handler__input {
  position: absolute;
}

.cherry .cherry-previewer-codeBlock-click-handler {
  position: absolute;
  z-index: 1;
}

.cherry .cherry-previewer-codeBlock-hover-handler {
  z-index: 0;
  position: absolute;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block {
  position: relative;
  width: 2.5rem;
  text-align: center;
  height: 2.5rem;
  cursor: pointer;
  float: right;
  top: 1rem;
  margin-left: -1.5rem;
  transition: all 0.3s;
  z-index: 2;
  color: var(--panel-border-color);
  background-color: transparent;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block .material-symbols-outlined,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block .material-symbols-outlined,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block .material-symbols-outlined {
  font-size: 1.2rem;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block {
  right: 0;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block {
  right: 3.5rem;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block {
  position: absolute;
  text-align: center;
  height: 1.3rem;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  float: right;
  border-radius: 0.3125rem;
  margin-left: -1.6875rem;
  transition: all 0.3s;
  z-index: 2;
  color: var(--primary-color);
  background-color: var(--bg-color);
  border-color: var(--primary-color);
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block {
  top: 2.8125rem;
  right: 0.625rem;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block {
  right: 4rem;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block.hidden {
  display: none;
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block:hover,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block:hover,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block:hover,
.cherry .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block:hover {
  background-color: var(--hover-bg-color);
  border-radius: var(--border-radius);
}

.cherry .cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select {
  position: absolute;
  transform: translate(0.125rem, -50%);
}

.cherry-previewer :not(pre) > code {
  border: var(--border);
  background-color: var(--code-bg);
  border-radius: var(--border-radius);
  padding: 0.1rem 0.3rem;
  margin: 0 0.2rem;
  font-size: 0.9em;
}

.cherry-previewer {
  word-break: break-all;
}

.cherry-previewer h1,
.cherry-previewer h2,
.cherry-previewer h3,
.cherry-previewer h4,
.cherry-previewer h5,
.cherry-previewer h6,
.cherry-previewer .h1,
.cherry-previewer .h2,
.cherry-previewer .h3,
.cherry-previewer .h4,
.cherry-previewer .h5,
.cherry-previewer .h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: var(--text-color);
}

.cherry-previewer h1 a,
.cherry-previewer h2 a,
.cherry-previewer h3 a,
.cherry-previewer h4 a,
.cherry-previewer h5 a,
.cherry-previewer h6 a,
.cherry-previewer .h1 a,
.cherry-previewer .h2 a,
.cherry-previewer .h3 a,
.cherry-previewer .h4 a,
.cherry-previewer .h5 a,
.cherry-previewer .h6 a {
  color: var(--text-color);
}

.cherry-previewer h1 a.anchor,
.cherry-previewer h2 a.anchor,
.cherry-previewer h3 a.anchor,
.cherry-previewer h4 a.anchor,
.cherry-previewer h5 a.anchor,
.cherry-previewer h6 a.anchor,
.cherry-previewer .h1 a.anchor,
.cherry-previewer .h2 a.anchor,
.cherry-previewer .h3 a.anchor,
.cherry-previewer .h4 a.anchor,
.cherry-previewer .h5 a.anchor,
.cherry-previewer .h6 a.anchor {
  color: var(--primary-color);
  display: none;
}

.cherry-previewer h1:hover a.anchor,
.cherry-previewer h2:hover a.anchor,
.cherry-previewer h3:hover a.anchor,
.cherry-previewer h4:hover a.anchor,
.cherry-previewer h5:hover a.anchor,
.cherry-previewer h6:hover a.anchor,
.cherry-previewer .h1:hover a.anchor,
.cherry-previewer .h2:hover a.anchor,
.cherry-previewer .h3:hover a.anchor,
.cherry-previewer .h4:hover a.anchor,
.cherry-previewer .h5:hover a.anchor,
.cherry-previewer .h6:hover a.anchor {
  display: inline;
}

.cherry-previewer h1 small,
.cherry-previewer h1 .small,
.cherry-previewer h2 small,
.cherry-previewer h2 .small,
.cherry-previewer h3 small,
.cherry-previewer h3 .small,
.cherry-previewer h4 small,
.cherry-previewer h4 .small,
.cherry-previewer h5 small,
.cherry-previewer h5 .small,
.cherry-previewer h6 small,
.cherry-previewer h6 .small,
.cherry-previewer .h1 small,
.cherry-previewer .h1 .small,
.cherry-previewer .h2 small,
.cherry-previewer .h2 .small,
.cherry-previewer .h3 small,
.cherry-previewer .h3 .small,
.cherry-previewer .h4 small,
.cherry-previewer .h4 .small,
.cherry-previewer .h5 small,
.cherry-previewer .h5 .small,
.cherry-previewer .h6 small,
.cherry-previewer .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: var(--active-file-border-color);
}

.cherry-previewer h1, .cherry-previewer .h1 {
  line-height: 1.2;
}

.cherry-previewer h2, .cherry-previewer .h2 {
  line-height: 1.225;
}

.cherry-previewer h3, .cherry-previewer .h3 {
  line-height: 1.43;
}

.cherry-previewer h1, .cherry-previewer h2, .cherry-previewer .h1, .cherry-previewer .h2 {
  border-bottom: 1px solid var(--active-file-bg-color);
}

.cherry-previewer h1,
.cherry-previewer h2,
.cherry-previewer h3,
.cherry-previewer .h1,
.cherry-previewer .h2,
.cherry-previewer .h3 {
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
}

.cherry-previewer h1 small,
.cherry-previewer h1 .small,
.cherry-previewer h2 small,
.cherry-previewer h2 .small,
.cherry-previewer h3 small,
.cherry-previewer h3 .small,
.cherry-previewer .h1 small,
.cherry-previewer .h1 .small,
.cherry-previewer .h2 small,
.cherry-previewer .h2 .small,
.cherry-previewer .h3 small,
.cherry-previewer .h3 .small {
  font-size: 65%;
}

.cherry-previewer h4,
.cherry-previewer h5,
.cherry-previewer h6,
.cherry-previewer .h4,
.cherry-previewer .h5,
.cherry-previewer .h6 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.cherry-previewer h4 small,
.cherry-previewer h4 .small,
.cherry-previewer h5 small,
.cherry-previewer h5 .small,
.cherry-previewer h6 small,
.cherry-previewer h6 .small,
.cherry-previewer .h4 small,
.cherry-previewer .h4 .small,
.cherry-previewer .h5 small,
.cherry-previewer .h5 .small,
.cherry-previewer .h6 small,
.cherry-previewer .h6 .small {
  font-size: 75%;
}

.cherry-previewer h1-1,
.cherry-previewer .h1-1 {
  font-size: 2.25em;
}

.cherry-previewer h1-1,
.cherry-previewer .h1-1 {
  font-size: 1.75em;
}

.cherry-previewer h1-1,
.cherry-previewer .h1-1 {
  font-size: 1.5em;
}

.cherry-previewer h1-1,
.cherry-previewer .h1-1 {
  font-size: 1.25em;
}

.cherry-previewer h1-1,
.cherry-previewer .h1-1 {
  font-size: 1.1em;
}

.cherry-previewer h1-1,
.cherry-previewer .h1-1 {
  font-size: 1em;
}

:root {
  --important-title-color: #230555;
  --important-bg-color: #f4eefe;
  --important-border-color: #a371f7;
  --important-code-bg-color: rgb(163 113 247 / 10%);
  --info-title-color: #193c47;
  --info-bg-color: #eef9fd;
  --info-border-color: #4cb3d4;
  --info-code-bg-color: rgb(76 179 212 / 10%);
  --note-title-color: #474748;
  --note-bg-color: #fdfdfe;
  --note-border-color: #ccc;
  --note-code-bg-color: rgb(212 213 216 / 20%);
  --tip-title-color: #003100;
  --tip-bg-color: #e6f6e6;
  --tip-border-color: #009400;
  --tip-code-bg-color: rgb(0 148 0 / 15%);
  --warning-title-color: #4d3800;
  --warning-bg-color: #fff8e6;
  --warning-border-color: #e6a700;
  --warning-code-bg-color: rgb(230 167 0 / 15%);
  --danger-title-color: #4b1113;
  --danger-bg-color: #ffebec;
  --danger-border-color: #e13238;
  --danger-code-bg-color: rgb(225 50 56 / 15%);
}

.theme__dark {
  --important-title-color: #f4eefe;
  --important-bg-color: #230555;
  --info-title-color: #eef9fd;
  --info-bg-color: #193c47;
  --note-title-color: #fdfdfe;
  --note-bg-color: #474748;
  --tip-title-color: #e6f6e6;
  --tip-bg-color: #003100;
  --warning-title-color: #fff8e6;
  --warning-bg-color: #4d3800;
  --danger-title-color: #ffebec;
  --danger-bg-color: #4b1113;
}

.cherry-previewer .cherry-panel {
  margin: 1rem 0;
  padding: 0.25rem 1rem;
  border-inline-start-width: 0.3rem;
  border-inline-start-style: solid;
  border-radius: var(--border-radius);
  color: inherit;
}

.cherry-previewer .cherry-panel .cherry-panel--title__not-empty {
  padding: 0.25rem 1rem;
  padding-inline-start: 1.75rem;
  line-height: 1.5;
  position: relative;
  font-weight: 600;
  overflow-wrap: break-word;
}

.cherry-previewer .cherry-panel .cherry-panel--title__not-empty:before {
  content: " ";
  position: absolute;
  inset-inline-start: 0;
  top: calc(50% - 0.6125em);
  width: 1.25em;
  height: 1.25em;
  background-position: left;
  background-repeat: no-repeat;
}

.cherry-previewer .cherry-panel .cherry-panel--title {
  margin: 1rem 0;
}

.cherry-previewer .cherry-panel.cherry-panel__important {
  border-color: var(--important-border-color);
  background: var(--important-bg-color);
  color: var(--important-title-color);
}

.cherry-previewer .cherry-panel.cherry-panel__important .cherry-panel--title__not-empty:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z' fill='%23a371f7'/%3E%3C/svg%3E");
}

.cherry-previewer .cherry-panel.cherry-panel__important .cherry-panel--body pre {
  background: var(--important-code-bg-color);
}

.cherry-previewer .cherry-panel.cherry-panel__info {
  border-color: var(--info-border-color);
  background: var(--info-bg-color);
  color: var(--info-title-color);
}

.cherry-previewer .cherry-panel.cherry-panel__info .cherry-panel--title__not-empty:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%234cb3d4'/%3E%3C/svg%3E");
}

.cherry-previewer .cherry-panel.cherry-panel__info .cherry-panel--body pre {
  background: var(--info-code-bg-color);
}

.cherry-previewer .cherry-panel.cherry-panel__note {
  border-color: var(--note-border-color);
  background: var(--note-bg-color);
  color: var(--note-title-color);
}

.cherry-previewer .cherry-panel.cherry-panel__note .cherry-panel--title__not-empty:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%23ccc'/%3E%3C/svg%3E");
}

.cherry-previewer .cherry-panel.cherry-panel__note .cherry-panel--body pre {
  background: var(--note-code-bg-color);
}

.cherry-previewer .cherry-panel.cherry-panel__tip {
  border-color: var(--tip-border-color);
  background: var(--tip-bg-color);
  color: var(--tip-title-color);
}

.cherry-previewer .cherry-panel.cherry-panel__tip .cherry-panel--title__not-empty:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009400' d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");
}

.cherry-previewer .cherry-panel.cherry-panel__tip .cherry-panel--body pre {
  background: var(--tip-code-bg-color);
}

.cherry-previewer .cherry-panel.cherry-panel__warning {
  border-color: var(--warning-border-color);
  background: var(--warning-bg-color);
  color: var(--warning-title-color);
}

.cherry-previewer .cherry-panel.cherry-panel__warning .cherry-panel--title__not-empty:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z' fill='%23e6a700'/%3E%3C/svg%3E");
}

.cherry-previewer .cherry-panel.cherry-panel__warning .cherry-panel--body pre {
  background: var(--warning-code-bg-color);
}

.cherry-previewer .cherry-panel.cherry-panel__danger {
  border-color: var(--danger-border-color);
  background: var(--danger-bg-color);
  color: var(--danger-title-color);
}

.cherry-previewer .cherry-panel.cherry-panel__danger .cherry-panel--title__not-empty:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23e13238'/%3E%3C/svg%3E");
}

.cherry-previewer .cherry-panel.cherry-panel__danger .cherry-panel--body pre {
  background: var(--danger-code-bg-color);
}

.cherry-previewer .cherry-text-align.cherry-text-align__center table {
  margin-left: auto;
  margin-right: auto;
}

.cherry-previewer .cherry-text-align.cherry-text-align__right table {
  margin-left: auto;
}

.cherry-editor .cm-panel-container {
  color: var(--codemirror-operator-color);
  font-weight: bold;
}

.cherry-editor .cm-panel-type {
  color: var(--codemirror-operator-inner-color);
}

.cherry-editor .cm-panel-title {
  color: var(--codemirror-operator-text-color);
}

.cherry-previewer {
  --detail-bg-color: #eee;
  --detail-summary-icon-bg:#ccc;
  --detail-text-color: inherit;
  --detail-code-bg-color: rgb(127 127 127 / 15%);
}

.cherry-previewer .cherry-detail {
  position: relative;
  display: block;
  margin: 1rem 0;
  padding: 1.5rem;
  border-radius: var(--border-radius);
  background: var(--detail-bg-color);
  color: var(--detail-text-color);
}

.cherry-previewer .cherry-detail details summary {
  position: relative;
  margin: -1.5rem;
  padding-block: 1.5rem;
  padding-inline: 4rem 1.5rem;
  list-style: none;
  cursor: pointer;
}

.cherry-previewer .cherry-detail details summary:before {
  content: " ";
  position: absolute;
  inset-inline-start: 1.5rem;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--border-radius);
  background: var(--detail-summary-icon-bg);
}

.cherry-previewer .cherry-detail details summary:after {
  content: " ";
  position: absolute;
  inset-inline-start: 1.5rem;
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  line-height: normal;
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}

.cherry-previewer .cherry-detail.cherry-detail__multiple summary {
  margin: -0.8rem;
}

.cherry-previewer .cherry-detail.cherry-detail__multiple .cherry-detail-body {
  padding: 1rem 1.5rem 1rem 1.5rem;
}

.cherry-previewer .cherry-detail details[open] summary:after {
  transform: rotate(180deg);
}

.cherry-previewer .cherry-detail .cherry-detail-body {
  padding: 1rem 1.5rem 0 1.5rem;
}

.cherry-previewer .cherry-detail .cherry-detail-body :last-child {
  margin-bottom: 0;
}

.cherry-editor .cm-detail-container {
  color: var(--codemirror-operator-color);
  font-weight: bold;
}

.cherry-editor .cm-detail-title {
  color: var(--codemirror-operator-text-color);
}

.theme__dark .cherry-previewer {
  --detail-bg-color: #2d2d2d;
  --detail-summary-icon-bg: #444444;
  --detail-text-color: #e0e0e0;
  --detail-code-bg-color: rgb(0 0 0 / 20%);
}

.theme__dark .cherry-previewer .cherry-detail details summary:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(224,224,224,0.8)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}

.cherry-previewer em {
  font-style: italic;
}

.cherry-previewer b,
.cherry-previewer strong {
  font-weight: bold;
}

.cherry-previewer img, .cherry-previewer video, .cherry-previewer audio {
  max-width: 100%;
}

.cherry-previewer a[target=_blank].cherry-file {
  padding: 0 !important;
}

.cherry-previewer a[target=_blank].cherry-file::after {
  content: "";
  display: none;
}

.cherry-previewer .cherry-file {
  max-width: 300px;
}

.cherry-previewer .cherry-file.cherry-card-list-container {
  margin: 0 !important;
}

.cherry-previewer .cherry-file .cherry-card-item {
  padding: 0;
  background: var(--primary-color) !important;
  color: var(--primary-btn-text-color) !important;
}

.cherry-previewer .cherry-file .cherry-card-image {
  font-size: 4rem;
  position: unset;
  transform: none;
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.cherry-previewer .cherry-file .cherry-no-desc {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.cherry-previewer .cherry-file .cherry-card-desc {
  display: flex !important;
  align-items: center; /* 垂直对齐 */
  justify-content: center;
}

.cherry-previewer .cherry-file .cherry-card-desc span {
  position: unset;
  transform: none;
}

.cherry-editor .cm-s-default .cm-image-type, .cherry-editor .cm-s-default .cm-image-split {
  color: var(--codemirror-operator-inner-color);
}

.cherry-previewer .cherry-card {
  margin: 0.7rem 0;
}

.cherry-previewer .cherry-card a::after {
  content: "";
  display: none;
  clear: both;
}

.cherry-previewer .cherry-card .cherry-card-item {
  width: calc(33.3333333333% - 1rem);
  margin: 0.35rem;
  background: var(--bg-color);
  border-radius: var(--border-radius);
  color: var(--text-color);
  display: flex;
  box-shadow: var(--shadow);
  transition: all 0.4s;
}

.cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-1 {
  width: calc(100% - 1rem);
}

.cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-2 {
  width: calc(50% - 1rem);
}

@media screen and (max-width: 500px) {
  .cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-2 {
    width: calc(100% - 1rem);
  }
}
.cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-3 {
  width: calc(33.3333333333% - 1rem);
}

@media screen and (max-width: 720px) {
  .cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-3 {
    width: calc(50% - 1rem);
  }
}
@media (max-width: 500px) {
  .cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-3 {
    width: calc(100% - 1rem);
  }
}
.cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-4 {
  width: calc(25% - 1rem);
}

@media screen and (max-width: 900px) {
  .cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-4 {
    width: calc(33.3333333333% - 1rem);
  }
}
@media screen and (max-width: 720px) {
  .cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-4 {
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 500px) {
  .cherry-previewer .cherry-card .cherry-card-item.cherry-card-row-4 {
    width: calc(100% - 1rem);
  }
}
.cherry-previewer .cherry-card.cherry-card-list-container {
  margin: -0.35rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item .cherry-card-body {
  height: 4rem;
  width: calc(100% - 6rem);
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item:hover {
  text-decoration: none;
  box-shadow: var(--shadow);
  transform: translateY(-3px) scale(1.01);
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item:hover img {
  box-shadow: var(--shadow);
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item:hover div p {
  text-shadow: var(--shadow);
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: var(--border);
  margin: 1rem 0 1rem 1rem;
  box-shadow: var(--shadow);
  transition: all 0.4s;
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item div {
  flex: 1;
  display: inline-block;
  float: right;
  padding: 1rem 0;
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item div p {
  margin: 0;
  padding: 0 1rem;
  transition: text-shadow 0.4s;
  text-align: center;
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item div .cherry-card-title {
  margin: 0.2rem 0 0.3rem;
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap; /* 文本不换行 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item div .cherry-card-desc {
  font-size: 0.8rem;
  opacity: 0.8;
  margin-bottom: 0.2rem;
  overflow: hidden; /* 隐藏超出容器的内容 */
  display: -webkit-box; /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical; /* 垂直布局 */
  -webkit-line-clamp: 2; /* 限制显示的行数为 2 行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  line-height: 1.5; /* 设置行高 */
  max-height: 3em; /* 行高的倍数（2行 * 1.5行高 = 3em） */
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item.cherry-card-row-1 img {
  margin-left: 2rem;
}

.cherry-previewer .cherry-card.cherry-card-list-container .cherry-card-item.cherry-card-row-2 img {
  margin-left: 1.5rem;
}

.cherry-previewer .cherry-card.cherry-card-image-container {
  margin: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item {
  background: transparent;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item:hover {
  box-shadow: var(--shadow);
  transform: translateY(-3px);
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item .cherry-card-box-img {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
  position: relative;
  background: transparent;
  height: 8rem;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item .cherry-card-box-img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item a {
  color: var(--textColor);
  transition: color 0.3s;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item a:hover {
  text-decoration: none;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item .cherry-card-box-info {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  padding: 0.8rem 1rem;
  background: var(--bg-color);
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item .cherry-card-box-info p {
  margin: 0;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item .cherry-card-box-info .cherry-card-title {
  font-size: 1rem;
  font-weight: bold;
}

.cherry-previewer .cherry-card.cherry-card-image-container .cherry-card-item .cherry-card-box-info .cherry-card-desc {
  margin-top: 0.3rem;
  opacity: 0.8;
  font-size: 0.9rem;
  line-height: 1.1rem;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.cherry-previewer hr {
  height: 0;
  border: 0;
  border-top: 2px solid var(--border-color2);
  margin: 1rem 0;
  box-sizing: content-box;
  overflow: visible;
}

.cherry-previewer table {
  margin: 0.8em 0;
  padding: 0;
  word-break: initial;
  border-collapse: collapse;
}

.cherry-previewer table tr {
  border: 1px solid var(--table-border-color);
  margin: 0;
  padding: 0;
}

.cherry-previewer table tr:nth-child(2n),
.cherry-previewer table tr thead {
  background-color: var(--table-bg-color);
}

.cherry-previewer table tr th,
.cherry-previewer table tr td {
  border: 1px solid var(--table-border-color);
  margin: 0;
  padding: 0.375rem 0.8125rem;
}

.cherry-previewer table tr th:first-child,
.cherry-previewer table tr td:first-child {
  margin-top: 0;
}

.cherry-previewer table tr th:last-child,
.cherry-previewer table tr td:last-child {
  margin-bottom: 0;
}

.cherry-previewer table tr th {
  font-weight: bold;
  border-bottom: 0;
  background-color: var(--table-bg-color);
}

.cherry-table-container {
  max-width: 100%;
  overflow-x: auto;
}

.cherry-insert-table-menu {
  display: block;
  position: fixed;
  top: 3rem;
  left: 3rem;
  border-collapse: separate;
  box-shadow: var(--shadow);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  width: auto !important;
  height: auto;
}

.cherry-insert-table-menu-item {
  padding: 0.5rem;
  border: var(--border);
}

.cherry-insert-table-menu-item.active {
  background-color: var(--hover-bg-color);
}

.cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input {
  position: absolute;
}

.cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  width: 100%;
  height: 100%;
  border: 0;
  box-sizing: border-box;
  resize: none;
  outline: 1px solid var(--primary-color);
  word-break: break-all;
}

.cherry-previewer-table-hover-handler {
  position: absolute;
  pointer-events: none;
  z-index: 999;
}

.cherry-previewer-table-hover-handler-container {
  position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.cherry-previewer-table-hover-handler__symbol {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  color: var(--primary-color);
  width: 0.9rem;
  height: 0.9rem;
  line-height: 0.9rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s;
}

.cherry-previewer-table-hover-handler__symbol:hover {
  background-color: var(--primary-color);
  color: var(--bg-color);
}

.cherry-editor .cm-table-split {
  color: var(--codemirror-operator-color);
}

.cherry-editor .cm-table-line {
  color: var(--codemirror-operator-inner-color);
}

.cherry-editor .cm-table-position {
  color: var(--codemirror-operator-text-color);
}

.cherry-suggester-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--bg-color);
  border-radius: var(--border-radius);
  max-height: 50vh;
  box-shadow: var(--shadow);
  overflow-x: hidden;
  overflow-y: auto;
}

.cherry-suggester-panel .cherry-suggester-panel__item {
  border: none;
  white-space: nowrap;
  min-width: 3.2rem;
  padding: 0.4rem 0.9rem;
  color: var(--text-color);
  display: block;
  cursor: pointer;
}

.cherry-suggester-panel .cherry-suggester-panel__item.cherry-suggester-panel__item--selected {
  background-color: var(--hover-bg-color);
  text-decoration: none;
  color: var(--primary-color);
}

.cherry-suggester-panel .cherry-suggester-panel__item > i {
  display: inline-block;
  transform: translateY(2px);
  margin-right: 0.5rem;
}

.cherry-suggester-panel::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background: var(--code-bg);
}

.cherry-suggester-panel::-webkit-scrollbar:hover {
  background: var(--hover-bg-color);
}

.cherry-suggester-panel::-webkit-scrollbar-thumb {
  background: var(--hover-bg-color);
  -webkit-border-radius: var(--border-radius);
}

.cherry-suggester-panel::-webkit-scrollbar-thumb:hover {
  background: var(--panel-border-color);
}

.cherry-suggester-panel::-webkit-scrollbar-corner {
  background: transparent;
}

.cherry-suggestion {
  background-color: var(--bg-on-bg-color);
  color: var(--text-color);
  padding: 0.1rem 0.3rem;
  border-radius: var(--border-radius);
  cursor: pointer;
}

.cherry .cherry-color-wrap {
  display: none;
  position: fixed;
  width: auto;
  padding: 0.3125rem 0.625rem;
  z-index: 6;
  background: var(--bg-color);
}

.cherry .cherry-color-wrap h3 {
  font-size: 0.75rem;
  margin: 0;
  font-weight: 400;
}

.cherry .cherry-color-wrap .cherry-color-text, .cherry .cherry-color-wrap .cherry-color-bg {
  float: left;
  width: 8rem;
  margin: 0.5rem;
}

.cherry .cherry-color-wrap .cherry-color-item {
  float: left;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.0625rem solid var(--border-color);
  cursor: pointer;
}

.cherry .cherry-color-wrap .cherry-color-item:hover {
  border: 0.0625rem solid var(--text-color);
}

.cherry .cherry-emoji-wrap {
  display: none;
  position: fixed;
  width: 20rem;
  padding: 0.3125rem 0.625rem;
  z-index: 6;
  background: var(--bg-color);
}

.cherry .cherry-emoji-header {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-bottom: 0.5rem;
}

.cherry .cherry-emoji-item-btn {
  background-color: var(--bg-color);
  border: none;
  border-radius: var(--border-radius);
  padding: 0.5rem;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cherry .cherry-emoji-item-btn.show {
  background-color: var(--hover-bg-color);
}

.cherry .cherry-emoji-item-btn:hover {
  background-color: var(--hover-bg-color);
}

.cherry .cherry-emoji-item-btn span.material-symbols-outlined {
  margin: 0;
  font-size: 1.2rem;
}

.cherry .cherry-emoji-search {
  width: 100%;
  margin-bottom: 0;
}

.cherry .cherry-emoji-search .cherry-emoji-search-input {
  width: 100%;
  padding: 0.6rem;
  border: var(--border);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  background: var(--hover-bg-color);
}

.cherry .cherry-emoji-search .cherry-emoji-search-input:focus {
  border-color: var(--primary-color); /* 焦点时的边框颜色 */
  outline: none; /* 移除默认的焦点轮廓 */
}

.cherry .cherry-emoji-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.cherry .cherry-emoji-body .cherry-emoji-panel {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.cherry .cherry-emoji-body .cherry-emoji-panel.show {
  display: flex;
}

.cherry .cherry-emoji-body .cherry-emoji-panel .cherry-emoji-category {
  font-size: 1rem;
  color: var(--text-color);
  font-weight: bold;
  padding: 0.3rem;
  width: 100%;
}

.cherry .cherry-emoji-body .cherry-emoji-panel .cherry-emoji-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-height: calc(50vh - 10rem);
  overflow-y: scroll;
  padding: 0.5rem 0;
}

.cherry .cherry-emoji-body .cherry-emoji-panel .cherry-emoji-item {
  cursor: pointer;
  font-size: 2rem;
  text-align: center;
  line-height: 1.5rem;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  transition: background-color 0.3s;
}

.cherry .cherry-emoji-body .cherry-emoji-panel .cherry-emoji-item:hover {
  background: var(--hover-bg-color);
}

.cherry-editor .cm-emoji-container {
  color: var(--codemirror-operator-color);
  font-weight: bold;
}

.cherry-editor .cm-emoji-text {
  color: var(--codemirror-operator-text-color);
}

.theme__dark .cherry-emoji-header .material-symbols-outlined {
  color: var(--text-color);
}

.cherry-previewer sub {
  vertical-align: sub;
}

.cherry-previewer sup {
  vertical-align: super;
}

.cherry-previewer .toc {
  margin-bottom: 1rem;
  padding-left: 0;
}

.cherry-previewer .toc .toc-title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.cherry-previewer .toc .toc-li {
  border-bottom: var(--border);
  list-style: none;
}

.cherry-previewer .toc .toc-li a {
  text-decoration: none;
  color: var(--textColor);
}

.cherry-previewer .toc .toc-li a:hover {
  color: var(--primary-color);
}

.cherry-previewer .toc .toc-li a.anchor {
  display: none;
}

.cherry-editor .cm-size-container {
  color: var(--codemirror-operator-color);
}

.cherry-editor .cm-size-number {
  color: var(--codemirror-operator-text-color);
}

.cherry-editor .cm-mark-container {
  font-size: unset;
  background: #f0ff0b;
  color: var(--text-color);
}

.theme__dark .cherry-editor .cm-mark-container {
  background: #5c5c00;
}

.cherry-previewer {
  --badge-bg-color: var(--info-bg-color);
  --badge-text-color: var(--info-title-color);
  --badge-padding: 0.1rem 0.25rem;
  --badge-font-size: 0.8rem;
  --badge-line-height: 1.2;
  --badge-border-color: var(--info-border-color);
}

.cherry-previewer .cherry-badge {
  display: inline-block;
  padding: var(--badge-padding);
  background: var(--badge-bg-color);
  color: var(--badge-text-color);
  font-size: var(--badge-font-size);
  line-height: var(--badge-line-height);
  border: 1px solid var(--badge-border);
  border-radius: var(--border-radius);
}

.cherry-previewer .cherry-badge.cherry-badge-important {
  border-color: var(--badge-important-border-color);
  background: var(--badge-important-bg-color);
  color: var(--badge-important-title-color);
}

.cherry-previewer .cherry-badge.cherry-badge-info {
  border-color: var(--badge-info-border-color);
  background: var(--badge-info-bg-color);
  color: var(--badge-info-title-color);
}

.cherry-previewer .cherry-badge.cherry-badge-note {
  border-color: var(--badge-note-border-color);
  background: var(--badge-note-bg-color);
  color: var(--badge-note-title-color);
}

.cherry-previewer .cherry-badge.cherry-badge-tip {
  border-color: var(--badge-tip-border-color);
  background: var(--badge-tip-bg-color);
  color: var(--badge-tip-title-color);
}

.cherry-previewer .cherry-badge.cherry-badge-warning {
  border-color: var(--badge-warning-border-color);
  background: var(--badge-warning-bg-color);
  color: var(--badge-warning-title-color);
}

.cherry-previewer .cherry-badge.cherry-badge-danger {
  border-color: var(--badge-danger-border-color);
  background: var(--badge-danger-bg-color);
  color: var(--badge-danger-title-color);
}

.cherry-previewer .cherry-badge.cherry-badge-top {
  vertical-align: top;
  margin-bottom: 4px;
}

.cherry-previewer .cherry-badge.cherry-badge-center {
  vertical-align: middle;
}

.cherry-previewer .cherry-badge.cherry-badge-bottom {
  vertical-align: bottom;
  margin-top: 4px;
}

.cherry-editor .cm-s-default .cm-badge-container {
  color: var(--codemirror-operator-color);
}

.cherry-editor .cm-s-default .cm-badge-position {
  color: var(--codemirror-operator-inner-color);
}

.cherry-editor .cm-s-default .cm-badge-text {
  color: var(--codemirror-operator-text-color);
}

:root {
  --badge-info-border-color: #4cb3d4;
  --badge-info-bg-color: #2171c1;
  --badge-info-title-color: #ffffff;
  --badge-important-border-color: #a371f7;
  --badge-important-bg-color: #6a1b9a;
  --badge-important-title-color: #ffffff;
  --badge-note-border-color: #9e9e9e;
  --badge-note-bg-color: #616161;
  --badge-note-title-color: #ffffff;
  --badge-tip-border-color: #4caf50;
  --badge-tip-bg-color: #2e7d32;
  --badge-tip-title-color: #ffffff;
  --badge-warning-border-color: #ff9800;
  --badge-warning-bg-color: #e65100;
  --badge-warning-title-color: #ffffff;
  --badge-danger-border-color: #f44336;
  --badge-danger-bg-color: #c62828;
  --badge-danger-title-color: #ffffff;
}

.theme__dark {
  --badge-info-bg-color: #1565c0;
  --badge-info-title-color: #e3f2fd;
  --badge-important-bg-color: #4a148c;
  --badge-important-title-color: #f3e5f5;
  --badge-note-bg-color: #424242;
  --badge-note-title-color: #f5f5f5;
  --badge-tip-bg-color: #1b5e20;
  --badge-tip-title-color: #e8f5e9;
  --badge-warning-bg-color: #bf360c;
  --badge-warning-title-color: #fff3e0;
  --badge-danger-bg-color: #b71c1c;
  --badge-danger-title-color: #ffebee;
}

.cherry-editor .cm-math-container {
  color: var(--codemirror-operator-color);
  font-weight: bold;
}

.cherry-editor .cm-math-text {
  color: var(--codemirror-operator-text-color);
}

.cherry .footnote:not(a) {
  padding-top: 1.25rem;
  border-top: 1px solid var(--border-color);
  margin-top: 3.125rem;
}

.cherry .footnote:not(a) .footnote-title {
  font-size: 1.25rem;
  margin-top: -2.375rem;
  background-color: var(--bg-color);
  width: 3.75rem;
  margin-bottom: 1rem;
}

.cherry .footnote:not(a) .one-footnote {
  color: var(--text-color);
  margin-bottom: 1rem;
  border-bottom: 1px dotted var(--border-color);
}

.cherry-editor .cm-iframe-marker {
  color: #888888;
}

.cherry-editor .cm-iframe-url {
  color: #4EC9B0;
}

.theme__dark .cherry-editor .cm-iframe-marker {
  color: #6B6B6B;
}

.theme__dark .cherry-editor .cm-iframe-url {
  color: #2EFFDC;
  text-decoration: underline;
  text-decoration-color: rgba(46, 255, 220, 0.3);
}

.cherry-preview iframe {
  border-radius: 3px;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: hidden;
}

.theme__dark .cherry-preview iframe {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  background: #1e1e1e;
}

.cherry-editor .cm-vars-container {
  color: #888888;
}

.cherry-editor .cm-vars-text {
  color: #4EC9B0;
}

.theme__dark .cherry-editor .cm-vars-container {
  color: #6B6B6B;
}

.theme__dark .cherry-editor .cm-vars-text {
  color: #2EFFDC;
  text-decoration: underline;
  text-decoration-color: rgba(46, 255, 220, 0.3);
}

.cherry-previewer {
  padding: 1.25rem 2rem;
  border-left: 0.125rem solid var(--border-color);
  width: 50%;
  box-sizing: border-box;
  background-color: var(--bg-color);
  min-height: auto;
  overflow-y: auto;
  -webkit-print-color-adjust: exact;
}

.cherry-previewer.cherry-previewer--hidden {
  width: 0;
  display: none;
}

.cherry-previewer.cherry-previewer--full {
  width: 100%;
  border-left: unset;
}

.cherry-previewer .cherry-list__upper-roman {
  list-style: upper-roman;
}

.cherry-previewer .cherry-list__lower-greek {
  list-style: lower-greek;
}

.cherry-previewer .cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}

.cherry-previewer .cherry-list__circle {
  list-style: circle;
}

.cherry-previewer .cherry-list__square {
  list-style: square;
}

.cherry .cherry-flex-toc {
  z-index: 11;
  position: absolute;
  width: 10rem;
  height: calc(100% - 12.75rem);
  max-height: 37.5rem;
  right: 0;
  top: 12.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--bg-on-bg-color);
  margin-right: 0.5rem;
  box-sizing: border-box;
  user-select: none;
  box-shadow: 0 0.3125rem 0.6875rem rgba(51, 51, 51, 0.2);
  border-radius: 0.625rem;
  transition: all 0.3s;
  border-bottom: 1px dashed var(--border-color);
}

.cherry .cherry-flex-toc.cherry-flex-toc__fixed {
  position: fixed;
}

.cherry .cherry-flex-toc:hover {
  background-color: var(--bg-color);
  width: 260px;
}

.cherry .cherry-flex-toc .cherry-toc-head {
  border-bottom: 1px dashed var(--border-color);
  padding: 0.3125rem;
}

.cherry .cherry-flex-toc .cherry-toc-head .cherry-toc-title {
  font-size: 1rem;
  font-weight: bold;
  padding-left: 0.3125rem;
  color: var(--text-color);
}

.cherry .cherry-flex-toc .cherry-toc-head .ch-icon-chevronsLeft {
  display: none;
}

.cherry .cherry-flex-toc .cherry-toc-head .ch-icon-chevronsRight,
.cherry .cherry-flex-toc .cherry-toc-head .ch-icon-chevronsLeft {
  padding: 0.3125rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: none;
  margin: 0;
  font-size: 1rem;
  cursor: pointer;
}

.cherry .cherry-flex-toc .cherry-toc-head i {
  cursor: pointer;
  padding: 0.3125rem 0.3125rem 0;
}

.cherry .cherry-flex-toc .cherry-toc-head i:hover {
  color: var(--primary-color);
}

.cherry .cherry-flex-toc .cherry-toc-list {
  overflow-y: auto;
  height: calc(100% - 3.8rem);
  overflow-x: hidden;
  width: 100%;
  padding-bottom: 0.625rem;
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a {
  display: block;
  text-decoration: none;
  color: var(--text-color);
  border-left: 0.3125rem solid var(--border-color);
  height: 1.75rem;
  line-height: 1.75rem;
  transition: all 0.3s;
  padding-left: 0.625rem;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  cursor: pointer;
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a.current {
  border-left-color: var(--primary-color);
  color: var(--primary-color);
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a:hover {
  border-left-color: var(--primary-color);
  color: var(--primary-color);
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__1 {
  font-weight: bold;
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__2 {
  padding-left: 1.25rem;
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__3 {
  padding-left: 2.5rem;
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__4 {
  padding-left: 3.75rem;
}

.cherry .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__5 {
  padding-left: 5rem;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure {
  width: 1.875rem;
  height: calc(100% - 12.75rem);
  max-height: 37.5rem;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head {
  height: 1.5625rem;
  border-bottom: 1px dashed transparent;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .cherry-toc-title {
  display: none;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsRight {
  display: none;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsLeft {
  display: inline;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list {
  height: calc(100% - 1.5625rem);
  padding-left: 0.4375rem;
}

.cherry .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list .cherry-toc-one-a {
  overflow: hidden;
  width: 0;
  margin-bottom: 0.1875rem;
  height: 0.3125rem;
  border-left-width: 1.125rem;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list {
  counter-reset: toclevel1;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1 {
  counter-reset: toclevel2;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2 {
  counter-reset: toclevel3;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3 {
  counter-reset: toclevel4;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4 {
  counter-reset: toclevel5;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5 {
  counter-reset: toclevel6;
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1:before {
  counter-increment: toclevel1;
  content: counter(toclevel1) ". ";
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2:before {
  counter-increment: toclevel2;
  content: counter(toclevel1) "." counter(toclevel2) ". ";
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3:before {
  counter-increment: toclevel3;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) ". ";
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4:before {
  counter-increment: toclevel4;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) ". ";
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) ". ";
}

.cherry .cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__6:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) "." counter(toclevel6) ". ";
}

.cherry .cherry-editor-stats {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.75rem;
  color: var(--text-color);
  background: var(--bg-color);
  padding: 0.125rem 0.5rem;
  box-sizing: border-box;
  z-index: 100;
  user-select: none;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  width: 100%;
  opacity: 1;
}

.cherry .cherry-stats-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.cherry .cherry-stats-item .material-symbols-outlined {
  font-size: 1rem;
  color: var(--text-color);
  margin: 0;
  transform: none;
}

.cherry {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: flex-start;
  height: 100%;
  min-height: 100px;
  position: relative;
  line-height: var(--line-height);
  color: var(--text-color);
  background: var(--bg-color);
  font-size: var(--font-size);
  font-family: var(--font-family), serif;
}
.cherry.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
}
.cherry .cherry-editor,
.cherry .cherry-previewer {
  max-height: calc(100% - var(--toolbar-height));
  min-height: calc(100% - var(--toolbar-height));
}
.cherry .CodeMirror {
  height: 100%;
}
.cherry.cherry--no-toolbar .cherry-toolbar,
.cherry.cherry--no-toolbar .cherry-sidebar {
  height: 0;
  display: none;
}
.cherry.cherry--no-toolbar .cherry-editor,
.cherry.cherry--no-toolbar .cherry-previewer {
  max-height: 100%;
  min-height: 100%;
}
.cherry .cherry-drag {
  width: 1rem;
  cursor: ew-resize;
  position: absolute;
  z-index: 12;
  background: transparent;
}
.cherry .cherry-drag.cherry-drag--show {
  width: 0.5rem;
  display: block;
  background: var(--drag-bg-color);
}
.cherry .cherry-drag.cherry-drag--hidden {
  display: none;
}
.cherry .cherry-editor-mask {
  z-index: 10;
  position: absolute;
  display: none;
  background: var(--editor-mask-bg);
}
.cherry .cherry-editor-mask.cherry-editor-mask--show {
  display: block;
}
.cherry .cherry-previewer-mask {
  z-index: 10;
  position: absolute;
  display: none;
  background: var(--previewer-mask-bg);
}
.cherry .cherry-previewer-mask.cherry-previewer-mask--show {
  display: block;
}
.cherry *::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background: transparent;
}
.cherry *::-webkit-scrollbar:hover {
  background: transparent;
}
.cherry *::-webkit-scrollbar-thumb {
  background: var(--hover-bg-color);
  -webkit-border-radius: var(--border-radius);
}
.cherry *::-webkit-scrollbar-thumb:hover {
  background: var(--panel-border-color);
}
.cherry *::-webkit-scrollbar-corner {
  background: transparent;
}