.l_main
  position: relative
  padding-bottom: var(--gap-page)
  @media screen and (min-width: $device-mobile-max)
    padding-top: var(--gap-page)
  header
    margin: 2rem 1rem 1rem
    .logo-wrap
      margin: 0

.l_body.index
  .l_main
    @media screen and (max-width: $device-mobile-max)
      padding-top: 0

body>.sitebg
  position fixed
  top: 0
  left: 0
  right: 0
  bottom: 0
  background-size: cover
  if $site-background-image
    background-image: convert($site-background-image)
  .siteblur
    width: 100%
    height: 100%
    --blur-px: 0
    --blur-sat: 200%
    blur-effect()
    if hexo-config('style.site.blur-sat') 
      --blur-sat: convert(hexo-config('style.site.blur-sat'))
    if hexo-config('style.site.blur-px')
      --blur-px: convert(hexo-config('style.site.blur-px'))
    if hexo-config('style.site.blur-bg')
      --blur-bg: convert(hexo-config('style.site.blur-bg'))