#home{
	margin: 0;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/* 导航条 */
#navigator{
	background: none;
	border: none;
}
/* 导航条上的搜索框 */
#navList li:last-child{
	float: right;
}
#navList #widget_my_zzk{
	padding: 0;
	position: relative;
}
#navList .input_my_zzk{
	border: 1px white solid;
	border-radius: 18px;
	padding-right: 30px;
	width: 20px;
	transition: all .3s;
}
#navList .input_my_zzk:hover{
	width: 200px;
}
#navList .btn_my_zzk{
	background: transparent;
	width: 30px;
	position: absolute;
	right: 10px;
	top: 16px;
	z-index: 999;
}
#navList .icon-sousuo{
	font-size: 22px;
	line-height: 36px;
	vertical-align: middle;
	position: absolute;
	right: 10px;
	top: 16px;
}
#navList a{
    position: relative;
    font-weight: 600;
    transition: color .3s ease;
}
#navList a:link{
	text-shadow: none;
}
#navList a:hover{
	background: none;
	color: white;
}
#navList a::after {
    --scale: 0;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 80%;
    height: 3px;
    /* background: #169fe6; */
    background: white;
    -webkit-transform: scaleX(var(--scale));
            transform: scaleX(var(--scale));
    -webkit-transform-origin: var(--x) 50%;
            transform-origin: var(--x) 50%;
    transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}
#navList a:hover::after {
    --scale: 1;
}
/* 文章内容显示区 */
#topics{
	background: rgba(255, 255, 255, 0.5);
	border: none;
	border-radius: 8px;
}
/* 文章列表 */
.day{
	background: rgba(255, 255, 255, 0.5);
	border: none;
	border-radius: 8px;
	margin-bottom: 20px;
	transition: all .3s;
}
.day:hover{
	background: white;
	border: none;
}
.postTitle{
	transition: all .3s;
}
.day:hover .postTitle{
	transform: translateX(10px);
}
/* 侧边栏 */
.sidebar-block h3, .catListTitle{
	background: none;
	border: none;
}
.newsItem{
	background: rgba(255, 255, 255, 0.5);
	border-radius: 8px;
	overflow: hidden;
}
#blog-news, .catListView{
	margin: 0;
}
/* 个人头像 */
#avatar{
	width: 150px;
	height: 150px;
	margin: 10px auto;
	border-radius: 50%;
	overflow: hidden;
	border: 3px #45bcf9 solid;
}
#avatar img{
	width: 100%;
}
#profile_block{
	border: none;
	background: none;
	color: #333;
}
#profile_block:hover{
	border: none;
}
#profile_block a{
	color: #666;
}
/* 搜索区 */
.sidebar-block{
	border-radius: 8px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.5);
}
/* 侧边搜索区隐藏 */
#sidebar_search{
	display: none;
}
.mySearch, .catListView{
	background: none;
}
#widget_my_zzk, #widget_my_google{
	border: none;
}
.input_my_zzk{
	background: none;
	border: 1px #ff5e52 solid;
	border-radius: 8px 0 0 8px;
}
input.btn_my_zzk{
	margin: -4px;
	border-radius: 0 8px 8px 0;
}
.sidebar-block ul, .sidebar-block ul li{
	border: none;
}
/* 页脚 */
#footer{
	margin-bottom: 0;
}
/* 文章详情页 */
#blog-comments-placeholder{
	display: none;
}
#cnblogs_post_body{
        letter-spacing: 0.1em;
}
/* 评论区 */
#comment_form_container{
	border: none;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 8px;
}
#commentform_title{
	background: none;
	padding: 0;
	color: white;
	font-size: 18px;
}
div.commentform input.author{
	background-image: url(https://images.cnblogs.com/cnblogs_com/webqiand/1381628/o_uesravatars.png);
	background-size: 11%;
	background-position: -1px 2px;
	background-color: transparent;
	border: none;
	height: 32px;
	padding: 5px 5px 5px 45px;
	color: white;
	font-size: 16px;
	margin-left: -42px;
}
.commentbox_title{
	width: 100%;
	margin-top: -30px;
	margin-bottom: 20px;
}
.commentbox_title_left{
	visibility: hidden;
}
.commentbox_title_right{
	float: right;
}
div.commentform textarea{
	background: none;
	border: 1px #fff solid;
	border-radius: 8px;
	width: 100%;
}
#commentbox_opt{
	text-align: right;
}
.comment_btn{
	height: 30px;
	line-height: unset;
	border: none;
	border-radius: 6px;
	color: white;
	background: #45bcf9;
}
/* 文章详情页脚的广告 */
#ad_t2, #under_post_kb, #under_post_news{
	display: none;
}

/* 文章目录弹出 */
#article-dir-wrap{
	width: 260px;
	background: rgba(255,255,255,0.5);
	position: fixed;
	right: 0;
	top: 100px;
	z-index: 98;
	transition: all 0.3s;
	transform: translateX(100%);
}
#article-dir-box{
        width: 100%;
        max-height: 500px;
        overflow: auto;
}
#article-dir-wrap.article-dir-wrap-active{
	transform: translateX(0px);
}
#article-dir-btn{
	font-size: 20px;
	color: black; 
	background: rgba(255,255,255,0.5); 
	cursor: pointer; width: 30px; 
	text-align: center; 
	position: absolute; 
	left: -30px; 
	top: 0; 
	z-index: 99;
	padding: 5px 0;
}
@media screen and (max-width: 768px){
	#article-dir-wrap{
		left: 0;
		top: 0;
		right: unset;
		width: 60%;
		height: 100%;
		transform: translateX(-100%);
		background: white;
	}
        #article-dir-box{
                min-height: 100%;
        }
	#article-dir-btn{
		left: unset;
		right: -30px;
		background: white;
	}
}
/*
 代码高亮开始，使用了一个叫Monokai Sublime的黑色主题皮肤，直接拿过来还不行，有一些样式冲突，还要自己稍微改一些地方
Monokai Sublime style. Derived from Monokai by noformnocontent https://nn.mit-license.org/
*/
pre {
/*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}
.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #23241f !important;
    color: #FFF;
    white-space: pre;
    word-break: normal;
    font-size: 14px !important;
    letter-spacing:  normal;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}

/*黑色主题皮肤结束*/