// 文本区域
.md-text
  max-width: 100%
  padding: 1rem
  color: var(--text-p1)
  line-height: 1.6
  word-break: break-word

// 摘要
.md-text.excerpt
  p
    font-size: $fs-14
    margin: 1em 0

// 正文区域
.md-text.content
  position: relative
  padding-top: 0
  padding-bottom: 2rem
  overflow: hidden

.l_body[text-indent] .md-text.content
  >p
    text-indent: 'calc(%s * 2)' % var(--fs-p)
    text-align: convert(hexo-config('style.text-align'))
  h1,h2,h3,h4,h5,h6
    text-align: center
    a.headerlink
      display: none
  >h2:not([class])
    border-bottom: none

.md-text
  ul:not(:last-child),
  ol:not(:last-child)
    padding-bottom: .5rem
    margin: 0
  blockquote,ul,ol
    p,ul,ol
      font-size: var(--fs-p2)
      line-height: 1.5
      code 
        font-size: inherit
        padding: 0
        background: none
  p,blockquote,.tag-plugin,ul,ol,.highlight,table
    *
      --gap-p: var(--gap-p-compact)
  p,ul,ol
    margin-top: 'calc(%s - 4px)' % var(--gap-p)
    margin-bottom: 'calc(%s - 4px)' % var(--gap-p)
  .tag-plugin,iframe
    margin-top: var(--gap-p)
    margin-bottom: var(--gap-p)
  iframe
    display: block

// titles
.md-text.content
  h1,h2,h3,h4,h5,h6
    margin-bottom: var(--gap-p)
    color: var(--text-p0)
    line-height: 1.8
  blockquote, .tag-plugin
    h2,h3,h4,h5,h6
      margin-top: 0.25em
      margin-bottom: 0.25em
      
  a.headerlink 
    background: $color-theme
    border-radius: 2px
    margin-right: 8px
    trans1 background
  a.headerlink:hover
    background: $color-hover
  a.headerlink:before
    content: ''
    color: white
    font-weight: 700
    padding: 0 2px
  h2
    margin-top: 'calc(%s + 1rem)' % var(--gap-p)
    border-bottom: 1px solid var(--block-border)
    font-weight: 400
  h3
    margin-top: 'calc(%s + 0.75rem)' % var(--gap-p)
    font-weight: 400
  h4,h5,h6
    margin-top: 'calc(%s + 0.5rem)' % var(--gap-p)
    font-weight: 500

.md-text.content:first-child .tag-plugin:first-child
  margin-top: 0

.md-text p
  font-size: var(--fs-p)

.md-text pre
  -webkit-font-smoothing: auto
  -moz-osx-font-smoothing: auto

.md-text
  .center
    align-self: center

// div
.md-text>div
  margin: var(--gap-p) 0


.md-text img
  border-radius: $border-image
  margin: auto
  display: block

.md-text 
  p:not([class]), li:not([class])
    a:not([class])
      position: relative
      padding: 2px 0
      text-decoration: none
      line-height: 1.2
      &:before
        content: ''
        position: absolute
        border-radius: 2px
        bottom: 0
        left: 0
        right: 0
        height: 1px
        if hexo-config('style.link.underline') == true
          opacity: 0.8
        else
          opacity: 0
        background: var(--theme-link)
        trans1: all
      &:hover
        border-bottom: none
        color: var(--theme-link)
        z-index 0
        &:before
          height: 100%
          opacity: 0.2
          z-index -1
          bottom: 0
          left: -2px
          right: -2px
      &:has(img)
        &:before
          content: none