///////////////////////
 //  提前量的强制覆盖  //
///////////////////////

// 导航栏样式 仅当 2K 分辨率时使用
.l_header
  @media screen and (max-width: $device-2k)
    left: 0 !important
    border-radius: 0 !important
    max-width: 100% !important

// 修改文章行间距
article p
  line-height: 2 !important;

// 调整移动端的显示
#safearea
  @media screen and (max-width: $device-mobile)
    margin: 0
    box-shadow: none
    .body-wrapper
      padding: 0
    #l_main
      padding-left: 0
      article#comments,
      article#friends,
      article#post,
      article#page,
      article#arc      
        border-radius: 0
      article#cat,
      article#tag
        margin: 0
        border-radius: 0
      .post-wrapper
        margin: 0 0 16px
        .post
          border-radius: 0
    #l_side
      .widget.mobile
        border-radius: 0

// 字体覆盖
h1,h2,h3
  font-family: $fontfamily-logo


.iconfont
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor
  overflow: hidden
  &.emoji
    width: 1.5em
    height: 1.5em
    vertical-align: -0.3em
.rem1p5
  font-size: 1.5rem  
.rem2
  font-size: 2rem
.rem6
  font-size: 6rem
.rem12
  font-size: 12rem

////////////////////////////////////////////////////////////////

.l_header 
  #wrapper.sub .nav-main
    transform: translateY(-64px)
  #wrapper .title
    line-height: inherit

.cover-wrapper
  .title,
  .list-h p
    color: var(--color-site-inner)

// 移动端字体大小
.cover-wrapper .cover-body .title
  @media screen and (max-width: 500px)
    font-size: 2rem

// 修改列表页 note 的缩进
.post.post-v3.white-box .note > p
  text-indent: 0

//修复开启首行缩进后的图片
#l_main>article.cus-indent p img
  display: block

.sayhi{ 
  text-align: left  
}

.bloggerpro .content{
  font-size: 1rem!important
  background: linear-gradient(-45deg,var(--heo-main),#031764,#150136,#67044d)  
}

.bloggerpro .contactme{
  margin-top:20px
  width 80px
  display:flex
  align-items:center
  justify-content: space-between
}
.bloggerpro .contactme .icon{
  display:flex
  transition:.3s
  justify-content: center
  align-items:center
  width 35px
  height:35px  
  border-radius: 50%
  font-size:1.1rem
  background: #333
  color: #fff
}
.bloggerpro .contactme a{
  color:inherit!important
  background:transparent!important
}
.bloggerpro .contactme .icon:first-child:hover{
  background:#ee5253
  color:#333
}

.bloggerpro .contactme .icon:last-child:hover{
  background:#2e86de
  color:#333
}

.grecaptcha-badge 
  visibility hidden