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

.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;
    }
  }
}