/* 全站子页面阅读排版：2026-10-14 用户确认的编辑器参数。 */
#reader {
  --reading-body-size: 14px;
  --reading-section-size: 20px;
  --reading-subheading-size: 22px;
  --reading-title-size: 36px;
  --reading-line-height: 1.75;
  --reading-paragraph-gap: 16px;
  --reading-content-width: 640px;
}

/* 两侧各 52px 内边距，正文可用宽度为 640px；窄屏沿用原有内边距。 */
#reader .reading-page {
  width: 100%;
  max-width: calc(var(--reading-content-width) + 104px);
}
@media (max-width: 760px) {
  #reader .reading-page { max-width: calc(var(--reading-content-width) + 46px); }
}
#reader #reader-title { font-size: var(--reading-title-size); }
#reader .reader-return { font-weight: 700; }
#reader .reader-meta[hidden] { display: none; }
/* 关于我三页面隐藏阅读信息，但保留标题与正文之间的细线。 */
#reader #reader-title:has(+ .reader-meta[hidden]) {
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--reader-line, #dedede);
}
#reader .reader-end { font-size: 12px; }
#reader .reading-theme { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-shrink: 0; }
#reader #reader-body .reader-table-hint { margin: 8px 0; color: var(--reader-muted, #6b7e8a); font: 12px/1.7 var(--sans); }
#reader #reader-body .reader-table-hint[hidden] { display: none; }
#reader #reader-body table:focus-visible { outline: 2px solid var(--reader-link, #315d76); outline-offset: 3px; }
#reader #reader-body {
  font-size: var(--reading-body-size);
  line-height: var(--reading-line-height);
}
#reader #reader-body p { margin-block: var(--reading-paragraph-gap); }
#reader #reader-body .about-reader-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: center;
  gap: 36px;
  margin: 8px 0 40px;
}
#reader #reader-body .about-reader-copy { min-width: 0; }
#reader #reader-body .about-reader-copy > p:first-child { margin-top: 0; }
#reader #reader-body .about-reader-copy > p:last-child { margin-bottom: 0; }
#reader #reader-body .about-reader-photo { margin: 0; }
#reader #reader-body .about-reader-photo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  border-radius: 6px;
}
@media (max-width: 600px) {
  #reader #reader-body .about-reader-intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
  #reader #reader-body .about-reader-photo { width: min(260px, 100%); justify-self: center; }
}
#reader #reader-body h1,
#reader #reader-body h2 { font-size: var(--reading-section-size); }
#reader #reader-body h3,
#reader #reader-body aside h3,
#reader #reader-body .record-item h3 { font-size: var(--reading-subheading-size); }
#reader #reader-body h4,
#reader #reader-body h5,
#reader #reader-body h6,
#reader #reader-body aside h4 { font-size: var(--reading-body-size); }
#reader #reader-body .reader-section-title { font-size: var(--reading-section-size); }
#reader #reader-body li { margin-block: 7px; }
#reader #reader-body li > p { margin-block: 6px; }
#reader #reader-body aside,
#reader #reader-body blockquote,
#reader #reader-body table,
#reader #reader-body .record-item p {
  font-size: var(--reading-body-size);
  line-height: var(--reading-line-height);
}

/* 栏目内的记录列表仍使用自己的网格与图片布局。 */
#reader #reader-body td p,
#reader #reader-body th p { margin: 0; }
#reader #reader-body blockquote > :first-child,
#reader #reader-body aside > :first-child { margin-top: 0; }
#reader #reader-body blockquote > :last-child,
#reader #reader-body aside > :last-child { margin-bottom: 0; }

/* 价值观与人际关系使用编号和留白，名称与说明连续阅读。 */
#reader #reader-body .principles-numbered-list {
  list-style-type: decimal-leading-zero;
  margin-block: 26px 36px;
  padding-inline-start: 28px;
}
#reader #reader-body .principles-numbered-list > li {
  margin-block: 20px;
  padding-inline-start: 8px;
  line-height: 1.9;
}
#reader #reader-body .principles-numbered-list > li::marker {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 400;
  color: var(--reader-muted, #6b7e8a);
}
#reader #reader-body .principles-numbered-list > li > strong {
  display: inline-block;
  margin-inline-end: .6em;
  white-space: nowrap;
}
@media (max-width: 600px) {
  #reader #reader-body .principles-numbered-list { padding-inline-start: 24px; }
  #reader #reader-body .principles-numbered-list > li { padding-inline-start: 5px; }
}