// 文章和页面皆为markdown渲染而来，因此使用同一套css

.markdown-container
  display: flex
  flex-direction: row
  justify-content: space-between
  gap: 16px
  .article-title
    font-size: 3em
  .content
    width: 73%;
    display: flex;
    flex-direction: row;
    gap: 12px
    .article-container
      background-color: rgb(231, 225, 199)
      height: fit-content
      padding: 4px 64px
      display: flex
      flex-direction: column
      gap: 16px
      width: 100%
      // overflow-y: scroll
      overflow-x: hidden
      justify-content: space-between
      font-size: 18px
  .side-information
    width: 24%
    position: sticky
    top: 16px
    align-self: flex-start
  .info-box
    margin-left: -1.6em
    line-height: 1.6em
    .time-info, .stat-info
      font-size: 14px
    .big
      font-size: 16px
    .author
      font-size: 16px
      font-weight: bold