/* 让左侧编辑区真正占满并允许内部滚动 */
.tab-content {
  height: calc(100vh - 220px);
  /* 不要隐藏滚动：*/
  overflow: visible;  /* 或者干脆删掉 overflow 这行 */
}

/* EasyMDE 容器按列铺开，编辑器本体撑满剩余空间 */
.EasyMDEContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 关键：让 CodeMirror 吃满容器高度 */
.EasyMDEContainer .CodeMirror {
  height: 100% !important;
}

/* 关键：滚动发生在 CodeMirror-scroll 里 */
.EasyMDEContainer .CodeMirror-scroll {
  height: 100% !important;
  overflow: auto !important;   /* 启用内部滚动条（也支持鼠标滚轮） */
}

/* 右侧预览保持原样独立滚动 */
.md-preview-pane {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  height: calc(100vh - 220px);
  overflow: auto;
}
  .md-preview-pane h1, .md-preview-pane h2, .md-preview-pane h3 {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: .3em;
    margin-top: 1.2em;
  }
  .md-preview-pane img {
    max-width: 100%;
    height: auto;
  }
  /* 只影响右侧 Markdown 预览里的表格 */
.md-preview-pane .table {
  /* 如果你想完全摆脱 bootstrap.table 的影响 */
  all: revert;         /* 或者 all: unset; 视需求选择 */
  display: table;
  border-collapse: collapse;
  /* 下面写你自己的表格样式 */
  border: 1px solid #e5e7eb;
}

.md-preview-pane .table th,
.md-preview-pane .table td {
  border: 1px solid #e5e7eb;
  padding: 8px 10px;
}

.md-preview-pane .table thead th {
  background: #f8fafc;
  font-weight: 600;
}