/* 大标题选用的艺术字体 */
@font-face {
	font-family: 'COCOGOOSE';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	/* 子集 woff2（仅包含标题所需字形），避免外链失效。 */
	src: url('data:font/woff2;base64,d09GMgABAAAAAArkABEAAAAAE3gAAAqIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAWi2AATAgmCYJzERAKi2CLFRKCHAE2AiQDIBM2CxIABCAFgkAHIAyBXhvzEXUHyAXnASRa8XMA/v/vyY0hgnYwW+vbzzJcE1WYUjnT0YoqsXxFXrt9w3Q2lPLwnVrf+B40P+JJ3GOdXsk3Pj10hlNj6kfn5U0SKXgEs6xQCjpw8oRFf4WN+qNoio8aC0YdkYVZpmsawg7a1y3qhYZYeSma4tYmsQNJGSMIeJ2v9yR+MtG3zBxgdJCnjCng9LsR7IDupgLhRFM6tRuBB/I0K5mYYgKTzsg5PWlQMhOvO7/kjm5DSzjrUAKtHUJM4j+i2gH/CAD5h3a+rgQCwpkNfBjDsD9ujhRhndLE5Efc2EBurq9Gh21jrAt2kP3Y2HqXVtIYtu2si91kLvWxsXfBaowcU3fodT1Cku2xsfO/AtIS3mDnDxS4wdiZSynjj3k/lbx7ddKHGNIA8sD/frW6bwZt/6P3kLzzQt3EobGhkQnl4TPrH9fZRS2ZhUSDkCzRRL1ZqJppkBKEUvHd8I1EqwDtVpOXny0cu8dAXTHnY6E/egzEln9SPWTxKxSfEYWnOrTeO2CNF7f0T68Brfkq50f78+l0CpGNgs/L589Pmc6OsSJj4MTA13/8/SfQP4L9I9Qn3CPSI9otxGYek6jFJTsaqQ4zDekGtyFTk63JVeQrChXFklJJuaBSUC2o5dRz8KFdQMoBHx6JFkYmDJWhM0yGTXEpPiEkxIQUk2NKBEXUiBbSQ0bACtj97Zye6VKy8DpIB+1gGZ4RGdmiWnTCJGzCNfiGEImRFCk1taZVhU7ZN5KdWbJKduAEbuAVfAW/qBbYglqahrahq+lrhpqpYq5Y+oWV8sFWG+2lF0fJWXAV3AVPzpvzZfwZOIOk0BSWwBNkgorRMaZXsJRzrib4yJcQEUNSSA4pATWADW8QjexGTiW3klfJLxQWijLFmZJMaV8oozhfeadARVaoMkVQlahO1ERqI3WR+kCDngx5miJNmaZO0aRok3RJ+iRDojBSXJriKnNWW1Ica4wtxh7liHJGuSLcEZ4wMAwKQ0LQECwIDyKCyB7Vo7uCoQyzKRrX4ttciNiQGk7hFiCDGcpwQhIasYhHIpCBH6i60BS/pvLZ/N8gKFbgRiov1vgNdEFuCGNTVM+SxLa0jiPLXXmMFLWwMvZUNXx1HmjiUFst0sWxvkpiyFNjnJkq5ea4sFQorXlli2t7ucYZt64ynTvvPfGw/wLG/R9Pm/aakS9EvFKqtVHjnVaNg56fjPhiVu1mxQ+7Ki+Zf5zNfvxV+pkIajVGTWLSLNQhWZR7446/8E24Nc30LJYb5+yrodrKf1cu3PTmEBaCgOIAC+eNeSGJOxAkryFOE7g+/BGgB2KLh71zPC9E7vTENELWZl/ARj3+uh6iAwvrLq6diBPYQ+mARQtxRTWdb/1ErbLdB8vjwux91qYzs23TwoWTZyZaVR5rvMDZ2XG/MGHPwYvntnsPFicrx66609nxeHHXQ8tV1lJE4umFS1nKl8b26n+Os/SO5vtTa+HgroOTW9e6k5Vrx26xWFg3eR1Oa4XoxXjs2Wbsdqw8/6aLqX0HszBavdnKVMmjsrIvYzw7iywqFye3jhUuXg68jufx+jFSQdeVUz2yzlKr9Dv11mCu3MqNLpjENNvH7rL+2q6H3dGe7evWIun4cl1SBFQsFEKI6ZQKgAVACHBAPAplCwgAGojLICj3srieEnN7MjqAHq82YiQFXHt50jOHOMtE0mkm8eNeJ5LOejnESS/McS+Jn65/w8vyWHGzbNu2Pvxw2q993zhDJIWt3/WvqnrgMUc/q5Z4SQWkSMsNkUcUxSrdY7pAQ8wrfNYua3OIjiatpALTfg0/3v86w997evjtDd90XH4GYOZ5ePDhx58GQHXTs9hebgsD8FnBPos5ac65+cmGVj/xUJxWVXEGratyhZAwXdfZmXS6+K0s1AS8p1mXaax+9nGJT+BO6kr2veY7hsPQ1vCH3vO7PdrpV3X+76/vMcqLQbPMYRg3l5O+HexrlB9zDbfA2rMsOPH1k3ajBovRnfhdT5xaNEQTlwxpO4I41Wm4iKLreaPaidknTi8ZJKKLBrQIx0+3+//XJwVquwrPnnee8K6Ald+7g4xrJ8NdL1BJL7hVIx+5dx8p0GgPIWI/9fX/EpNpGQ8hZvZureSH5buf9gIlvCedl1MiFoVGtlTMDUa1bewwbQTWwmytteiIP6ZrZ4PquvlT6S6uTOX+3ldBT7K+R4/1X/6cE6Da7Jl3+yFBa9IKhqvUMr3u3PJJVS/11mexGbUWsNqvM6d56QaCVMhNwFGiXphxnZ+/gWnC3QgvECLPakhxlvuua/N1yozNK29pJkHgbahXU9q1HsdwQMkZmiNFKABg2IUISK9RsqeOqTkp1eyQyXLnULfCTrxym9oYtVk5nokberf5jr9MpBrs8pR78UnV09Ee1fR+OXfFIljTxjHY7D7ZGRv0f1pmvUnPI3NAH9QYqiVqUi6/1sqpku1k9eVcNUxzQa7NScLlve2fBtnLxEAu6sXCC+vvnRV8rRaoHC4q+NGh3EBjT3/7h6fAJvyTyzZU+CWEGtn9305FVchV/qOquzqe6H7VvB+FaHYg+ffvF8DtGiGZn2L6+899IvC8HSmoIa0awSG2JCc9YQl/j9eDbamYK4z2QrT3NgnaF5hc2FqTS2f/BN2tHap786eWOgjgGfTXIHsMQj1jn9+w/wKQv65SmQxAHFXYSJK9hwyFUs0z/I6Qse65ffeF5YSXj8HQpInTOUFHSzbXRM8R3OYgzCLInIFE0MToUqQUucCUHDorEW3L2MBe89GZzKf2Ij+Rz6xwZJE2qMxK5KzBkLhBSTRas1+E3JR0apHtWp5kyBP8/BBBQyusKO2ZlCgEu5b6lAhO5q7zZwyG76AUbY5uPJjlZoh2yzfnn/Z+IQn4bGlYpqFJ0wTpmDZQaE6v4fgsSRVd6rDA5+dZtu4/1wN/wHZaxWgPIiEYkj6fY4YcB0JhJ9AqYXB7CEd8Qb/P5PX9EI35Q8B5rFggAPFEIAx8TDsRDEIqHYpFwzIdjoCbjSTjUV82FoNsPjaTiPvz8TgUSgl3JhkoJVNQLCfddO9ZTn0F1fpMIZsO1V0XWt1spZCLdHN56A3z9UoxNiyWYDSv1K6XE/MqVZi/uNpt1ZKL6w1YvLwx7DZnlrfasKaa07n97AZtCbac3sZUK+40HANi/Sf+WHVPP0Hz3yxgfg54bz8+B/gsrRmdZv9KKaxJYKMAIMCa/+9PjORzZVOSN4LCeBFLP4hkPOHI8rI7mXZONAtrD11aaP6CXfUfbYTAIIWCDx1l+jMd9Qpmk4GWjbLRJPJv+qQWD9CRNwUJCuI6FQGYHIIjNBu4ChnDBBGuDlMIcOcwlcXcfajmN0wnzcdNhu3vu5fK9Ao+l6cCNDiNosCIAUPmUuCUHrBHpWbxpYDLYgNbIcVTYJVIBLI1lUjVloNdbcamFp413iOcf8fb39GPzVWL6IpKu48w20v8obO9Nu33biqjd00AQ3oM7lRgTJiiWJDbe2jzIoGO0hYvMpTw2q0X0adKmhBgtV9jvp01ScJItCGL2ug2edKjSrIn5zUiff1K/WpDGoUGdIqXe5GDhtn28J8mAA==') format('woff2');
}

:root {
	color: #333;
	font-size: 16px;
	box-sizing: border-box;
	word-break: break-all;
	scroll-behavior: smooth;

	--theme-color: #dcf6fb; /* 主题色 */
	--theme-color2: skyblue; /* 主题色2 */
	--theme-color3: #b399ff; /* 主题色3 链接色 */
	--theme-color4: #ef8b34; /* 主题色4 链接高亮 */
	--theme-color5: #fff0ff; /* 主题色4 表头 */
	--theme-color6: #fffbff; /* 主题色4 表格 */
	--header-background: url("https://img2024.cnblogs.com/blog/1545207/202412/1545207-20241226200647526-731785029.webp"); /* 头部背景图 */
	--icon-comment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cg stroke-width='2' fill='none' stroke='%23212121' class='nc-icon-wrapper' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath data-color='color-2' d='M23 5v11a2 2 0 0 1-2 2h-2v4l-6-4h-1'/%3E%3Cpath d='M17 2H3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2v5l7-5h5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/g%3E%3C/svg%3E");
	--icon-view: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.444 10.239C21.905 8.062 17.708 3 12 3S2.1 8.062.555 10.24a3.058 3.058 0 0 0 0 3.52C2.1 15.938 6.292 21 12 21s9.905-5.062 11.445-7.24a3.058 3.058 0 0 0-.001-3.521zM12 17a5 5 0 1 1 5-5 5 5 0 0 1-5 5z' fill='%23212121'/%3E%3C/svg%3E");
	--icon-post: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23212121' class='nc-icon-wrapper'%3E%3Cpath d='M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5-1.95 0-4.05.4-5.5 1.5v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zM3 18.5V7c1.1-.35 2.3-.5 3.5-.5 1.34 0 3.13.41 4.5.99v11.5C9.63 18.41 7.84 18 6.5 18c-1.2 0-2.4.15-3.5.5zm18 0c-1.1-.35-2.3-.5-3.5-.5-1.34 0-3.13.41-4.5.99V7.49c1.37-.59 3.16-.99 4.5-.99 1.2 0 2.4.15 3.5.5v11.5z'/%3E%3Cpath opacity='.3' d='M11 7.49c-1.37-.58-3.16-.99-4.5-.99-1.2 0-2.4.15-3.5.5v11.5c1.1-.35 2.3-.5 3.5-.5 1.34 0 3.13.41 4.5.99V7.49z'/%3E%3Cpath d='M17.5 10.5c.88 0 1.73.09 2.5.26V9.24c-.79-.15-1.64-.24-2.5-.24-1.28 0-2.46.16-3.5.47v1.57c.99-.35 2.18-.54 3.5-.54zM17.5 13.16c.88 0 1.73.09 2.5.26V11.9c-.79-.15-1.64-.24-2.5-.24-1.28 0-2.46.16-3.5.47v1.57c.99-.34 2.18-.54 3.5-.54zM17.5 15.83c.88 0 1.73.09 2.5.26v-1.52c-.79-.15-1.64-.24-2.5-.24-1.28 0-2.46.16-3.5.47v1.57c.99-.35 2.18-.54 3.5-.54z'/%3E%3C/g%3E%3C/svg%3E");
	--icon-article: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cg stroke-width='2' fill='%23212121' stroke='%23212121' class='nc-icon-wrapper'%3E%3Cpath data-stroke='none' stroke='none' d='M15 1v6h6l-6-6z'/%3E%3Cpath data-cap='butt' fill='none' stroke-miterlimit='10' d='M15 1v6h6'/%3E%3Cpath fill='none' stroke-linecap='square' stroke-miterlimit='10' d='M15 1H3v22h18V7l-6-6z'/%3E%3Cpath data-color='color-2' fill='none' stroke='inherit' stroke-linecap='square' stroke-miterlimit='10' d='M7 7h4M7 12h10M7 17h10'/%3E%3C/g%3E%3C/svg%3E");
	--white-background: #f8f8f8;

	--header-font: COCOGOOSE;
	--code-font: "FiraCode-Regular", "PingFang SC"; /* 来自博客园设置 */
}

* {
	box-sizing: inherit;
	word-break: break-all;
}

*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--white-background);
}

a {
	text-decoration: none;
	color: var(--theme-color3);
	transition: .2s;
}
a:hover{
	color: var(--theme-color4);
}

/* 文本选中高亮（更统一、更“高级”） */
::selection {
	background-color: var(--theme-color);
	color: #121212;
}
::-moz-selection {
	background-color: var(--theme-color);
	color: #121212;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

/* header 部分 */

#blogTitle {
	background-image: var(--header-background);
	/* 下述设置使用到了 vmin, 确保在任何宽度屏幕上正确显示 */
	height: 68vmin;
	background-position: 0 100%;
	background-size: cover;
	text-align: center;
	user-select: none;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

#lnkBlogLogo {display: none;}

#blogTitle h1 {
	margin: 0;
}

#blogTitle h1 a {
	font-size: 10vmin;
	color: #333;
	font-weight: 400;
	font-family: var(--header-font), monospace;
}

#blogTitle h2 {
	font-size: 4vmin;
	font-weight: 400;
	margin: 0;
}

#navigator {
	display: none;
}

/* main栏布局 */

#main {
	display: flex;
	max-width: 1200px;
	justify-content: center;
	margin: 2.5em auto;
}

#main > *{
	background-color: white;
	border-radius: .5rem;
	box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%);
}

#sideBar{
	flex: 0 0 280px;
	margin-left: 2rem;
	padding: 0 1rem;
}

#mainContent {
	flex: 0 0 800px;
	overflow-x: hidden;
	padding: 2rem 3rem;
}

@media (max-width:1080px) {
	#sideBar {
		display: none;
	}
	#mainContent {
		flex: 1;
		padding: 2rem 2rem;
	}
	#main {
		padding-left: .75rem;
		padding-right: .75rem;
	}
}

@media (max-width: 480px) {
	#main {
		margin: 1.25em auto;
		padding-left: .5rem;
		padding-right: .5rem;
	}
	#mainContent {
		padding: 1.25rem 1rem;
	}
}

/* 文章列表 */

.dayTitle {
	display: none;
}

.postGeneral {
	cursor: pointer;
	transition: all .2s;
	padding: 0 1rem;
	border-radius: .5rem;
}

.postGeneral::after {
	display: block;
	width: 100%;
	content: "";
	margin: 1.5rem 0;
	border-top: 2px solid gainsboro;
}

.postGeneral:hover {
	box-shadow: 0 0 4px #aaa;
	background-color: var(--theme-color);
}

.postTitle2 {
	font-size: 1.5rem;
	color: #222;
	text-decoration: none;
}
.postTitle2:hover{
	color: #222;
}

.postCon {
	margin: .8rem 0 1.5rem;
	color: #aaa;
}

/* 文章信息栏 */
.postDesc {
	font-family: var(--code-font), monospace;
}

.postInformation {
	float: right;
}

.postDesc * {
	display: inline-block;
	border-radius: .25rem;
}

.postDescDate {
	background-color: #edece6;
	padding: .25rem .75rem;
	margin-right: .5rem;
}

.postInformation * {
	background-color: #edece6;
	padding: .25rem .75rem;
}

.postInformation > span + span {
	margin-left: .5rem;
}

.postInformation *:before{
	display: inline-block;
	content: "";
	width: .9rem;
	height: .8rem;
	background-repeat: no-repeat;
	background-size: cover;
}

/* base64 编码的阅读和评论图标 */
.postDescRead::before {background-image: var(--icon-view);}
.postDescComt:before {background-image: var(--icon-comment);}

/*.c_b_p_desc_readmore,.postDesc a {display: none;}*/

@media (max-width: 480px) {
	.postInformation {
		float: none;
		display: block;
		margin-top: .5rem;
	}
}

/* 右栏 搜索 */
.catListTitle{
	font-weight: 400;
	pointer-events: none;
}
.div_my_zzk{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	border: 1px solid var(--theme-color2);
	border-radius: .5rem;
	overflow: hidden;
	background-color: white;
	min-height: 2.75rem;
	transition: box-shadow .15s, background-position .15s;
	background-image: linear-gradient(90deg, #fff, #fff);
	background-size: 200% 200%;
	background-position: 0 50%;
}
.input_my_zzk {
	flex: 1;
	padding: .7rem .75rem;
	border: none;
	font-size: 1rem;
	border-radius: 0;
	transition: all 0.2s;
	outline: none;
	min-height: 2.75rem;
}

.btn_my_zzk {
	flex: 0 0 2.75rem;
	padding: 0;
	height: auto !important;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 0;
	outline-style: none;
	transition: background-position .15s, background-color .15s;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	color: transparent;
	text-shadow: none;
	-webkit-text-fill-color: transparent;

	background-color: white;
	border: none;
	border-left: 1px solid color-mix(in srgb, var(--theme-color2), #fff 55%);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/g%3E%3C/svg%3E"),
		linear-gradient(90deg, #fff, #fff);
	background-repeat: no-repeat, no-repeat;
	background-position: center, 0 50%;
	background-size: 1.15rem 1.15rem, 200% 200%;
}

.div_my_zzk:hover {
	box-shadow: 0 0 5px #aaa;
	background-image: linear-gradient(90deg, var(--theme-color2), #fff);
	background-position: 50% 50%;
}
.input_my_zzk:focus {
	box-shadow: none;
}
.btn_my_zzk:hover {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/g%3E%3C/svg%3E"),
		linear-gradient(90deg, var(--theme-color2), #fff);
	background-position: center, 50% 50%;
}
.btn_my_zzk:active {
	background-color: var(--theme-color2);
}

/* 区分“站内搜索”和“谷歌搜索”：由 JS 标记 data-rb-search */
.div_my_zzk[data-rb-search="google"] .btn_my_zzk {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a16 16 0 0 1 0 18'/%3E%3Cpath d='M12 3a16 16 0 0 0 0 18'/%3E%3C/g%3E%3C/svg%3E"),
		linear-gradient(90deg, #fff, #fff);
}
.div_my_zzk[data-rb-search="google"] .btn_my_zzk:hover {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a16 16 0 0 1 0 18'/%3E%3Cpath d='M12 3a16 16 0 0 0 0 18'/%3E%3C/g%3E%3C/svg%3E"),
		linear-gradient(90deg, var(--theme-color2), #fff);
}

/* CNBlogs 默认可能会额外插入“谷歌搜索”等链接：放到下一行避免与按钮重叠 */
.div_my_zzk a {
	flex: 0 0 100%;
	margin-top: .35rem;
	text-align: right;
	font-size: .85rem;
	color: #aaa;
}
.div_my_zzk a:hover {
	color: #333;
}

/* 最新评论样式 */
.RecentCommentBlock ul {
	list-style-type: none;
	padding-left: 0;
}

.recent_comment_body {
	font-size: .9rem;
	margin: .9rem 0;
}

.recent_comment_author {
	color: #aaa;
	font-size: .9rem;
}

.recent_comment_author::after {
	display: block;
	margin: .9rem 0;
	width: 100%;
	content: "";
	border-top: 2px solid gainsboro;
}


/* footer 样式 */
#footer {
	text-align: center;
	margin: 4em auto 1em;
	padding: 1.5em;
	max-width: 450px;
	border-radius: .5rem;
	transition: all 0.2s;
	font-family: var(--code-font), monospace;
	position: relative;
	cursor: default;

	background-image: linear-gradient(to bottom,
		var(--theme-color),
		var(--theme-color2),
		var(--theme-color2),
		var(--theme-color));
	background-size: 300% 300%;
}

#footer * {
	cursor: inherit;
}

#footer:hover {
	background-position: 50% 50%;
	box-shadow: 0 0 1px #444;
}

#footer:active {
	background-position: 100% 100%;
}

.footerdec {
	opacity: 1;
	transition: all 0.2s;
}

#footer:hover .footerdec {
	opacity: 0;
}

.blogStats {
	opacity: 0;
	position: absolute;
	top: 40%;
	left: 0; right: 0;
	transition: all 0.2s;
	font-size: 1.1rem;
}

#footer:hover .blogStats {
	opacity: 1;
}

.blogStats *:before {
	display: inline-block;
	content: "";
	width: .9rem;
	height: .8rem;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 2px;
}

#stats-comment_count:before {background-image: var(--icon-comment);}
#stats-total-view-count:before {background-image: var(--icon-view);}
#stats_post_count:before {background-image: var(--icon-post);}
#stats_article_count:before {background-image: var(--icon-article);}

@media (max-width: 480px) {
	#footer {
		margin-left: .75rem;
		margin-right: .75rem;
	}
}


/* 正文 */
h1.postTitle{
	margin-top: 0;
}

h1.postTitle a {
	font-size: 2rem;
	color: #121212;
	font-weight: 400;
}

.cnblogs-markdown p {
	line-height: 1.8 !important;
	margin: 1.4rem 0 !important;
	font-size: 1rem;
}
.cnblogs-markdown li{
	line-height: 1.8 !important;
}

.cnblogs-markdown h2:before{
	content: "#";
	color: var(--theme-color3);
	margin-right: .5rem;
	margin-left: -1.5rem;
}

@media (max-width: 480px) {
	.cnblogs-markdown h2:before{
		margin-left: -.9rem;
		margin-right: .35rem;
	}
}

.cnblogs-markdown h3:before{
	content: "|";
	color: var(--theme-color3);
	margin-right: .5rem;
}

.cnblogs-markdown h1 {
	font-size: 2rem !important;
	margin: 1.4rem 0 !important;
}

.cnblogs-markdown h2 {
	font-size: 1.5rem !important;
	margin: 1.4rem 0 !important;
}

.cnblogs-markdown h3 {
	font-size: 1.25rem !important;
	margin: 1.2rem 0 !important;
}

.cnblogs-markdown h4 {
	font-size: 1.1rem !important;
	margin: 1.2rem 0 !important;
}

.cnblogs-markdown h5 {
	font-size: 1.05rem !important;
}

.cnblogs-markdown h6 {
	font-size: 1rem !important;
}

.cnblogs-markdown .table-wrapper table {
	margin: 0 auto;
}

.cnblogs-markdown .table-wrapper table th {background-color: var(--theme-color5) !important;}
.cnblogs-markdown .table-wrapper td {background-color: var(--theme-color6) !important;}

.cnblogs-markdown pre code, .feedbackCon pre code{
	background-color: transparent !important;
	tab-size: 4 !important;
	padding: 0 !important;
}

.cnblogs-markdown pre {
	margin: 1rem 0 1rem -1rem !important;
}

.cnblogs-markdown :not(pre) code, .feedbackCon :not(pre) code{
	color: #333 !important;
	/* background-color: var(--theme-color) !important; */
	font-family: var(--code-font), ui-monospace, monospace !important;
	font-size: .95em !important;
	padding: .05rem .35rem !important;
	border-radius: .25rem;
	word-break: break-word;
}

.cnblogs-markdown pre code {
	line-height: 1.5em !important;
}

.hljs-comment {
	font-style: normal;
}

.cnblogs-markdown img {
	margin: 1rem auto;
	max-width: 95%;
	display: block;
	border-radius: .25rem;
	box-shadow: 0 0 3px #aaa;
	transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1),
				box-shadow .2s !important;
}

.cnblogs-markdown img:hover {
	box-shadow: 0 0 8px #555;
}

.cnblogs-markdown kbd {
	font: 1.1em var(--code-font);
	padding: 3px 5px;
	margin: 0 3px;
	color: #555;
	vertical-align: middle;
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 #bbb;
}

.cnblogs-markdown ol,
.cnblogs-markdown ul{
	margin-left: 1rem !important;
	padding-left: 0 !important;
	line-height: 1.6 !important;
}

/* 评论区 */

#blog-comments-placeholder {
	margin: 1.5rem 0;
}

.feedback_area_title {
	margin-top: -1rem;
	margin-bottom: 1.4rem;
	font-weight: 500;
	font-size: 1.5rem;
}

.feedback_area_title {
	color: #222;
}

#comment_sort {
	float: none;
	display: inline-flex;
	background-color: var(--theme-color);
	transition: all .2s;
	padding: 5px 10px;
	font-size: .75rem;
	border-radius: 3px;
}

#comment_sort .comment-sort-label {
	display: inline;
}

.comment_vote {
	display: none;
}

.feedbackItem {
	background-color: var(--white-background);
	margin-bottom: 1rem;
	border-radius: 8px;
	padding: 10px 18px;
	width: 70%;
	clear: both;
	position: relative;
}
.feedbackItem:after {
	content: "";
	width: 0;
	height: 0;
	border: .8rem solid ;
	border-color: var(--white-background) transparent transparent var(--white-background);
	position: absolute;
	left: 0;
}
.lz-comment:after{
	content: "";
	width: 0;
	height: 0;
	border: .8rem solid ;
	border-color: var(--white-background) var(--white-background) transparent transparent;
	position: absolute;
	right: 0;
	left: unset;
}
.feedbackManage a {
	color: #aaa;
	transition: .2s;
	font-weight: 400;
}
.feedbackManage a:hover {
	color: #333;
}

.feedbackListSubtitle {
	font-size: .9rem;
}

.feedbackManage {
	display: inline;
	float: right;
	font-size: .8rem;
}
.layer{
	font-family: var(--code-font);
	color: inherit;
}
.comment_date{
	font-family: var(--code-font);
}

/* 上一篇和下一篇 */
#post_next_prev {
	display: none;
}

.post_my_next_prev {
	margin: .5rem 0;
}

.post_my_next_prev a {
	font-size: 1.05rem;
	border-radius: .5rem;
	background-color: var(--white-background);
	color: #aaa;
	padding: 10px 18px;
	transition: all .2s;
	display: block;
	margin-bottom: .5rem;
}

.post_my_next_prev a:hover {
	color: #333;
	box-shadow: 0 0 2px #a2a2a2;
	background-color: var(--theme-color);
}

.post_my_next_prev a::before {
	content: "上一篇：";
	color: #333;
}

.post_my_next_prev a+a::before {
	content: "下一篇：";
	color: #333;
}

/* 广告区 */
#cnblogs_ch,
.under-post-card {
	background-color: var(--white-background);
	border-radius: 8px;
	padding: 5px 12px;
	line-height: 1.8;
}

#cnblogs_ch a,
.under-post-card a {
	color: #aaa;
	display: inline-block;
	padding: 2px 4px;
	transition: all .2s;
	width: 100%;
	border-radius: 2px;
}

#cnblogs_ch a:hover,
.under-post-card a:hover {
	color: #333;
	background-color: var(--theme-color);
}

#cnblogs_c1 {
	float: right;
	max-width: 49%;
	margin-left: 4px;
	margin-right: 4%;
}

#blog_c1 {
	padding: 0;
}

#HistoryToday {
	display: none;
}

@media (max-width:1080px) {
	#cnblogs_c1 {
		display: none;
	}

	#cnblogs_ch,
	.under-post-card {
		width: 100%;
	}
}

/* 文章尾部 */
.post .postDesc {
	margin: 8px 0;
}

.post .postDesc .postInformation {
	float: none;
}

#author_profile,
#div_digg,
#green_channel_weibo,
#green_channel_wechat,
#comment_nav {
	display: none !important;
}

#green_channel {
	border: none;
	background: none;
	text-align: left;
	border-radius: 8px;
}

#green_channel a {
	transition: .4s;
	padding: .5rem 1rem;
	font-weight: normal;
}

/* 评论框 */
#tbCommentBody {
	font-size: 1rem;
}

#commentform_title {
	font-size: 1.5rem;
	font-weight: 500;
	color: #121212;
	background: none;
	padding: 0 0 0 0;
	margin-bottom: 1.4rem;
}

.commentbox_main.comment_textarea {
	border-radius: 8px;
	border: 2px solid #aaa;
}

#tip_comment2+p {
	visibility: hidden;
}

#btn_comment_submit,#nav_next_page a {
	padding: 8px 12px;
	width: unset;
	height: unset;
	font-size: 1rem;
	border: none;
	border-radius: 8px;
	transition: .2s;
	user-select: none;
	-webkit-user-select: none;
}
#homepage_top_pager{margin-top:0;}
.pager{
	margin-bottom: 1rem;
	padding: .8rem 0;
	color: #333;
	border-radius: 8px;
	font-size: 1rem;
	font-family: 'Lucida Console','Microsoft YaHei', 'PingFang SC','Helvetica Neue','Helvetica','Arial', monospace,sans-serif !important;

}
.pager a{
	background-color: #edece6;border-radius: 4px;
	padding: 7px 9px 6px;
	transition: .2s;
	color: #aaa;
	border: none;
	user-select: none;
	-webkit-user-select: none;
}
.pager a:first-child, .pager a:last-child{color: #333;}
.pager a:hover{
	background-color: var(--theme-color);
	color: #333;
}
#nav_next_page a{
	color: #333;
	background-color: var(--white-background);
	margin-right: 8px;
}
#btn_comment_submit:hover, #nav_next_page a:hover {
	background-color: var(--theme-color);
}
#btn_comment_submit:active,#nav_next_page a:active {
	background-color: var(--theme-color2);
}
.pager:first-child{
	margin-top: 0;
	padding-top: 0;
}

#tip_comment {
	display: none;
}

#span_comment_canceledit+a {
	background-color: var(--theme-color4);
	padding: 8px 12px;
	width: unset;
	height: unset;
	font-size: 1rem;
	color: #333;
	border: none;
	border-radius: 8px;
	transition: .2s;
	user-select: none;
	-webkit-user-select: none;
}

/* 顶部“退出/注销”等链接：防止拖拽时误选中 */
a[href*="logout"],
a[href*="Logout"],
a[href*="signout"],
a[href*="SignOut"],
a[href*="Signout"] {
	user-select: none;
	-webkit-user-select: none;
}

.login_tips {
	border-radius: 8px;
	color: #333;
	flex-basis: 49%;
	flex-grow: 0;
	flex-shrink: 1;
	padding: 10px 18px;
	transition: all .2s;
	background: none;
	background-color: var(--theme-color);
	margin: 16px 0;
}

.login_tips a {text-decoration: none !important;}

/* 目录 */
#ec {
	position: sticky;
	top: 2rem;
	margin-top: 1rem;
}
.econtent{
	max-height: calc(100vh - 6rem);
	overflow: auto;
	padding-right: .25rem;
}
.econtent ul{
	list-style-type: none;
	padding-left: .75rem;
	margin: 0;
	font-size: .9rem;
}
.econtent li{
	margin-bottom: .25rem;
	position: relative;
	padding-left: 1rem;
	line-height: 1.6;
}
.econtent a{
	color: #aaa;
	transition: .2s;
	display: inline-block;
	padding: .1rem .35rem;
	border-radius: .35rem;
	max-width: 100%;
}
.econtent a:hover{
	color: #333;
	background-color: var(--theme-color);
}
.econtent >ul{padding-left: 0;}

.foldable{
	position: absolute;
	left: 0;
	top: .15rem;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	transition: all .2s;
	user-select: none;
	cursor: pointer;
}
.econtent> ul>span{display: none;}
.collapsed{
	transform: rotate(90deg);
	transform-origin: center;
}

/* 导航栏 */
.nav{
	position: absolute;
	top: 0;
	width: 100%;
	height: 4rem;
	transition: .2s;
	user-select: none;
}
.nav:hover{
	/* todo */
	background-color: rgba(248, 248, 248, 0.5);
}
.site-collection{
	float: right;
}
.nav a{
	display: inline-block;
	font-weight: 700;

	text-align: center;
	color: #000;
	min-width: 5rem;

	font-size: 1.1rem;

	transition: .2s;
	vertical-align: middle;
}
.nav > a{
	border-top: 6px solid transparent;
	line-height: 3.5rem;
	height: 4rem;
}
.nav > a:first-child{
	display: inline-flex;
	flex-direction: column;
	width: 4rem;
	justify-content: center;
}
.nav > a:hover{
	border-top-color: var(--theme-color4);
}
.nav img{
	line-height: 3.5rem;
	height: 2rem !important;
	display: inline-block;
}

.site-collection a{
	margin: .8rem;
	padding: .5rem 1rem;
	border-radius: 1rem;
	background-color: rgba(248, 248, 248, 0.5);
}
.site-collection a:hover{
	background-color: var(--theme-color4);
}

/* 打印网页 */
@media print {
	@page {
		margin: 12mm;
	}

	#header,
	#blogTitle,
	.nav,
	#sideBar,
	.postDesc,
	#blog_post_info_block,
	#comment_form,
	#blog-comments-placeholder,
	#footer {
		display: none !important;
	}

	body {
		background: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#main {
		display: block !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#mainContent {
		flex: none !important;
		width: 100% !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	#main > * {
		background: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	/* 打印时尽量避免链接色块/背景干扰 */
	a,
	.cnblogs-markdown :not(pre) code,
	.feedbackCon :not(pre) code {
		background: none !important;
		color: #121212 !important;
	}
}