/* 基本变量 */
:root {

  /* 尺寸 */
  --title-size:22pt;
  --h0-size: 18pt;
  --h1-size: 18pt;
  --h2-size: 16pt;
  --h3-size: 14pt;
  --h4-size: 12pt;
  --p-size: 12pt;
  --common-size: 12pt;
  --info-size: 10pt;
  --mini-size: 9pt;
  /* 字体 */
  --common-font: 'HarmonyOS Sans SC';
  --title-font: 'HarmonyOS Sans SC Black';
  --heiti-font: 'Arial', '黑体';
  --song-font: 'Times New Roman', Times, serif;
  --ch-novel-font: 'HarmonyOS Sans SC';
  --en-title-font: 'Bodoni MT Black';
  --en-novel-font: 'Bodoni MT';
  --kai-font: '华文楷体';
  --code-font: 'Consolas', 'HarmonyOS Sans SC';
  /* 字号 */
  --h1-size: 22pt;
  --h2-size: 18pt;
  --h3-size: 16pt;
  --h4-size: 14pt;
  --normal-size: 14pt;
  --mini-size: 12pt;
  /* 颜色 */
  --main-color: #085DB3;
  --strip-color: #DFE0DB;
  --highlight: blue;
  --positive: #548235;
  --negative: #DE1313;
  --warning: #FEB64E;
}

p {
  margin: 0.5em 0px;
  font-family: var(--common-font);
  font-size: var(--p-size);
  text-indent: 2em;
  text-align: justify;
  text-indent: 2em;
  line-height: 1.8em;
}

ul, ol{
  font-family: var(--common-font);
  font-size: var(--p-size);
  text-align: justify;
}

/* 标题字体 */
h1 {
  font-family: var(--title-font);
  font-size: var(--h1-size);
  font-weight: normal;
  line-height: 1.5em;
  text-align: left;
}

h2 {
  font-family: var(--title-font);
  font-size: var(--h2-size);
  font-weight: normal;
  line-height: 1.5em;
  text-align: left;
}

h3 {
  font-family: var(--title-font);
  font-size: var(--h3-size);
  font-weight: normal;
  line-height: 1.5em;
}

h4 {
  font-family: var(--title-font);
  font-size: var(--h4-size);
  font-weight: normal;
  color: var(--main-color);
  line-height: 1.5em;
}

blockquote{
    margin: 0.5em 0;
    padding: 0.5em 0em;
    font-family: var(--kai-font);
    font-size: var(--p-size);
    background-color: var(--strip-color);
    text-align: justify;
}

img{
    margin: 0.5em auto;
    display: flex;
    /* max-width: 100%; */
}

table{
    width: 100%;
    margin: 1em auto;
    font-family: var(--common-font);
    font-size: var(--common-size);
    border-collapse: collapse;
}

table thead{
    text-align: center;
    background-color: var(--strip-color);
    border: 0.5px solid lightgray;
}

table th{
    padding: var(--mini-margin);
    font-family: var(--title-font);
    border: 0.5px solid lightgray;
}

td{
    padding: var(--mini-margin);
    border: 0.5px solid lightgray;
}

#topics .postTitle{
  color: var(--main-color);
  font-family: var(--title-font);
  font-size: var(--h1-size);
  text-align: center;
}