@import "https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/5.15.2/css/all.min.css";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
body {
	line-height:1;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
ol,ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:"";
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
button {
	outline:none
}
a {
	color:inherit;
	cursor:pointer
}
a,a:hover,a:link,a:visited {
	text-decoration:none!important
}
#under_post_card1,#under_post_card2 {
	display:none
}
:root {
	--color-primary:var(--themeColor)
}
:root {
	--color-basic-50:#ffffff;
	--color-basic-75:#fafafa;
	--color-basic-100:#f8f8f8;
	--color-basic-200:#eaeaea;
	--color-basic-300:#e1e1e1;
	--color-basic-400:#cacaca;
	--color-basic-500:#b3b3b3;
	--color-basic-600:#8e8e8e;
	--color-basic-700:#6e6e6e;
	--color-basic-800:#4b4b4b;
	--color-basic-900:#2c2c2c;
	--bg-body:#f5f6f7;
	--bg-mainContent:#f5f6f7;
	--bg-sidebar:#fff;
	--bg-tags:#eaeaea;
	--bg-footer:#fff;
	--bg-btn-hover:#f5f6f7;
	--bg-btn-active:#eaeaea;
	--bg-pager:#fff;
	--bg-pager-btn:#f5f6f7;
	--bg-listItem:#fff;
	--bg-listItemTitle:#fff;
	--bg-form:#ffffff;
	--bg-form-title:#f6f8fa;
	--bg-common-body:#f5f6f7;
	--bg-layer:#ccc;
	--bg-md-hr:#ddd;
	--bg-md-blockquote:#f6f8fa;
	--bg-md-summary:rgb(250,250,250);
	--bg-md-single-code:#eee;
	--bg-search-bar:#fff;
	--bg-account:#fff;
	--bg-logo:linear-gradient( to bottom,#fff 0%,#fff 76%,rgba(21,23,40,0) 100% );
	--bg-profile-menu:#f8f8f8;
	--bg-tool-item:#eee;
	--bg-calendar:#f6f8fa;
	--bg-post-signature:#f6f8fa;
	--bg-scrollbar-track:rgba(0,0,0,.01);
	--bg-scrollbar-thumb:rgba(0,0,0,.11);
	--bg-scrollbar-thumb-hover:rgba(0,0,0,.2);
	--bg-card:#fff;
	--bg-profile-links:#333;
	--bg-profile-links-hover:#eaeaea;
	--bg-emoji:#fff;
	--border-sidebar-block:#f5f6f7;
	--border-form:#ccc;
	--border-avatar:rgb(240,239,239);
	--border-post-signature:var(--color-primary);
	--border-catalog:#eaeaea;
	--border-md-details:rgb(234,234,234);
	--border-md-details-active:rgb(234,234,234)
}
:root[theme=dark] {
	--color-basic-50:#252525;
	--color-basic-75:#2f2f2f;
	--color-basic-100:#323232;
	--color-basic-200:#3e3e3e;
	--color-basic-300:#4a4a4a;
	--color-basic-400:#5a5a5a;
	--color-basic-500:#6e6e6e;
	--color-basic-600:#909090;
	--color-basic-700:#b9b9b9;
	--color-basic-800:#bdbdbd;
	--color-basic-900:#c2c2c2;
	--bg-body:#373e57;
	--bg-mainContent:#24273b;
	--bg-sidebar:#151728;
	--bg-tags:#303447;
	--bg-footer:#24273b;
	--bg-btn-hover:#202234;
	--bg-btn-active:#5c5e6e;
	--bg-pager:#151728;
	--bg-pager-btn:#202234;
	--bg-listItem:#202234;
	--bg-listItemTitle:#202234;
	--bg-form:#151728;
	--bg-form-title:#202234;
	--bg-common-body:#202234;
	--bg-layer:#202234;
	--bg-md-hr:#5c5e6e;
	--bg-md-blockquote:#515363;
	--bg-md-summary:#3d4052;
	--bg-md-single-code:#24273b;
	--bg-search-bar:#151728;
	--bg-account:#151728;
	--bg-logo:linear-gradient( to bottom,#151728 0%,#151728 76%,rgba(21,23,40,0) 100% );
	--bg-profile-menu:#151728;
	--bg-tool-item:#24273b;
	--bg-calendar:#202234;
	--bg-post-signature:#24273b;
	--bg-scrollbar-track:rgba(255,255,255,.01);
	--bg-scrollbar-thumb:rgba(255,255,255,.11);
	--bg-scrollbar-thumb-hover:rgba(255,255,255,.2);
	--bg-card:#151728;
	--bg-profile-links:rgb(156,156,171);
	--bg-profile-links-hover:#1b1d2e;
	--bg-emoji:#303447;
	--border-sidebar-block:#272a3a;
	--border-form:#202234;
	--border-avatar:#151728;
	--border-post-signature:var(--color-primary);
	--border-catalog:#272a3a;
	--border-md-details:rgba(255,255,255,.2);
	--border-md-details-active:var(--color-primary)
}
#cnblogs_post_body.blogpost-body-html,#mainContent .cnblogs-markdown {
	word-break:break-word;
	line-height:1.75;
	font-weight:400;
	font-size:15px
}
#cnblogs_post_body.blogpost-body-html h1,#cnblogs_post_body.blogpost-body-html h2,#cnblogs_post_body.blogpost-body-html h3,#cnblogs_post_body.blogpost-body-html h4,#cnblogs_post_body.blogpost-body-html h5,#cnblogs_post_body.blogpost-body-html h6,#mainContent .cnblogs-markdown h1,#mainContent .cnblogs-markdown h2,#mainContent .cnblogs-markdown h3,#mainContent .cnblogs-markdown h4,#mainContent .cnblogs-markdown h5,#mainContent .cnblogs-markdown h6 {
	line-height:1.5;
	margin:35px 0 10px;
	padding:0 0 5px
}
#cnblogs_post_body.blogpost-body-html h1,#mainContent .cnblogs-markdown h1 {
	font-size:30px;
	margin-bottom:5px
}
#cnblogs_post_body.blogpost-body-html h2,#mainContent .cnblogs-markdown h2 {
	padding-bottom:12px;
	font-size:24px;
	border-bottom:1px solid var(--bg-md-hr)
}
#cnblogs_post_body.blogpost-body-html h3,#mainContent .cnblogs-markdown h3 {
	font-size:18px;
	padding-bottom:0
}
#cnblogs_post_body.blogpost-body-html h4,#mainContent .cnblogs-markdown h4 {
	font-size:16px
}
#cnblogs_post_body.blogpost-body-html h5,#mainContent .cnblogs-markdown h5 {
	font-size:15px
}
#cnblogs_post_body.blogpost-body-html h6,#mainContent .cnblogs-markdown h6 {
	margin-top:5px
}
#cnblogs_post_body.blogpost-body-html img,#mainContent .cnblogs-markdown img {
	display:flex;
	margin:10px auto;
	max-width:100%!important;
	border-radius:2px
}
#cnblogs_post_body.blogpost-body-html hr,#mainContent .cnblogs-markdown hr {
	margin:32px 0;
	border:none;
	border-bottom:1px solid var(--bg-md-hr)
}
#cnblogs_post_body.blogpost-body-html a,#mainContent .cnblogs-markdown a {
	color:#47a1f6
}
#cnblogs_post_body.blogpost-body-html a:hover,#mainContent .cnblogs-markdown a:hover {
	color:#68b5fb
}
#cnblogs_post_body.blogpost-body-html ol,#cnblogs_post_body.blogpost-body-html ul,#mainContent .cnblogs-markdown ol,#mainContent .cnblogs-markdown ul {
	margin:22px 0;
	padding:0 0 0 28px
}
#cnblogs_post_body.blogpost-body-html ol li,#cnblogs_post_body.blogpost-body-html ul li,#mainContent .cnblogs-markdown ol li,#mainContent .cnblogs-markdown ul li {
	margin-bottom:0
}
#cnblogs_post_body.blogpost-body-html ol ul,#cnblogs_post_body.blogpost-body-html ol ol,#cnblogs_post_body.blogpost-body-html ul ul,#cnblogs_post_body.blogpost-body-html ul ol,#mainContent .cnblogs-markdown ol ul,#mainContent .cnblogs-markdown ol ol,#mainContent .cnblogs-markdown ul ul,#mainContent .cnblogs-markdown ul ol {
	margin-top:4px
}
#cnblogs_post_body.blogpost-body-html blockquote,#mainContent .cnblogs-markdown blockquote {
	margin:22px 0;
	padding:1px 22px;
	color:var(--color-basic-700);
	background:var(--bg-md-blockquote);
	border-left:4px solid var(--color-primary)
}
#cnblogs_post_body.blogpost-body-html blockquote:after,#mainContent .cnblogs-markdown blockquote:after {
	display:block;
	content:""
}
#cnblogs_post_body.blogpost-body-html blockquote>p,#mainContent .cnblogs-markdown blockquote>p {
	margin:10px 0
}
#cnblogs_post_body.blogpost-body-html details,#mainContent .cnblogs-markdown details {
	margin:1.5rem 0;
	padding:.5rem 1rem;
	background:var(--bg-md-summary);
	border-radius:2px;
	border:1px solid;
	border-color:var(--border-md-details)
}
#cnblogs_post_body.blogpost-body-html details>summary,#mainContent .cnblogs-markdown details>summary {
	font-weight:500;
	outline:none;
	cursor:pointer
}
#cnblogs_post_body.blogpost-body-html details[open],#mainContent .cnblogs-markdown details[open] {
	border:1px solid var(--border-md-details-active)
}
#cnblogs_post_body.blogpost-body-html iframe,#mainContent .cnblogs-markdown iframe {
	width:100%;
	height:40vw
}
#cnblogs_post_body.blogpost-body-html iframe.music,#mainContent .cnblogs-markdown iframe.music {
	width:auto;
	height:auto
}
#mainContent .cnblogs-markdown kbd {
	display:inline-block;
	padding:3px 5px;
	font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
	line-height:10px;
	color:#444d56;
	vertical-align:middle;
	background-color:#fafbfc;
	border:1px solid #d1d5da;
	border-radius:2px;
	box-shadow:inset 0 -1px #d1d5da
}
#mainContent .cnblogs-markdown mark {
	background-color:var(--color-primary)
}
.cnblogs-markdown:not(pre,div,td)>code,.blogpost-body:not(pre,div,td)>code {
	display:inline;
	padding:.065em .4em;
	background-color:var(--bg-md-single-code);
	border-radius:2px;
	overflow-x:auto;
	font-size:.87em;
	font-family:"Menlo,Monaco,Consolas,'Courier New',monospace";
	color:#15a7a7;
	word-break:break-word
}
pre[class*=language-].highlighter-prismjs,pre code.hljs {
	border-radius:2px
}
.span.cnb-code-toolbar-item {
	background:#fff;
	color:#fff
}
#cnblogs_post_body th,.cnblogs-post-body th {
	background:none
}
.blogpost-body th,.blogpost-body td,.cnblogs-post-body th,.cnblogs-post-body td {
	border-color:var(--border-md-details)
}
@media screen and (max-width:1023px) {
	iframe {
	height:60vw
}
}@media screen and (max-width:768px) {
	h1 {
	font-size:24px
}
h2 {
	font-size:20px
}
h3 {
	font-size:18px
}
#cnblogs_post_body iframe,.cnblogs-post-body iframe,.cnblogs-markdown iframe {
	height:50vw
}
}span.cnb-code-toolbar-item {
	color:var(--color-basic-900);
	background-color:#0000004d
}
::-webkit-scrollbar {
	width:12px;
	height:12px;
	border-radius:4px
}
::-webkit-scrollbar-track {
	background:var(--bg-scrollbar-track)
}
::-webkit-scrollbar-thumb {
	background:var(--bg-scrollbar-thumb);
	border-radius:4px
}
::-webkit-scrollbar-thumb:hover {
	background:var(--bg-scrollbar-thumb-hover)
}
.copy-btns:before,.custom-comment-avatar:after,#commentform_title:before,.diggit:before,.feedback_area_title:before,.buryit:before,#green_channel_favorite:before,#green_channel_follow:before,.custom-card-title:before,[class^=fa-]:before,[class^=fa-]:after {
	font-family:"Font Awesome 5 free","Font Awesome 5 Brands";
	font-weight:700
}
.post-message {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	margin-bottom:20px;
	width:100%
}
.message-top {
	display:flex;
	flex-wrap:wrap
}
.message-top .message-categories,.message-top .message-tags {
	display:flex;
	align-items:center;
	margin:8px 0
}
.message-top .message-categories a,.message-top .message-tags a {
	padding:4px 8px;
	font-size:13px;
	line-height:14px;
	border-radius:4px;
	margin:0 0 0 8px
}
.…