.passage {
  margin: 40px auto;
  max-width: 80vw;
  padding: 2%;
  border-radius: 4px;
  box-shadow: 4px 4px 12px 0px #00000064;
  line-height: 1.7;
}
/* 标题 */
/* .passage h1,
.passage h2,
.passage h3,
.passage h4,
.passage h5,
.passage h6 {
  font-family: "server-serif", serif;
  font-weight: 567;
} */

.passage h1 {
  font-family: "server-serif", serif;
  text-align: center;
  padding: 32px 0px;
}

.passage h2 {
  margin-top: 1em;
}

.passage h3 {
  margin-top: 0.5em;
}
/* over 标题 */

/* 引用 */
.passage a {
  color: royalblue;
  text-decoration: none;
}

.passage a:hover {
  text-decoration: underline;
}

/* 附加一个图片 */
.passage img {
  max-width: 100%;
  height: auto;
}
/* over 引用 */

/* 列表 ol ul li */
.passage ul,
.passage ol {
  padding: 0.6em 1.5em;
}
/* over 列表 */

/* code部分 */
.passage code {
  background-color: #cccccc64;
  font-family: "server-monospace";
  font-size: 14px;
  padding: 2px 4px;
  margin: 0 2px;
  border-radius: 4px;
}

/* TODO here */
.passage pre {
  background-color: #cccccc64;
  padding: 1em;
  margin: 0 2em;
  border-radius: 8px;
  overflow-x: auto;
}

.passage pre code {
  background-color: transparent;
  padding: 0;
  line-height: 1.4;
}
/* over Code */

@media (max-width: 768px) {
  .passage {
    max-width: 100%;
    margin: 0;
    padding: 18px;
    box-shadow: none;
  }
}