body{
	
	font-size: 16px;
  	font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";

  	width:100%;
	height:100%;
	word-wrap:break-word;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #555;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #F5F5F5;
}

body.Tblack{
	background-color: rgb(5, 5, 5);
}
body.Twhite{
	background-color: rgb(240, 240, 240);
}

a{
	font-size: 18px;
	font-weight: 700;
	/*padding: 2px;*/
	/*color: rgb(255, 105, 180);*/
	color: rgb(255,128,192);
	text-decoration: none;
}
a:hover{
	background: transparent;
	color: rgb(255, 105, 180);
	text-shadow: 0px 0px 5px rgb(4,26,37);
}

div.mainContainer{
	max-width: 800px;
  	min-width: 300px;
  	margin:0 auto ;
  	margin-top: 200px;
  	/*border-style: solid; */
  	/*border-width: 2px;*/
  	/*border-color: rgb(55,152,218);*/
  	padding: 2px;
  	/*background-color: #2c2a2a;*/
}

/* ==================== 闪烁效果 =================*/
/*div.bring{
	animation: mainContainer 10s linear infinite;
}
@keyframes mainContainer{
	0%{opacity: 0.8}
	10%{opacity: 0.7}
	20%{opacity: 0.9}
	30%{opacity: 0.7}
	40%{opacity: 0.9}
	50%{opacity: 1}
	60%{opacity: 0.9}
	70%{opacity: 0.8}
	80%{opacity: 0.9}
	90%{opacity: 0.8}
	100%{opacity: 0.9}
}*/

/*================= 首页框架 ========================*/

div.indiv{
	/*border-style: solid; */
  	/*border-width: 2px;*/
  	/*border-color: rgb(55,152,218);*/
	border-radius: 15px;
  	/*margin-top: 3px;*/
	box-shadow: 0 4px 16px rgba(211, 231, 225, 0.15);
}

.bodyother{
	padding: 20px;
	margin-bottom: 50px;
	/*background-color: #2c2a2a;	*/
	-webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	transition: all 250ms cubic-bezier(.02, .01, .47, 1);
}
.bodyother:hover{
	box-shadow: 0 16px 32px 0 rgba(211, 231, 225, 0.15);
	transform: translate(0,-5px);
	transition-delay: 0s !important;
}

div.box-shadow {
	-webkit-box-shadow: 0 0.25rem 1rem rgba(211, 231, 225, 0.15);
	box-shadow: 0 4px 16px rgba(211, 231, 225, 0.15);
}

div.postdiv{
	padding: 20px;
	margin-bottom: 50px;
	/*background-color: #2c2a2a;	*/
}


/* ===================== 颜色 ====================*/
.blue{
	color: rgb(55,152,218);
}

.green{
	color: rgb(34, 139, 34);
}
.blue-green{
	/*color: rgb(0, 255, 255);*/
}

.white{
	color: rgb(240, 240, 240);
}
.font_black{
	color: rgb(44, 42, 42);
}
/* 主题配色: 黑白; */
.bodyTheme0{
	background-color: rgb(240, 240, 240);
}
.backTheme0{
	background-color: rgb(44, 42, 42);
}
.fontTheme0{
	color: rgb(240, 240, 240);
}

/* 主题配色: 白黑; */
.bodyTheme1{
	background-color: rgb(44, 42, 42);
}
.backTheme1{
	background-color: rgb(246, 246, 243);
}
.fontTheme1{
	color: rgb(44, 42, 42);
}

/* ================== 主页文章卡片 ==============*/
/*div.article_Card_Bg{
	background-image: url(https://cdn.jsdelivr.net/gh/mybules/cdn@1.6.0/mybules/2020-8-15-1/monv.jpg);
	background-size: 100%;
	position: relative;
	background-position: center;
	transition: 1.5s;
}*/
div.article_Card_Bg:hover{
	/*background-size: calc(cover*120%);*/
	background-size:120%;
}
.article_Card_blur{
	/*z-index: 1;*/
}
.article_Card_bluru::after{
	content: '';
	position: absolute;
	width: 100%;
	/*width: 286px;*/
    height: 32px;
    /*top: 0;*/
    left: 0;
    background-image: url(https://cdn.jsdelivr.net/gh/mybules/cdn@1.6.0/mybules/2020-8-15-1/monv.jpg);
    filter: blur(9px);/*为了模糊更明显，调高模糊度*/
    /*z-index: 2;*/
}
.article_Card_blur_cont{
	position: relative;
	z-index: 1;
}

/* 文章卡片的正文预览内容 */
div.index_Card_Content{
	/*filter:blur(1px);*/

}

a.articletitle{
	text-decoration: none;
	font-size: 28px;
}

h1.at{
	font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";
	font-size: 28px;
}
div.tips{
	margin-bottom: 10px;	

}
/* 浏览次数 */
/*span.view-times::before {*/
    /*font: normal normal normal 12px/1 FontAwesome;*/
    /*content: "\f06e";*/
    /*margin-right: 3px;*/
/*}*/
/* ========= 分类按钮 ==========*/
div.articletag{
	margin-top: 10px;
}
span.tags a{
	padding: 2px;
	/*margin: 5px;*/
	color: rgb(255,128,192);
	/*color: rgb(4,26,37);*/
	/*background: rgb(255, 105, 180);*/
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
	/*border-style: solid; */
  	/*border-width: 2px;*/
  	/*border-color: rgb(255, 105, 180);*/
}
span.tags a:hover{
	background: transparent;
	color: rgb(255, 105, 180);
	text-shadow: 0px 0px 5px rgb(4,26,37);
}

/* =============== 评论区=====================*/

.comsother{
	padding: 20px;
	margin-bottom: 50px;
	/*background-color: #2c2a2a;	*/
}


/* =================== 分页区 ======================= */
div.pageNumber{
	text-align: center;
	
}
ol.page-navigator{
	display: inline-block;
	list-style: none;
	padding-left: 0px;
	padding-top: 5px;
}
ol.page-navigator li{
	display: inline;
	text-align: center;
	padding-inline-start: 0px;
	margin:16px 5px;
	line-height: 1.8;
}

ol.page-navigator li a{
	padding: 3px 6px;
	/*margin: 5px;*/
	color: rgb(255, 105, 180);
	/*color: rgb(4,26,37);*/
	background: rgb(230,230,250);
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
/*	border-style: solid; 
  	border-width: 2px;
  	border-color: rgb(255, 105, 180);*/
}
ol.page-navigator li.current a{
	background: rgb(255, 105, 180);
	color: rgb(230,230,250);
	text-shadow: 0px 0px 5px rgb(4,26,37);
	border-color: rgb(255, 105, 180);
}

/* ============================= 正文 =========================*/
div.contents{
	font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";
	padding: 15px 5px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: 500;
	max-width: 100%;
}
figure{
	margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin-left: 0px;
	text-align: center;
}
figure img{
	max-width: 90%;
}

/* 文章尾部信息*/
div.contents_tail_info{
	background-color: rgb(219, 231, 248);
	/*width: 80%;*/
	margin: 0px;
	padding: 10px;
	border-radius: 5px;
	color: rgb(105, 89, 205);
}
div.contents_tail_info p{
	margin: 0px;
}


/* =============================== 字体 ====================== */
.font_style{
	font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";
	/*padding: 15px 5px;*/
	line-height: 1.3;
	font-size: 18px;
}

/* ================ 短代码CSS ========================= */
/* Label 标签 */
span.code_label_red{
	background-color: rgb(255, 192, 203);
	padding: 0 4px;
	margin: 0 2px;
	border-radius: 5px;
	color: rgb(255, 20, 147);
}
span.code_label_green{
	background-color: rgb(64, 224, 208);
	padding: 0 4px;
	margin: 0 2px;
	border-radius: 5px;
	color: rgb(46, 139, 87);
}
span.code_label_blue{
	background-color: rgb(135, 206, 235);
	padding: 0 4px;
	margin: 0 2px;
	border-radius: 2px;
	color: rgb(70, 130, 180);
}


/* 提示消息 */
p.code_warning{
	background-color: rgb(255, 192, 203);
	/*width: 80%;*/
	margin: 0px;
	padding: 10px;
	border-radius: 10px;
	color: rgb(255, 20, 147);
}

p.code_attention{
	background-color: rgb(64, 224, 208);
	/*width: 80%;*/
	margin: 0px;
	padding: 10px;
	border-radius: 10px;
	color: rgb(46, 139, 87);
}

p.code_explain{
	background-color: rgb(135, 206, 235);
	/*width: 80%;*/
	margin: 0px;
	padding: 10px;
	border-radius: 10px;
	color: rgb(70, 130, 180);
}

/*  下拉  */
details.code_details{
	background-color: rgb(127, 255, 212);
	/*width: 80%;*/
	padding: 10px;
	border-radius: 10px;
	color: rgb(0, 0, 0);
}
summary.code_summary{
	cursor:pointer;
	user-select: none;
	color: rgb(0, 139, 69);
}
summary.code_summary::after{
	transition:.3s ease-out;
}
[open] summary.code_summary::after{
	transform:rotate(180deg);
}

/* 正文图片适应 */
img.content_images{
	max-width: 95%;
	text-align: center;
}

/* 友链 block */
div.friend_link_block{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
/*	border-style: solid; 
  	border-width: 2px;*/
  	width: 100%;
}

div.friend_link{
	height: 100px;
  	width: 100%;
  	text-align: center;
}

@media (min-width: 600px){
	div.friend_link{
		width: 50%;
	}
}

div.friend_block{
	width: 80%;
	height: 80%;
	background-color: white;
	margin-left: 10%;
	border-radius: 15px;
	-webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
	transition: all 250ms cubic-bezier(.02, .01, .47, 1);
}
div.friend_block:hover{
	box-shadow: 0 16px 32px 0 rgba(211, 231, 225, 0.15);
	transform: translate(0,-5px);
	transition-delay: 0s !important;
}
div.friend_block_shadow{
	-webkit-box-shadow: 0 0.25rem 1rem rgba(211, 231, 225, 0.15);
	box-shadow: 0 4px 16px rgba(211, 231, 225, 0.15);
}

img.friend_link_icon{

	border-radius: 50%; 
	float: left;
	width: 75px;
    height: 75px;	
    margin-top: 2px;
    margin-left: 10px;
}
div.friend_link_info{
	margin-left: 100px;
	/*border: 2px solid rgb(255, 102, 102);*/
	height: 100%;
	/*width: calc(100%-75px);*/
	/*float: right;*/
	padding: 5px;
}
div.friend_link_title{
	/*text-align: center;*/

}
a.friend_link_title{
	font-size: 20px;
	/*position: center;*/
}
div.friend_link_details{
	/*text-align: center;*/
	color: #2c2a2a;
}