/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  padding: 5px;
  word-break: break-all;
}
p {
  margin: 0 0 10px;
}

@charset "UTF-8";

:root{
    --font-size                                 : .24rem;
    --border-adius                              : .08rem;
    --font-family                               : "font-family: 'PingFang SC', 'Helvetica', 'Noto Sans', 'Roboto', 'Tahoma', 'Hiragino Sans GB', 'Arial', 'Heiti SC', 'Microsoft YaHei', 'Sans-serif';";

    /* 基础色 */
    --base-color1                               : #111111;
    --base-color2                               : #555555;
    --base-color3                               : #888888;
    --base-color4                               : #BFBFBF;
    --base-color5                               : #D0D0D0;
    --base-color6                               : #DCDCDC;
    --base-color7                               : #E6E6E6;
    --base-color8                               : #ffffff;
    --base-color9                               : #f5f5f5;
    --base-color10                              : #CFCFCF;
    --base-color11                              : #DCDCDC;
    /* 默认的主题色 */
    --theme-mainColor                           : #F54236;
    --theme-supportColor1                       : #7670E7;
    --theme-supportColor2                       : #F6554A;
    --theme-supportColor3                       : #67BA78;
    --theme-supportColor4                       : #F49612;
    --theme-supportColor5                       : #7670E7;

    /* 业务 */
    --button-default-background                 : var(--base-color9);
}

/* 深色模式 */
:root[appearance='dark']{
    /* 基础色 */
    --base-color1                               : #DEDEDE;
    --base-color2                               : #B6b6b6;
    --base-color3                               : #868686;
    --base-color4                               : #666666;
    --base-color5                               : #3B3C3F;
    --base-color6                               : #282A2D;
    --base-color7                               : #212225;
    --base-color8                               : #1B1D21;
    --base-color9                               : #121518;
    --base-color10                              : #414346;
    --base-color11                              : #3B3C3F;
    /* 业务 */
    --button-default-background                 : var(--base-color7);
}
@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
}
html,
body {
  width: 100%;
  scroll-behavior: smooth;
}
:root {
  font-family: "font-family: 'PingFang SC', 'Helvetica', 'Noto Sans', 'Roboto', 'Tahoma', 'Hiragino Sans GB', 'Arial', 'Heiti SC', 'Microsoft YaHei', 'Sans-serif';";
  font-family: var(--font-family);
  font-size: calc(100vw / 750 * 100);
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}
[data-font-level="0"]:root {
  font-size: calc(100vw / 750 * 100 * 93.75 / 100);
}
[data-font-level="1"]:root {
  font-size: calc(100vw / 750 * 100);
}
[data-font-level="2"]:root {
  font-size: calc(100vw / 750 * 100 * 106.25 / 100);
}
[data-font-level="3"]:root {
  font-size: calc(100vw / 750 * 100 * 112.5 / 100);
}
[data-font-level="4"]:root {
  font-size: calc(100vw / 750 * 100 * 118.25 / 100);
}
[data-font-level="5"]:root {
  font-size: calc(100vw / 750 * 100 * 125 / 100);
}
body {
  background-color: #ffffff;
  background-color: var(--base-color8);
  height: 100vh;
  overflow: hidden;
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  font-size: 15px;
  word-break: break-word;
}
#app {
  height: 100%;
  overflow-y: auto;
  padding: 20px 15px;
}
* {
  color: #111111 !important;
  color: var(--base-color1) !important;
}

.editor-content-view {
  /* border: 3px solid #ccc;
  border-radius: 5px;
  padding: 0 10px;
  margin-top: 20px;
  overflow-x: auto; */
}
.editor-content-view p,
.editor-content-view li {
  /* white-space: pre-wrap;  */
}
.editor-content-view blockquote {
  border-left: 8px solid #d0e5f2;
  padding: 10px 10px;
  margin: 10px 0;
  background-color: #f1f1f1;
}
.editor-content-view code {
  font-family: monospace;
  background-color: #eee;
  padding: 3px;
  border-radius: 3px;
}
.editor-content-view pre > code {
  display: block;
  padding: 10px;
}
.editor-content-view table {
  border-collapse: collapse;
  display: block;
  overflow: auto;
}
.editor-content-view td,
.editor-content-view th {
  border: 1px solid #ccc;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
}
.editor-content-view th {
  background-color: #f5f5f5;
  background-color: var(--base-color9);
}
.editor-content-view ul,
.editor-content-view ol {
  padding-left: 20px;
}
.w-e-text-container [data-slate-editor] ol li {
  list-style: decimal;
}
.editor-content-view ol li {
  list-style: decimal;
}
.editor-content-view input[type="checkbox"] {
  margin-right: 5px;
}