.modal-window {
    /* 设置模态窗口的位置、大小、背景色等属性 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80vh;
    background-color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000; /* 设置一个较高的z-index值 */
    display: none; /* 默认隐藏模态窗口 */
}
.modal-header {
    display: flex; /* 使用flex布局 */
    justify-content: space-between; /* 将标题和关闭按钮分开 */
    align-items: center; /* 沿着交叉轴对齐弹性元素 */
    position: relative; /* 添加相对定位 */
    width: 100%; /* 确保.modal-header的宽度是100% */
    height:72px;
}

.modal-header .modal-close-button {
    background: none; /* 移除默认的背景 */
    border: none; /* 移除默认的边框 */
    font-size: 1.5em; /* 设置图标的大小 */
    margin: 0 0 0 auto; /* 使用margin来调整位置 */
}

.modal-header .modal-close-button:hover {
    color: red; /* 当鼠标悬停在关闭按钮上时，颜色变为红色 */
    cursor: pointer; /* 当鼠标悬停在关闭按钮上时，光标变为小手 */
}

.modal-content {
    min-height: 100px; /* 设置模态窗口的最小高度 */
    max-height: 90vh; /* 设置模态窗口的最大高度为视口高度的90% */
    overflow: auto; /* 如果内容超出模态窗口的大小，显示滚动条 */
    height: calc(100% - 72px);
}

.modal-content .CodeMirror {
    height: calc(100% - 104px);
}