
/*simplememory*/
#google_ad_c1, #google_ad_c2 {display:none;}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter             table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
font-size: 14px!important;
}

@font-face {
  font-family: 'Comic-Sans-MS-Regular-2';
  src: url('https://raw.githubusercontent.com/tutulei/Resource/main/Comic-Sans-MS-Regular-2.ttf') format('truetype'); /* IE9 Compat Modes */
  /* src: url('https://files-cdn.cnblogs.com/files/blogs/715600/Comic-Sans-MS-Regular-2.rar') format('truetype'); */

}



/* 侧边栏美化 */
#blog-news>a{
  display: flex;
}
#blog-news>a>img{
  margin: auto;
}
#profile_block{
  padding-left: 10%;
  line-height: 30px;
  font-size: 30rpx;
}
#profile_block:first-child{
  font-weight: 700;
}
#blog-calendar{
  padding: 8px;
  border: 1px dashed orange;
  border-radius: 10px;
}
.catListLink>ul>li,.catListTag>ul>li,.catListPostCategory>ul>li,.catListPostArchive>ul>li,.catListArticleCategory>ul>li,
.catListArticleArchive>ul>li,.sidebar-block>ul>li {
  padding: 10px 0 10px 2px;
  font-size: 120%;
  list-style-type:none; /* 去除黑点 */
}
ul {
  padding-left: 10px;
}

.catListLink>ul>li>a:hover,.catListTag>ul>li>a:hover,.catListPostCategory>ul>li>a:hover,.catListPostArchive>ul>li>a:hover,
.catListArticleCategory>ul>li>a:hover,.catListArticleArchive>ul>li>a:hover,.sidebar-block>ul>li>a:hover{
  color: rgb(123, 174, 128);
}



/* 列表文章的标题 */
.postTitle2{
  font-size: 1.7rem;
  font-family: "Noto Sans SC";
  font-weight: 100;
  transition: all 0.5s ease;
  color: rgb(107, 93, 86);
}
.postTitle:hover > .postTitle2{
  color: rgb(255, 136, 0);
  margin-left: 5px;
}


.float{
 -moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器 */
user-select:none;
}

#cnblogs_post_body p {
    margin: auto;
    font-size: 1rem;
    text-indent: 0;
    color:rgb(114, 96, 96);
}

/* 标题 */
#blogTitle {
    /* background: url(https://images.cnblogs.com/cnblogs_com/blogs/715600/galleries/2055095/o_211105003557_v2-c4fdfb7063fe74418dd2a71c1d24b720_1440w.jpg) center center / cover no-repeat rgb(34, 34, 34); */
    opacity: 0.9;
    overflow: hidden;
    width: 100%;
    height: 40vh;
    max-height: 40vh;
    /* box-shadow: 0 1px 2px rgb(150 150 150 / 70%); */
    /* text-align: center; */
    display: flex;
    flex-direction:column;
    align-items: center; /*定义子元素垂直居中*/
    justify-content: center; /*定义子元素水平居中*/
}
/* 博客名 */
#Header1_HeaderTitle {
    /* font-family: 'Playball', cursive; */
    font-family: '华文楷体';
    color: #fff;
    font-size: 4rem;
    text-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    margin: 10px 0 10px 0;
    letter-spacing: -1px;
    font-weight: bold;
    animation: fade-in-down 1s both;
    animation-delay: .5s;
    text-decoration : none;
    z-index:100;
}
/* 副标题 */
#blogTitle h2 {
    font-family: '幼圆';
    /* display: table-cell;
    vertical-align: middle; */
    color: deeppink;
    margin: 0;
}

/* 底部工具栏 刷新评论 刷新页面 返回顶部 */
#comment_nav > a{
  padding-top: 10px;
}

/* 主界面 */
#main{
  display: flex;
  padding: 0 10% 0 8%;
  padding-top: 0;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  flex-direction: row-reverse;
}
#mainContent{
    padding: 5% 2% 5% 8%;
    width: 70%;
    display: flex;
    flex-direction:column;
    //justify-content: space-around; /*定义子元素水平居中*/
    background-color: rgba(255, 255, 255,0.8);
    margin: 20px;

}

/* 侧边栏 */
#sideBar{
    width: 20%;
}

#home {
//opacity: 0.95 !important;
margin: 0 auto;
width: 100%;
background-color: rgba(245, 245, 245,0.9);
/* box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); */
position: absolute;
top:0;
z-index: -1;
}



/* 导航栏 隐藏原本的,添加自定义*/
#navList{
    display: none;
}
.blogStats{
    display: none;
}
#NewNavList{
    padding: 0;
}
#NewNavList a:hover {
color: #c44bb0;
text-decoration: none;
}
#NewNavList a {
    text-decoration : none;
    color: rgb(25, 167, 155);
    display: block;
    width: 5em;
    height: 22px;
    float: left;
    text-align: center;
    margin:auto;
    text-shadow: 0 3px 6px rgb(0 0 0 / 30%);
} 
/* 导航栏 + 文章统计 */
#navigator {
    display: flex;
    font-size: 15px;
    border-bottom: 1px solid #ededed;
    height: 50px;
    clear: both;
    justify-content: center; /*定义子元素水平居中*/
    z-index: 100;
}
/* 文章列表 */
.postTitle {
    //border-left: 3px solid #21759b;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 20px;
    float: right;
    width: 100%;
    clear: both;
}
/*文章本体*/
#cnblogs_post_body{
  min-height: 500px;
}

#cnblogs_post_body>p{

  margin: 10px 0;
}

.cnblogs_code span {
  font-family: "Comic-Sans-MS-Regular-2";
    font-size: 100%;
}
code.hljs{
  font-family: "Comic-Sans-MS-Regular-2";
  font-size: 140%;
}
.cnblogs_code pre{
  font-family: "Comic-Sans-MS-Regular-2";
  font-size: 140%;
  padding-left: 10px;
}

.day{
  margin-bottom: 15px;
}
.dayTitle{
  display: none;
}
.postDesc{
  border-bottom: 1px dashed blueviolet;
  padding-bottom: 20px;
}

/* 头像 */

.head-pic{
  border-radius: 50%;
  width: 65%;
  transition-property: width, box-shadow;
  transition-duration: .6s, .6s;
}

.head-pic:hover{
  width:61%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#head-div{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 3/2;
}

/* #blog-news>a>img{
  border-radius: 40%!important;
  transition: all 0.1s ease-in-out;
} */
// #blog-news>a>img:hover{
  //transform:rotate(720deg);
 // -ms-transform:rotate(720deg); /* Internet Explorer */
 // -moz-transform:rotate(720deg); /* Firefox */
 // -webkit-transform:rotate(720deg); /* Safari 和 Chrome */
 // -o-transform:rotate(720deg); /* Opera */
 // border-radius: 50%!important;
//}

/* .head-pic:hover{
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
} */


.postCon {
    float: right;
    line-height: 1.5em;
    width: 100%;
    clear: both;
    padding: 10px 0;
}
.c_b_p_desc {
    font-size: 14px;
    line-height: 1.7;
}
.c_b_p_desc {
    word-wrap: break-word;
    word-break: break-all;
    color:rgb(112, 143, 136);
    overflow: hidden;
    line-height: 1.5;
}
a:link {
    color: #000;
    text-decoration: none;
}
.c_b_p_desc_readmore {
    padding-left: 5px;
    color: darkgrey;
    text-decoration: none;
}
.clear {
    clear: both;
}
.postDesc {
    font-size: 13px;
    background: url(images/posted_time.png) no-repeat 0 1px;
    color: rgba(83, 83, 83,0.5);
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    padding-right: 5px;
    margin-top: 20px;
    line-height: 1.5;
}
.postSeparator {
    clear: both;
    height: 1px;
    width: 100%;
    clear: both;
    float: right;
    margin: 0 auto 15px auto;
}


.catListTitle {
margin-top: 21px;
margin-bottom: 10.5px;
text-align: left;
border-left: 10px solid rgba(158, 172, 158, 0.8);
padding: 10px 0 14px 10px;
background-color: #f5f5f5;
}
#ad_under_post_holder #google_ad_c1,#google_ad_c2{  
display: none !important;
}
body {
color: #000;
margin:0;
background: #ededed url(https://images.cnblogs.com/cnblogs_com/blogs/715600/galleries/2055095/o_211103085927_20211103165848.jpg) fixed;
/*background-size: 100%;*/
background-repeat: round;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 101%;
}
#topics .postTitle {
border: 0px;
font-size: 200%;
font-weight: bold;
float: left;
line-height: 1.5;
width: 100%;
}


div.commentform p{
margin-bottom:10px;
}
.comment_btn {
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #ddd;
color: #999;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
.comment_btn:hover{
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #258fb8;
color: white;
cursor:pointer;
font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
#commentform_title {
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:0;
font-size:24px;
}
#commentbox_opt,#commentbox_opt + p {
text-align:center;
}
.commentbox_title {
width: 100%;
}
#tbCommentBody {
font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif;
margin-top:10px;
max-width:100%;
min-width:100%;
background:white;
color:#333;
border:2px solid #fff;
box-shadow:inset 0 0 8px #aaa;
// padding:10px;
height:250px;
font-size:14px;
min-height:120px;
}
.feedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:#F2F2F2;
box-shadow:0 0 5px #aaa;
}
.feedbackListSubtitle {
font-weight:normal;
}

#blog-comments-placeholder, #comment_form {
padding: 20px;
background: #fff;
-webkit-box-shadow: 1px 2px 3px #ddd;
box-shadow: 1px 2px 3px #ddd;
margin-bottom: 50px;
}
.feedback_area_title {
margin-bottom: 15px;
font-size: 1.8em;
}
.feedbackItem {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
padding: 5px;
background: rgb(248, 248, 248);
}
.color_shine {background: rgb(226, 242, 255);}
.feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
#comment_form .title {
font-weight: normal;
margin-bottom: 15px;
}
#he-plugin-simple{
    float: right;
    position:relative;
    z-index:99999;
    width:150px;
}
div#footer {
    position: relative;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 80px;
}

/* 日历 */
#blog-calendar{
  display: none!important;
}

/* 广告不显示，抱歉哈，博客园 */
#cnblogs_ch,#opt_under_post,#cnblogs_c1,#under_post_card1,#cnblogs_c2,#under_post_card2{
  /* display: none; */
}

.container {
    width: 100%;
    height: 200px;
    position: fixed;
    z-index: -2;
    bottom: 0;
    left: 0;
}

#pikachu-ghost{
  height: 40vh;
  z-index: 99;
  margin:  auto;
  opacity: 0.4;
    display: flex;
  justify-content: center; /*定义子元素水平居中*/
}
#svg{
  max-height: 40vh;
  margin: auto;
}




/* 下雨 */
#drops {
  --mouse-position: 0rem;
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
  top:0;
  position: fixed;
  overflow: hidden;
  z-index: -2;
}

.controls {
  z-index: 2;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Courier New", Courier, monospace;
  margin: 1rem;
  font-size: 0.75rem;
  animation: fade 2s 4s forwards;
}
@keyframes fade {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
.drop {
  width: 0.1rem;
  height: 3rem;
  left: var(--left);
  background: rgb(19, 19, 19);
  /* opacity: var(--opacity); */
  animation: drop linear var(--time) forwards;
  position: absolute;
  transform: rotate(var(--rotation));
}
@keyframes drop {
  from {
    top: 0;
    left: var(--left);
  }
  to {
    top: 100%;
    left: calc(var(--left) - var(--mouse-position));
  }
}
.splash {
  position: absolute;
  bottom: 0;
}
.splash:before {
  content: "";
  position: absolute;
  left: var(--left);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: white;
  bottom: 0;
  opacity: var(--opacity);
  animation: splash var(--drop-time) cubic-bezier(0.33, 1, 0.68, 1);
}
@keyframes splash {
  0% {
    bottom: 0;
    left: var(--left);
  }
  100% {
    bottom: var(--drop-height);
    left: calc(var(--left) - calc(var(--mouse-position) / 4));
    opacity: 0;
  }
}


/* 下雨结束 */




/* * 鼠标样式 开始**/
/** 普通指针样式**/
/* body { */
/* cursor: url(https://blog-static.cnblogs.com/files/blogs/715600/Comix_White_Pointer.ico), default; */
/* cursor: url(https://zhutix.com/wp-content/themes/b2/x1.cur), auto; */
/* } */
/** 链接指针样式**/
/* a:hover{cursor:url(https://blog-static.cnblogs.com/files/blogs/715600/Comix_White_Link.ico), pointer;} */
/** 鼠标样式 结束* */
