/* 滚动条 Scroll bar */
/* See https://cloud.tencent.com/developer/article/1625877 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgba(73, 177, 245, 0.2);
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: #49b1f5;
  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: #49b1f5;
}

/* 鼠标  Cursor */
/* See https://www.antmoe.com/posts/a811d614/ */
body {
  cursor: url(https://cdn.jsdelivr.net/gh/MMengyiyu/HexoStaticFile@latest/img/cursor/default.cur),
    default;
}

a,
img {
  cursor: url(https://cdn.jsdelivr.net/gh/MMengyiyu/HexoStaticFile@latest/img/cursor/pointer.cur),
    default;
}


/* 透明度 */
/* See https://akilar.top/posts/ebf20e02/ */
/* 第1种实现方法 */
/* 
  background属性的配置应该算是我们最期望的效果了，它只会使被添加了的
  该属性的页面元素背景变得透明，而不会对这一页面元素下的其他元素 (包括 div、span、p、a 等任何标签)
  有任何影响。一般用来对文章内容或页面卡片添加透明度。这样可以保证字体不会变透明 
*/
[data-theme="light"] div#post {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] div#page {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] div#archive {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] div#tag {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] div#category {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] .card-widget {
  background: rgba(255, 255, 255, 0.9) !important;
}

/* 第2种方式 */
/* 
  使用opacity
  opacity 定义的是全局的透明度，会影响添加改属性的页面元素及其下属元素。
*/
/* #footer {
  opacity: 0.5;
} */

/* 第3种方式 */
/*
  background:transparent
  这一属性会让定义了该属性的页面元素背景变完全透明，但不会影响下属元素，效果等同于 background:rgba(255,255,255,0)。
  应用：定义头图或页脚全透明以实现一图流。
*/

/* 页脚透明 */
#footer {
  background: transparent !important;
}

/* 头图透明 */
#page-header {
  background: transparent !important;
}

/*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
/* #page-header.post-bg:before {
  background-color: transparent !important;
} */

/*夜间模式伪类遮罩层透明*/
[data-theme="dark"] #footer::before {
  background: transparent !important;
}

[data-theme="dark"] #page-header::before {
  background: transparent !important;
}

/* 版权 CopyRight */
/* See https://www.nesxc.com/post/hexocc.html */
[data-theme="dark"]
  #post .post-copyright {
    background-color: rgb(7 8 10);
    text-shadow: #bfbeb8 1px 0 4px;
  }
[data-theme="dark"]
  #post .post-copyright {
    border: 1px solid rgb(19 18 18 / 35%);
  }
[data-theme="dark"]
  .post-copyright-info {
    color: #e0e0e4;
  }
#post .post-copyright__title{
    font-size:22px;
}
#post .post-copyright__notice{
    font-size:15px;
}