.md-editor {
  font-weight: 400;
  --md-color: var(--el-text-color-primary);
  border-radius: var(--el-border-radius-base);
  .cm-content {
    font-weight: 400;
    color: var(--el-text-color-primary);
  }
}

.md-editor-preview {
  padding: 0;
  margin: 0;
  font-size: inherit;
  word-break: break-word;
  table {
    display: block;
  }
  p {
    padding: 0 !important;
  }
  .md-editor-admonition {
    margin: 0;
    padding: 0;
  }
  img {
    border: 0 !important;
    max-width: 360px !important;
  }
  video {
    max-width: 360px !important;
  }
  ul {
    list-style: circle;
  }
  sup[data-title] {
    display: inline-flex;
    align-items: center;
    vertical-align: super;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary);
    border: 1px solid var(--el-color-primary-light-7);
    cursor: default;
    white-space: nowrap;
    letter-spacing: 0.02em;
    transition:
      background-color 0.15s,
      color 0.15s;
    cursor: pointer;
  }
}

@media only screen and (max-width: 768px) {
  .md-editor-preview {
    img {
      max-width: 100% !important;
    }
  }
}

.md-editor-preview-wrapper {
  padding: 0;
}

.md-editor-footer {
  height: auto !important;
}

.ͼ1 .cm-placeholder {
  color: var(--app-input-color-placeholder);
  font-size: 14px;
  font-weight: 400;
}

.md-editor-preview .md-editor-code .md-editor-code-head {
  z-index: inherit !important;
}
