// 在 src/index.scss 中引入 GitHub Markdown 主题
@import "github-markdown-css/github-markdown.css";


// marktext的换行处理
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-bottom: 10px;
}

.markdown-body li>p {
  margin-top: 0px;
}


.book_header_div {
  width: 100%;
  height: 80px;
}
.book_header {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 80px;
  // background-color: aquamarine;
  // background-color: #f0f5ff;
  border-bottom: 2px solid #f0f5ff;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  .book_header_left {
    width: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #69b1ff;
  }
  .book_header_middle {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #69b1ff;
  }
  .book_header_right {
    width: 100px;
    // background-color: yellow;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #69b1ff;
  }
}
.Book {
  padding: 40px;

  .markdown-body {
    font-size: 30px;
    // color: #72d572;
  }

  img {
    max-width: 100%;
    height: auto;
    /* 保持图像的纵横比 */
  }

  .at-drawer__content {
    .at-list {
      .at-list__item {
        font-size: 30px;

        // background-color: aqua;
        .at-list__item-container {
          .at-list__item-content {
          }
        }
      }
    }
  }
}

@media (min-width: 1536px) {
  .Book {
    width: 100%;
    // height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    // background-color: yellow;
    .book_left {
      width: 400px;
      height: 100%;
      background-color: red;
    }

    .markdown-body {
      width: 100%;
      max-width: 1400px;
      font-size: 22px;
      // color: red;
      // background-color: #72d572;
    }

    .book_right {
      width: 400px;
      height: 100%;
      background-color: greenyellow;
    }
  }
}