#blog-news {
	overflow: revert;
}

@import url(https://cdn.cnblogs.com/font-awesome@4.7.0/css/font-awesome.min.css);

@media only screen and (max-width:1365px) {
	.github-corner {
		display: none
	}
	
}

@media only screen and (max-width:1259px) {
	#home {
		width: 100% !important
	}
	
}

@media only screen and (max-width:990px) {
	#bannerbar {
		display: none
	}
	
	#header, .esa-mobile-menu {
		display: block !important
	}
	
	#header {
		width: auto;
		position: fixed !important;
		background: var(--blog-bg-color)
	}
	
	#header #blogTitle {
		margin-left: 15px
	}
	
	#header #navigator {
		display: none;
		left: 0;
		top: 61px
	}
	
	#header #navigator #navList>li {
		float: none;
		position: relative;
		background: var(--blog-bg-color);
		height: 34px;
		line-height: 34px;
		width: 120px;
		border-bottom: 1px solid var(--border-color);
		border-right: 1px solid var(--border-color)
	}
	
	#header #navigator #navList>li>a {
		float: none;
		width: inherit;
		padding: 0 10px
	}
	
	#header #navigator #navList>li>a .arrow {
		position: absolute;
		top: .8rem;
		right: .8rem;
		transform: rotate(270deg) scaleX(-1)
	}
	
	#header #navigator #navList>li .esa-sub-navs {
		position: fixed;
		width: 130px;
		top: 0;
		left: 121px;
		top: 61px
	}
	
	#header #navigator #navList>li .esa-sub-navs .caret {
		display: none
	}
	
	#header #navigator #navList>li .esa-sub-navs ul {
		box-shadow: none;
		padding: 0;
		border-radius: 0
	}
	
	#header #navigator #navList>li .esa-sub-navs ul li {
		height: 34px;
		line-height: 34px;
		border: 1px solid var(--border-color);
		border-top: none
	}
	
	#header #navigator #navList>li .esa-sub-navs ul li a {
		text-align: left;
		padding: 0 10px
	}
	
	#header #navigator #navList>li i {
		display: none
	}
	
	#sideBar {
		display: none !important
	}
	
	#home {
		min-width: auto !important
	}
	
	#main {
		width: 100% !important;
		padding: 70px 0 0 !important
	}
	
	#main .forFlow {
		margin-left: 0 !important;
		padding-left: 15px;
		padding-right: 15px
	}
	
	#main .forFlow .postBody {
		padding: 0 !important
	}
	
	#main .forFlow .postDesc {
		display: none
	}
	
	#main .forFlow #comment_form {
		padding: 0 !important
	}
	
	#main .forFlow .commentform {
		margin-left: 0 !important
	}
	
	#main .forFlow .day .postDesc, #main .forFlow .entrylist .entrylistItemPostDesc {
		display: none
	}
	
	#myposts .postDesc2 {
		text-align: right !important
	}
	
	#myposts .postDesc2 span {
		display: none
	}
	
	.esa-toolbar .skin-popup {
		bottom: calc(50% - 67px) !important;
		border-radius: 15px !important
	}
	
}

:root[mode=light] {
	--blog-bg-color: #fff;
	--text-color: #596172;
	--border-color: #eef2f8;
	--catalog-bg-color: #fff;
	--panel-bg-color: #f8f8f8;
	--code-bg-color: #f1f1f1
}

:root[mode=dark] {
	--blog-bg-color: #202020;
	--text-color: #d8d8d8;
	--border-color: #2f2f2f;
	--catalog-bg-color: #252525;
	--panel-bg-color: #252525;
	--code-bg-color: #3a3a3a
}

:root[theme=a] {
	--theme-color: #2d8cf0
}

:root[theme=b] {
	--theme-color: #fa7298
}

:root[theme=c] {
	--theme-color: #42b983
}

:root[theme=d] {
	--theme-color: #607d8b
}

:root[theme=e] {
	--theme-color: #5e72e4
}

:root[theme=f] {
	--theme-color: #ff9700
}

:root[theme=g] {
	--theme-color: #ff5722
}

:root[theme=h] {
	--theme-color: #009688
}

:root[theme=i] {
	--theme-color: #673bb7
}

:root[theme=j] {
	--theme-color: #906f61
}

* {
	margin: 0;
	padding: 0
}

body, html {
	height: 100%
}

body {
	background: var(--blog-bg-color);
	color: var(--text-color);
	font-family: Lato, PingFang SC, Microsoft YaHei, sans-serif;
	font-size: 14px;
	font-weight: 300
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td {
	padding: 5px
}

fieldset, img {
	border: 0
}

ul {
	word-break: break-all
}

li {
	list-style: none
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}

a {
	color: var(--text-color);
	text-decoration: none;
	transition: all .3s ease
}

a:hover {
	color: var(--theme-color)
}

::-moz-selection {
	background: var(--theme-color);
	color: #fff
}

::selection {
	background: var(--theme-color);
	color: #fff
}

#ad_c1, #ad_c2, #ad_t2, #author_profile, #comment_nav, #comment_pager_top, #green_channel, #lnkBlogLogo, #under_post_kb, #under_post_news, .blogStats, .c_ad_block, .dayTitle, .under-comment-nav {
	display: none
}

.clear {
	clear: both
}

#home {
	width: 100%;
	height: 100%;
	transition: all 378ms
}

#header {
	width: 960px;
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-top: 0;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 0;
	display: block;
	height: 60px;
	z-index: 999
}

#blogTitle h1 {
	font-size: 25px;
	font-weight: 600;
	font-family: Georgia;
	float: left;
	margin-top: 15px
}

#blogTitle h2 {
	display: none
}

#navigator {
	height: inherit;
	position: absolute;
	right: 0;
	top: 0
}

#navList {
	height: inherit;
	float: left
}

#navList>li {
	position: relative;
	float: left
}

#navList>li:hover i {
	width: 100%;
	left: 0
}

#navList>li>a {
	float: left;
	font-size: 17px;
	border-right: 0;
	font-weight: 300;
	text-align: center;
	width: auto;
	padding: 19px 16px
}

#navList>li>a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background-color: var(--theme-color);
	visibility: hidden;
	transform: scaleX(0);
	transition: .4s ease-in-out
}

#navList>li>a:hover:after {
	visibility: visible;
	transform: scaleX(1)
}

#navList .open {
	transform: rotate(180deg) scaleX(-1);
	transition-duration: .3s
}

#navList .esa-sub-navs {
	position: absolute;
	width: 130px;
	top: 60px;
	left: calc(50% - 65px);
	display: none
}

#navList .esa-sub-navs .caret {
	border-top: 0 solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--blog-bg-color);
	width: 0;
	position: relative;
	left: calc(50% - 8px)
}

#navList .esa-sub-navs ul {
	background-color: var(--blog-bg-color);
	border-radius: 4px;
	box-shadow: 0 1px 15px rgba(27, 31, 35, .15);
	padding: 10px;
	text-align: center
}

#navList .esa-sub-navs ul li {
	float: none
}

#navList .esa-sub-navs ul li a {
	font-size: 15px;
	border-right: 0;
	color: var(--text-color);
	display: block;
	width: 100%;
	padding: 10px 0;
	height: inherit;
	border-bottom: 1px solid transparent
}

#navList .esa-sub-navs ul li a:hover {
	color: var(--theme-color)
}

#main {
	width: 960px;
	margin: 0 auto;
	min-height: calc(100% - 75px);
	padding: 15px 0;
	transition: all .3s ease
}

#mainContent {
	float: right;
	margin-left: -25em;
	width: 100%
}

#mainContent .forFlow {
	margin: 0 auto 0 0;
	max-width: 960px
}

#sideBar {
	width: 230px;
	border-right: 1px solid var(--border-color);
	font-weight: 300;
	display: none;
	min-height: 750px;
	padding: 0 15px 0 0
}

#sideBar #profile_block {
	margin: 0;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	line-height: 1.6
}

#sideBar #profile_block a {
	box-sizing: border-box
}

#sideBar #profile_block a:first-child {
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 14px
}

#sideBar #profile_block a:nth-child(3):after {
	content: "\56ed\9f84"
}

#sideBar #profile_block a:nth-child(5):after {
	content: "\7c89\4e1d"
}

#sideBar #profile_block a:nth-child(7):after {
	content: "\5173\6ce8"
}

#sideBar #profile_block a:nth-child(3), #sideBar #profile_block a:nth-child(5), #sideBar #profile_block a:nth-child(7) {
	font-size: 14px;
	width: 33.3333333%;
	display: block;
	padding: 0 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center
}

#sideBar #profile_block a:nth-child(3):after, #sideBar #profile_block a:nth-child(5):after, #sideBar #profile_block a:nth-child(7):after {
	color: #97979f;
	font-size: 14px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	font-weight: 400
}

#sideBar #profile_block #p_b_follow {
	margin: 15px 0 10px;
	text-align: center
}

#sideBar #profile_block #p_b_follow a {
	border: 1px solid var(--border-color);
	font-size: 13px;
	padding: 7px 0;
	border-radius: 4px;
	width: 230px;
	font-weight: 300
}

#sideBar #profile_block #p_b_follow a:hover {
	border-color: var(--theme-color)
}

.newsItem {
	margin-bottom: 10px
}

.newsItem .catListTitle {
	display: none
}

#blog-calendar {
	border-top: 1px solid var(--border-color)
}

#blog-calendar .CalDayHeader {
	font-weight: 300
}

#blog-calendar .CalTodayDay {
	color: var(--theme-color);
	font-weight: 600
}

#sideBarMain ul {
	line-height: 1.6
}

.catListTitle {
	text-align: left;
	margin: 20px 0;
	font-size: 20px;
	font-weight: 300;
	border-left: 4px solid var(--theme-color);
	border-radius: 4px;
	padding-left: 7px
}

#sidebar_search #widget_my_zzk .input_my_zzk {
	color: #314659;
	border: 1px solid var(--border-color);
	background-color: transparent;
	width: 150px;
	height: 32px;
	padding: 0 7px;
	font-size: 16px;
	border-radius: 4px
}

#sidebar_search #widget_my_zzk .input_my_zzk:focus {
	outline: none
}

#sidebar_search #widget_my_zzk .btn_my_zzk {
	height: 34px;
	font-size: 14px;
	font-weight: 300;
	background-color: transparent;
	color: var(--text-color);
	cursor: pointer;
	width: 59px;
	outline: 0;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	transition: border .3s
}

#sidebar_search #widget_my_zzk .btn_my_zzk:hover {
	color: var(--theme-color);
	border: 1px solid var(--theme-color)
}

#sidebar_search #widget_my_google {
	display: none
}

#sidebar_toptags li {
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	padding: 5px 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 210px;
	border: 1px solid var(--border-color);
	margin: 0 6px 6px 0;
	display: inline-grid;
	transition: all .3s ease;
	border-radius: 4px
}

#sidebar_toptags li a {
	transition: inherit
}

#sidebar_toptags li a .tag-count {
	display: none
}

#sidebar_toptags li:active, #sidebar_toptags li:link, #sidebar_toptags li:visited {
	border-color: var(--border-color)
}

#sidebar_toptags li:hover {
	border-color: var(--theme-color)
}

#sidebar_categories li, #sidebar_scorerank li, #sidebar_shortcut li {
	font-size: 15px;
	height: 40px;
	padding-left: 3px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	list-style: none
}

#sidebar_recentposts li, #sidebar_topcommentedposts li, #sidebar_topdiggedposts li, #sidebar_topviewedposts li {
	font-size: 15px;
	padding: 7px 0;
	transition: all .3s;
	text-align: justify;
	border-bottom: 1px solid var(--border-color)
}

#sidebar_recentposts li:first-child, #sidebar_topcommentedposts li:first-child, #sidebar_topdiggedposts li:first-child, #sidebar_topviewedposts li:first-child {
	border-top: 1px solid var(--border-color)
}

#sidebar_recentcomments li {
	text-align: justify
}

#sidebar_recentcomments .recent_comment_title:nth-child(n+2) {
	padding-top: 10px
}

#sidebar_recentcomments .recent_comment_title:first-child {
	border-top: 1px solid var(--border-color);
	padding-top: 10px
}

#sidebar_recentcomments .recent_comment_body {
	border-radius: 4px;
	padding: 5px 10px;
	margin: 5px 0;
	background-color: var(--panel-bg-color)
}

#sidebar_recentcomments .recent_comment_author {
	margin-right: 0;
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color)
}

#taglist_title, .entrylistTitle, .myposts_title, .PostListTitle, .thumbTitle {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 10px;
	text-align: left
}

.entrylistDescription {
	margin: 15px auto;
	border-left: 4px solid var(--border-color);
	text-align: justify;
	padding-left: 7px
}

#myposts {
	margin-left: 0
}

#myposts .PostList {
	border-bottom: 1px solid var(--border-color);
	padding: 0;
	margin: 0
}

#myposts .PostList:first-of-type {
	border-top: 1px solid var(--border-color)
}

#myposts .postTitl2 {
	font-size: 17px;
	margin: 10px 0;
	text-align: justify
}

#myposts .postDesc2 {
	text-align: right;
	margin-bottom: 10px;
	font-size: 14px
}

#myposts .postDesc2>a {
	display: none
}

#myposts .postDesc2:before {
	font-family: FontAwesome;
	content: "\f017";
	opacity: .7
}

.post-view-count:before {
	content: "\f06e"
}

.post-comment-count:before, .post-view-count:before {
	font-family: FontAwesome;
	padding-left: 10px;
	padding-right: 5px;
	opacity: .7
}

.post-comment-count:before {
	content: "\f27b"
}

.post-digg-count:before {
	font-family: FontAwesome;
	content: "\f087";
	padding-left: 10px;
	padding-right: 5px;
	opacity: .7
}

.day, .day>.postSeparator, .entrylistItem {
	border-bottom: 1px solid var(--border-color);
	text-align: justify;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.day .postTitle, .entrylist .entrylistPosttitle {
	font-size: 19px
}

.day .postTitle>a, .entrylist .entrylistPosttitle>a {
	position: relative
}

.day .postTitle>a:after, .entrylist .entrylistPosttitle>a:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: var(--theme-color);
	transition: all .3s ease-in-out
}

.day .postTitle>a:hover:after, .entrylist .entrylistPosttitle>a:hover:after {
	width: 100%
}

.day .postCon, .entrylist .entrylistPostSummary {
	font-size: 16px;
	padding: 10px 0
}

.day .postCon img, .entrylist .entrylistPostSummary img {
	width: 200px;
	height: 150px;
	border-radius: 4px;
	margin-left: 10px
}

.day .postCon a, .entrylist .entrylistPostSummary a {
	border-bottom: 1px dotted var(--text-color);
	padding: 2px 5px;
	font-size: 14px;
	margin-top: 10px;
	display: table
}

.day .postCon a:after, .entrylist .entrylistPostSummary a:after {
	content: " \00bb"
}

.day .postCon a:hover, .entrylist .entrylistPostSummary a:hover {
	border-bottom: 1px dotted var(--theme-color)
}

.day .postDesc, .entrylist .entrylistItemPostDesc {
	text-align: right
}

.day .postDesc>a, .entrylist .entrylistItemPostDesc>a {
	display: none
}

.toc-container-header {
	font-size: 20px;
	font-weight: 700
}

#topics .postTitle {
	font-size: 21px;
	font-weight: 300
}

#topics .postBody {
	font-size: 16px;
	line-height: 1.75
}

#topics .postBody a {
	color: var(--theme-color);
	position: relative
}

#topics .postBody a:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: var(--theme-color);
	transition: all .3s ease-in-out
}

#topics .postBody a:hover:after {
	width: 100%
}

#topics .postBody h1 {
	font-size: 21px
}

#topics .postBody h2 {
	font-size: 20px
}

#topics .postBody h3 {
	font-size: 19px
}

#topics .postBody h4 {
	font-size: 18px
}

#topics .postBody h5 {
	font-size: 17px
}

#topics .postBody h6 {
	font-size: 16px
}

#topics .postBody p {
	margin: 13px auto
}

#topics .postBody hr {
	border-top: none;
	border-bottom: 1px solid var(--border-color)
}

#topics .postBody blockquote {
	border: none;
	margin: 15px 0;
	color: inherit;
	border-radius: 4px;
	padding: 1px 15px;
	border-left: 4px solid var(--theme-color);
	background-color: var(--panel-bg-color)
}

#topics .postBody em {
	padding-right: 3px
}

#topics .postBody strong {
	margin: 0 3px;
	font-weight: 500
}

#topics .postBody img {
	display: block;
	margin: 15px 0 30px;
	border-radius: 3px;
	box-shadow: 0 1px 15px rgba(27, 31, 35, .15), 0 0 1px rgba(106, 115, 125, .35)
}

#topics .postBody .cnblogs-markdown pre {
	white-space: pre;
	position: relative
}

#topics .postBody ol li, #topics .postBody ul li {
	margin: 3px 0
}

#topics .postBody table {
	font-size: 15px;
	width: 100%;
	margin: 15px 0;
	display: block;
	overflow-x: auto;
	border: none
}

#topics .postBody table::-webkit-scrollbar {
	height: 4px !important
}

#topics .postBody table th {
	background: var(--panel-bg-color);
	white-space: nowrap;
	font-weight: 400
}

#topics .postBody table td, #topics .postBody table th {
	border: 1px solid var(--border-color);
	padding: 6px 15px;
	min-width: 100px
}

#topics .postBody h1 code, #topics .postBody h2 code, #topics .postBody h3 code, #topics .postBody h4 code, #topics .postBody h5 code, #topics .postBody h6 code, #topics .postBody li>code, #topics .postBody p>code, #topics .postBody table code {
	padding: 2px 4px;
    margin: 0 2px;
    color: #e96900;
    background-color: white;
    line-height: 1.2;
	vertical-align: middle;
	margin: 0 3px;
	background-color: var(--code-bg-color) !important;
	font-size: 14px !important;
	padding: .2em .3em !important;
	border-radius: 3px !important;
	border: none !important
}

#topics .postBody #BlogPostCategory, #topics .postBody #EntryTag {
	font-size: 14px
}

#topics .postBody #BlogPostCategory a, #topics .postBody #EntryTag a {
	font-size: 13px;
	border-radius: 4px;
	padding: 4px 6px;
	background-color: var(--panel-bg-color);
	margin-right: 5px;
	transform: none;
	color: var(--text-color)
}

#topics .postBody #BlogPostCategory a:hover, #topics .postBody #EntryTag a:hover {
	color: #fff;
	background-color: var(--theme-color)
}

#topics .postBody #BlogPostCategory a:after, #topics .postBody #EntryTag a:after {
	content: none
}

#topics .postBody #BlogPostCategory:before {
	content: "\f07c";
	font-family: FontAwesome;
	opacity: .7
}

#topics .postBody #EntryTag:before {
	content: "\f02c";
	font-family: FontAwesome;
	opacity: .7
}

#topics .postBody #post_next_prev {
	font-size: 14px
}

#topics .postDesc {
	border-top: 1px solid var(--border-color);
	padding-top: 5px;
	margin-top: 5px;
	text-align: right
}

.cnblogs_code {
	background-color: #333232;
	padding-left: 1em;
	padding-right: 1em;
	border: none;
	border-radius: 3px;
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace !important
}

.cnblogs_code div {
	background-color: transparent;
	color: #656c73
}

.cnblogs_code img {
	margin: 0 !important
}

.cnblogs_code pre {
	color: #abb2bf;
	font-family: inherit !important;
	font-size: 15px !important
}

.cnblogs_code pre span {
	font-family: inherit !important;
	color: inherit !important
}

.cnblogs_code textarea {
	font-family: inherit !important;
	padding: 5px;
	border: 1px solid #3e4c42;
	color: #c5d4ef;
	background-color: #282c34
}

.cnblogs_code textarea:focus {
	outline: 0
}

.cnblogs_code .code_img_closed, .cnblogs_code .code_img_opened {
	display: none !important
}

.cnblogs_code .cnblogs_code_toolbar {
	width: 20px
}

.cnblogs_code .cnblogs_code_toolbar span {
	padding-right: 0
}

.cnblogs_code .cnblogs_code_toolbar a:link img {
	background-color: transparent !important
}

.cnblogs_code .cnblogs_code_collapse {
	color: #656c73;
	border: 1px solid #989fa6;
	border-radius: 2px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	padding: 5px 5px 2px
}

#footer {
	border-top: 1px solid var(--border-color);
	font-size: 13px;
	text-align: center;
	padding: 15px 0
}

.louzhu {
	color: var(--theme-color);
	font-weight: 500
}

.feedbackListSubtitle .sendMsg2This {
	background: transparent;
	padding-left: 0;
	font-size: 15px
}

.feedbackListSubtitle .sendMsg2This:before {
	content: "✉️"
}

.feedbackManage {
	float: right
}

.feedbackItem .feedbackCon {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--border-color)
}

.feedbackItem .feedbackCon .comment_vote {
	margin-top: 12px
}

.blog_comment_body {
	width: auto;
	border-radius: 4px;
	padding: 12px;
	margin-left: 50px;
	background-color: var(--panel-bg-color);
	min-height: 19px
}

.blog_comment_body img {
	border-radius: 3px
}

#taglist_main {
	margin-top: 0
}

#taglist_main table {
	width: 100%
}

#taglist_main table tr td {
	padding: 5px 20px 5px 0
}

#taglist_main table tr td:last-child {
	padding-right: 0
}

#taglist_main table tr td .small {
	display: none
}

#taglist_main table tr td a {
	display: block;
	padding: 5px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	color: var(--text-color)
}

#taglist_main table tr td a:hover {
	border: 1px solid var(--theme-color)
}

#div_digg {
	margin: 0;
	width: auto
}

#div_digg .buryit, #div_digg .diggit {
	background: none;
	height: auto;
	width: auto;
	min-width: 60px;
	margin: 0;
	font-size: 17px;
	border-radius: 4px;
	padding: 3px 10px;
	background-color: var(--panel-bg-color);
	transition: all .3s
}

#div_digg .buryit span, #div_digg .diggit span {
	font-size: inherit;
	color: inherit
}

#div_digg .buryit:hover, #div_digg .diggit:hover {
	color: #fff;
	background-color: var(--theme-color)
}

#div_digg .diggit:before {
	content: "\f087";
	font-family: FontAwesome;
	opacity: .7
}

#div_digg .buryit {
	margin-left: 15px
}

#div_digg .buryit:before {
	content: "\f088";
	font-family: FontAwesome;
	opacity: .7
}

.topicListFooter {
	text-align: right;
	margin-top: 10px;
	margin-right: 0
}

#nav_next_page, .pager {
	color: var(--text-color);
	text-align: right;
	margin-right: 0 !important
}

#nav_next_page a, .pager a {
	color: var(--text-color);
	padding: 4px 7px;
	border: 1px solid var(--border-color);
	border-radius: 4px
}

#nav_next_page a:hover, .pager a:hover {
	color: var(--theme-color);
	border: 1px solid var(--theme-color)
}

.pager span.current {
	padding: 3px 7px;
	border: 1px solid var(--theme-color);
	background-color: var(--theme-color);
	border-radius: 4px;
	margin: 0 0 0 5px
}

.feedback_area_title {
	font-size: 20px;
	border-bottom: 1px solid var(--border-color);
	margin: 20px 0;
	padding-bottom: 5px
}

#commentform_title {
	background-image: none;
	padding-left: 0;
	font-size: 20px
}

#commentform_title>a {
	display: none
}

.commentform #tip_comment {
	color: var(--theme-color) !important;
	margin: 15px 0;
	display: block
}

.commentform .comment_textarea {
	width: 100%;
	border: 1px solid var(--border-color);
	background-color: transparent;
	padding: 0
}

.commentform .comment_textarea:focus {
	outline: 0
}

.commentform .commentbox_title {
	border-bottom: 1px solid var(--border-color)
}

.commentform .commentbox_title .commentbox_title_left .commentbox_tab {
	margin: 0;
	padding: 5px 15px;
	color: var(--text-color);
	border-bottom: none
}

.commentform .commentbox_title .commentbox_title_left .active {
	color: var(--theme-color)
}

.commentform .commentbox_title .commentbox_title_right {
	margin: 0 10px 0 0
}

.commentform .commentbox_title .commentbox_title_right .comment_svg:hover, .commentform .commentbox_title .commentbox_title_right .comment_svg_stroke:hover {
	fill: var(--theme-color);
	stroke: var(--theme-color)
}

.commentform #tbCommentBody, .commentform #tbCommentBodyPreview {
	padding: 10px 15px;
	background: transparent;
	color: var(--text-color);
	font-weight: 300
}

.commentform #tbCommentBodyPreviewBody {
	margin-left: 0;
	min-height: 235px;
	background-color: transparent
}

.commentform #btn_comment_submit {
	width: auto;
	height: auto;
	border-width: 0;
	cursor: pointer;
	color: #fff;
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	font-weight: 300;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 5px 17px;
	font-size: 13px;
	border-radius: 4px;
	outline: none;
	transition: all .3s
}

.commentform #btn_comment_submit:hover {
	opacity: .7
}

.commentform .comment_my_posted>img {
	display: none
}

.commentform .bq_post_comment {
	margin-top: 5px;
	font-size: 13px;
	display: block;
	color: var(--text-color);
	background-color: var(--border-color);
	border: none;
	border-radius: 4px;
	padding: 1px 15px
}

::-webkit-scrollbar {
	width: 3px
}

::-webkit-scrollbar-thumb {
	background-color: var(--text-color)
}

.github-corner:hover .octo-arm {
	-webkit-animation: octocat-wave .56s ease-in-out;
	animation: octocat-wave .56s ease-in-out
}

.github-corner svg {
	fill: var(--theme-color);
	z-index: 999;
	cursor: pointer;
	position: fixed;
	top: 0;
	border: 0;
	left: 0;
	transform: scaleX(-1)
}

@-webkit-keyframes octocat-wave {
	0%, to {
		transform: rotate(0)
	}
	
	20%, 60% {
		transform: rotate(-25deg)
	}
	
	40%, 80% {
		transform: rotate(10deg)
	}
	
}

@keyframes octocat-wave {
	0%, to {
		transform: rotate(0)
	}
	
	20%, 60% {
		transform: rotate(-25deg)
	}
	
	40%, 80% {
		transform: rotate(10deg)
	}
	
}

.esa-mobile-menu {
	display: none;
	position: fixed;
	top: 17px;
	right: 20px;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	z-index: 941113;
	font-size: 1.5em;
	cursor: pointer;
	color: var(--text-color);
	border-radius: 4px
}

.esa-profile-avatar {
	border-radius: 4px;
	width: 100%
}

.esa-contents {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--blog-bg-color);
	border-left: 1px solid var(--border-color);
	overflow-y: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 1rem 0;
	width: 252px;
	transform: translate3d(252px, 0, 0);
	z-index: 1000
}

.esa-contents ul {
	padding: 0 15px;
	overflow-y: auto
}

.esa-contents ul li {
	padding: 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	color: var(--text-color)
}

.esa-contents ul li .level1 {
	margin-left: 0
}

.esa-contents ul li .level2 {
	margin-left: 10px
}

.esa-contents ul li .level3 {
	margin-left: 26px
}

.esa-anchor {
	opacity: 0;
	transition: opacity .3s ease;
	margin-left: 8px
}

.active {
	transform: translateZ(0)
}

.active, .noactive {
	transition-duration: 378ms
}

.noactive {
	transform: translate3d(252px, 0, 0)
}

.cnblogs-markdown .hljs, .cnblogs-markdown .hljsln {
	padding: 1.5em;
    line-height: 1.7;
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace !important;
}

.cnblogs-markdown .hljs::-webkit-scrollbar, .cnblogs-markdown .hljsln::-webkit-scrollbar {
	height: 4px
}

.cnblogs-markdown .hljs.ln-hide {
	padding: .7em 1em !important
}

.ln-bg {
	z-index: 1;
	top: 0;
	height: 100%;
	background: #333;
	border-radius: 4px 0 0 4px
}

.ln-bg, .ln-num {
    display: none;
	position: absolute;
	left: 0;
	width: 2.4em
}

.ln-num {
	z-index: 2;
	text-align: center;
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ln-num:before {
	color: #777;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	content: attr(data-num)
}

.hljs-comment, .hljs-quote {
	color: #5c6370;
	font-style: italic
}

.hljs-doctag, .hljs-formula, .hljs-keyword {
	color: #c678dd
}

.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
	color: #e06c75
}

.hljs-literal {
	color: #56b6c2
}

.hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string {
	color: #98c379
}

.hljs-built_in, .hljs-class .hljs-title {
	color: #e6c07b
}

.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
	color: #d19a66
}

.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
	color: #61aeee
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.hljs-link {
	text-decoration: underline
}

.hljs-built_in, .hljs-keyword, .hljs-name, .hljs-selector-tag, .hljs-tag {
	color: #7171bf
}

.esa-post-signature {
	padding: 12px 24px 12px 20px;
	margin-top: 15px;
	font-size: 15px;
	background-color: var(--panel-bg-color);
	position: relative;
	border-radius: 4px;
	border-left: 4px solid var(--theme-color)
}

.esa-post-signature p {
	margin: 0 !important
}

.esa-post-signature a {
	color: var(--text-color) !important
}

.esa-sponsor {
	position: relative;
	width: 100%;
	height: 85px;
	margin: 100px 0
}

.esa-sponsor .title {
	text-align: center;
	margin-bottom: 15px;
	font-size: 17px;
	font-weight: 400;
	opacity: .8
}

.esa-sponsor .box {
	position: absolute;
	left: calc(50% - 101px);
	border: 1px solid var(--border-color);
	border-radius: 4px
}

.esa-sponsor .box li {
	width: 60px;
	float: left;
	margin: 0 !important;
	text-align: center;
	border-left: 1px solid var(--border-color);
	background: transparent;
	transition: background .3s ease;
	cursor: pointer;
	line-height: 0;
	opacity: 1;
	list-style: none;
	margin: 0;
	padding: 6px 3px
}

.esa-sponsor .box li svg {
	opacity: .5
}

.esa-sponsor .box li:hover {
	background: var(--panel-bg-color)
}

.esa-sponsor .box li:first-child {
	border-width: 0
}

.esa-sponsor .qrshow {
	position: absolute;
	width: 200px;
	height: 200px;
	background: var(--blog-bg-color);
	cursor: pointer;
	left: calc(50% - 100px);
	top: -170px;
	z-index: 999;
	display: none;
	box-shadow: 0 1px 15px rgba(27, 31, 35, .15), 0 0 1px rgba(106, 115, 125, .35)
}

.esa-sponsor .qrshow .noconfig {
	position: absolute;
	top: 85px;
	left: 60px;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	padding: 0 10px
}

.esa-sponsor .qrshow img {
	height: 100%;
	width: 100%;
	box-shadow: none !important;
	margin: 0 !important
}

.esa-comment-avatar {
	float: left
}

.esa-comment-avatar img {
	height: 43px;
	width: 43px;
	border-radius: 4px;
	transition: all .5s ease-out;
	-webkit-transition: all .6s ease-out
}

.esa-comment-avatar img:hover {
	border-radius: 50%
}

.esa-toolbar {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 45px;
	height: 45px;
	z-index: 1001
}

.esa-toolbar .bars {
	position: relative;
	width: inherit;
	height: inherit;
	cursor: pointer;
	border-radius: 50%;
	background: var(--theme-color);
	z-index: 1;
	text-align: center;
	font-size: 24px;
	line-height: 46px;
	color: #fff;
	transition: all .3s ease;
	box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .2)
}

.esa-toolbar .contents, .esa-toolbar .mode, .esa-toolbar .skin, .esa-toolbar .up {
	position: absolute;
	cursor: pointer;
	bottom: 0;
	right: 0;
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	z-index: 0;
	opacity: 0;
	border-radius: 4px;
	box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .2);
	background-color: var(--panel-bg-color);
	transition: all .3s ease
}

.esa-toolbar .contents:hover, .esa-toolbar .mode:hover, .esa-toolbar .skin:hover, .esa-toolbar .up:hover {
	color: #fff;
	background-color: var(--theme-color)
}

.esa-toolbar .bars-show {
	transform: rotate(270deg)
}

.esa-toolbar .up-show {
	transform: translate3d(0, -200%, 0);
	opacity: 1
}

.esa-toolbar .mode-show {
	transform: translate3d(-140%, -140%, 0);
	opacity: 1
}

.esa-toolbar .skin-show {
	transform: translate3d(-200%, 0, 0);
	opacity: 1
}

.esa-toolbar .contents-show {
	transform: translate3d(-350%, 0, 0);
	opacity: 1
}

.esa-toolbar .skin-popup {
	display: none;
	position: fixed;
	left: calc(50% - 100px);
	bottom: 0;
	padding: 25px;
	opacity: 1;
	width: 150px;
	height: auto;
	border-radius: 15px 15px 0 0;
	background-clip: border-box;
	box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .2);
	background-color: var(--panel-bg-color)
}

.esa-toolbar .skin-popup .item {
	text-align: center
}

.esa-toolbar .skin-popup .title {
	font-size: 17px;
	margin-bottom: .5em
}

.esa-toolbar .skin-popup .themes button {
	font-size: 1em;
	position: relative;
	width: calc(1.75em - 5px);
	height: calc(1.75em - 5px);
	border-radius: .15em;
	cursor: pointer;
	margin: 2.5px;
	flex-shrink: 0;
	justify-self: center;
	transition: all .15s;
	overflow: hidden;
	background: transparent;
	z-index: 1;
	box-sizing: border-box;
	outline: none;
	border: none
}

@-webkit-keyframes loading {
	0% {
		opacity: 0
	}
	
	to {
		opacity: 1
	}
	
}

@keyframes loading {
	0% {
		opacity: 0
	}
	
	to {
		opacity: 1
	}
	
}

.dark-loading {
	background: #222
}

.light-loading {
	background: #fff
}

.dark-loading, .light-loading {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999
}

.dark-loading .box h2, .light-loading .box h2 {
	color: #777;
	margin: 0;
	font: .8em verdana;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-align: center
}

.dark-loading .box span, .light-loading .box span {
	display: inline-block;
	vertical-align: middle;
	width: .6em;
	height: .6em;
	margin: .19em;
	background: #007db6;
	border-radius: .6em;
	-webkit-animation: loading 1s infinite alternate;
	animation: loading 1s infinite alternate
}

.dark-loading .box span:nth-of-type(2), .light-loading .box span:nth-of-type(2) {
	background: #008fb2;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.dark-loading .box span:nth-of-type(3), .light-loading .box span:nth-of-type(3) {
	background: #009b9e;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.dark-loading .box span:nth-of-type(4), .light-loading .box span:nth-of-type(4) {
	background: #00a77d;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.dark-loading .box span:nth-of-type(5), .light-loading .box span:nth-of-type(5) {
	background: #00b247;
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.dark-loading .box span:nth-of-type(6), .light-loading .box span:nth-of-type(6) {
	background: #5ab027;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.dark-loading .box span:nth-of-type(7), .light-loading .box span:nth-of-type(7) {
	background: #a0b61e;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

code {
    background-color: #f9f9f9;
    border: 1px dashed #444;
}

//typora css
//typora css
// @import './source/dy/iconfont.min.css';
// @import './source/zj/fonts.css';
:root {
    /* dy color */
    --select-text-bg-color: #ffafa3; /* 文本选中背景色（粉红） */
    /*--primary-color: red;*/
    --focus-color: #ff5d52; /* 点击某些元素（如标题）显示的颜色（偏红） */
    --codeblockbg-color: #eee; /* 代码块背景色（灰色） */
    --codeblockfont-color: #555; /* 代码块默认字体颜色（黑色） */
    --codeblockline-color: #e0f8f8; /*代码块选中行颜色*/
    --titlebefore-color: #00c4b6; /* 各级标题点缀颜色（绿色） */
    --codeblocknum-color: rgba(128, 128, 255, 0.8); /* 代码块行编号颜色（蓝色） */
    --blockquoteicon-color: #5fa7e4; /* blockquote提示图标色（蓝色） */
    --blockquotebg-color: #f4fcff; /* blockquote背景色（淡蓝） */
    --ulol-color: #81accf; /* 有序无序列表前缀颜色（灰色） */
    --tableevenrow-color: #eee; /* 表格偶数行颜色（淡灰） */
    --tablefocusrow-color: #e0f8f8; /* 表格鼠标悬停行颜色（淡蓝） */
    --tableborder-color: #c5c5c5; /* 表格边框色（黑色） */
    --tablethbg-color: #f4fcff; /* 表格表头背景色（淡蓝） */
    --toc-color: #00a0a0; /* 目录颜色（绿色） */
    --atext-color: black; /* 超链接文本颜色（黑色） */
    --abottom-color: #81d8cf; /* 超链接下划线颜色（青色） */
    --code-color: #ff3502; /* 行内代码前景色（红色） */
    --codebg-color: #f8f5ec; /* 行内代码背景色（淡红） */
    --footnote-color: #e96900; /* 脚注上标前景色（红色） */
    --footnotebg-color: #f8f8f8; /* 脚注上标背景色（淡灰） */
    --highlight-color: red; /* 高亮文本前景色（红色） */
    --highlightbg-color: yellow; /* 高亮文本背景色（黄色） */
    --split-color: #00c4b6; /* 分割线颜色（绿色） */
    --taskborder-color: red; /* 任务列表边框色（红色） */
    --taskfocus-color: #00c4b6; /* 任务列表选中填充色（绿色） */
    --spannote-color: #e91e64; /* 小标签背景色（红色） */
    --emptext-color: #fe5f58; /* 几款强调型文本的颜色（红色） */
    --hidetextcover-color: #a1a1a1; /* 隐藏文本遮罩颜色（灰色） */
    --hidetext-color: #444; /* 隐藏文本颜色（黑色） */
    --spanbtn-color: #44d7b6; /* 文本按钮颜色（绿色） */
    --detailstxt-color: rgba(68,68,68,.7); /* 折叠框summary文字颜色（灰色） */
    --detailsbg-color: #ebf9ed; /* 折叠框summary背景色（青绿色） */
    --detailsborder-color: #00c4b6; /* 折叠框边框色（绿色） */
    --body-color: #000000; /* 文本颜色 */
    --para-color: #000000; /* 段落文本颜色（黑色） */
    --commonstr-color: #232629; /* 常规字符串颜色（黑色） */
    --commonstrbg-color: #e3e6e8; /* 常规字符串背景色（灰色） */
    /* dy font */
    --body-font: alegreya, source-han-serif-sc, Georgia, serif;
    //--body-font: 'Source Sans Pro', '等距更纱黑体 SC', 'Helvetica Neue', Arial, sans-serif; /* 全局字体 */
    --code-font: 'JetBrains Mono'; /* 代码块以及行内代码字体 */
}



html {
    font-size: 17px;
}

body {
    font-family: var(--body-font);
    color: var(--body-color);
    -webkit-font-smoothing: antialiased;
    line-height: 1.8rem;
    letter-spacing: 0;
    margin: 0;
    overflow-x: hidden;
}

#write {
    max-width: 860px;
    margin: 0 auto;
    padding: 20px 30px 160px;
}


/* 人物背景图片（右下角显示） */


@media only screen and (min-width: 1800px){
    content {
        background: url(./source/bg.gif) no-repeat;
        background-size : 12%;
        background-position: 85% 100%;
    }
}


/*
@media only screen and (min-width: 1400px) {
	#write {
		max-width: 1024px;
	}
}

@media only screen and (min-width: 1800px) {
	#write {
		max-width: 1200px;
	}
}
*/

#write p {
    line-height: 1.8rem;
    word-spacing: .05rem;
    color: var(--para-color);
}

#write>ul:first-child,
#write>ol:first-child {
    margin-top: 30px;
}

body>*:first-child {
    margin-top: 0 !important;
}

body>*:last-child {
    margin-bottom: 0 !important;
}



/** 超链接 **/


#write a {
    border-bottom:2px solid var(--abottom-color);
    padding: 0 4px;
    /*padding-top: 2px;*/
    transition: .3s;
    color: var(--atext-color);
    text-decoration: none;
}
#write a:hover {
    border-radius:6px;
    border-bottom:2px solid transparent;
    background-color:var(--abottom-color);
    color:#ffffffe6;
    cursor:pointer;
}
#write a[href*="muggledy"] {
    border-bottom:2px solid red;
}
#write a[href*="muggledy"]:hover {
    background-color:red;
}
#write h2 a, #write h4 a, #write a[alt="null"]{
    border-bottom: none !important;
    /*color: var(--code-color);*/
}
h2 a:hover:before, h4 a:hover:before, #write a[alt="null"]:hover:before{
    content: none !important;
}

/* 修复空链接（标题锚点）显示底部下划线的问题（padding宽度引起的问题），但是自定义锚点怎么处理？因为自定义的锚点链接里有一个空格，非空，所以自定义锚点时请额外加上alt="none"，这将会使得链接“消失” */
#write a:empty, #write a[alt="none"], #write a[alt="null"] {
    padding-left:0px; /*直接上display:none消除超链接会导致锚点失效，visibility:hidden又占位*/
    padding-right:0px;
}
#write a[alt="none"] span {
    display: none; /*消除空格或其他内容*/
}

/* 无样式超链接 */
#write a[alt="null"]:hover{
    background-color: inherit;
    border-radius: 0px;
    color: var(--atext-color);
}


/** 目录 **/


/*#write a.md-toc-inner {
    line-height: 1.6;
    white-space: pre-line;
    border-bottom: none;
    color: var(--toc-color);
}
.md-toc {
    margin-top: 50px;
    padding-bottom: 20px;
}
#write a.md-toc-inner:hover{
    text-decoration: underline;
     border-bottom: 2px solid var(--toc-color);text-decoration: none; 
    color: var(--toc-color);
    background-color: inherit;
    border-radius: 0px;
}
#write a.md-toc-inner code{
    color: var(--toc-color);
    background-color: #f3f4f4;
}
#write a.md-toc-inner:hover:before {
    content: none !important;
}*/


h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
}

h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
    text-decoration: none;
}

h1 code {
    font-size: inherit !important;
}
h2 code {
    font-size: inherit !important;
}
h3 code {
    font-size: inherit !important;
}
h4 code {
    font-size: inherit !important;
}
h5 code {
    font-size: inherit !important;
}
h6 code {
    font-size: inherit !important;
}



/** 不同级别标题样式 **/


h1 {
    text-align: center;
    padding-bottom: 0.3em;
    font-size: 2.2em;
    line-height: 1.2;
    margin: 2.4em auto 1.2em;
    color: black;
}
/*
h1:after { //一级大标题下划线（为固定长度）
    content: '';
    display: block;
    margin: 0.2em auto 0;
    width: 100px;
    height: 2px;
    border-bottom: 2px solid var(--titlebefore-color);
}
*/
h2 {
    margin: 1.8em auto 1.2em;
    font-size: 1.8em;
    //border-bottom: 2px solid var(--titlebefore-color);
}
h2::before {
    // content: '\e689' !important; /* 风车图标 */
    color: var(--titlebefore-color);
    font-family: "iconfont";
}

/* h2标题前缀旋转动画 */
@-moz-keyframes avatar_turn_around{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes avatar_turn_around{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes avatar_turn_around{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes avatar_turn_around{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
h2:before {
    display: inline-block;
    -webkit-animation: avatar_turn_around 1s linear infinite;
    -moz-animation: avatar_turn_around 1s linear infinite;
    -o-animation: avatar_turn_around 1s linear infinite;
    -ms-animation: avatar_turn_around 1s linear infinite;
    animation: avatar_turn_around 1s linear infinite;
    font-size: 34px;
    margin-left: -29px;
}

/* h2标题内容稍稍偏右一点 */
h2 * {
    margin-left: .18rem;
}
#write>h2.md-focus:before {
    color: var(--focus-color);
}
#write>h2.md-focus {
    //border-bottom-color: var(--focus-color);
}

.about-content-description h2:before{
    content: none !important;
}
.about-content-description h2 {
    border-bottom: none;
}

h3 {
    font-size: 1.4em;
    line-height: 1.43;
    margin: 1.6em auto 1.2em;
    padding-left: 9px;
    border-left: 5px solid var(--titlebefore-color);
}
h4 {
    margin-top: 1.3em;
    font-size: 1.2em;
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block;
    border: 1px solid var(--titlebefore-color);
    border-top: 4px solid var(--titlebefore-color);
}

/* 三级四级标题点击后的前缀提示图标 */
#write>h3.md-focus:before,
#write>h4.md-focus:before {
    width: auto;
    height: auto;
    background-color: var(--focus-color);
    color: #ffffff;
}
#write>h3.md-focus,
#write>h4.md-focus {
    border-color: var(--focus-color);
}

#write h5::before,
#write h6::before {
    position: absolute;
    right: calc(100% + .75em);
    top: 0;
    color: var(--titlebefore-color); /* #5b5b5b */
    font-size: 0.8rem;
    font-weight: bold;
    font-variant: 'small-caps';
    white-space: nowrap;
    /* 文本强制不换行 */
    border: 0;
}
#write h5.md-focus:before, #write h6.md-focus:before{
    color: var(--focus-color);
}
#write h5, #write h6 {
    /* margin-left: 2em; */
    font-size: 1rem;
}
#write h5::before {
    content: 'H5';
    top: 0.18rem;
}
#write h6::before {
    content: 'H6';
    top: 0.18rem;
}



p,
blockquote,
ul,
ol,
dl,
table {
    margin: 0.8em 0;
}

li>ol,
li>ul {
    margin: 0 0;
}

body>h2:first-child {
    margin-top: 0;
    padding-top: 0;
}

body>h1:first-child {
    margin-top: 0;
    padding-top: 0;
}

body>h1:first-child+h2 {
    margin-top: 0;
    padding-top: 0;
}

body>h3:first-child,
body>h4:first-child,
body>h5:first-child,
body>h6:first-child {
    margin-top: 0;
    padding-top: 0;
}

a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
    margin-top: 0;
    padding-top: 0;
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
    margin-top: 0;
}

#write ol,
#write ul {
    padding-left: 35px;
    margin: .5rem 0;
}

#write ol>li>*,
#write ul>li>* {
    color: #333;
    font-weight: normal;
}

#write ol>li>*:not(ol):not(ul),
#write ul>li>*:not(ol):not(ul) {
    padding-left: .25rem;
}



/** 引用块（提示型） **/


blockquote {
    /* border: 1px solid #d1f3ff; */
    border-left: 5px solid var(--blockquoteicon-color);
    padding: 10px 15px;
    color: #3f3f3f;
    //background-color: var(--blockquotebg-color); /* white */
    border-radius: 3px;
    //position:relative;
}

/* 给提示块加info图标 */
blockquote>* {
    margin-left: 2rem !important;
}
blockquote::before {
    //content: '\e613';
    font-family: "iconfont";
    color: var(--blockquoteicon-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: large;
    font-weight: 600;
}
/*
blockquote:hover {
    border-left: 5px solid var(--focus-color);
}
blockquote:hover:before {
    color: var(--focus-color);
}
*/


/** 表格样式 **/


table {
    padding: 0;
    word-break: initial;
    font-size:12pt;
}
/*
table tr {
    border-top: 1px solid var(--main-6);
    margin: 0;
    padding: 0;
}
*/
table tr:nth-child(2n) {
    background-color: var(--tableevenrow-color);
}
table tr th {
    font-weight: bold;
    border: 1px solid var(--tableborder-color);
    background-color: var(--tablethbg-color);
    border-bottom: 0;
    text-align: left;
    margin: 0;
    padding: 6px 13px;
}
table tr td {
    border: 1px solid var(--tableborder-color);
    text-align: left;
    margin: 0;
    padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
    margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
    margin-bottom: 0;
}
table tr:hover {
  background-color: var(--tablefocusrow-color);
}

/* 三线表（自定义需覆盖上述默认表格样式） */
div[alt="three-table"] table {
    border-top: 1.5pt solid;
    border-bottom: 1.5pt solid;
    font-size:11pt;
}
div[alt="three-table"] table tr td, div[alt="three-table"] table tr th {
    border: none;
}
div[alt="three-table"] table tr, div[alt="three-table"] table tr th, div[alt="three-table"] table tr:hover {
    background-color: white;
}
div[alt="three-table"] table tr th {
    border-bottom: 0.75pt solid;
    font-family:黑体;
    font-size:11pt;
}

/* 控制文本的居中or左or右显示 */
*[alt="center"]{
    text-align: center;
}
*[alt="left"]{
    text-align: left;
}
*[alt="right"]{
    text-align: right;
}

/* 无表头表格（且调小了格子的padding值） */
div[alt="notitle-table"] table {
    font-size: 11pt;
}
div[alt="notitle-table"] table tr, div[alt="notitle-table"] table tr th, div[alt="notitle-table"] table tr:hover {
    background-color: white;
}
div[alt="notitle-table"] table tr td:hover, div[alt="notitle-table"] table tr th:hover {
    background-color: var(--tablefocusrow-color);
}
div[alt="notitle-table"] table tr th {
    font-weight: normal;
}
div[alt="notitle-table"] table tr th, div[alt="notitle-table"] table tr td {
    padding: 0px 8px;
}


/** 代码块 **/



.CodeMirror-lines {
    padding-left: 4px;
    background-color: #f9f9f9;
    border: 1px dashed #444;
}

.code-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
    border-top: 1px solid #eef2f2;
}

/* 行号左框线 */
/*
#write .CodeMirror-gutters {
    border-right: 1px solid rgba(204, 51, 0);
}
*/

/* 代码块行号颜色 */
.cm-s-inner .CodeMirror-linenumber {
    /* width: 2ch !important; */
    color: var(--codeblocknum-color);
}

/* 代码块光标线条宽度、颜色 */
/*#write .CodeMirror-cursors .CodeMirror-cursor {
    border-left: 2px solid var(--focus-color);
}*/

/* 选中行高亮 */
.md-fences:not(.md-focus) .CodeMirror-code>*:hover {
    background-color: var(--codeblockline-color);
}
.md-fences.md-focus .CodeMirror-code>div.CodeMirror-activeline {
    background-color: var(--codeblockline-color);
}

#write ol>li>*[class~="md-fences"], #write ul>li>*[class~="md-fences"] {
    padding-left: 0 !important;
}

/* 蓝色行内数学公式 */
/*
[md-inline='inline_math'] {
    color: blue;
    font-size: 100%;
}
*/

/* 修复行间公式在手机端屏幕宽度较小时公式极端缩小的问题，但是打印为pdf时仍要设为100%，否则有滚动条 */
@media only screen and (max-width: 800px) {
    .MathJax_SVG_Display svg{
        max-width: inherit !important;
    }
}


/** 行内代码 **/


#write code {
    border-radius: 0;
    background-color: rgba(231, 231, 231, 0.363);
    color: #a04514;
}


/** 脚注（上标） **/


#write .md-footnote {
    background-color: var(--footnotebg-color);
    color: var(--footnote-color);
}

/* 脚注上标链接禁止显示下划线样式 */
#write sup.md-footnote a{
    color: inherit !important; /* 鼠标hover时禁止颜色发生变化 */
    border-bottom: none;
    padding: 1px;
    background-color: inherit;
}


/** 文本高亮 **/


#write span[md-inline="highlight"] mark {
    background-color: var(--highlightbg-color);
    border-radius: 2px;
    padding: 2px 4px;
    margin: 0 2px;
    color: var(--highlight-color);
    font-weight: 500;
}


/** 分割线 **/


/*
hr {
    height: 1px;
    padding: 0;
    margin: 16px 0;
    background-color: var(--split-color);
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;
}
*/
/* 来自next主题样式 */
/*
hr {
    background-image: repeating-linear-gradient(-45deg, var(--split-color), var(--split-color) 4px, transparent 4px, transparent 8px);
    border: 0;
    height: 3px;
    margin: 40px 0
}
*/
/* 透明渐变水平线 */
hr {
 width:80%;
 margin:0 auto;
 border: 0;
 height: 2px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--split-color), rgba(0, 0, 0, 0));
}


#write del {
    padding: 1px 2px;
}

.cm-s-inner .cm-link,
.cm-s-inner.cm-link {
    color: #22a2c9;
}

.cm-s-inner .cm-string {
    color: #22a2c9;
}



/** 任务列表小方框 **/


.task-list-item>input {
    margin-left: -1.3em;
    margin-top: 0.4rem;
    -webkit-appearance: none;
}
.task-list-item>input:before {
    content: '';
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    vertical-align: middle;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    border-radius: 2px;
    /*background-color: white;*/
    border: 1px solid var(--taskborder-color);
    margin-top: -0.4rem;
    transition: all 0.2s linear;
}
.task-list-item>input:checked:before,
.task-list-item>input[checked]:before {
    content: '\2714';
    font-size: 0.625rem;
    color: white;
    border: 1px solid var(--taskfocus-color);
    background-color: var(--taskfocus-color);
    line-height: .8rem;
}
.task-list-item:before{
    content: none !important;
}

#write input[type=checkbox] {
    position: absolute;
    top: 6px;
    left: -6px;
    background-color: inherit;
}

.task-list-item.task-list-done {
    text-decoration: line-through;
    color: #999;
}
.task-list-item.task-list-done span {
    color: #999;
}


/** 导出html文件，修复流程图在手机端高度太大的问题 **/


.md-diagram-panel svg{
    max-width: inherit !important;
    height: inherit !important;
}



/* @media print {
    html {
        font-size: 13px;
    }
    table,
    pre {
        page-break-inside: avoid;
    }
    pre {
        word-wrap: break-word;
    }
} */

/* .md-fences {
    background-color: #f8f8f8;
} */

#write pre.md-meta-block {
    /* padding: 1rem; */
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 3px;
    color: #777777;
    margin-top: 0 !important;
}

.mathjax-block>.code-tooltip {
    bottom: .375rem;
    /* bottom: .575rem; */
}

#write>h3.md-focus:before {
    left: -1.5625rem;
    top: .375rem;
}

#write>h4.md-focus:before {
    left: -1.5625rem;
    top: .285714286rem;
}

#write>h5.md-focus:before {
    left: -1.5625rem;
    top: .285714286rem;
}

#write>h6.md-focus:before {
    left: -1.5625rem;
    top: .285714286rem;
}

/* https://www.bnxb.com/divcss/27022.html */
details pre {
    color:#444;
    margin:15px auto;
    padding:20px 15px;
    padding-bottom: 0px;
    background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAmCAIAAACphTeFAAAAJElEQVRIx2N4RS5gGNU5qnNU56hOZJ2fyQWjOkd1juoc1YkMAKDL4lkok3p7AAAAAElFTkSuQmCC') repeat;
    white-space:pre-wrap;
    word-wrap:break-word;
    letter-spacing:1.5px;
    font:14px/25px 'Comic Sans MS','courier new';
    line-height:22px;
    background-size:100% 44px;
}


/** 图片 **/


.md-image {
    margin: 15px auto 5px;
}
.md-image img {
    border-radius: 4px;
}

/* 当按`![shadow-随便写]()`格式写时（或`<img src="" alt="shadow-随便写">`），会有阴影 */
.md-image img[alt|='shadow'] {
    box-shadow: #84A1A8 0px 10px 15px;
    background-size: 100% 100%;
    cursor: default;
    border-left: 0;
    border-right: 0;
}

/* 模糊特效 */
.md-image img[alt|='blur'] {
    filter:blur(6px);
    -webkit-filter:blur(6px);
    -moz-filter:blur(6px);
    -ms-filter:blur(6px);
    -o-filter:blur(6px);
    transition: all 0.2s linear;
}
.md-image img[alt|='blur']:hover {
    filter:none;
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
}

/*图片暗灰*/
.md-image img[alt|='gray'] {
    filter:grayscale(100%);
}
.md-image img[alt|='gray']:hover {
    transition: 0.5s linear;
    filter:grayscale(0);
}

.md-image>.md-meta {
    border-radius: 3px;
    font-family: var(--body-font);
    padding: 2px 0 0 4px;
    font-size: 0.9em;
    color: inherit;
}

/* 图片自动编号 */
#write{
    counter-reset: imgNum;
}
#write p>.md-image:after{
    counter-increment: imgNum;
    content: "图" counter(imgNum) attr(alt) !important;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 8px !important;
    font-size: small;
}

div[alt="fig"]{
    font-size: small;
    text-align: center;
    margin-top: -10px !important;
}

.md-tag {
    color: inherit;
}

.sidebar-tabs {
    border-bottom: none;
}

#typora-quick-open {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

#typora-quick-open-item {
    background-color: #FAFAFA;
    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
    border-style: solid;
    border-width: 1px;
}

#md-notification:before {
    top: 10px;
}

/* focus mode */

.on-focus-mode blockquote {
    border-left-color: rgba(85, 85, 85, 0.12);
}

header,
.context-menu,
.megamenu-content,
footer {
    font-family: var(--body-font);
}

.file-node-content:hover .file-node-icon {
    color: var(--titlebefore-color);
}
.file-node-content:hover {
    cursor: pointer;
    color: var(--titlebefore-color) !important;
}
.outline-item:hover {
    color: var(--titlebefore-color) !important;
}
/*
.mac-seamless-mode #typora-sidebar {
    background-color: var(--side-bar-bg-color);
}
*/
.md-lang {
    color: #b4654d;
}

.html-for-mac .context-menu {
    --item-hover-bg-color: #e6f0fe;
}

/* 侧边栏 */
/*
.file-list-item.active {
    background: var(--active-file-bg-color);
    color: var(--active-file-text-color);
    border-left: 4px solid var(--main-6);
}
.file-tree-node.active>.file-node-background {
    background-color: var(--active-file-bg-color);
    border-left: 4px solid var(--main-6);
    border-color: var(--active-file-border-color);
}
*/

.file-list-item:hover {
    background-color: #eeeeee;
}

@media print {
    .typora-export * {
        -webkit-print-color-adjust: exact;
    }
    html {
        font-size: 16px!important;
    }
    body {
        font-family: Times, 'SimSun', serif!important;
        color: #000000!important;
    }
    p {
        color: #000000!important;
    }
    table,
    pre {
        page-break-inside: avoid;
    }
    pre {
        word-wrap: break-word;
    }
    .MathJax_SVG_Display svg{
        max-width: 100% !important;
    }
}



/*


ul li, ol li, .ul .li, .ol .li {
    list-style-type: none;
}
ul>li:not(.tab):before, .ul>.li:not(.tab):before {
    margin-left: -22px;
    margin-top: 10px;
    width: .62em;
    height: .62em;
    border: .1em solid var(--ulol-color);
    border-radius: .31em;
    background: 0 0;
    content: '';
    line-height: .42em;
}
ol li:before, ul li:before, .ol .li:before, .ul .li:before {
    position: absolute;
    background: var(--ulol-color);
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
ol li:first-child,  .ol .li:first-child {
    counter-reset: li;
}
ol li:hover:before,  ul li:hover:before, .ol .li:hover:before, .ul .li:hover:before {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
ul>li:not(.tab):hover:before, .ul>.li:not(.tab):hover:before{
    border-color: var(--focus-color);
}
ol>li:before,  .ol>.li:before {
    margin-top: 6px;
    margin-left: -25px;
    width: 1.65em;
    height: 1.65em;
    border-radius: 0.825em;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    font-size: .65em;
    line-height: 1.7em;
}


ul li *,  ol li *, .ul .li *, .ol .li * {
    margin-top: 0px;
    margin-bottom: 0px;
}


ul li, ol li, .ul .li, .ol .li {
    margin-top: 7px;
    margin-bottom: 7px;
} */


/** 小标签 **/


font {
    display: inline;
    padding: .2em .6em;
    font-size: 90%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .1rem;
    border-radius: 6px;
    background-color: var(--spannote-color);
}
font[title="red"] {
    background-color:#e91e64;
}
font[title="blue"] {
    background-color:#02aaf4;
}
font[title="yellow"] {
    background-color:#ffc50a;
}
font[title="green"] {
    background-color:#8bc34a;
}
font[title="gray"] {
    background-color:#4c4c4c;
}


/** 强调型文本 **/


span[alt='emp'] {
    border-bottom: 4px dotted var(--emptext-color);
}
span[alt='underline'] {
    //border-bottom: 2px solid var(--emptext-color);
}
span[alt='wavy'] {
    text-decoration-style: wavy;
    text-decoration-line: underline;
    text-decoration-color: var(--emptext-color);
}


/** 折叠标签 **/


details {
    display: block;
    padding: 16px;
    margin: 1em 0;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    -webkit-transition: all .28s ease;
    -moz-transition: all .28s ease;
    -o-transition: all .28s ease;
    -ms-transition: all .28s ease;
    transition: all .28s ease;
    -moz-transition: all .28s ease;
    -webkit-transition: all .28s ease;
    -o-transition: all .28s ease;
    border: 1px solid #f6f6f6;
}
summary {
    display: list-item;
}
details summary {
    cursor: pointer;
    padding: 16px;
    margin: -16px;
    border-radius: 4px;
    color: var(--detailstxt-color);
    font-size: .875rem!important;
    font-weight: 700;
    position: relative;
    line-height: normal;
}
details>summary {
    background: var(--detailsbg-color);
}
details[open] {
    border-color: var(--detailsborder-color);
}
details[open]>summary {
    color: #444;
    margin-bottom: 0;
}
details[open]>summary {
    border-bottom: 1px solid var(--detailsborder-color);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* 折叠框、视频、音频标签点击时候会出现黑色边框，极不美观，去除 */
summary:focus {
    outline: none !important;
}
video:focus{
    outline: none !important;
}
audio:focus{
    outline: none !important;
}


/** 隐藏型文本 **/


span[alt="hide"] {
    color: transparent;
    background: var(--hidetextcover-color);
    border-radius: 2px;
    -webkit-transition: all .28s ease;
    -moz-transition: all .28s ease;
    -o-transition: all .28s ease;
    -ms-transition: all .28s ease;
    transition: all .28s ease;
    -moz-transition: all .28s ease;
    -webkit-transition: all .28s ease;
    -o-transition: all .28s ease;
}
span[alt="hide"]:hover {
    color:var(--hidetext-color);
    background:0 0
}


/** 彩虹变换字体特效（来自黑石博客） **/


@-webkit-keyframes rainbowan {
    to {
        background-position: -2000vw;
    }
}
@keyframes rainbowan {
    to {
        background-position: -2000vw;
    }
}
span[alt="rainbow"], span[alt="rainbow"] * {
    padding-top: 3px;
    background-image: linear-gradient( to left, orangered, orange, gold, lightgreen, cyan, dodgerblue, mediumpurple, hotpink, orangered);
    background-size: 110vw;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: rainbowan 60s linear infinite;
    animation: rainbowan 60s linear infinite;
}


/** 一款时尚的span字体，来自QinXS **/


span[alt="modern"] {
    display: inline;
    padding: 5px 10px;
    border-radius: 20px;
    font-family: var(--body-font);
    font-size: 1em;
    letter-spacing: .2em;
    color: red;
    text-shadow: 0 8px 9px #c4b59d, 0 -2px 1px #fff;
    font-weight: 700;
    background: linear-gradient(to bottom,#ece4d9 0,#e9dfd1 100%);
}


/** volantis文本按钮样式 **/


span[alt="btn"] {
    color: var(--spanbtn-color);
    border: 1px solid var(--spanbtn-color);
    padding: 3px 4px 2px;
    margin: 4px;
    line-height: 1.1;
    border-radius: 2px;
}
#write span[alt="btn"] a{
    color: var(--spanbtn-color);
    border-bottom:none;
    background-color:inherit;
    transition: none;
}
span[alt="btn"]:hover {
    color: var(--focus-color);
    border: 1px solid var(--focus-color);
}
#write span[alt="btn"]:hover a{
    color: var(--focus-color);
}


/** 抖音字效 **/


@-webkit-keyframes uk-text-shadow-glitch{0%{text-shadow:none}25%{text-shadow:-1px -1px 0 #ff0048,1px 1px 0 #3234ff}50%{text-shadow:1px -1px 0 #ff0048,-1px 1px 0 #3234ff}75%{text-shadow:-1px 1px 0 #ff0048,1px -1px 0 #3234ff}to{text-shadow:1px 1px 0 #ff0048,-1px -1px 0 #3234ff}}@keyframes uk-text-shadow-glitch{0%{text-shadow:none}25%{text-shadow:-1px -1px 0 #ff0048,1px 1px 0 #3234ff}50%{text-shadow:1px -1px 0 #ff0048,-1px 1px 0 #3234ff}75%{text-shadow:-1px 1px 0 #ff0048,1px -1px 0 #3234ff}to{text-shadow:1px 1px 0 #ff0048,-1px -1px 0 #3234ff}}

span[alt="shake"] {
    -webkit-animation: uk-text-shadow-glitch .95s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
    animation: uk-text-shadow-glitch .95s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
}


/*https://www.jq22.com/webqd4214*/
span[alt="glow"] {
	font-family:'Audiowide';
	text-align:center;
	color:black;
	-webkit-transition:all 1.5s ease;
	transition:all 1.5s ease;
}
span[alt="glow"]:hover {
	-webkit-animation:Glow 1.5s ease infinite alternate;
	animation:Glow 1.5s ease infinite alternate;
}
@-webkit-keyframes Glow {
	from {
	text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #00a67c,0 0 70px #00a67c,0 0 80px #00a67c,0 0 100px #00a67c,0 0 150px #00a67c;
}
to {
	text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #00a67c,0 0 35px #00a67c,0 0 40px #00a67c,0 0 50px #00a67c,0 0 75px #00a67c;
}
}@keyframes Glow {
	from {
	text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #00a67c,0 0 70px #00a67c,0 0 80px #00a67c,0 0 100px #00a67c,0 0 150px #00a67c;
}
to {
	text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #00a67c,0 0 35px #00a67c,0 0 40px #00a67c,0 0 50px #00a67c,0 0 75px #00a67c;
}
}


/* 空心字等文字特效 https://www.cnblogs.com/xiaohuochai/p/7521282.html */


span[alt="hollow"]{
    color:white;
    text-shadow:1px 1px black,-1px -1px black,1px -1px black,-1px 1px black;
}

@keyframes blink-smooth{50%{color:transparent;}}
span[alt="blink"]{
  animation:.5s blink-smooth infinite alternate linear;
}

span[alt="str"]{
    padding: 2px 4px;
    color: var(--commonstr-color);
    background-color: var(--commonstrbg-color);
    border-radius: 3px;
    font-size: 15px;
    font-family: var(--body-font);
}


/* 时间轴（来自Volantis主题） */


div[alt="timeline"] {
    margin-top: 8px;
    margin-left: 8px;
}
div[alt="timenode"] {
    position: relative;
}
div[alt="timenode"]:after, div[alt="timenode"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: rgba(68,215,182,.5);
    width: 2px;
    left: 7px;
}
div[alt="timenode"]:before {
    top: 0px;
    height: 6px;
}
div[alt="timenode"] div[alt="body"], div[alt="timenode"] div[alt="meta"] {
    max-width: calc(100% - 24px);
}
div[alt="timenode"] div[alt="meta"] {
    position: relative;
    color: #1f2d3d;
    line-height: 32px;
    font-size: .8rem;
    font-weight: 700;
    margin: 0 0 0 24px;
}
div[alt="timenode"] div[alt="meta"]:after, div[alt="timenode"] div[alt="meta"]:before {
    content: "";
    position: absolute;
    top: 8px;
    z-index: 2;
    left: -24px;
}
div[alt="timenode"] div[alt="meta"]:before {
    background: rgba(68,215,182,.5);
    width: 16px;
    height: 16px;
    border-radius: 8px;
}
div[alt="timenode"] div[alt="meta"]:after {
    background: #44d7b6;
    margin-left: 2px;
    margin-top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}
div[alt="timenode"] div[alt="body"] {
    margin: 4px 0 10px 24px;
    padding: 10px;
    border-radius: 12px;
    background: #efeded;
    display: inline-block;
    font-size: .9rem;
}
div[alt="timenode"]:not(:last-child):after {
    top: 26px;
    height: calc(100% - 26px);
}
div[alt="timenode"]:last-child:after {
    top: 26px;
    height: calc(100% - 30px);
}
div[alt="timenode"]:hover div[alt="meta"]{
    color:#444;
}
div[alt="timenode"]:hover div[alt="meta"]:before{
    background:rgba(255,87,34,.5)
}
div[alt="timenode"]:hover div[alt="meta"]:after{
    background:#ff5722;-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}

#blog-new{
    overflow: revert;
}