/*!
* Classic content theme of ficus-editor
*
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap');
@import url('./sv.css');

:root {
  --White: #FFFFFF;
  --TextMedium: #3D3D3D;
  --TextRegular: #5E5E5E;
  --TextLight: #D8D8D8;
  --TextQuote: #AAAAAA;
  --SwissCoffee-500: #F4F4F3;
}

.vditor {
  border: none;
  --toolbar-icon-hover-color: #2bb680;
  --panel-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.vditor-sv {
  padding-left: 88px;
}

.vditor-preview {
  padding-right: 88px;
}

.vditor-reset {
  font-family: "Noto Serif SC";
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}

.vditor-panel {
  border-radius: 8px;
  padding: 7px;
  font-size: 16px;
  align-content: center;
  justify-content: center;
}

.vditor-input {
  font-size: 14px;
  padding: 3px 5px;
}

.vditor-icon {
  align-self: center;
  justify-self: center;
  float: none;
}

.vditor-icon svg {
  height: 15px;
  width: 15px;
  float: none;
}

.vditor-wysiwyg pre.vditor-reset:focus,
.vditor-ir pre.vditor-reset:focus,
pre.vditor-sv:focus {
  background: var(--White);
}


/* 段落 */

.vditor-reset p {
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 30px;
  color: var(--TextMedium);
  text-align: justify;
  vertical-align: center;
  margin-bottom: 12px;
}

.vditor-reset b,
.vditor-reset strong {
  font-weight: 900;
}

/* 标题 */

.vditor-reset h1 {
  font-weight: 900;
  font-size: 40px;
  line-height: 52px;
  color: var(--TextMedium);
  text-align: justify;
  border-bottom: 1px solid var(--TextLight);
  padding-bottom: 4px;
}

.vditor-reset h2 {
  font-weight: 900;
  font-size: 32px;
  line-height: 44px;
  color: var(--TextMedium);
  text-align: justify;
  border-bottom: 1px solid var(--TextLight);
  padding-bottom: 4px;
}

.vditor-reset h3 {
  font-weight: 900;
  font-size: 24px;
  line-height: 36px;
  color: var(--TextMedium);
  text-align: justify;
  border-bottom: 1px solid var(--TextLight);
  padding-bottom: 4px;
}

.vditor-reset h4 {
  font-weight: 900;
  font-size: 20px;
  line-height: 32px;
  color: var(--TextMedium);
  text-align: justify;
}

.vditor-reset h5 {
  font-weight: 900;
  font-size: 18px;
  line-height: 30px;
  color: var(--TextMedium);
  text-align: justify;
}

.vditor-reset h6 {
  font-weight: 900;
  font-size: 16px;
  line-height: 32px;
  color: var(--TextRegular);
  text-align: justify;
}

.vditor-reset h1,
.vditor-reset h2,
.vditor-reset h3,
.vditor-reset h4,
.vditor-reset h5,
.vditor-reset h6 {
  margin-bottom: 20px;
}

/* 分割线 */

.vditor-reset hr {
  border-bottom: 2px solid var(--TextLight);
  transform-origin: 0 0;
  transform: scale(1, 0.5);
  height: 0;
}

/** 列表 **/

.vditor-reset ol > li,
.vditor-reset ul > li {
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 30px;
  color: var(--TextMedium);
  text-align: justify;
  vertical-align: center;
}
.vditor-reset li p {
  margin-bottom: 0;
}

/* 引用块 */

.vditor-reset blockquote p,
.vditor-reset blockquote ol > li,
.vditor-reset blockquote  ul > li {
  font-weight: 200; /* ExtraLight */
  color: var(--TextQuote) !important;
}

.vditor-reset blockquote b,
.vditor-reset blockquote strong {
  font-weight: 400; /* Regular */
}

/** 内联代码 **/

.vditor-reset code[data-marker="`"],
.vditor-preview p code {
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 24px;
  padding: 0.2em 0.4em !important;
  background-color: var(--SwissCoffee-500);
}

/** 代码块编辑区域 **/

.vditor-reset pre.vditor-wysiwyg__pre > code {
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 24px;
  background: var(--TextLight);
  padding: 20px !important;
}

/** 代码块展示区域 **/

.vditor-reset pre.vditor-wysiwyg__preview > code,
.vditor-preview pre > code {
  font-weight: 400; /* Regular */
  font-size: 16px;
  line-height: 24px;
  background: var(--SwissCoffee-500);
  padding-top: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px;
}

/** 内联公式, 公式块的展示区域 **/

.vditor-reset span.katex-html {
  font-size: 16px;
  padding: 10px 0px;
}

.vditor-reset mjx-container svg {
  height: 11px;
  vertical-align: 0 !important;
}

/* .vditor-reset mjx-container.MathJax.CtxtMenu_Attached_0 {
  margin: 0;
} */

.vditor-reset .math-block-preview {
  background: var(--SwissCoffee-500);
}

.vditor-reset div.language-math.vditor-reset--error {
  padding: 10px 10px;
}

/** 内联公式编辑区域 **/

.vditor-reset code[data-type="math-inline"] {
  background-color: var(--SwissCoffee-500);
  font-size: 16px;
  line-height: 24px;
  padding: 0.4em 0.4em !important;
}

/** 公式块编辑区域 **/

.vditor-reset code[data-type="math-block"] {
  background-color: var(--TextLight);
  font-size: 16px;
  line-height: 30px;
  padding: 0.6em 0.6em !important;
}

/** front matter **/

.vditor-reset code[data-type="yaml-front-matter"],
.vditor-reset pre.vditor-yml-front-matter > code {
  background-color: var(--SwissCoffee-500);
  color: var(--TextQuote) !important;
  padding: 20px 20px !important;
}

.vditor-reset pre.vditor-yml-front-matter > code > span {
  color: var(--TextQuote) !important;
}


/** 删除公式块、代码块前缀 **/

.vditor-wysiwyg div.vditor-wysiwyg__block[data-type="math-block"]:before {
  content: "";
}

.vditor-wysiwyg div.vditor-wysiwyg__block[data-type="code-block"]:before {
  content: "";
}

.vditor-wysiwyg__block pre:first-child {
  font-size: 18px;
  line-height: 30px;
}

/** 表格 **/

.vditor-reset table th,
.vditor-reset table td {
  font-size: 16px;
  vertical-align: middle;
}

.vditor-reset table th:first-child:after,
.vditor-reset table td:first-child:after {
  display: none;
}

/** 有序列表 **/

.vditor-reset ol {
  list-style-type: decimal;
}

/** 普通连接 **/

.vditor-reset a {
  color: #4a72d3;
  text-decoration: underline;
}

/** 文件引用 **/

.vditor-reset a.ficus-filelink {
  color: #23C99A;
  text-decoration: underline;
}

/** 搜索高亮 **/
.vditor-reset span.vditor-search__result {
  background-color: #c8e6d2;
}

.vditor-reset span.vditor-search__current {
  background-color: #b6f07c;
}

/** 图片居中 **/
.vditor img:not([src=""]):not([src="ficus://"]) {
  margin: auto;
  display: block;
}

/** toc **/

.vditor-reset .vditor-toc span {
  color: #23C99A;
  font-weight: 900;
}