/* 自定义字体 */
@font-face{
  font-family:'TianMei' ;  /* 字体名自定义即可 */
  src:url('/fonts/TianMei.ttf'); /* 字体文件路径 */
  font-display : swap;
}

h1#site-title {
  font-family: 'TianMei', sans-serif;
}
span.site-name {
  font-family: 'TianMei', sans-serif;
}
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "STZhongsong", "Lantinghei SC", sans-serif

/* 透明度修改*/
/* 首页文章卡片 */
#recent-posts > .recent-post-item{
    background:rgba(255, 255, 255, 0.9);
}
/* 首页侧栏卡片 */
.card-widget{
  background:rgba(255, 255, 255, 0.9)!important;
}
/* 文章页面正文背景 */
div#post{
  background: rgba(255, 255, 255, 0.9);
}
/* 分页页面 */
div#page{
  background: rgba(255, 255, 255, 0.9);
}
/* 归档页面 */
div#archive{
  background: rgba(255, 255, 255, 0.9);
}
/* 标签页面 */
div#tag{
  background: rgba(255, 255, 255, 0.9);
}
/* 分类页面 */
div#category{
  background: rgba(255, 255, 255, 0.9);
}
/* opacity定义的是全局的透明度 */
#footer{
  opacity: 0.9;
}

/* 页脚透明 */
#footer{
  background: transparent!important;
}
/* 页脚黑色透明玻璃效果移除 */
#footer::before{
    background: transparent!important;
  }
/* 头图透明 *
#page-header{
  background: transparent!important;
}
/* 头图遮罩层透明 */
#page-header::before{
  background: transparent!important;
  }
/*夜间模式伪类遮罩层透明*/
[data-theme="dark"]
  #footer::before{
      background: transparent!important;
    }
[data-theme="dark"]
  #page-header::before{
    background: transparent!important;
    }

/* 含Aplayer全局吸底音乐标签伸缩实例 *
#fixedElement{
  position: fixed;
  width: 60px
  /* 假定宽度是60px *
  bottom: 60px;
  /* 定义元素下边框与浏览器下边框的距离 *
  left: -30px;
  /* 定义元素左边框与浏览器左边框的距离 */
  /* 此时效果上此按钮应当缩进侧栏一半 *
}
#fixedElement:hover{
  left: 0px;
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  left: -66px !important;
  /* 默认情况下缩进左侧66px，只留一点箭头部分 *
}

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


/* 夜间模式 */
[data-theme="dark"]
  #aside-content .card-widget{
      background: rgba(0, 0, 0, 0.5)!important;
    }
[data-theme="dark"]
  div#post{
    background: rgba(0, 0, 0, 0.5)!important;
    }

/* 阅读模式 */
.read-mode #aside-content .card-widget{
      background: rgba(255, 200, 209, 0.5)!important;
    }
.read-mode div#post{
    background: rgba(255, 200, 209, 0.5)!important;
    }

/* 夜间模式下的阅读模式 */
[data-theme="dark"]
  .read-mode #aside-content .card-widget{
        background: rgba(0, 0, 0, 0.5)!important;
        color: #ffffff;
      }
[data-theme="dark"]
  .read-mode div#post{
      background: rgba(0, 0, 0, 0.5)!important;
      color: #ffffff;
      }

/* 图片渐变模糊 */
/*10s为加载动画的时间，1为加载动画的次数，ease-in-out为动画效果*
#page-header,
#web_bg {
    -webkit-animation: imgblur 10s 1 ease-in-out;
    animation: imgblur 10s 1 ease-in-out;
}
@keyframes imgblur {
  0% {
    filter: blur(5px);
  }
  100% {
    filter: blur(0px);
  }
} */
/*适配使用-webkit内核的浏览器 *
@-webkit-keyframes imgblur {
  0% {
    -webkit-filter: blur(5px);
  }
  100% {
    -webkit-filter: blur(0px);
  }
} */



/* 顶部加载条 */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #e90f92;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #e90f92, 0 0 5px #e90f92;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #e90f92;
  border-left-color: #e90f92;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/* 在下面修改进度条外观 */
.pace .pace-progress {
  background: #FFB6C1; /*进度条颜色*/
  height: 3px;/* 进度条厚度 */
}
.pace .pace-progress-inner {
  box-shadow: 0 0 10px #1ef4fbce, 0 0 5px #1ecffbd0; /*阴影颜色*/
}
.pace .pace-activity {
  border-top-color: #1edafbe5;	/*上边框颜色*/
  border-left-color: #1ef4fbec;	/*左边框颜色*/
}

/* 图标 */
@font-face {
font-family: 'iconfont';
src: url('/fonts/iconfont.eot');
src: url('/fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/iconfont.woff2') format('woff2'),
url('/fonts/iconfont.woff') format('woff'),
url('/fonts/iconfont.ttf') format('truetype'),
url('/fonts/iconfont.svg#iconfont') format('svg');
}
/* font-family 可以自定义，但是必须和上面@font-face中的font-family保持一致 */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-angle-right:before {
  content: "\e613";
}

.icon-angle-down:before {
  content: "\e614";
}

.icon-angle-left:before {
  content: "\e615";
}

.icon-shuffle:before {
  content: "\e617";
}

.icon-pause:before {
  content: "\e618";
}

.icon-arrows-rotate:before {
  content: "\e619";
}

.icon-arrow-down:before {
  content: "\e61a";
}

.icon-rss:before {
  content: "\e61b";
}

.icon-bilibili:before {
  content: "\e61e";
}

.icon-github:before {
  content: "\e61f";
}

.icon-qq:before {
  content: "\e620";
}

.icon-warning:before {
  content: "\e621";
}

.icon-message:before {
  content: "\e623";
}

.icon-circle-half-stroke:before {
  content: "\e624";
}

.icon-train:before {
  content: "\e626";
}

.icon-copy:before {
  content: "\e627";
}

.icon-language:before {
  content: "\e628";
}

.icon-arrow-right:before {
  content: "\e62a";
}

.icon-arrow-left:before {
  content: "\e62b";
}

.icon-play:before {
  content: "\e62c";
}

.icon-arrows-left-right:before {
  content: "\e62d";
}

.icon-book-open:before {
  content: "\e62e";
}

.icon-grip-vertical:before {
  content: "\e62f";
}

.icon-arrow-rotate-right:before {
  content: "\e631";
}

.icon-forward:before {
  content: "\e632";
}

.icon-backward:before {
  content: "\e633";
}

.icon-comments:before {
  content: "\e635";
}

.icon-jike:before {
  content: "\e636";
}

.icon-moon:before {
  content: "\e601";
}

.icon-tag:before {
  content: "\e602";
}

.icon-envelope:before {
  content: "\e603";
}

.icon-images:before {
  content: "\e604";
}

.icon-music:before {
  content: "\e605";
}

.icon-heartbeat:before {
  content: "\e607";
}

.icon-paper-plane:before {
  content: "\e608";
}

.icon-gear:before {
  content: "\e609";
}

.icon-link:before {
  content: "\e60a";
}

.icon-magnifying-glass:before {
  content: "\e60b";
}

.icon-house-chimney:before {
  content: "\e60c";
}

.icon-fan:before {
  content: "\e60d";
}