/*
 * 重回巅峰网站 · 手动微调样式
 * 只需要修改下方的数值或颜色，其他部分可以保留。
 * px 是字号/间距；2em 表示两个当前字号的字符宽度。
 * 本地预览：修改此文件后刷新预览页面。
 * 线上生效：将此文件替换到 /var/www/thehollowthrone/网页微调.css，
 * 然后按 Ctrl+F5 刷新网页。只调整本文件不需要重新构建网站。
 */

:root {
  /* 标题颜色：柔和淡金。可改成你喜欢的十六进制颜色。 */
  --guide-heading-gold: #f2d797;
  --guide-body-color: #ebebeb;
  --guide-bold-color: #efdfbd;
  --guide-link-color: #b9d2f5;
  --guide-nav-color: #bababa;
  --guide-muted-color: #ffffff;
  --guide-cover-meta-color: #ffe8bd;

  /* 正文字号、行距，以及整块正文向右移动的距离。 */
  --guide-body-size: 17px;
  --guide-body-line-height: 1.8;
  --guide-body-indent: 3em;

  /* 左侧导航和导航编号。 */
  --guide-nav-size: 15px;
  --guide-nav-number-size: 15px;
  --guide-sidebar-width: 310px;
  --guide-brand-size: 18px;
  --guide-sidebar-label-size: 13px;
  --guide-sidebar-version-size: 11px;

  /* 一级至四级标题。编号自动与标题保持同样大小。 */
  --guide-h1-size: 28px;
  --guide-h2-size: 24px;
  --guide-h3-size: 21px;
  --guide-h4-size: 19px;
  --guide-cover-title-size: 55px;

  /* 封面：教程与说明、作者/版本、日期。独立于正文设置。 */
  --guide-cover-subtitle-size: 28px;
  --guide-cover-meta-size: 21px;
  --guide-cover-date-size: 21px;
  --guide-cover-indent: 50px;

  /* 表格、表名称和图片名称。 */
  --guide-table-size: 15px;
  --guide-table-caption-size: 19px;
  --guide-image-caption-size: 15px;

  /* 图片与图片之间、图片与名称之间的间距。 */
  --guide-image-gap: 15px;
  --guide-image-caption-gap: 6px;

  /* 版心和Logo宽度。 */
  --guide-page-width: 880px;
  --guide-logo-width: 800px;
  --guide-footer-size: 11px;

  /* 手机单独设置，避免小屏字号过大。 */
  --guide-mobile-body-size: 16px;
  --guide-mobile-h1-size: 25px;
  --guide-mobile-h2-size: 22px;
  --guide-mobile-h3-size: 20px;
  --guide-mobile-h4-size: 17px;
  --guide-mobile-cover-title-size: 38px;
  --guide-mobile-table-size: 14px;
  --guide-mobile-table-caption-size: 20px;
}

/* 字体颜色；标题和表名称沿用上方的标题颜色。 */
.word-document #doc-content { color: var(--guide-body-color); }
.word-document .doc-paragraph:not(:where(.cover-title, .table-caption)) strong { color: var(--guide-bold-color); }
.word-document .ink-blue, .dark .word-document .ink-blue { color: var(--guide-bold-color); }
.word-document .doc-paragraph :is(.ink-red, .ink-green, .ink-blue, .ink-purple, .ink-gold, .ink-orange) strong { color: inherit; }
.word-document .doc-paragraph a,
.word-document .doc-paragraph a :is(strong, .ink-blue) { color: var(--guide-link-color); }
.guide-nav-link:not(:hover):not([data-active="true"]),
.guide-nav-link:not(:hover):not([data-active="true"]) .nav-number { color: var(--guide-nav-color); }
.word-document .cover-subtitle,
.word-document .cover-meta td:first-child,
.document-cover [data-source-p="16"],
.word-document .image-caption { color: color-mix(in srgb, var(--guide-muted-color) 80%, transparent); }
.word-document .cover-meta td:not(:first-child) { color: color-mix(in srgb, var(--guide-cover-meta-color) 90%, transparent); }