.examine {
  height: 100%;
  .content-box {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    .book-content-row {
      height: 100%;
      overflow: hidden;
      display: flex;
      gap: 0;
      .book-content-tree {
        height: 100%;
        overflow: hidden;
        transition: width 0s;
      }
      .book-content-editor {
        height: 100%;
        overflow: hidden;
      }
    }
    .resize-handle {
      width: 6px;
      cursor: col-resize;
      background: transparent;
      position: relative;
      flex-shrink: 0;
      z-index: 10;
      transition: background 0.2s;
      &:hover,
      &:active {
        background: #1890ff;
        border-radius: 3px;
      }
      &::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2px;
        height: 30px;
        background: #d9d9d9;
        border-radius: 1px;
        transition: background 0.2s;
      }
      &:hover::after,
      &:active::after {
        background: #fff;
      }
    }
    .ant-descriptions-item-label {
      padding: 10px !important;
    }
    .ant-descriptions-view {
      border: none;
    }
    .border {
      border: 1px solid #e5e5e5;
      height: 100%;
      display: flex;
      overflow-x: hidden;
      overflow-y: auto;
      flex-direction: column;
      border-radius: 6px;
      .section-left-top {
        height: 85px;
      }
      .ant-descriptions.ant-descriptions-bordered > .ant-descriptions-view .ant-descriptions-row {
        border-bottom: 1px solid #e5e5e5;
        &:nth-of-type(2) {
          display: none;
        }
      }
    }
    .editor-right {
      height: 100%;
      .ant-spin-nested-loading,
      .ant-spin-container {
        height: 100%;
      }
    }
  }
  .draggable-tree {
    flex: 1;
    height: calc(100vh - 285px);
    overflow-y: auto;
    overflow-x: hidden;
    width: 98%;
    &.ant-tree .ant-tree-node-content-wrapper {
      width: 100%;
    }
    .ant-tree-switcher-noop {
      // display: none;
      width: 10px;
    }
    &.ant-tree .ant-tree-node-content-wrapper {
      overflow: hidden;
    }
  }
  .chapter-tree-item {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    .title {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 10px;
      max-height: 24px;
      line-height: 24px;
      white-space: nowrap;
    }
  }
}

.chapter-title-modal {
  .ant-modal {
    .ant-modal-close {
      inset-inline-end: 17px;
      top: 16px;
    }
    .ant-modal-content {
      padding: 15px 18px;
    }
    .ant-divider {
      margin: 15px 0;
    }
  }
}
