/*背景透明度*/
#web_bg{
    opacity:0.5;
}

/*---------------返回顶部-----------------*/
/*图片top位置*/
.gotop {
    max-width: 70px !important;
    transform: translate(-75px,-107px) !important;
}

/*---------------页脚-----------------*/
/*页脚自定义字段字体颜色*/
#footer-wrap {
    color: #2b2d44;
}
/*页脚a标签字体颜色*/
#footer-wrap a {
    color: #2b2d44;
}

/*-----------头部导航栏文字颜色---------*/
#nav a {
    color: #f9f2f4;
}
/*------------card透明度--------------*/
/*侧边栏*/
#aside-content .card-widget{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
/*文章*/
#post{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
/*首页文章*/
#recent-posts .recent-post-item{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
/*导航栏*/
#page-header.nav-fixed #nav{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
/*搜索栏*/
#local-search .search-dialog{
    background: rgba(255, 255 ,255, .8);
    backdrop-filter: blur(1px);
}
/*页面*/
#page{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
#archive{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
#category{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
#tag{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(5px);
}
/*--------------透明度设置-----------------*/
/* 页脚透明 */
#footer{
  background: transparent!important;
}
/*夜间模式伪类遮罩层透明*/
[data-theme="dark"]
  #footer::before{
      background: transparent!important;
    }
[data-theme="dark"]
  #page-header::before{
    background: transparent!important;
    }

/*----------夜间模式侧边栏和文章背景变黑---------*/
[data-theme="dark"]
  #aside-content .card-widget{
      background: rgba(0, 0, 0, 0.3)!important;
    }
[data-theme="dark"]
  div#post{
    background: rgba(0, 0, 0, 0.3)!important;
    }

/*-------------阅读模式修改------------*/
.read-mode #aside-content .card-widget{
      background: rgba(158, 204, 171, 0.3)!important;
    }
.read-mode div#post{
    background: rgba(158, 204, 171, 0.3)!important;
    }
[data-theme="dark"]
  .read-mode #aside-content .card-widget{
        background: rgba(0, 0, 0, 0.3)!important;
        color: #ffffff;
      }
[data-theme="dark"]  
  .read-mode div#post{
      background: rgba(0, 0, 0, 0.3)!important;
      color: #ffffff;
      }

/*-------------------鼠标图标--------------------*/
body,html {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Arrow.cur), auto!important;
}
/*文本指针样式*/
h1,h2,h3,h4,h5,p,ul,li,td {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/IBeam.cur), auto!important;
}
/*按钮*/
button:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*i标签*/
i:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*up酱*/
#upj:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*分页器*/
#pagination .page-number:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*a标签*/
a:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*图片*/
img:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*图片*/
input:hover {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/IBeam.cur), auto!important;
}
summary:hover{
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
}
/*---------滚动条------------*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    cursor: url(https://blog-1311897345.cos.ap-nanjing.myqcloud.com/blog.img/cur/Hand.cur), auto!important;
    background-color: #596477;
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 2em;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}
::-moz-selection {
    color: #fff;
    background-color: #596477;
}
/*----------------音乐图标------------------*/
  /* 默认情况下缩进左侧66px，只留一点箭头部分 */
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !important;
}

  /* 鼠标悬停是左侧缩进归零，完全显示按钮 */
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0 !important;
}

/*--------------字体设置-----------------*/
@font-face{
    font-family:'home' ;  /* 字体名自定义即可 */
    src:url('/font/鹅卵石海报体mini.ttf'); /* 字体文件路径 */
    font-display : swap;
}
#site-title {
    font-family: 'home'
}
#blog_name{
    font-family: 'home'
}
/*------------网页头图和网页背景添加图片渐变模糊---------------*/
/*10s为加载动画的时间，1为加载动画的次数，ease-in-out为动画效果*/
#page-header,
#web_bg {
    -webkit-animation: imgblur 2s 1 ease-in-out;
    animation: imgblur 2s 1 ease-in-out;
}
@keyframes imgblur {
  0% {
    filter: blur(1px);
  }
  100% {
    filter: blur(0px);
  }
}
/*适配使用-webkit内核的浏览器 */
@-webkit-keyframes imgblur {
  0% {
    -webkit-filter: blur(1px);
  }
  100% {
    -webkit-filter: blur(0px);
  }
}

/*--------归档生肖-----------------*/
svg.icon {
  /* 这里定义svg.icon，避免和Butterfly自带的note标签冲突 */
   width: 1em; height: 1em;
   /* width和height定义图标的默认宽度和高度*/
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

/* 文章页H1-H6图标样式效果转动 */
/*转动速度*/
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
    -webkit-animation: ccc 1.6s linear infinite ;
    animation: ccc 1.6s linear infinite ;
}
/*鼠标碰到小风车转速变慢及变色*/
#content-inner.layout h1:hover, #content-inner.layout h2:hover, #content-inner.layout h3:hover, #content-inner.layout h4:hover, #content-inner.layout h5:hover, #content-inner.layout h6:hover {
    color: #49b1f5 ;
}
#content-inner.layout h1:hover::before, #content-inner.layout h2:hover::before, #content-inner.layout h3:hover::before, #content-inner.layout h4:hover::before, #content-inner.layout h5:hover::before, #content-inner.layout h6:hover::before {
    color: #49b1f5 ;
    -webkit-animation: ccc 3.2s linear infinite ;
    animation: ccc 3.2s linear infinite ;
}
/*风车转的方向*/
@-webkit-keyframes ccc {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
    }
}
@keyframes ccc {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}
/*小风车颜色、大小修改*/
#content-inner.layout h1::before {
    color: #ef50a8 ;
    margin-left: -1.55rem;
    font-size: 1.3rem;
    margin-top: -0.23rem;
}
#content-inner.layout h2::before {
    color: #fb7061 ;
    margin-left: -1.35rem;
    font-size: 1.1rem;
    margin-top: -0.12rem;
}
#content-inner.layout h3::before {
    color: #ffbf00 ;
    margin-left: -1.22rem;
    font-size: 0.95rem;
    margin-top: -0.09rem;
}
#content-inner.layout h4::before {
    color: #a9e000 ;
    margin-left: -1.05rem;
    font-size: 0.8rem;
    margin-top: -0.09rem;
}
#content-inner.layout h5::before {
    color: #57c850 ;
    margin-left: -0.9rem;
    font-size: 0.7rem;
    margin-top: 0.0rem;
}
#content-inner.layout h6::before {
    color: #5ec1e0 ;
    margin-left: -0.9rem;
    font-size: 0.66rem;
    margin-top: 0.0rem;
}

/*hide-toggle样式*/
#post .toggle{
    border-radius: 3px;
}
/*tabs样式*/
#post .tabs{
    border-radius: 3px;
}
/*hide button样式*/
.hide-button{
    background: #5f5f4f!important;
    border-radius: 3px;
}

/*toc设置*/
.toc-content{
    font-family: none;
    margin: 0!important;
}
#aside-content #card-toc .toc-content > * {
    margin: 0 0 0 10px!important;
}

/*着重号*/
#post emp {
    border-bottom: 4px dotted #ff6f6f;
}