/* 自定义样式 - 自适应宽度 */

/* 方案1: 完全自适应 - 内容区域占满可用空间 */
.container {
  max-width: 100% !important;
}

.book-page {
  max-width: none !important;
}

/* 方案2: 设置最大宽度（如果觉得太宽，取消下面的注释） */
/*
.container {
  max-width: 1400px !important;
  margin: 0 auto;
}

.book-page {
  max-width: 1200px !important;
}
*/

/* 内容区域自适应 */
.markdown {
  max-width: none;
}

/* 移动端优化 */
@media (max-width: 768px) {
  .container {
    padding: 0 1rem;
  }
}

/* 优化代码块宽度 */
pre {
  max-width: 100%;
  overflow-x: auto;
}

/* 优化图片显示 */
.markdown img {
  max-width: 100%;
  height: auto;
}