body {
  background-image: url("/quanjuziyuan/bg01.jpg"); /* 背景图片路径 */
  background-size: cover;                 /* 图片铺满整个页面 */
  background-repeat: no-repeat;           /* 防止平铺重复 */
  background-attachment: fixed;           /* 背景固定不随滚动条滚动 */
  background-position: center;            /* 居中对齐 */
}

.content {
    width: 90%;                /* 宽度占窗口的90% */
    max-width: 1000px;         /* 最大不超过1000px */
    margin: 5vh auto;          /* 上下留5%屏幕高度，左右居中 */
    background: rgba(255, 255, 255, 0.85);
    padding: 2rem;             /* 内边距 */
    border-radius: 12px;
    box-sizing: border-box;    /* 避免padding撑大容器 */
}

/* 以下为元素效果修正 */

.btn {
    display: inline-block;       /* 让链接像按钮一样占据一个块 */
    padding: 10px 20px;          /* 内边距，控制按钮大小 */
    background-color: black;     /* 背景色 */
    color: white;                /* 文字颜色 */
    text-decoration: none;       /* 去掉下划线 */
    border-radius: 6px;          /* 圆角边框，让它更像按钮 */
    font-size: 16px;             /* 文字大小 */
}

.btn:hover {
    background-color: #333;      /* 鼠标悬停时变深一点 */
}

.book-container {
  display: flex;
  gap: 20px; /* 图片之间的间隔 */
  justify-content: center;
  padding: 20px;
  max-width: 1000px; /* 主体区域最大宽度，可根据需要修改 */
  flex-wrap: wrap; /* 小屏幕自动换行 */
  margin: auto;
}

.book {
  flex: 1 1 calc(33.33% - 20px); /* 三列等分，减去间距 */
    text-decoration: none;
  aspect-ratio: 3 / 4;    /* 比例，比如书籍常见 3:4 */
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.book img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;  /* 保持比例裁剪 */
  display: block;
}

/* 小屏幕（手机）时改为竖排 */
@media (max-width: 768px) {
  .book-container {
    flex-direction: column;
    align-items: center;
  }
  .book {
    width: 80%;   /* 手机上占宽度 80% */
  }
}

  /* 以下为文本和图像效果修正 */

.unspecial-link {
  color: inherit;          /* 使用父元素颜色 */
  text-decoration: none;   /* 去掉下划线 */
}

.center-gensoku {
  text-align: center;
}

@font-face {
  font-family: "MyFont";
  src: url("/quanjuziyuan/LXGWWenKaiGB-Regular.ttf") format("truetype");
}

p.reading-font {
  font-family: "MyFont", sans-serif;
  font-size: 45px;
}