//暗黑模式1
//html{filter: invert(100%);}
//img{filter: invert(100%);}
//暗黑2
.theme-toggle{
  //按钮
}
:root {
  --bg-color-light: #ffffff;
  --text-color-light: #596172;
  
  --bg-color-dark: #202020;
  --text-color-dark: #d8d8d8;
  
}

html[mode="dark"] {
  background-color: #202020;
  text-color: #d8d8d8;
  #home {
  background-color:  #202020!important;
  }
    .postBody{
  color:#d8d8d8;
  }
}

html[mode="light"] {
  background-color:  #d8d8d8; 
  --text-color: var(--text-color-light);
  --border-color: var(--border-color-light);
  #home {
  background-color:#d8d8d8!important;
  }
  .postBody{
  color:#000000;
  }
}

body {
  
  background-color: var(--bg-color);
   font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 16px;
}

.postBody{
  color:#000000;
  font-size:16px;
}
//代码设置

.cnblogs_code, .cnblogs_code span, .cnblogs-markdown .hljs {
    font-family: Consolas, "Source Code Pro", monaco, monospace !important;
    font-size: 14px !important;
}

//侧边栏

//随笔分类换行


/*黑幕*/
.heimu, .heimu a, a .heimu, .heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu {
    color: white !important;
}
.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu {
    color: lightblue !important;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu .new:active, .new:active .heimu {
    color: #BA0000 !important;
}

/* 鼠标样式动画 */
body{
    background-repeat: repeat;
    background-attachment: fixed;
    background-size:cover;
    cursor: url(https://blog-static.cnblogs.com/files/liyhbk/cursor.ico),auto;
}

.icon_favorite {
   background: transparent url('https://blog-static.cnblogs.com/files/liyhbk/o_kj.gif') no-repeat 0 0;
    padding-left: 15px;
}
#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;

}
/* 反对按钮不显示 */
.buryit{
  display: none;
}


/* 按钮 */
button {
  background-color: #404040; /* 按钮背景色 */
  color: #FFFFFF; /* 按钮文字色 */
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}
button:hover {
  background-color: #505050; /* 鼠标悬停时的背景色 */
}

/* 评论区带头像且支持旋转，css和页脚都要配置 */
.feedbackCon img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.feedbackCon img {
    border-radius: 40px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}