h1,.h1
  font-size: var(--fsh2)
  font-weight: $fw-700
  @media screen and (max-width: $device-mobile)
    font-size: var(--fsh2)
h2,.h2
  font-size: var(--fsh2)
  margin-top: 1.5em
h3,.h3
  font-size: var(--fsh3)
h4,.h4
  font-size: var(--fsh4)
h5
  font-size: 'calc(%s + 1px)' % var(--fs-content)
h6
  font-size: 'calc(%s + 0px)' % var(--fs-content)

// story 文章段落标题（h2）：居中 + 两侧 accent 斜杠装饰
// 专栏列表页专栏标题（.topic-title）与 story 文章 h2 共用
story-title()
  position: relative
  width: fit-content
  max-width: 80%
  box-sizing: border-box
  padding-inline: calc(8px + 1em)
  color: var(--text)
  line-height: 1.2
  text-align: center
  &:before,&:after
    content: ''
    position: absolute
    top: 50%
    width: 8px
    height: 100%
    background: $c-accent
    transform: translateY(-50%) skewX(-20deg)
  &:before
    left: 0.5em
  &:after
    right: 0.5em

// 次级段落字号
.fs15
  --fs-content: $fs-15
  font-size: var(--fs-content)
.fs14
  --fs-content: $fs-14
  font-size: var(--fs-content)

.footnote
  --fs-content: $fs-13
  font-size: var(--fs-content)

.widgets
  .post-title
    margin: 0.75rem 0
    line-height: 1.2
    display: block
    txt-ellipsis()
    .cap
      margin-bottom: 2px
      opacity: 0.5
    a
      color: inherit
      font-weight: $fw-500
      &:hover
        color: var(--accent)