cherry-muse 1.0.1

package/dist/cherry-markdown.css

@@ -0,0 +1,4089 @@
+@charset "UTF-8";
+@import url("https://fonts.loli.net/css2?family=Material+Symbols+Outlined"); /* 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;
+}
+
+.cherry .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 {
+  display: list-item;
+  unicode-bidi: isolate;
+}
+
+.cherry-previewer li ol, .cherry-previewer li ul {
+  margin: 0 0;
+}
+
+.cherry-previewer li p {
+  margin: 0.5rem;
+}
+
+.cherry-previewer li p .first {
+  display: inline-block;
+}
+
+.cherry-previewer ol {
+  list-style-type: decimal;
+}
+
+.cherry-previewer ul {
+  list-style-type: disc;
+}
+
+.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 {
+  margin: 0 0.25rem;
+}
+
+.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;
+}