/* 移动端阅读优化 */

/* 正文字体与行距 */
.book .book-body .page-wrapper .page-inner {
  max-width: 800px;
  padding: 20px 24px;
}

.book .book-body .page-wrapper .page-inner section.normal {
  font-size: 16px;
  line-height: 1.8;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* 移动端字体放大，提升可读性 */
@media (max-width: 600px) {
  .book .book-body .page-wrapper .page-inner {
    padding: 16px;
  }

  .book .book-body .page-wrapper .page-inner section.normal {
    font-size: 15px;
    line-height: 1.9;
  }

  /* 标题间距 */
  .book .book-body .page-wrapper .page-inner section.normal h1,
  .book .book-body .page-wrapper .page-inner section.normal h2,
  .book .book-body .page-wrapper .page-inner section.normal h3 {
    margin-top: 1.4em;
    margin-bottom: 0.6em;
  }

  /* 代码块横向滚动 */
  .book .book-body .page-wrapper .page-inner section.normal pre {
    overflow-x: auto;
    font-size: 13px;
  }

  /* 表格横向滚动 */
  .book .book-body .page-wrapper .page-inner section.normal table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 图片自适应 */
  .book .book-body .page-wrapper .page-inner section.normal img {
    max-width: 100%;
    height: auto;
  }

  /* 上下翻页按钮加大点击区域 */
  .book .navigation {
    min-width: 44px;
  }
}

/* 平板端优化 */
@media (min-width: 601px) and (max-width: 1024px) {
  .book .book-body .page-wrapper .page-inner section.normal {
    font-size: 16px;
    line-height: 1.85;
  }
}

/* 侧边栏在移动端收起时的遮罩过渡 */
.book.with-summary .book-body {
  transition: left 0.25s ease;
}

/* 修复翻页按钮被 body-inner 遮挡的问题：
   body-inner 用 overflow:auto 撑满高度，导致 navigation 按钮被压在下方不可点击。
   让 book-body 做滚动容器，body-inner 自然伸展即可。 */
.book .book-body {
  overflow-y: auto;
}

.book .book-body .body-inner {
  overflow: visible;
  height: auto;
  min-height: 100%;
}

/* 翻页按钮固定在视口底部，确保始终可点击 */
.book .navigation-next,
.book .navigation-prev {
  position: fixed;
  bottom: 0;
  z-index: 10;
}

.book .navigation-next {
  right: 0;
}

.book .navigation-prev {
  left: 0;
}

/* 段落间距 */
.book .book-body .page-wrapper .page-inner section.normal p {
  margin-bottom: 1em;
}

/* 引用块样式 */
.book .book-body .page-wrapper .page-inner section.normal blockquote {
  border-left: 4px solid #4a90d9;
  padding: 8px 16px;
  margin: 1em 0;
  background: #f5f8ff;
  border-radius: 0 4px 4px 0;
}