#web_bg {
  position: fixed;
  z-index: -999;
  width: 100%;
  height: 100%;
  background-attachment: local;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: repeat;
}

html[data-user-color-scheme=light] .footer-inner, html[data-user-color-scheme=light] .footer-inner a {
    color: honeydew;
}

/* 滚动条 */
::-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;
}

# 代码框美化

.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{
    display:block
}

.markdown-body .copy-btn{
    font-size:15px;
    top:.2rem;
    right:1rem
}

figure.highlight{
    background:#21252b;
    border-radius:5px;
    box-shadow:0 4px 7px 0 rgba(0,0,0,.4);
    padding-top:30px
}
figure.highlight::before{
    background:#fc625d;
    border-radius:50%;
    box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;
    content:" ";
    height:12px;
    left:12px;
    margin-top:-20px;
    position:absolute;
    width:12px;
}



/* 打字机效果渐变 -bynote.cn*/

#subtitle {
  background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%); /* 线性渐变背景，方向向上 */
  -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */
  -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */   
}

#subtitle:before {
    background-color: rgba(0, 0, 0, 0);
}