/*
Theme Name: clarke-theme
Author: Clarke Chan
Author URI: https://www.mrcxy.com/
Description: Independent MRCXY blog theme. Night channel forked from the current production Argon-based design.
Version: 0.1.0-night
License: GNU General Public License v3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: 简约, 两栏, 侧栏在左边, 浮动侧栏, 文章目录, 自适应, 夜间模式, 可自定义
*/

@charset "utf-8";

:root {
	--themecolor: #5e72e4;
	--themecolor-R: 94;
	--themecolor-G: 114;
	--themecolor-B: 228;
	--themecolor-H: 231;
	--themecolor-S: 71;
	--themecolor-L: 63;
	--themecolor-rgbstr: var(--themecolor-R), var(--themecolor-G), var(--themecolor-B);
	--themecolor-dark0: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 2.5%), 0%));
	--themecolor-dark: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 5%), 0%));
	--themecolor-dark2: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 10%), 0%));
	--themecolor-dark3: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 15%), 0%));
	--themecolor-light: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), min(calc(var(--themecolor-L) * 1% + 10%), 100%));
	--themecolor-gradient: linear-gradient(150deg, var(--themecolor-light) 15%, var(--themecolor) 70%, var(--themecolor-dark0) 94%);

	--color-tint-70: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.7),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.7),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.7);
	--color-tint-78: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.78),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.78),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.78);
	--color-tint-80: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.8),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.8),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.8);
	--color-tint-82: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.82),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.82),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.82);
	--color-tint-86: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.86),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.86),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.86);
	--color-tint-92: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.92),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.92),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.92);
	--color-tint-95: 
		calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.95),
		calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.95),
		calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.95);
	--color-shade-70: 
		calc(30 * 0.7 + var(--themecolor-R) * (1 - 0.7)),
		calc(30 * 0.7 + var(--themecolor-G) * (1 - 0.7)),
		calc(30 * 0.7 + var(--themecolor-B) * (1 - 0.7));
	--color-shade-75: 
		calc(30 * 0.75 + var(--themecolor-R) * (1 - 0.75)),
		calc(30 * 0.75 + var(--themecolor-G) * (1 - 0.75)),
		calc(30 * 0.75 + var(--themecolor-B) * (1 - 0.75));
	--color-shade-80: 
		calc(30 * 0.8 + var(--themecolor-R) * (1 - 0.8)),
		calc(30 * 0.8 + var(--themecolor-G) * (1 - 0.8)),
		calc(30 * 0.8 + var(--themecolor-B) * (1 - 0.8));
	--color-shade-82: 
		calc(30 * 0.82 + var(--themecolor-R) * (1 - 0.82)),
		calc(30 * 0.82 + var(--themecolor-G) * (1 - 0.82)),
		calc(30 * 0.82 + var(--themecolor-B) * (1 - 0.82));
	--color-shade-86: 
		calc(30 * 0.86 + var(--themecolor-R) * (1 - 0.86)),
		calc(30 * 0.86 + var(--themecolor-G) * (1 - 0.86)),
		calc(30 * 0.86 + var(--themecolor-B) * (1 - 0.86));
	--color-shade-90: 
		calc(30 * 0.9 + var(--themecolor-R) * (1 - 0.9)),
		calc(30 * 0.9 + var(--themecolor-G) * (1 - 0.9)),
		calc(30 * 0.9 + var(--themecolor-B) * (1 - 0.9));
	--color-shade-94: 
		calc(30 * 0.94 + var(--themecolor-R) * (1 - 0.94)),
		calc(30 * 0.94 + var(--themecolor-G) * (1 - 0.94)),
		calc(30 * 0.94 + var(--themecolor-B) * (1 - 0.94));
	--color-shade-96: 
		calc(30 * 0.96 + var(--themecolor-R) * (1 - 0.96)),
		calc(30 * 0.96 + var(--themecolor-G) * (1 - 0.96)),
		calc(30 * 0.96 + var(--themecolor-B) * (1 - 0.96));
	--color-tint-blue: 
		calc(204 * 0.6 + var(--themecolor-R) * (1 - 0.6)),
		calc(226 * 0.6 + var(--themecolor-G) * (1 - 0.6)),
		calc(255 * 0.6 + var(--themecolor-B) * (1 - 0.6));

	--color-background: #f4f5f7;
	--color-foreground: #fff;
	--color-widgets: #fff;
	--color-widgets-disabled: #e9ecef;
	--color-border: #dce0e5;
	--color-border-on-foreground: #f3f3f3;
	--color-border-on-foreground-deeper: #eee;
	--color-text-deeper: #212529;
	--color-selection: #cce2ff;
}
html.darkmode body {
	--color-background: #282828;
	--color-foreground: #424242;
	--color-widgets: #555;
	--color-widgets-disabled: #474747;
	--color-border: #777;
	--color-border-on-foreground: #555;
	--color-border-on-foreground-deeper: #777;
	--color-text-deeper: #eee;
	--color-darkmode-toolbar: 33, 33, 33;
	--color-darkmode-banner: #212121;
	--color-selection: #607799;
}

html.clarke-theme body {
	--mrcxy-scheme-name: night;
	--mrcxy-surface-primary: var(--color-foreground);
	--mrcxy-surface-secondary: var(--color-widgets);
	--mrcxy-text-primary: var(--color-text-deeper);
	--mrcxy-border-primary: var(--color-border);
	--mrcxy-accent-primary: var(--themecolor);
	--mrcxy-code-surface: rgba(15, 23, 42, 0.72);
}

html.clarke-theme:not(.darkmode) body {
	--mrcxy-scheme-name: day;
}
html.darkmode.amoled-dark body,
html.darkmode.amoled-dark.immersion-color body {
	--color-background: #111;
	--color-foreground: #000;
	--color-widgets: #151515;
	--color-widgets-disabled: #000;
	--color-border: #222;
	--color-border-on-foreground: #181818;
	--color-border-on-foreground-deeper: #252525;
	--color-text-deeper: #eee;
	--color-selection: #607799;

	--color-darkmode-toolbar: 0, 0, 0;
	--color-darkmode-banner: #131313;
}

html.immersion-color body {
	--color-background: rgb(var(--color-tint-86));
	--color-foreground: rgb(var(--color-tint-92));
	--color-widgets: rgb(var(--color-tint-95));
	--color-widgets-disabled: rgb(var(--color-tint-86));
	--color-border: rgb(var(--color-tint-78));
	--color-border-on-foreground: rgb(var(--color-tint-86));
	--color-border-on-foreground-deeper: rgb(var(--color-tint-80));
	--color-text-deeper: rgb(var(--color-shade-82));
	--color-selection: rgb(var(--color-tint-70));
}
html.immersion-color.darkmode body {
	--color-background: rgb(var(--color-shade-94));
	--color-foreground: rgb(var(--color-shade-90));
	--color-widgets: rgb(var(--color-shade-86));
	--color-widgets-disabled: rgb(var(--color-shade-82));
	--color-border: rgb(var(--color-shade-80));
	--color-border-on-foreground: rgb(var(--color-shade-82));
	--color-border-on-foreground-deeper: rgb(var(--color-shade-75));
	--color-text-deeper: rgb(var(--color-tint-82));
	--color-selection: rgb(var(--color-shade-70));

	--color-darkmode-toolbar: var(--color-shade-90);
	--color-darkmode-banner: rgb(var(--color-shade-96));
}

/*Argon CSS Override*/
.bg-white,
.card,
.dropdown-menu,
.dropdown-menu:before {
	background-color: var(--color-foreground) !important;
}
.form-control,
.form-control:focus,
.focused .input-group-text,
.btn-neutral,
.input-group-text,
.page-link,
.modal-content,
.custom-control-label::before,
.btn-secondary {
	background-color: var(--color-widgets);
}
.page-link {
	border-color: var(--color-border) !important;
}
.modal-header,
.custom-control-label::before {
	border-color: var(--color-border-on-foreground-deeper) !important;
}
.page-link:hover {
	background-color: var(--color-widgets-disabled);
}
.form-control:disabled,
.form-control[readonly] {
	background-color: var(--color-widgets-disabled);
}

/* Main CSS */
:root {
	--card-radius: 4px;
	--font: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica,
		Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
}
html.themecolor-toodark.darkmode {
	--themecolor: #5e72e4 !important;
	--themecolor-light: #8a98eb !important;
}

body {
	background: var(--color-background) !important;
	font-family: var(--font);
	overflow: overlay;
}
a {
	transition: color 0.25s ease;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
article .post-content {
	margin-top: 6px;
}
article .post-content p {
	line-height: 1.8;
	word-wrap: break-word;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article strong {
	font-weight: 600;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	margin-top: 18px !important;
	margin-bottom: 15px;
}
article h1 {
	font-size: 30px;
}
article h2 {
	font-size: 26px;
}
article h3 {
	font-size: 22px;
}
article h4 {
	font-size: 18px;
}
article h5 {
	font-size: 15px;
}
article h6 {
	font-size: 13px;
}
article figcaption {
	text-align: center;
	opacity: 0.65;
	margin-top: 10px;
}
article img,
.shuoshuo-preview-container img {
	max-width: 100%;
	height: auto;
}
.shuoshuo-preview-container img {
	border-radius: var(--card-radius);
}
.shuoshuo-preview-container p + p > img:first-child {
	margin-top: 12px;
}
article .wp-block-image figcaption,
.shuoshuo-preview-container .wp-block-image figcaption {
	text-align: center;
	font-size: 14px;
	opacity: 0.6;
}
article video,
.shuoshuo-preview-container video {
	max-width: 100%;
	outline: none;
}
article .wp-caption,
.shuoshuo-preview-container .wp-caption {
	max-width: 100%;
}
article .post-content a {
	position: relative;
}
article .post-content a:before {
	content: " ";
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--themecolor);
	transition: all 0.2s;
	transform: scaleX(0);
	backface-visibility: hidden;
}
article .post-content a[class*="button"]:before {
	display: none;
}
article .post-content a:hover:before {
	transform: scaleX(1);
}
article .post-content a.no-hover-underline:before {
	display: none;
}
html:not(.disable-codeblock-style) article pre:not(.hljs-codeblock) {
	font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter",
		"DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier,
		monospace;
	font-size: 14px;
	line-height: 1.375;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	tab-size: 4;
	hyphens: none;
	color: #5e6687;
	background: var(--color-border-on-foreground);
	direction: ltr;
	border: 1px solid var(--color-border-on-foreground-deeper);
	padding: 14px;
	border-radius: 3px;
}
article .post-content blockquote {
	padding-left: 1em;
	margin: 1em 3em 1em 0;
	font-weight: 400;
	border-left: 4px solid var(--color-border-on-foreground-deeper);
}
article .post-content mark {
	padding: 2px;
	margin: 0 5px;
	background: #fffdd1;
	border-bottom: 1px solid #ffedce;
}
article .post-content u,
article .post-content ins {
	text-decoration: none;
	border-bottom: 1px solid;
}
html:not(.disable-codeblock-style) article code:not([hljs-codeblock-inner]) {
	font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter",
		"DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier,
		monospace;
	color: #5e6687;
	background: var(--color-border-on-foreground);
	border: 1px solid var(--color-border-on-foreground-deeper);
	direction: ltr;
	border-radius: 3px;
	padding: 0 4px;
}
html:not(.disable-codeblock-style) article .post-content > code:not([hljs-codeblock-inner]),
article .post-content > p > code:not([hljs-codeblock-inner]) {
	padding: 2px 5px;
}
article .post-content abbr[title] {
	text-decoration: none;
	cursor: help;
	border-bottom: 1px dotted;
}
article .post-content kbd {
	padding: 2px 6px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
}
article .wp-embedded-content,
article .blocks-gallery-grid,
article .wp-block-gallery,
article .wp-block-media-text {
	max-width: 100%;
}
article .blocks-gallery-grid.is-cropped .blocks-gallery-image .fancybox-wrapper,
article .blocks-gallery-grid.is-cropped .blocks-gallery-item .fancybox-wrapper,
article .wp-block-gallery.is-cropped .blocks-gallery-image .fancybox-wrapper,
article .wp-block-gallery.is-cropped .blocks-gallery-item .fancybox-wrapper {
	height: 100%;
	flex: 1;
	-o-object-fit: cover;
	object-fit: cover;
}
article .wp-block-cover,
article .wp-block-cover-image {
	padding: 0;
}
article .wp-block-cover-image .wp-block-cover__inner-container,
article .wp-block-cover .wp-block-cover__inner-container {
	position: absolute;
}
article table {
	max-width: 100%;
	word-break: break-word;
}
article table > tbody > tr > td,
article table > tbody > tr > th,
article table > tfoot > tr > td,
article table > tfoot > tr > th,
article table > thead > tr > td,
article table > thead > tr > th {
	padding: 1rem;
	vertical-align: top;
	border: 1px solid var(--color-border-on-foreground-deeper);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--color-border-on-foreground) !important;
}
article figure.is-style-stripes table > tbody > tr > td,
article figure.is-style-stripes table > tbody > tr > th,
article figure.is-style-stripes table > tfoot > tr > td,
article figure.is-style-stripes table > tfoot > tr > th,
article figure.is-style-stripes table > thead > tr > td,
article figure.is-style-stripes table > thead > tr > th {
	border: none !important;
}
.wp-block-table.is-style-stripes {
	border-bottom: none !important;
}
article hr,
article .wp-block-separator {
	border-top: 0.0625rem solid var(--color-border-on-foreground-deeper);
	border-bottom: none;
}
::-webkit-scrollbar {
	width: 10px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 100px;
	border: 2px solid transparent;
	background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
	background-color: rgba(var(--themecolor-rgbstr), 0.7) !important;
}
*::selection {
	background-color: var(--color-selection);
}
*::-moz-selection {
	background-color: var(--color-selection);
}
*::-webkit-selection {
	background-color: var(--color-selection);
}
html.darkmode *::selection {
	background-color: var(--color-selection);
}
html.darkmode *::-moz-selection {
	background-color: var(--color-selection);
}
html.darkmode *::-webkit-selection {
	background-color: var(--color-selection);
}
html.use-serif body {
	--font: "Noto Serif SC", serif, system-ui;
}
html.use-big-shadow *.shadow-sm {
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}
/*标题样式*/
.article-header-style-1 article h1,
.article-header-style-1 article h2,
.article-header-style-1 article h3 {
	position: relative;
}
.article-header-style-1 article h1:after,
.article-header-style-1 article h2:after,
.article-header-style-1 article h3:after {
	content: "";
	display: block;
	position: absolute;
	background: var(--themecolor);
	opacity: 0.25;
	pointer-events: none;
	border-radius: 15px;
	left: -2px;
	bottom: 0px;
}
.article-header-style-1 article h1:after {
	width: 45px;
	height: 13px;
}
.article-header-style-1 article h2:after {
	width: 40px;
	height: 11px;
}
.article-header-style-1 article h3:after {
	width: 30px;
	height: 9px;
}
.article-header-style-1 article h1.text-center:after,
.article-header-style-1 article h1[style*="text-align: center"]:after,
.article-header-style-1 article h1[style*="text-align:center"]:after,
.article-header-style-1 article h1[class*="text-align-center"]:after,
.article-header-style-1 article h2.text-center:after,
.article-header-style-1 article h2[style*="text-align: center"]:after,
.article-header-style-1 article h2[style*="text-align:center"]:after,
.article-header-style-1 article h2[class*="text-align-center"]:after,
.article-header-style-1 article h3.text-center:after,
.article-header-style-1 article h3[style*="text-align: center"]:after,
.article-header-style-1 article h3[style*="text-align:center"]:after,
.article-header-style-1 article h3[class*="text-align-center"]:after {
	left: 50%;
	transform: translateX(-50%);
}
.article-header-style-1 article h1.text-right:after,
.article-header-style-1 article h1[style*="text-align: right"]:after,
.article-header-style-1 article h1[style*="text-align:right"]:after,
.article-header-style-1 article h1[class*="text-align-right"]:after,
.article-header-style-1 article h2.text-right:after,
.article-header-style-1 article h2[style*="text-align: right"]:after,
.article-header-style-1 article h2[style*="text-align:right"]:after,
.article-header-style-1 article h2[class*="text-align-right"]:after,
.article-header-style-1 article h3.text-right:after,
.article-header-style-1 article h3[style*="text-align: right"]:after,
.article-header-style-1 article h3[style*="text-align:right"]:after,
.article-header-style-1 article h3[class*="text-align-right"]:after {
	left: unset;
	right: -2px;
}
.article-header-style-2 article h1:before,
.article-header-style-2 article h2:before,
.article-header-style-2 article h3:before {
	content: "";
	display: inline-block;
	background: var(--themecolor);
	opacity: 1;
	pointer-events: none;
	border-radius: 15px;
	width: 6px;
	vertical-align: middle;
	margin-right: 15px;
}
.article-header-style-2 article h1:before {
	height: 25px;
	transform: translateY(-1px);
}
.article-header-style-2 article h2:before {
	height: 20px;
	transform: translateY(-2px);
}
.article-header-style-2 article h3:before {
	height: 16px;
	transform: translateY(-1px);
}
.no-results header h1:after {
	display: none !important;
}
/*卡片圆角*/
.card {
	border-radius: var(--card-radius);
}
/*主题色适配*/
.text-primary {
	color: var(--themecolor) !important;
}
a,
.btn-neutral {
	color: var(--themecolor);
}
a:hover {
	color: var(--themecolor-dark);
}
a.text-primary:focus,
a.text-primary:hover {
	color: var(--themecolor) !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--themecolor);
	background-color: var(--themecolor);
}
.custom-toggle input:checked + .custom-toggle-slider {
	border-color: var(--themecolor);
}
.custom-toggle input:checked + .custom-toggle-slider:before {
	background-color: var(--themecolor);
}
.btn-primary {
	border-color: var(--themecolor);
	background-color: var(--themecolor);
}
.btn-outline-primary {
	border-color: var(--themecolor) !important;
	color: var(--themecolor);
}
.btn-primary:hover,
.btn-outline-primary:hover {
	border-color: var(--themecolor-dark);
	background-color: var(--themecolor-dark);
}
.btn-primary:active,
.btn-outline-primary:active {
	border-color: var(--themecolor-dark2) !important;
	background-color: var(--themecolor-dark2) !important;
}
.page-item.active .page-link,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: var(--themecolor) !important;
	background-color: var(--themecolor);
}
/*页面框架*/
#content {
	padding: 0 5px;
	max-width: 1200px;
	margin: auto;
	margin-top: -30vh;
}
html.no-banner #content {
	margin-top: 85px;
}
html.banner-mini #content,
html.is-home.banner-as-cover #content {
	margin-top: unset;
}
@media screen and (min-width: 1700px) {
	#content {
		max-width: 1500px;
	}
}
@media screen and (max-width: 900px) {
	html.no-banner #content {
		margin-top: 60px;
	}
}
#primary {
	width: calc(100% - 280px);
	float: right;
}
#leftbar {
	padding-left: 20px;
	padding-right: 20px;
	width: 280px;
	float: left;
	margin-bottom: 25px;
}
#main {
	padding: 0 20px;
	overflow: visible;
	position: relative;
}
#main.waterflow {
	padding: 0;
}
.waterflow-placeholder {
	pointer-events: none;
}

/*双栏反转布局*/
html.double-column-reverse #leftbar {
	float: right;
}
html.double-column-reverse #primary {
	float: left;
}
/*单栏布局*/
html.single-column #leftbar {
	display: none;
}
html.single-column #primary {
	width: 100%;
	float: none;
	max-width: 1200px;
	margin: auto;
}
html.single-column #primary.waterflow {
	max-width: 1500px;
}
html.single-column #main {
	padding: 0;
}
html.single-column #fabtn_open_sidebar {
	display: none !important;
}
html.single-column .page-information-card {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
html.single-column #open_sidebar {
	visibility: hidden;
}
/*三栏布局*/
#rightbar {
	padding-left: 0;
	padding-right: 0;
	width: 280px;
	float: right;
	margin-bottom: 25px;
}
#rightbar > .card {
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 20px 25px;
}
#rightbar > .card ul {
	list-style: none;
	padding-inline-start: 0;
}
#rightbar > .card ul li {
	margin-bottom: 5px;
}
#rightbar > .card > h6 {
	margin-bottom: 15px;
}
@media screen and (min-width: 1100px) {
	html.triple-column #leftbar {
		padding-right: 10px;
	}
	html.triple-column #leftbar_part2.sticky {
		width: 250px;
	}
	html.triple-column #primary {
		width: calc(100% - 560px);
		float: left;
	}
}
html.triple-column #content {
	max-width: 1500px;
}
@media screen and (min-width: 1700px) {
	html.triple-column #content {
		max-width: 1600px;
	}
}
@media screen and (max-width: 1100px) {
	#rightbar {
		display: none;
	}
}

/*Pjax加载动画 & 卡片动画*/
@keyframes card-show {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
#primary {
	transition: all 0.3s ease;
}
.card {
	animation: card-show 0.25s ease-out;
	transform-origin: center top;
}
.card .card {
	animation: none;
}
/*顶栏和 Banner 部分*/
#navbar-main {
	--toolbar-color: var(--themecolor-rgbstr);
}
.headroom--pinned {
	z-index: 100;
}
html.darkmode #navbar-main {
	--toolbar-color: var(--color-darkmode-toolbar);
}
@media (min-width: 1700px) {
	.navbar-main .container {
		max-width: 1500px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1700px) {
	.navbar-main .container {
		max-width: 1200px !important;
	}
}
@media (min-width: 900px) {
	.navbar-main .container {
		max-width: 100%;
	}
}
.dropdown-menu .dropdown-item {
	line-height: 1.5;
}
.dropdown-item:focus,
.dropdown-item:hover {
	background: var(--color-border-on-foreground);
}
.dropdown-item:active {
	background: var(--themecolor);
}
.navbar-brand {
	text-transform: none;
	vertical-align: middle;
}
.navbar-brand:focus,
.navbar-brand:hover {
	color: #fff !important;
}
.navbar-brand.navbar-icon-mobile {
	display: none;
}
#navbar-main {
	transition: background 0s, padding 0.15s ease;
	background-color: var(--toolbar-color) !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	transition: all 0.3s ease;
}
#navbar-main.navbar-ontop {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
body.leftbar-can-headroom.headroom---unpinned #navbar-main {
	transform: translateY(-100%);
}

#navbar_search_input_container:not(.open) {
	cursor: pointer;
}
#navbar_search_input_container .input-group {
	box-shadow: none;
}
#navbar_search_input_container:not(.open) .input-group-text {
	background: transparent;
	color: #fff;
}
#navbar_search_input_container .input-group-text i.fa {
	font-size: 16px;
}
#navbar_search_input_container:not(.open) input.form-control {
	width: 0 !important;
	padding: 0 !important;
	background: transparent;
}
#navbar_search_input_container .input-group-prepend {
	margin-right: 0px;
}
#navbar_search_input_container .input-group-text {
	transition: all 0.5s cubic-bezier(0.4, 0, 0, 1);
}
#navbar_search_input_container input.form-control {
	width: 200px;
	transition: all 0.5s cubic-bezier(0.4, 0, 0, 1);
}
#navbar_search_btn_mobile {
	display: none;
}
#navbar_menu_mask {
	display: none;
}
html.navbar-absolute #navbar-main {
	position: absolute !important;
}
html.navbar-absolute:not(.no-banner) #navbar-main {
	background-color: transparent;
	box-shadow: none;
}
html.no-banner #navbar-main {
	background-color: rgba(var(--themecolor-rgbstr), 0.85) !important;
}
html.no-banner.toolbar-blur #navbar-main {
	background-color: rgba(var(--themecolor-rgbstr), 0.65) !important;
	backdrop-filter: blur(16px);
}
html.no-banner.toolbar-blur #navbar-main.navbar-no-blur {
	background-color: rgba(var(--themecolor-rgbstr), 0.85) !important;
	backdrop-filter: blur(0px);
}
.banner {
	margin-bottom: 25px;
	height: 71.8vh;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner-container {
	height: calc(40vh - 120px) !important;
}
.banner-title {
	font-size: 1.8em;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	left: 0;
}
.banner-subtitle {
	margin-top: 10px;
	font-size: 16px;
	opacity: 0.9;
}
.banner-title-inner.typing-effect:after,
.banner-subtitle.typing-effect:after {
	content: "";
	width: 0px;
	height: 30px;
	display: inline-block;
	transform: translateX(5px) translateY(5px);
	animation: cursor-flash-effect 1s;
	animation-fill-mode: forwards;
	outline: 1px solid #fff;
	animation-iteration-count: var(--animation-cnt);
}
.banner-subtitle.typing-effect:after {
	height: 16px;
	transform: translateX(5px) translateY(2px);
	outline: 0.5px solid #fff;
	opacity: 0.9;
}
@keyframes cursor-flash-effect {
	0% {
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
html.no-banner .banner {
	display: none;
}
html.banner-mini .banner {
	height: unset;
}
html.banner-mini .banner > .banner-container {
	height: unset !important;
}
html.banner-mini .banner > .banner-container > .banner-title {
	position: unset;
	top: unset;
	transform: unset;
}
html.is-home.banner-as-cover.banner-as-cover .banner {
	height: 100vh;
}
html.is-home.banner-as-cover.banner-as-cover .banner-container {
	height: 100% !important;
}
.cover-scroll-down {
	display: block;
	width: max-content;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
	cursor: pointer;
	font-size: 36px;
	transition: opacity 0.3s ease;
}
html:not(.is-home) .cover-scroll-down {
	opacity: 0;
	pointer-events: none;
}
.cover-scroll-down.hidden {
	opacity: 0;
	pointer-events: none;
}

/*左侧栏*/
.leftbar-banner {
	/*background: linear-gradient(150deg,#7795f8 15%,#6772e5 70%,#555abf 94%);*/
	background: var(--themecolor-gradient);
	text-align: center;
	border-radius: var(--card-radius) var(--card-radius) 0 0;
}
.leftbar-banner-title {
	font-size: 20px;
	display: block;
}
.leftbar-banner-subtitle {
	margin-top: 15px;
	margin-bottom: 8px;
	font-size: 13px;
	opacity: 0.8;
	display: block;
}

.leftbar-menu {
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.leftbar-menu-item {
	height: 36px;
	line-height: 36px;
	list-style: none;
	padding: 0;
	position: relative;
}
.leftbar-menu-item:hover > .leftbar-menu-subitem {
	opacity: 1;
	transform: none;
	pointer-events: unset;
}
.leftbar-menu-subitem {
	position: absolute;
	left: calc(100% + 8px);
	top: 0;
	background: var(--color-foreground);
	width: max-content;
	min-width: 150px;
	z-index: 1;
	height: unset;
	border-radius: 3px;
	padding: 6px 0;
	opacity: 0;
	transform: translateX(-8px);
	pointer-events: none;
	transition: all 0.3s ease;
}
.leftbar-menu-subitem:before {
	content: "";
	width: 8px;
	height: calc(100% + 12px);
	display: block;
	position: absolute;
	top: 0;
	left: -8px;
}
#leftbar_part1_menu > .leftbar-menu-item > .leftbar-menu-subitem {
	left: calc(100% + 12px);
}
#leftbar_part1_menu > .leftbar-menu-item > .leftbar-menu-subitem:before {
	width: 12px;
	left: -12px;
}
.leftbar-menu-subitem > .leftbar-menu-item:first-child a {
	border-radius: 3px 3px 0 0;
}
.leftbar-menu-subitem > .leftbar-menu-item:last-child a {
	border-radius: 0 0 3px 3px;
}
.leftbar-menu-item > a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0 20px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	background-color: transparent;
	color: #32325d !important;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.2s ease-in-out;
}
.leftbar-menu-item > a:hover,
.leftbar-menu-item.current > a {
	background-color: var(--color-border-on-foreground);
}
.leftbar-menu-item > a > i {
	margin-right: 8px;
	width: 15px;
	text-align: center;
}
.leftbar-menu-item.leftbar-menu-item-haschildren:after {
	content: "\f0da";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 16px;
	top: 0;
	line-height: 36px;
	opacity: 0.6;
	transform: translateY(1px);
	transition: all 0.3s ease;
	pointer-events: none;
}

.leftbar-search-button {
	padding-top: 0;
	transition: all 0.3s cubic-bezier(0.4, 0, 0, 1);
}
.leftbar-search-button.open {
	padding: 0 15px 18px 15px;
	margin-top: -9px;
}
#leftbar_search_container {
	transition: width 0.3s cubic-bezier(0.4, 0, 0, 1), height 0.3s cubic-bezier(0.4, 0, 0, 1), box-shadow 0.15s ease,
		transform 0.15s ease;
	height: 30px;
	transform: unset !important;
	text-transform: capitalize;
	background-color: var(--color-border-on-foreground-deeper);
	color: var(--color-text-deeper);
}
html.darkmode.amoled-dark #leftbar_search_container {
	background: #151515;
}
.leftbar-search-button.open #leftbar_search_container {
	height: 45px;
}
.leftbar-search-button:not(.open) #leftbar_search_container:focus-within {
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
#leftbar_search_input {
	position: absolute;
	left: -1px;
	top: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0, 1);
	opacity: 0;
	cursor: pointer;
	user-select: none;
}
.leftbar-search-button.open #leftbar_search_input {
	opacity: 1;
	cursor: text;
	user-select: all;
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

#leftbar_part2 {
	margin-top: 10px;
	transition: all 0.3s ease;
}
#leftbar_part2.sticky {
	position: fixed;
	width: 240px;
	top: 80px;
}
body.leftbar-can-headroom.headroom---unpinned #leftbar_part2.sticky {
	top: 10px;
}
html.navbar-absolute #leftbar_part2.sticky {
	top: 10px !important;
}
#leftbar_part2_inner {
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	padding: 10px;
}
#leftbar_part2_inner::-webkit-scrollbar {
	width: 6px;
}
#leftbar_part2_inner::-webkit-scrollbar-track {
	background: transparent;
}
#leftbar_part2_inner::-webkit-scrollbar-thumb {
	border-width: 1px;
	background-color: rgba(0, 0, 0, 0.2);
}
html.darkmode #leftbar_part2_inner::-webkit-scrollbar-thumb {
	border-width: 1px;
	background-color: rgba(255, 255, 255, 0.2);
}
#leftbar_part2_inner::-webkit-scrollbar-button {
	height: 5px;
	pointer-events: none;
}
.sidebar-tab-switcher {
	font-size: 13px;
	padding: 0 !important;
}
.sidebar-tab-switcher > a {
	padding-bottom: 5px;
	border-bottom: 1px solid transparent;
	transition: border-bottom 0.2s ease;
}
.sidebar-tab-switcher > a.active {
	border-bottom: 1px solid var(--themecolor);
}
html.darkmode .sidebar-tab-switcher > a.active {
	border-bottom: 1px solid var(--themecolor-light);
}

#leftbar_overview_author_image {
	width: 100px;
	height: 100px;
	margin: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(127, 127, 127, 0.1);
}
#leftbar_overview_author_name {
	margin-top: 15px;
	font-size: 18px;
}
#leftbar_overview_author_description {
	font-size: 14px;
	margin-top: -4px;
	opacity: 0.8;
}
.site-state {
	overflow: hidden;
	line-height: 1.4;
	white-space: nowrap;
	text-align: center;
	margin-top: 15px;
}
.site-state-item {
	display: inline-block;
	border-left: 1px solid var(--color-border-on-foreground-deeper);
	padding: 0 10px;
}
.site-state-item:first-child {
	border-left: none !important;
}
.site-state-item > a {
	cursor: pointer;
}
.site-state-item-count {
	display: block;
	text-align: center;
	color: #32325d;
	font-weight: bold;
	font-size: 16px;
}
.site-state-item-name {
	font-size: 13px;
	color: #525f82;
}
.tag.badge {
	font-size: 14px;
	text-transform: none;
	transition: background 0.2s ease;
	background: var(--color-border-on-foreground);
	border: 1px solid var(--color-border-on-foreground-deeper);
	padding: 5px 10px;
	margin-right: 12px;
	margin-bottom: 15px;
}
.tag.badge:hover {
	background: var(--color-border-on-foreground-deeper);
}
.tag-num {
	font-size: 12px;
	opacity: 0.7;
}
.site-author-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 15px;
}
.site-author-links-item {
	display: inline-block;
	width: 50%;
	border-radius: 4px;
	margin-top: 5px;
	transition: background 0.2s ease;
	background: transparent;
}
.site-author-links-item:hover {
	background: var(--color-border-on-foreground);
}
.site-author-links-item > a {
	display: block;
	width: 100%;
	padding: 2px 8px;
	font-size: 15px;
	color: #32325d !important;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.site-friend-links-title {
	margin-top: 25px;
	border-top: 1px dotted var(--color-border-on-foreground-deeper);
	padding-top: 15px;
}
.site-friend-links-ul {
	margin-top: 8px;
	padding: 3px 0 0;
}
.site-friend-links-item {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 3px;
}
.site-friend-links-item > a {
	max-width: 280px;
	box-sizing: border-box;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #32325d;
	border-bottom: 1px solid #999;
}
#leftbar_announcement {
	margin-bottom: 10px;
	background: var(--themecolor-gradient);
}
html.darkmode #leftbar_announcement {
	background: var(--color-foreground);
}
.leftbar-announcement-body {
	padding: 15px 1.2em;
	padding-bottom: 22px;
}
.leftbar-announcement-title {
	font-size: 18px;
}
.leftbar-announcement-content {
	font-size: 15px;
	line-height: 1.8;
	padding-top: 8px;
	opacity: 0.9;
}
#leftbar_tab_tools ul,
#leftbar_tab_tools ol {
	list-style: none;
	padding: 0;
}
#leftbar_tab_tools ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: var(--color-border-on-foreground) solid 1px;
}
#leftbar_tab_tools ul li:first-child {
	padding-top: 5px;
}
#leftbar_tab_tools > div > h6:first-child,
#leftbar_tab_tools .wp-block-group__inner-container > h6:first-child {
	font-size: 17px;
	font-weight: 600;
	position: relative;
	display: block;
	width: max-content;
}
#leftbar_tab_tools > div > h6:first-child:after,
#leftbar_tab_tools .wp-block-group__inner-container > h6:first-child:after {
	content: "";
	display: block;
	background: var(--themecolor);
	width: 30px;
	height: 9px;
	position: absolute;
	left: 0;
	bottom: -1px;
	border-radius: 10px;
	opacity: 0.25;
	pointer-events: none;
}
.wp-calendar-table caption {
	font-size: 14px;
	text-align: center;
	opacity: 0.7;
}
.wp-block-calendar table * {
	background: transparent !important;
	border: none !important;
	padding-top: 5px;
	padding-bottom: 8px;
}
.wp-block-calendar table th {
	opacity: 0.6;
}
.wp-block-calendar tbody td a {
	position: relative;
	text-decoration: none;
}
.wp-block-calendar tbody td a:before {
	content: "";
	display: block;
	background: var(--themecolor);
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 20px;
	opacity: 0.2;
	transform: translateX(-2px);
	z-index: 0;
}
.wp-calendar-nav-prev a,
.wp-calendar-nav-next a {
	text-decoration: none !important;
	border: 1px solid var(--themecolor);
	color: var(--themecolor);
	padding: 1px 8px;
	border-radius: 19px;
	font-size: 14px;
	transition: all 0.25s ease;
	user-select: none;
}
.wp-calendar-nav-prev a:hover,
.wp-calendar-nav-next a:hover {
	background-color: var(--themecolor);
	color: #fff !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.wp-calendar-nav {
	padding-bottom: 12px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
html.darkmode .wp-calendar-table caption,
html.darkmode .wp-block-calendar tbody td {
	color: #eee;
}
/*底栏*/
#footer {
	background: var(--themecolor-gradient);
	color: #fff;
	width: 100%;
	float: right;
	margin-bottom: 25px;
	text-align: center;
	padding: 25px 20px;
	line-height: 1.8;
	transition: none;
}
#footer a {
	color: #fff;
}

/*浮动按钮栏 (回顶等)*/
#float_action_buttons {
	position: fixed;
	bottom: 35px;
	right: 20px;
	height: max-content;
	height: -moz-max-content;
	z-index: 1000;
	transition: all 0.3s ease;
}
#float_action_buttons.fabtns-float-left {
	left: 20px;
	right: auto;
}
#float_action_buttons.fabtns-float-left .fabtn-show-on-right {
	display: none;
}
#float_action_buttons:not(.fabtns-float-left) .fabtn-show-on-left {
	display: none;
}
html.is-home.banner-as-cover #float_action_buttons.hidden {
	opacity: 0;
	pointer-events: none;
}
.fabtns-unloaded {
	opacity: 0;
	pointer-events: none;
}
.fabtn {
	width: 42px;
	height: 42px;
	padding: 0;
	overflow: visible;
	display: block;
	margin-top: 8px;
	border: none !important;
	transition: all 0.3s ease;
}
.fabtn:hover {
	color: #fff !important;
	background-color: var(--themecolor) !important;
}
.fabtn:active {
	color: #fff !important;
	background-color: var(--themecolor-dark) !important;
}
.fabtn.fabtn-hidden {
	height: 0 !important;
	opacity: 0;
	margin-top: 0;
	box-shadow: none;
	pointer-events: none;
}
#fabtn_toggle_sides {
	height: 30px !important;
	transform: translateY(8px);
	opacity: 0;
}
#float_action_buttons:hover #fabtn_toggle_sides {
	height: 30px !important;
	transform: translateY(0px);
	opacity: 1;
}
#fabtn_reading_progress {
	height: 30px;
}
#fabtn_reading_progress_bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 4px;
	background: var(--themecolor);
	opacity: 0.08;
}
#float_action_buttons .fabtn:before {
	pointer-events: none;
	position: absolute;
	top: 7px;
	right: 50px;
	line-height: 22px;
	font-weight: normal;
	color: #fff;
	background: #32325d;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	transition: all 0.3s ease;
	transform: translateX(5px);
	opacity: 0;
	width: max-content;
	width: -moz-max-content;
	text-transform: none;
}
#float_action_buttons .fabtn.fabtn-hidden:before {
	opacity: 0 !important;
}
#float_action_buttons.fabtns-float-left .fabtn:before {
	left: 50px;
	right: unset;
	transform: translateX(-5px);
}
#float_action_buttons .fabtn:hover:before {
	transform: translateX(0px);
	opacity: 0.7;
}
#float_action_buttons #fabtn_toggle_sides:before {
	content: attr(tooltip-move-to-left);
	top: 1px;
}
#float_action_buttons.fabtns-float-left #fabtn_toggle_sides:before {
	content: attr(tooltip-move-to-right);
}
#float_action_buttons #fabtn_back_to_top:before {
	content: attr(tooltip);
}
#float_action_buttons #fabtn_reading_progress:before {
	content: attr(tooltip);
	top: 1px;
}
#float_action_buttons #fabtn_open_sidebar:before {
	content: attr(tooltip);
}
#float_action_buttons #fabtn_go_to_comment:before {
	content: attr(tooltip);
}
#float_action_buttons #fabtn_toggle_darkmode:before {
	content: attr(tooltip-darkmode);
}
html.amoled-dark #float_action_buttons #fabtn_toggle_darkmode:before {
	content: attr(tooltip-blackmode);
}
html.darkmode #float_action_buttons #fabtn_toggle_darkmode:before {
	content: attr(tooltip-lightmode);
}
#float_action_buttons #fabtn_toggle_blog_settings_popup:before {
	content: attr(tooltip);
}
#fabtn_toggle_darkmode i.fa {
	margin: 0;
}
#fabtn_toggle_darkmode i.fa-lightbulb-o {
	display: none;
}
html.darkmode #fabtn_toggle_darkmode i.fa-moon-o {
	display: none;
}
html.darkmode #fabtn_toggle_darkmode i.fa-lightbulb-o {
	display: inline-block;
}
#float_action_buttons #fabtn_open_sidebar {
	display: none;
}
#sidebar_mask {
	display: none;
	opacity: 0;
}
#fabtn_blog_settings_popup {
	position: fixed;
	right: 85px;
	bottom: 35px;
	padding: 10px 25px;
	opacity: 0;
	width: max-content;
	width: -moz-max-content;
	min-width: 350px;
	max-width: calc(100vw - 170px);
	max-height: calc(100vh - 70px);
	pointer-events: none;
	transform: translateX(10px);
	transition: all 0.3s ease;
	animation: none !important;
}
#float_action_buttons.fabtns-float-left #fabtn_blog_settings_popup {
	left: 85px;
	right: unset;
	transform: translateX(-10px);
}
.blog_settings_opened #fabtn_blog_settings_popup {
	opacity: 1 !important;
	transform: none !important;
	pointer-events: unset;
}
.blog_settings_opened #fabtn_toggle_blog_settings_popup {
	opacity: 1 !important;
	color: #fff !important;
	background-color: var(--themecolor-dark2) !important;
	pointer-events: unset !important;
}
.blog_settings_opened .fabtn {
	pointer-events: none;
	opacity: 0.25;
	overflow: hidden;
}
.blog_settings_opened #fabtn_toggle_sides {
	opacity: 0 !important;
}
#close_blog_settings {
	text-align: right;
	font-size: 12px;
	margin-right: -12px;
	cursor: pointer;
}
.blog-setting-item {
	display: flex;
	flex-flow: row;
	align-items: center;
}
#blog_setting_toggle_darkmode_and_amoledarkmode {
	cursor: pointer;
}
html:not(.amoled-dark) #blog_setting_toggle_darkmode_and_amoledarkmode span:nth-of-type(2) {
	display: none;
}
html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode span:first-of-type {
	display: none;
}
#blog_setting_toggle_darkmode_and_amoledarkmode:before {
	content: attr(tooltip-switch-to-blackmode);
	position: absolute;
	top: -32px;
	left: 50%;
	line-height: 22px;
	font-weight: normal;
	color: #fff;
	background: #32325d;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	transition: all 0.3s ease;
	transform: translateX(-50%) translateY(5px);
	opacity: 0;
	width: max-content;
	width: -moz-max-content;
	pointer-events: none;
}
html.amoled-dark #blog_setting_toggle_darkmode_and_amoledarkmode:before {
	content: attr(tooltip-switch-to-darkmode);
}
#blog_setting_toggle_darkmode_and_amoledarkmode:hover:before {
	transform: translateX(-50%);
	opacity: 0.7;
}
.blog-setting-font,
.blog-setting-shadow {
	text-transform: none;
	padding: 3px 10px;
}
.blog-setting-font:hover,
.blog-setting-shadow:hover {
	color: #fff /*var(--themecolor)*/;
	/*background-color: transparent !important;*/
}
.blog-setting-selector-left {
	margin-right: 0 !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	transform: none !important;
}
.blog-setting-selector-right {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0 !important;
	transform: none !important;
	border-left: 0;
}
html:not(.use-serif) #blog_setting_font_sans_serif {
	color: #fff;
	background: var(--themecolor);
}
html.use-serif #blog_setting_font_serif {
	color: #fff;
	background: var(--themecolor);
}
html:not(.use-big-shadow) #blog_setting_shadow_small {
	color: #fff;
	background: var(--themecolor);
}
html.use-big-shadow #blog_setting_shadow_big {
	color: #fff;
	background: var(--themecolor);
}
.blog-setting-filter-btn {
	border-radius: 50%;
	outline: none !important;
	border: none;
	height: 50px;
	width: 50px;
	margin-left: 5px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.3s ease;
}
.blog-setting-filter-btn:hover {
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
#blog_setting_filter_off {
	background: rgba(var(--themecolor-rgbstr), 0.05);
	color: var(--themecolor);
}
#blog_setting_filter_sunset {
	background: rgba(255, 255, 200, 1);
	color: #6e5a00;
}
#blog_setting_filter_darkness {
	background: rgba(80, 80, 80, 0.7);
	color: #eee;
}
#blog_setting_filter_grayscale {
	background: rgba(200, 200, 200, 0.8);
	color: #333;
}
#blog_setting_filter_off.active {
	border: 1px solid var(--themecolor);
}
#blog_setting_filter_sunset.active {
	border: 1px solid #6e5a00;
}
#blog_setting_filter_darkness.active {
	border: 1px solid #111;
}
#blog_setting_filter_grayscale.active {
	border: 1px solid #333;
}
html.filter-sunset {
	filter: sepia(30%);
}
html.filter-darkness #primary:after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999999999;
	pointer-events: none;
}
html.filter-grayscale {
	filter: grayscale(1);
}
#blog_setting_card_radius_to_default {
	position: relative;
}
#blog_setting_card_radius_to_default:before {
	content: attr(tooltip);
	position: absolute;
	top: -30px;
	left: 50%;
	line-height: 22px;
	font-weight: normal;
	color: #fff;
	background: #32325d;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	transition: all 0.3s ease;
	transform: translateX(-50%) translateY(5px);
	opacity: 0;
	width: max-content;
	width: -moz-max-content;
	pointer-events: none;
}
#blog_setting_card_radius_to_default:hover:before {
	transform: translateX(-50%);
	opacity: 0.7;
}
/*页码*/
.pagination {
	width: max-content;
	width: -moz-max-content;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: auto;
	margin-bottom: 25px;
}
.pagination.pagination-mobile {
	display: none;
}
.page-link {
	transition: background-color 0.2s ease;
}

/*文章*/
.post {
	margin-bottom: 25px;
	padding: 30px 30px;
	padding-bottom: 35px;
}
.post-preview {
	transition: all 0.5s ease;
}
.post-preview .loading-css-animation {
	padding-top: 20px;
	padding-bottom: 10px;
	width: 100%;
}
.post-preview.post-pjax-loading {
	opacity: 1 !important;
}
.post-list-pjax-loading .post-preview {
	opacity: 0;
	pointer-events: none;
}
.post-title {
	font-size: 26px;
	letter-spacing: 0.5px;
	transition: all 0.35s ease;
}
.post-title:hover {
	letter-spacing: 1px;
}
#main.waterflow .post-title {
	transition: all 0.3s ease;
	display: inline-block;
}
#main.waterflow .post-title:hover {
	letter-spacing: 0.5px;
	transform: scale(1.02);
	text-rendering: optimizeLegibility;
}
.post-header {
	margin-bottom: 20px;
}
.post-meta {
	margin-top: 10px;
}
.post-meta-detail {
	font-size: 14.5px;
	line-height: 24px;
	opacity: 0.8;
	display: inline-block;
}
.post-meta-detail i {
	margin-right: 3px;
}
.post-meta-devide {
	display: inline-block;
	font-size: 14.5px;
	line-height: 24px;
	margin-left: 3px;
	margin-right: 3px;
	opacity: 0.5;
	user-select: none;
}
.post-meta-detail-categories-space {
	margin-left: 2px;
	margin-right: 2px;
}
.post-header.post-header-with-thumbnail {
	margin: -30px -30px 35px -30px;
	border-radius: var(--card-radius) var(--card-radius) 0 0;
	overflow: hidden;
	position: relative;
}
.post-thumbnail {
	width: 100%;
	min-height: 250px;
	max-height: 25vh;
	object-fit: cover;
	pointer-events: none;
}
.post-thumbnail.lazyload {
	transition: opacity 0.3s ease 0s;
}
.post-thumbnail.lazyload.lazyload-loaded {
	opacity: 1 !important;
}
.single .post-thumbnail,
.page .post-thumbnail {
	max-height: 30vh;
	min-height: 250px;
}
.post-header.post-header-with-thumbnail .post-header-text-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	opacity: 0.9;
	padding-bottom: 35px;
	padding-top: 35px;
	background: rgba(0, 0, 0, 0.05);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0));
}
.post-header.post-header-with-thumbnail .post-header-text-container .post-title {
	color: rgba(255, 255, 255, 0.95) !important;
	/*text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);*/
	filter: drop-shadow(0px 1px 5px #0005);
}
.post-header.post-header-with-thumbnail .post-header-text-container .post-meta {
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.post-outdated-info {
	color: var(--themecolor);
	border-left: 2px solid var(--themecolor);
	padding: 5px 20px;
	margin-top: 10px;
	margin-bottom: 25px;
	background: rgba(var(--themecolor-rgbstr), 0.1);
}
.post-outdated-info > i {
	font-size: 20px;
	margin-right: 15px;
	transform: translateY(2px);
}
.post-header-with-thumbnail + .post-content > .post-outdated-info {
	margin-top: -15px;
}
.post-content {
	line-height: 1.8;
	margin-bottom: 10px;
}
.post-content p {
	font-weight: normal;
}
.post-tags {
	margin-top: 15px;
	margin-bottom: -4px;
}
.post-tags > i {
	margin-right: 5px;
}
.tag.post-meta-detail-tag {
	margin-bottom: 4px;
	margin-right: 7px;
	font-size: 12px;
}
.additional-content-after-post + .post-tags {
	margin-top: 25px;
}
/* 文章预览样式 2 */
article.post-preview-layout-2 {
	display: flex;
	flex-direction: row;
	padding: 0;
}
article.post-preview-layout-2 .post-header.post-header-with-thumbnail {
	margin: 0;
	border-radius: var(--card-radius) 0 0 var(--card-radius);
	text-align: left;
	width: min(33%, 500px);
}
article.post-preview-layout-2 .post-thumbnail {
	width: 100%;
	height: 100%;
	max-height: unset;
}
article.post-preview-layout-2 .post-content-container {
	padding: 25px 30px 25px 30px;
	flex: 1;
	display: flex;
	flex-direction: column;
	max-width: 100%;
}
article.post-preview-layout-2 .post-content {
	flex: 1;
	margin-top: 10px;
}
article.post-preview-layout-2 .post-title {
	max-width: max-content;
}
article.post-preview-layout-2 .loading-css-animation {
	position: absolute;
	bottom: -8px;
}
/* 文章预览样式 3 */
article.post-preview-layout-3 .post-header {
	margin-bottom: 10px;
}
article.post-preview-layout-3 .post-header.post-header-with-thumbnail {
	margin-bottom: 25px;
}
article.post-preview-layout-3 .post-thumbnail {
	max-height: 20vh;
}
/*Reference*/
sup.reference {
	white-space: nowrap;
	transition: box-shadow 0.3s ease;
	border-radius: 1px;
}
sup.reference:focus {
	box-shadow: 0 0 0 2px var(--color-widgets), 0 0 0 4px rgba(var(--themecolor-rgbstr), 0.3);
	outline: none;
}
.tippy-box[data-theme~="scroll-y"] .tippy-content {
	max-height: 200px;
	overflow-y: auto;
}
.tippy-box[data-theme~="light"] {
	background-color: var(--color-widgets);
}
.tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before {
	border-top-color: var(--color-widgets);
}
.tippy-box[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow:before {
	border-bottom-color: var(--color-widgets);
}
.tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before {
	border-left-color: var(--color-widgets);
}
.tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before {
	border-right-color: var(--color-widgets);
}
.tippy-box[data-theme~="light"] > .tippy-backdrop {
	background-color: var(--color-widgets);
}
.tippy-box[data-theme~="light"] > .tippy-svg-arrow {
	fill: var(--color-widgets);
}

html.darkmode .tippy-box[data-theme~="light"] {
	color: #eee;
	background-color: var(--color-widgets);
}
.reference-list {
	padding-left: 0;
	list-style: inside none;
	counter-reset: ol;
	margin-bottom: 0;
}
.reference-list li {
	font-size: 14px;
	position: relative;
	display: flex;
}
.reference-list li .space {
	pointer-events: none;
}
.reference-list li .space:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	border-radius: 3px;
	transition: background 0.3s ease;
	pointer-events: none;
	background: transparent;
}
.reference-list li .space:focus:before {
	background: rgba(var(--themecolor-rgbstr), 0.15);
}
.reference-list li:before {
	text-align: right;
	counter-increment: ol;
	content: counter(ol) ". ";
	white-space: pre;
}
.reference-list li > div > *:first-child {
	margin-right: 5px;
}
.reference-list li > div > sup {
	margin-left: 1px;
}
.reference-list li > div > sup:last-of-type {
	margin-right: 5px;
}
/*文章输入密码界面*/
.post-password-form {
	margin-top: 45px;
	margin-bottom: 55px;
}
.post-password-form-text {
	margin: auto;
	margin-bottom: 15px;
}
.post-password-form-input {
	margin: auto;
	margin-bottom: 20px;
}
.post-password-hint {
	margin-top: 10px;
	color: var(--themecolor);
	opacity: 0.9;
}
/*侧栏文章目录*/
#leftbar_catalog {
	margin-left: -5px;
	width: calc(100% + 0px);
	height: auto;
}
#leftbar_catalog ul {
	padding: 0;
	list-style: none;
}
#leftbar_catalog .index-item,
#leftbar_catalog .index-link {
	width: 100%;
	display: block;
	color: #32325d;
	text-decoration: none;
	box-sizing: border-box;
}
#leftbar_catalog .index-link {
	font-size: 15px;
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	transition: background-color 0.3s ease, border-left-color 0.3s ease, color 0.3s ease;
	border-left: 3px solid transparent;
	word-break: break-all;
	border-radius: 3px;
}
#leftbar_catalog .index-item.current > .index-link {
	color: var(--themecolor);
	font-weight: bold;
}
#leftbar_catalog .index-link:hover {
	background-color: var(--color-border-on-foreground-deeper);
}
#leftbar_catalog .index-subItem-box .index-item {
	padding-left: 20px;
}

/*搜索等页面的标题卡片*/
.page-information-card {
	margin: 30px 20px;
	margin-top: 0px;
	background: var(--color-foreground) !important;
}
.search-filter-wrapper {
	display: inline-block;
	margin-right: 12px;
}
.search-filter-wrapper > .custom-control-label {
	line-height: 25px;
}

/*文章导航 (上/下一篇文章)*/
.post-navigation {
	margin-bottom: 25px;
	padding: 30px 25px;
	padding-top: 25px;
	font-size: 18px;
	display: block !important;
}
.post-navigation-item {
	width: calc(50%);
	display: inline-block;
	vertical-align: top;
}
.page-navigation-extra-text {
	font-size: 22px;
	opacity: 0.85;
	display: block;
	margin-bottom: 15px;
}
.post-navigation-pre .page-navigation-extra-text i {
	margin-right: 10px;
}
.post-navigation-next .page-navigation-extra-text i {
	margin-left: 10px;
}
.post-navigation-pre {
	padding-right: 10px;
}
.post-navigation-next {
	padding-left: 10px;
	text-align: right;
}
/*相关文章*/
.related-posts {
	display: block;
	white-space: nowrap;
	margin-bottom: 25px;
	padding: 0;
	padding-bottom: 0;
}
.related-post-card {
	display: inline-block;
	height: 105px;
	width: 180px;
	border-radius: 5px;
	margin-right: 10px;
	font-size: 16px;
	line-height: 27px;
	white-space: normal;
	transition: all 0.3s ease;
	position: relative;
	background: var(--themecolor-gradient);
	overflow: hidden;
}
.related-post-card:hover {
	filter: brightness(0.9);
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
	border-color: transparent;
}
.related-post-title.clamp {
	color: white;
}
.related-post-card-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 10px 15px;
}
.related-post-card-container.has-thumbnail {
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	transition: all 0.3s ease;
}
.related-post-card-container.has-thumbnail:hover {
	background: rgba(0, 0, 0, 0.3);
}
.related-post-title {
	max-height: 81px;
	overflow: hidden;
}
.related-post-arrow {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 15px;
	pointer-events: none;
}
.related-post-thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
i.related-post-arrow.fa.fa-chevron-right {
	color: white;
}
img.related-post-thumbnail {
	vertical-align: unset;
}
html.darkmode a.related-post-card {
	background: var(--color-border-on-foreground-deeper);
	opacity: 0.7;
	border-radius: 5px;
}
html.darkmode .related-post-title.clamp {
	color: var(--themecolor-light);
}
html.darkmode .has-thumbnail .related-post-title.clamp {
	color: #eee;
}
/*文章赞赏*/
.post-donate {
	text-align: center;
	position: relative;
}
.post-donate img {
	/*width: max-content;
	width: -moz-max-content;*/
	max-width: min(30vw, 500px);
}
.post-donate .donate-qrcode {
	width: max-content;
	width: -moz-max-content;
	position: absolute;
	left: 50%;
	bottom: 100px;
	padding: 25px;
	z-index: 2;
	transition: all 0.3s ease;
	transform: translate(-50%, 10px) scale(0.9);
	transform-origin: bottom;
	opacity: 0;
	pointer-events: none;
	background-color: var(--color-widgets) !important;
}
.post-donate .donate-btn:focus ~ .donate-qrcode {
	transform: translateX(-50%);
	opacity: 1;
}
.post-donate .donate-btn {
	margin-right: 0;
	margin-top: 20px;
	margin-bottom: 30px;
}
.post-donate .donate-qrcode:before {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 50%;
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	transform: translate(-50%, 8px) rotate(-45deg);
	border-radius: 0.2rem;
	background: var(--color-widgets);
	z-index: 1;
	box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
/*文末附加内容*/
.additional-content-after-post {
	border-left: 3px solid var(--themecolor);
	padding: 15px 20px;
	background: rgba(var(--themecolor-rgbstr), 0.1);
	border-radius: 3px;
	margin-top: 10px;
}
/*评论区*/
#comments {
	margin-bottom: 25px;
}
#comments > .card-body {
	transition: opacity 0.5s ease;
}
#comments.comments-loading > .card-body {
	opacity: 0.5;
	pointer-events: none;
}
#comments li {
	list-style: none;
	position: relative;
}
#comments .comment-item:target:before, #comments .comment-item:before {
	content: "";
	display: block;
	position: absolute;
	left: -10px;
	right: -10px;
	top: 0;
	bottom: 0;
	background-color: var(--themecolor);
	opacity: 0.15;
	border-radius: var(--card-radius);
	pointer-events: none;
	animation: comment-focus-breath 2s linear;
	animation-fill-mode: forwards;
}
#comments .comment-item:before{
	animation: none;
	opacity: 0;
	transition: opacity 0.25s ease;
}
#comments .comment-item.highlight:before{
	opacity: 0.2;
}
@keyframes comment-focus-breath {
	0% {
		opacity: 0.5;
	}
	33% {
		opacity: 0.05;
	}
	66% {
		opacity: 0.3;
	}
	100% {
		opacity: 0.15;
	}
}
.comments-title {
	font-size: 20px;
}
.comments-title i {
	margin-right: 5px;
}
.comment-list {
	padding: 0;
}
.comment-item {
	margin-bottom: 1px;
	display: flex;
}
.comment-item-left-wrapper {
	display: block;
	width: 40px;
	margin-top: 26px;
	margin-right: 15px;
	position: relative;
}
.comment-avatar-vertical-center .comment-item-left-wrapper {
	margin: auto;
	margin-right: 15px;
}
.comment-item-avatar .avatar {
	height: 40px;
	width: 40px;
}
.text-avatar {
	user-select: none;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}
.comment-item-inner {
	display: block;
	position: relative;
	margin-top: 20px;
	padding-bottom: 18px;
	border-bottom: var(--color-border-on-foreground) solid 1px;
	position: relative;
	width: calc(100% - 50px);
}
#comments .comment-item:last-child .comment-item-inner {
	border-bottom: 0;
}
.comment-item-title {
	font-size: 16px;
	display: flex;
	margin-bottom: 3px;
}
.comment-item-title .badge-admin,
.comment-item-title .badge-pinned,
.comment-item-title .badge-private-comment,
.comment-item-title .badge-unapproved {
	transform: translateY(-2px);
	margin-left: 5px;
}
.comment-item-text p:last-child {
	margin-bottom: 0;
}
.comment-item-text {
	min-height: 24px;
	margin-bottom: 1rem;
}
.comment-name {
	flex: 1;
	font-weight: bold;
}
.comment-author, .comment-parent-info{
	display: inline-block;
}
.comment-parent-info{
	opacity: 0.6;
	margin-left: 4px;
	transition: opacity 0.3s ease;
}
.comment-item:hover .comment-parent-info{
	opacity: 0.8;
}
.comment-info {
	margin-top: 2px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 3px;
}
.comment-info > div {
	display: inline-block;
	white-space: nowrap;
}
.comment-time-details {
	pointer-events: none;
	position: absolute;
	top: -35px;
	right: 0;
	width: max-content;
	width: -moz-max-content;
	line-height: 22px;
	color: #fff;
	background: #32325d;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
	transition: all 0.3s ease;
	transform: translateY(5px);
	opacity: 0;
}
.comment-time:hover .comment-time-details {
	transform: translateY(0);
	opacity: 0.7;
}
.comment-edited {
	margin-right: 3px;
	opacity: 0.6;
}
.comment-edited > i {
	margin-right: 4px;
}
.comment-edited.comment-edithistory-accessible {
	cursor: pointer;
}
.comment-operations {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 12px;
	padding: 2px 6px;
	transition: all 0.3s ease;
	opacity: 0;
}
.comment-item:hover .comment-operations {
	opacity: 1;
}
.comment-useragent {
	display: inline-block;
	font-weight: normal;
	padding-left: 4px;
	font-size: 14px;
	transform: translateY(-1px);
}
.comment-useragent > svg {
	height: 18px;
	width: 18px;
	transform: translateY(-2px);
	margin-left: 4px;
	margin-right: 1px;
}
.comment-upvote {
	white-space: nowrap;
	border-radius: 100px;
	height: 18px;
	line-height: 16px;
	padding: 0px 4px;
	border-color: transparent !important;
	color: var(--themecolor);
	background-color: rgba(var(--themecolor-rgbstr), 0.15);
	text-align: center;
	position: absolute;
	left: 50%;
	top: 45px;
	transform: translateX(-50%) !important;
	min-width: 30px;
}
html.darkmode .comment-upvote {
	background-color: rgba(var(--themecolor-rgbstr), 0.25);
	color: var(--themecolor-light);
}
.comment-upvote:hover {
	background-color: var(--themecolor) !important;
	color: #fff !important;
}
.comment-upvote.upvoted {
	color: #fff !important;
	background-color: var(--themecolor) !important;
	pointer-events: none;
}
.comment-upvote .btn-inner--text {
	margin-left: -2px !important;
}
.comment-upvote.comment-upvoting {
	opacity: 0.5;
	pointer-events: none;
}
/*评论内容*/
.comment-item-text .comment-sticker {
	max-height: 60px;
	transition: all 0.3s ease;
	transition-delay: 0s;
	transform: none;
}
.comment-item-text .comment-sticker:active {
	transition-delay: 0.3s;
	transform: scale(2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	background: var(--color-widgets);
}
.comment-item-text .comment-image br {
	display: none;
}
.comment-item-text .comment-image {
	color: var(--themecolor) !important;
	cursor: pointer;
	user-select: none;
	position: relative;
}
.comment-image-preview-mask {
	display: none;
}
.comment-item-text .comment-image.comment-image-preview-zoomed .comment-image-preview-mask {
	display: block;
	background: transparent;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1501;
	cursor: zoom-out;
}
.comment-item-text .comment-image .comment-image-preview {
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	opacity: 0;
	/*pointer-events: none;*/
}
.comment-item-text .comment-image.comment-image-preview-zoomed .comment-image-preview {
	z-index: 1502;
	opacity: 1;
	pointer-events: unset;
}
.comment-item-text b,
.comment-item-text strong {
	font-weight: 600;
	opacity: 0.78;
}
.comment-item-text pre {
	font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter",
		"DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier,
		monospace;
	font-size: 14px;
	line-height: 1.375;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	tab-size: 4;
	hyphens: none;
	color: #5e6687;
	background: var(--color-widgets);
	direction: ltr;
	border: 1px solid var(--color-border-on-foreground);
	padding: 14px;
	border-radius: 3px;
	margin-top: 15px;
}
html.darkmode .comment-item-text pre {
	color: #eee;
}
.comment-item-text blockquote {
	padding-left: 1.2em;
	margin: 1em 3em 1em 0;
	font-weight: 400;
	border-left: 3px solid rgba(0, 0, 0, 0.12);
}
html.darkmode .comment-item-text blockquote {
	border-color: rgba(255, 255, 255, 0.2);
}
.comment-item-text ol li {
	list-style-type: decimal !important;
}
.comment-item-text ul,
.comment-item-text ol {
	padding-inline-start: 20px;
}
.comment-item-text ul li {
	list-style-type: disc !important;
}
.comment-item-text ul ul li {
	list-style-type: square !important;
}
.comment-item-text h1,
.comment-item-text h2,
.comment-item-text h3,
.comment-item-text h4,
.comment-item-text h5,
.comment-item-text h6 {
	font-weight: 600;
	opacity: 0.6;
	font-size: inherit;
	margin-top: 10px;
	margin-bottom: 5px;
	transition: opacity 0.3s ease;
}
.comment-item-text:hover h1,
.comment-item-text:hover h2,
.comment-item-text:hover h3,
.comment-item-text:hover h4,
.comment-item-text:hover h5,
.comment-item-text:hover h6 {
	font-weight: 600;
	opacity: 0.8;
}
.comment-item-text h1 {
	font-size: 20px;
}
.comment-item-text h2 {
	font-size: 19px;
}
.comment-item-text h3 {
	font-size: 18px;
}
.comment-item-text h4 {
	font-size: 17px;
}
.comment-item-text h5 {
	font-size: 16px;
}
.comment-item-text h6 {
	font-size: 15px;
}
/*评论折叠*/
.comment-item-inner.comment-folded {
	max-height: 200px;
	overflow: hidden;
}
.comment-item-inner.comment-folded:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 80px;
	background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%);
	pointer-events: none;
}
.comment-item-inner.comment-folded .comment-operations {
	display: none;
}
.comment-item-inner.comment-folded .show-full-comment {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 35px;
	color: var(--themecolor);
	z-index: 2;
	text-align: left;
	cursor: pointer;
	user-select: none;
	opacity: 0.6;
	transition: opacity 0.25s ease;
}
.comment-item-inner.comment-folded:hover .show-full-comment {
	opacity: 1;
}
.comment-item-inner:not(.comment-folded) .show-full-comment {
	display: none;
}
/*评论区页码*/
.comments-navigation .page-item > div {
	cursor: pointer;
}
/*评论区更多*/
#comments_more {
	width: 52px;
	height: 52px;
	display: block;
	margin: 30px auto 10px auto;
}
#comments_more:disabled {
	animation: breath 2s ease infinite;
}
@keyframes breath {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.comments-navigation-more .comments-navigation-nomore {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	opacity: 0.6;
}
/*评论编辑记录*/
.comment-edit-history-item {
	border-bottom: 1px solid #e9ecef;
	margin-bottom: 22px;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
}
html.darkmode .comment-edit-history-item {
	border-bottom-color: #666;
}
.comment-edit-history-title {
	margin-bottom: 6px;
}
.comment-edit-history-id {
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
}
.comment-edit-history-title .badge {
	transform: translateY(-3px);
	margin-left: 8px;
	display: inline-block;
}
.comment-edit-history-time {
	opacity: 0.6;
	font-size: 15px;
	margin-bottom: 12px;
}
#comment_edit_history .modal-body .comment-edit-history-item:last-child {
	border: navajowhite;
	padding-bottom: 0;
}
/*发送评论区域*/
#post_comment {
	margin-bottom: 25px;
}
.post-comment-title {
	font-size: 20px;
}
.post-comment-title i {
	margin-right: 5px;
}
.post-comment-reply {
	margin-top: 25px;
	border: 1.2px solid var(--color-border-on-foreground-deeper);
	border-radius: 3px;
	padding: 20px 20px;
}
.post-comment-reply-preview {
	margin-top: 15px;
	border-left: 2px solid var(--color-border-on-foreground-deeper);
	padding: 8px 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	max-height: 250px;
	overflow: hidden;
	position: relative;
}
#post_comment_reply_preview:after {
	content: "";
	background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%);
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 35px;
	position: absolute;
	pointer-events: none;
	transition: all 0.3s ease;
}
#post_comment_reply_cancel {
	margin-top: 20px;
}
#post_comment_content {
	transition: height 0.15s ease, box-shadow 0.3s ease;
	overflow: hidden;
	min-height: 80px;
	resize: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin-bottom: 18px;
	margin-top: 20px;
}
#post_comment_content_hidden {
	font-family: inherit !important;
	font-weight: 400;
	line-height: 1.5;
	font-size: 14px;
	padding: 0.625rem 0.75rem;
	width: calc(100% - 30px);
	overflow: hidden;
	white-space: pre-wrap;
	word-wrap: break-word;
	position: absolute;
	pointer-events: none;
	opacity: 0;
}
.post-comment-link-container:before,
.post-comment-captcha-container:before,
#post_comment_toggle_extra_input:before,
.comment-post-checkbox:before {
	pointer-events: none;
	position: absolute;
	top: -35px;
	left: 0px;
	line-height: 25px;
	font-weight: normal;
	color: #fff;
	background: #32325d;
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 3px;
	z-index: 3;
	transition: all 0.3s ease;
	transform: translateY(5px);
	opacity: 0;
	width: max-content;
	width: -moz-max-content;
}
.post-comment-link-container:hover:before,
.post-comment-link-container.active:before,
.post-comment-captcha-container:hover:before,
.post-comment-captcha-container.active:before,
#post_comment_toggle_extra_input:hover:before,
.comment-post-checkbox:hover:before {
	transform: translateY(0);
	opacity: 0.7;
}
.post-comment-link-container:before {
	content: "http(s)://";
}
#post_comment_toggle_extra_input:before {
	content: attr(tooltip-show-extra-field);
	text-transform: none;
}
.show-extra-input #post_comment_toggle_extra_input:before {
	content: attr(tooltip-hide-extra-field);
}
#post_comment_toggle_extra_input {
	border-radius: 100px;
	padding: 5px 20px;
}
#post_comment_toggle_extra_input i {
	transition: all 0.3s ease;
}
.show-extra-input #post_comment_toggle_extra_input i {
	transform: rotateZ(180deg);
}
#post_comment.logged #post_comment_name,
#post_comment.logged #post_comment_email {
	opacity: 1;
	background-color: var(--color-widgets-disabled);
	pointer-events: none;
}
.comment-post-checkbox {
	display: inline-block;
	margin-top: 15px;
	height: 30px;
	margin-right: 10px;
}
.comment-post-checkbox .custom-control-label {
	line-height: 28px;
}
#post_comment.post-comment-force-privatemode-on .comment-post-privatemode {
	opacity: 0.6;
	pointer-events: none;
}
#post_comment.post-comment-force-privatemode-on .comment-post-privatemode .custom-control-label::before {
	border-color: var(--themecolor);
	background-color: var(--themecolor);
	color: #fff;
	box-shadow: none;
}
#post_comment.post-comment-force-privatemode-on .comment-post-privatemode .custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
#post_comment.post-comment-force-privatemode-off .comment-post-privatemode {
	opacity: 0.6;
	pointer-events: none;
}
#post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::before {
	border-color: var(--color-widgets-disabled);
}
html.darkmode #post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::before {
	background: #555;
	border-color: #666;
}
#post_comment.post-comment-force-privatemode-off .comment-post-privatemode .custom-control-label::after {
	background-image: unset;
}
.comment-post-privatemode:before {
	content: attr(tooltip);
}
.comment-post-mailnotice:before {
	content: attr(tooltip);
}
#post_comment.sending .comment-post-checkbox {
	opacity: 0.6;
	pointer-events: none;
}
.comment-btn {
	margin-top: 5px;
	margin-right: 8px;
}
/*发送评论区域-编辑评论*/
#post_comment:not(.editing) .hide-on-comment-not-editing {
	display: none !important;
}
#post_comment.editing .hide-on-comment-editing {
	display: none !important;
}
#post_comment.editing .comment-post-use-markdown {
	pointer-events: none;
	opacity: 0.6;
}
#post_comment.editing .comment-post-mailnotice {
	display: none;
}
/*评论表情*/
#comment_emotion_btn {
	border-radius: 100px;
	width: 42px;
	height: 42px;
	padding: 0;
	font-size: 25px;
	background: transparent !important;
	box-shadow: none;
	color: inherit;
	border: none;
	transform: none;
	opacity: 0.8;
	margin-top: 6px;
	margin-right: 10px;
	transition: all 0.3s ease;
}
#comment_emotion_btn.comment-emotion-keyboard-open {
	border-radius: 100px;
	color: var(--themecolor);
}
.emotion-keyboard {
	max-width: min(500px, calc(100vw - 40px));
	min-width: min(300px, calc(100vw - 40px));
	display: flex;
	height: 300px;
	flex-direction: column;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: -10px;
	transform: translateY(100%) scale(0.9);
	transform-origin: top;
	transition: all 0.3s ease;
	opacity: 0;
	pointer-events: none;
}
#comment_emotion_btn.comment-emotion-keyboard-open + .emotion-keyboard {
	opacity: 1;
	transform: translateY(100%);
	pointer-events: all;
}
.emotion-keyboard-content {
	flex: 1;
	overflow-y: auto;
}
.emotion-group {
	padding: 15px 15px;
	padding-bottom: 10px;
}
.emotion-item {
	display: inline-block;
	background: var(--color-border-on-foreground);
	border-radius: 5px;
	user-select: none;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 2px 10px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.emotion-item.emotion-item-sticker {
	padding: 2px;
	background: rgba(126, 126, 126, 0.15);
}
.emotion-item > img {
	max-height: 60px;
	border-radius: 3px;
	transition: filter 0.3s ease, transform 0.3s ease;
	transition-delay: 0s;
	background: var(--color-widgets);
}
.emotion-item.emotion-item-sticker:hover > img[src^="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1vdGlvbi1sb2FkaW5nI"] {
	filter: brightness(2);
}
.emotion-item:hover {
	background: var(--themecolor);
	color: #fff;
}
.emotion-group:active
	.emotion-item:hover
	> img:not([src^="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZW1vdGlvbi1sb2FkaW5nI"]) {
	transition: all 0.3s ease;
	transition-delay: 0.3s;
	transform: scale(1.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
.emotion-group-description {
	text-align: right;
	font-size: 14px;
	opacity: 0.6;
}
.emotion-keyboard-bar {
	overflow-x: auto;
	white-space: nowrap;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06);
	transform: scaleY(-1);
}
.emotion-keyboard-bar::-webkit-scrollbar-track {
	background: transparent;
}
.emotion-keyboard-bar::-webkit-scrollbar {
	height: 5px;
}
.emotion-keyboard-bar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border: none;
}
.emotion-keyboard-bar::-webkit-scrollbar-thumb:hover {
	background-color: var(--themecolor);
}
.emotion-group-name {
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	user-select: none;
	transform: scaleY(-1);
}
.emotion-group-name:hover {
	background: var(--color-border-on-foreground);
}
.emotion-group-name.active:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--themecolor);
	height: 3px;
	pointer-events: none;
}
/*短代码适配*/
/*短代码-checkbox*/
.shortcode-todo {
	cursor: default;
	margin: 3px 0;
}
.shortcode-todo .custom-control-input {
	pointer-events: none;
}
.shortcode-todo * {
	cursor: default !important;
}
.shortcode-todo .custom-control-label span {
	transform: translateY(-2.5px);
	display: block;
	cursor: text !important;
}
.shortcode-todo.inline {
	display: inline-block;
	margin-right: 10px;
}

/*短代码-警告与折叠块*/
.admonition,
.collapse-block {
	border-radius: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	margin-bottom: 20px;
	background-color: var(--color-widgets) !important;
}
.admonition i:first-child,
.collapse-block .collapse-block-title i:first-child {
	margin-right: 5px;
}
.collapse-block.hide-border-left {
	border-left: none;
}
.collapse-block .collapse-icon {
	position: absolute;
	right: 15px;
	bottom: 15px;
	transform: rotateZ(180deg);
	transition: all 0.2s ease;
}
.collapse-block.collapsed .collapse-icon {
	transform: rotateZ(0deg);
}
.admonition-title,
.collapse-block-title {
	padding: 10px 15px;
	font-weight: bold;
}
.collapse-block-title-inner {
	max-width: calc(100% - 20px);
	display: inline-block;
}
.collapse-block-title {
	cursor: pointer;
	position: relative;
}
.admonition-body,
.collapse-block-body {
	padding: 20px 15px;
	padding-bottom: 20px;
}
.admonition-primary,
.collapse-block-primary {
	border-left-color: #7889e8;
}
.admonition-primary > .admonition-title,
.collapse-block-primary > .collapse-block-title {
	background: #7889e833;
}
.admonition-success,
.collapse-block-success {
	border-left-color: #4fd69c;
}
.admonition-success > .admonition-title,
.collapse-block-success > .collapse-block-title {
	background: #4fd69c33;
}
.admonition-danger,
.collapse-block-danger {
	border-left-color: #f75676;
}
.admonition-danger > .admonition-title,
.collapse-block-danger > .collapse-block-title {
	background: #f7567633;
}
.admonition-info,
.collapse-block-info {
	border-left-color: #37d5f2;
}
.admonition-info > .admonition-title,
.collapse-block-info > .collapse-block-title {
	background: #37d5f233;
}
.admonition-warning,
.collapse-block-warning {
	border-left-color: #fc7c5f;
}
.admonition-warning > .admonition-title,
.collapse-block-warning > .collapse-block-title {
	background: #fc7c5f33;
}
.admonition-default,
.collapse-block-default {
	border-left-color: #3c4d69;
}
.admonition-default > .admonition-title,
.collapse-block-default > .collapse-block-title {
	background: #3c4d6933;
}
.admonition-grey,
.collapse-block-grey {
	border-left-color: #888888;
}
.admonition-grey > .admonition-title,
.collapse-block-grey > .collapse-block-title {
	background: #88888833;
}

/*短代码-友链-简洁*/
.friend-links-simple .friend-category-title {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 25px;
}
.friend-links-simple .link {
	padding: 0 10px;
}
.friend-links-simple .link .card {
	padding: 12px 12px;
}
.friend-links-simple .link .friend-link-avatar {
	margin-top: 8px;
}
.friend-links-simple .link .card img {
	border: none;
	max-width: unset;
}
.friend-links-simple .link .friend-link-title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}
.friend-links-simple .link a:before {
	display: none;
}

/*短代码-友链*/
.friend-links .link {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}
.friend-links .friend-link-container {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	background-color: var(--color-widgets) !important;
}
.friend-links .link a:before {
	display: none;
}
/*短代码-友链-样式 1*/
.friend-links-style1 .friend-link-avatar {
	display: inline-block;
	width: 125px;
	height: 140px;
	border-radius: 0 65px 65px 0;
	object-fit: cover;
	pointer-events: none;
}
.friend-links-style1 .friend-link-content {
	display: inline-block;
	width: calc(100% - 125px);
	height: 140px;
	vertical-align: middle;
	padding: 10px 15px 10px 15px;
	white-space: normal;
}
.friend-links-style1 .no-avatar .friend-link-content {
	width: 100%;
}
.friend-links-style1 .friend-link-title {
	font-weight: bold;
	font-size: 18px;
	height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.friend-links-style1 .friend-link-description {
	height: 50px;
	overflow: hidden;
	line-height: 25px;
	position: relative;
}
.friend-links-style1 .friend-link-description:after {
	content: "";
	width: 45px;
	height: 22px;
	display: block;
	position: absolute;
	right: 0;
	top: 25px;
	pointer-events: none;
	background: linear-gradient(90deg, transparent 0%, var(--color-widgets) 100%);
}
.friend-links-style1 .friend-link-links {
	height: 32px;
	overflow: hidden;
	font-size: 18px;
	margin-top: 2px;
}
.friend-links-style1 .friend-link-links > a {
	margin-right: 12px;
}
/*短代码-友链-样式 1-方形头像*/
.friend-links-style1.friend-links-style1-square .friend-link-avatar {
	border-radius: 0;
	width: 130px;
}
.friend-links-style1.friend-links-style1-square .friend-link-content {
	width: calc(100% - 130px);
}
.friend-links-style1.friend-links-style1-square .no-avatar .friend-link-content {
	width: 100%;
}
/*短代码-友链-样式 2*/
.friend-links-style2 .friend-link-avatar {
	display: block;
	width: 100%;
	height: 160px;
	object-fit: cover;
	pointer-events: none;
}
.friend-links-style2 .friend-link-content {
	display: block;
	width: 100%;
	padding: 10px 15px 12px 15px;
}
.friend-links-style2 .friend-link-title {
	font-weight: bold;
	font-size: 18px;
	height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.friend-links-style2 .friend-link-description {
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.friend-links-style2 .friend-link-links {
	height: 30px;
	overflow: hidden;
	font-size: 18px;
	margin-top: 8px;
}
.friend-links-style2 .friend-link-links > a {
	margin-right: 15px;
}
/*短代码-友链-样式 2-大头像*/
.friend-links-style2.friend-links-style2-big .friend-link-avatar {
	height: calc(100vw * 0.2);
	min-height: 200px;
	max-height: 250px;
}
.friend-links-style2.friend-links-style2-big .friend-link-links > a {
	margin-right: 12px;
}
@media (min-width: 900px) {
	.friend-links.friend-links-style2-big .link {
		max-width: 33.33333%;
		flex: 0 0 33.33333%;
	}
}

/*短代码-时间线*/
.argon-timeline {
	margin-left: 110px;
	border-left: 3px solid rgba(var(--themecolor-rgbstr), 0.2);
	padding-left: 25px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 10px;
}
.argon-timeline-time {
	position: absolute !important;
	left: -110px;
	margin-top: 12px;
	width: 85px;
	text-align: right;
	font-size: 15px;
	line-height: 26px;
}
.argon-timeline-card {
	margin-bottom: 35px;
	padding: 18px 25px;
	background: var(--color-widgets) !important;
}
.argon-timeline-card:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 17px;
	background: var(--themecolor);
	width: 14px;
	height: 14px;
	border-radius: 50%;
}
.argon-timeline-title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}

/*短代码-隐藏文本*/
.argon-hidden-text {
	transition: all 0.3s ease;
}
.argon-hidden-text.argon-hidden-text-blur {
	filter: blur(4px);
}
.argon-hidden-text.argon-hidden-text-blur:hover {
	filter: blur(0px);
}
.argon-hidden-text.argon-hidden-text-background {
	background: #000;
	color: transparent;
	border-radius: 1px;
}
.argon-hidden-text.argon-hidden-text-background:hover {
	background: transparent;
	color: inherit;
	border-radius: 0px;
}

/*短代码-Github*/
.github-info-card {
	background: #24292e !important;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px 25px;
	color: #eee;
}
.github-info-card a {
	color: var(--themecolor-light);
}
.github-info-card-header {
	margin-bottom: 5px;
}
.github-info-card-header a {
	color: #eee !important;
	font-size: 16px;
}
.github-info-card-header a:before {
	display: none;
}
.github-info-card-header a i {
	margin-right: 2px;
}
.github-info-card-name-a {
	font-size: 20px;
}
.github-info-card-bottom {
	margin-top: 15px;
}
.github-info-card-bottom .github-info-card-meta {
	margin-right: 10px;
	opacity: 0.7;
}
.github-info-card-bottom .github-info-card-meta i {
	margin-right: 2px;
}
/*短代码-Github-Mini*/
.github-info-card-mini {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	align-items: center;
	padding: 15px 20px;
}
.github-info-card-mini .github-info-card-name-a {
	display: inline-block;
	margin-right: 12px;
	font-size: 19px;
}
.github-info-card-mini .github-info-card-description {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	display: inline-block;
}
.github-info-card-mini .github-info-card-body {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.github-info-card-mini .github-info-card-bottom {
	display: inline-block;
	margin-top: 0;
	margin-left: 10px;
}
.github-info-card-mini .github-info-card-header {
	margin-right: 7px;
	margin-bottom: 0;
}
.github-info-card-mini .github-info-card-header a i {
	font-size: 19px;
	transform: translateY(2px);
	margin-right: 2px;
}
.github-info-card-mini .github-info-card-bottom .github-info-card-meta-forks {
	display: none;
}
.github-info-card-mini .github-info-card-bottom .github-info-card-meta-stars {
	margin-right: 0;
}

/*短代码-进度条*/
.progress {
	background: var(--color-border-on-foreground-deeper);
}
/*Gutenburg 区块-Tab 面板*/
.argon-tabpanel {
	margin-bottom: 20px;
}
.argon-tabpanel > .tabpanel-header {
	padding: 0;
}
.argon-tabpanel > .tabpanel-body {
	background-color: var(--color-widgets) !important;
}
.argon-tabpanel .nav {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	flex-wrap: wrap;
}
.argon-tabpanel .nav-pills .nav-item {
	padding: 0;
	flex: 0;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	margin-bottom: 0;
}
.argon-tabpanel .nav-pills .nav-link {
	box-shadow: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: var(--color-widgets);
	border: solid 1px var(--color-border-on-foreground);
	border-bottom: none;
	padding: 8px 16px;
	white-space: nowrap;
}
html.darkmode .argon-tabpanel .nav-pills .nav-link {
	color: #fff;
}
.argon-tabpanel .nav-pills .nav-link:not(:first-of-type) {
	border-left: none;
}
.argon-tabpanel .nav-pills .nav-link:before {
	display: none;
}
.argon-tabpanel .nav-pills .nav-link.active,
.argon-tabpanel .nav-pills .show > .nav-link {
	background-color: var(--themecolor) !important;
}

/*noUiSlidebar*/
.noUi-connect,
.noUi-handle {
	background: var(--themecolor) !important;
}
.noUi-handle:before {
	content: attr(aria-valuenow) " px";
	position: absolute;
	left: -36px;
	top: -20px;
	font-size: 10px;
	display: block;
	width: 90px;
	text-align: center;
	transition: opacity 0.15s ease;
	opacity: 0;
	pointer-events: none;
}
.noUi-handle.noUi-active:before {
	opacity: 1;
}
.noUi-target {
	background: var(--color-border-on-foreground-deeper);
}

/*nprogress 加载进度条*/
#nprogress {
	pointer-events: none;
}
#nprogress .bar {
	background: rgba(255, 255, 255, 0.67);
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
}
body.leftbar-can-headroom.headroom---unpinned #nprogress .bar {
	background: rgba(var(--themecolor-rgbstr), 0.67);
}
#nprogress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.67), 0 0 5px rgba(255, 255, 255, 0.67);
	opacity: 1;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px;
}
#nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: rgba(255, 255, 255, 0.67);
	border-left-color: rgba(255, 255, 255, 0.67);
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
	overflow: hidden;
	position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
	position: absolute;
}
@-webkit-keyframes nprogress-spinner {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*iziToast*/
.iziToast:after {
	box-shadow: none !important;
}
.iziToast > .iziToast-close {
	opacity: 0.9 !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTcwODgxMzc1MTA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik05NTQuMzA0IDE5MC4zMzZhMTUuNTUyIDE1LjU1MiAwIDAgMSAwIDIxLjk1MmwtMzAwLjAzMiAzMDAuMDMyIDI5OC41NiAyOTguNTZhMTUuNjE2IDE1LjYxNiAwIDAgMSAwIDIyLjAxNmwtMTIwLjk2IDEyMC44OTZhMTUuNTUyIDE1LjU1MiAwIDAgMS0yMS45NTIgMEw1MTEuMzYgNjU1LjIzMiAyMTQuMjcyIDk1Mi4zMmExNS41NTIgMTUuNTUyIDAgMCAxLTIxLjk1MiAwbC0xMjAuODk2LTEyMC44OTZhMTUuNDg4IDE1LjQ4OCAwIDAgMSAwLTIxLjk1MmwyOTcuMTUyLTI5Ny4xNTJMNjkuODg4IDIxMy43NmExNS41NTIgMTUuNTUyIDAgMCAxIDAtMjEuOTUybDEyMC44OTYtMTIwLjg5NmExNS41NTIgMTUuNTUyIDAgMCAxIDIxLjk1MiAwTDUxMS4zNiAzNjkuNDcybDMwMC4wOTYtMzAwLjAzMmExNS4zNiAxNS4zNiAwIDAgMSAyMS45NTIgMGwxMjAuODk2IDEyMC44OTZ6IiBwLWlkPSIzNDExIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+)
		no-repeat 50% 50% !important;
	background-size: 10px !important;
}
.iziToast > .iziToast-body .iziToast-icon {
	font-size: 18px !important;
}
.iziToast > .iziToast-body i.fa-spin:before {
	animation: fa-spin 2s infinite linear;
	display: inline-block;
}
.iziToast.iziToast-noprogressbar .iziToast-progressbar {
	display: none;
}
/*Mathjax 相关*/
.MathJax {
	outline: none !important;
}
#MathJax_Zoom {
	background: var(--color-widgets) !important;
	border: var(--color-border-on-foreground-deeper) solid 1px !important;
	border-radius: 3px !important;
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
}
.CtxtMenu_Menu {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	border: none !important;
	border-radius: 5px !important;
}

/*LazyLoad 加载样式*/
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"] {
	width: 100%;
	max-height: 60vh;
	background-color: var(--color-border-on-foreground);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"]:not([srcset]) {
	height: 500px;
	pointer-events: none;
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-1 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOC4wNDIlIiB5MT0iMCUiIHgyPSI2NS42ODIlIiB5Mj0iMjMuODY1JSIgaWQ9ImEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNWU3MmU0IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCUiLz4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVlNzJlNCIgc3RvcC1vcGFjaXR5PSIuNjMxIiBvZmZzZXQ9IjYzLjE0NiUiLz4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVlNzJlNCIgb2Zmc2V0PSIxMDAlIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCIgaWQ9Ik92YWwtMiIgc3Ryb2tlPSJ1cmwoI2EpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICBkdXI9IjAuOXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBmaWxsPSIjNWU3MmU0IiBjeD0iMzYiIGN5PSIxOCIgcj0iMSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICAgICAgZnJvbT0iMCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIGR1cj0iMC45cyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-2 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjEiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIgogICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDIwIgogICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIKICAgICAgICAgICAgICAgIGtleVRpbWVzPSIwOyAxIgogICAgICAgICAgICAgICAga2V5U3BsaW5lcz0iMC4xNjUsIDAuODQsIDAuNDQsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS44cyIKICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgIGJlZ2luPSItMC45cyIgZHVyPSIxLjhzIgogICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IgogICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDAiCiAgICAgICAgICAgICAgICBjYWxjTW9kZT0ic3BsaW5lIgogICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiCiAgICAgICAgICAgICAgICBrZXlTcGxpbmVzPSIwLjMsIDAuNjEsIDAuMzU1LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-3 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDYuNSIgdmlld0JveD0iMCAwIDEzNSAxNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVlNzJlNCI+CiAgICA8cmVjdCB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IgogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSI2MCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0MCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjkwIiB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9yZWN0Pgo8L3N2Zz4K);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-4 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIKICAgICAgICAgICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgICAgICAgICAgZnJvbT0iMCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIGR1cj0iMXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgICAgICAgPC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-5 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjYiIHN0cm9rZS1vcGFjaXR5PSIwIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgICBiZWdpbj0iMS41cyIgZHVyPSIzcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjY7MjIiCiAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgYmVnaW49IjEuNXMiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIKICAgICAgICAgICAgICAgICBiZWdpbj0iMS41cyIgZHVyPSIzcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSI2IiBzdHJva2Utb3BhY2l0eT0iMCI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiCiAgICAgICAgICAgICAgICAgYmVnaW49IjNzIiBkdXI9IjNzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iNjsyMiIKICAgICAgICAgICAgICAgICBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIKICAgICAgICAgICAgICAgICBiZWdpbj0iM3MiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIKICAgICAgICAgICAgICAgICBiZWdpbj0iM3MiIGR1cj0iM3MiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIyOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgPGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iOCI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNXMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI2OzE7MjszOzQ7NTs2IgogICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-6 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMjAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzVlNzJlNCI+CiAgICA8Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZnJvbT0iMTUiIHRvPSIxNSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE1Ozk7MTUiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBmcm9tPSIxIiB0bz0iMSIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMC44cyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7LjU7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNjAiIGN5PSIxNSIgcj0iOSIgZmlsbC1vcGFjaXR5PSIwLjMiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGZyb209IjkiIHRvPSI5IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iOTsxNTs5IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgZnJvbT0iMC41IiB0bz0iMC41IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iLjU7MTsuNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTA1IiBjeT0iMTUiIHI9IjE1Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSIxNSIgdG89IjE1IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTU7OTsxNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjEiIHRvPSIxIgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsuNTsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+Cjwvc3ZnPgo=);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-7 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NSA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjNWU3MmU0Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgODApIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMjAiIHJ4PSIzIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSI0LjNzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMjA7NDU7NTc7ODA7NjQ7MzI7NjY7NDU7NjQ7MjM7NjY7MTM7NjQ7NTY7MzQ7MzQ7MjsyMzs3Njs3OTsyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iMTUiIHdpZHRoPSIxMCIgaGVpZ2h0PSI4MCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjJzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iODA7NTU7MzM7NTs3NTsyMzs3MzszMzsxMjsxNDs2MDs4MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iMzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSI1MCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI1MDszNDs3ODsyMzs1NjsyMzszNDs3Njs4MDs1NDsyMTs1MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L3JlY3Q+CiAgICAgICAgPHJlY3QgeD0iNDUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIzMCIgcng9IjMiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjJzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMzA7NDU7MTM7ODA7NTY7NzI7NDU7NzY7MzQ7MjM7Njc7MzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9yZWN0PgogICAgPC9nPgo8L3N2Zz4=);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-8 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAxMDUgMTA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1ZTcyZTQiPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSI1Mi41IiByPSIxMi41IiBmaWxsLW9wYWNpdHk9Ii41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSIxMDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI1Mi41IiBjeT0iMTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMzAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNTIuNSIgY3k9IjUyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjYwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjkyLjUiIGN5PSIxMi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI4MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iNTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iNDAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjkyLjUiIHI9IjEyLjUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgYmVnaW49IjcwMG1zIiBkdXI9IjFzIgogICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjUyLjUiIGN5PSI5Mi41IiByPSIxMi41Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgIGJlZ2luPSI1MDBtcyIgZHVyPSIxcyIKICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iOTIuNSIgcj0iMTIuNSI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICBiZWdpbj0iMjAwbXMiIGR1cj0iMXMiCiAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvY2lyY2xlPgo8L3N2Zz4K);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-9 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA1OCA1OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAxKSIgc3Ryb2tlPSIjNWU3MmU0IiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQyLjYwMSIgY3k9IjExLjQ2MiIgcj0iNSIgZmlsbC1vcGFjaXR5PSIxIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMTswOzA7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQ5LjA2MyIgY3k9IjI3LjA2MyIgcj0iNSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMDsxOzA7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjQyLjYwMSIgY3k9IjQyLjY2MyIgcj0iNSIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjNWU3MmU0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iMDswOzE7MDswOzA7MDswIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjI3IiBjeT0iNDkuMTI1IiByPSI1IiBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9IiM1ZTcyZTQiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS4zcyIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIwOzA7MDsxOzA7MDswOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iMTEuMzk5IiBjeT0iNDIuNjYzIiByPSI1IiBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9IiM1ZTcyZTQiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IgogICAgICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS4zcyIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSIwOzA7MDswOzE7MDswOzAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNC45MzgiIGN5PSIyNy4wNjMiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDsxOzA7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIxMS4zOTkiIGN5PSIxMS40NjIiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDswOzE7MCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iIzVlNzJlNCI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7MDswOzA7MDswOzA7MSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-10 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAxMzUgMTM1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1ZTcyZTQiPgogICAgPHBhdGggZD0iTTY3LjQ0NyA1OGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwcy00LjQ3Ny0xMC0xMC0xMC0xMCA0LjQ3Ny0xMCAxMCA0LjQ3NyAxMCAxMCAxMHptOS40NDggOS40NDdjMCA1LjUyMyA0LjQ3NyAxMCAxMCAxMCA1LjUyMiAwIDEwLTQuNDc3IDEwLTEwcy00LjQ3OC0xMC0xMC0xMGMtNS41MjMgMC0xMCA0LjQ3Ny0xMCAxMHptLTkuNDQ4IDkuNDQ4Yy01LjUyMyAwLTEwIDQuNDc3LTEwIDEwIDAgNS41MjIgNC40NzcgMTAgMTAgMTBzMTAtNC40NzggMTAtMTBjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMHpNNTggNjcuNDQ3YzAtNS41MjMtNC40NzctMTAtMTAtMTBzLTEwIDQuNDc3LTEwIDEwIDQuNDc3IDEwIDEwIDEwIDEwLTQuNDc3IDEwLTEweiI+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgIGZyb209IjAgNjcgNjciCiAgICAgICAgICAgIHRvPSItMzYwIDY3IDY3IgogICAgICAgICAgICBkdXI9IjIuNXMiCiAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L3BhdGg+CiAgICA8cGF0aCBkPSJNMjguMTkgNDAuMzFjNi42MjcgMCAxMi01LjM3NCAxMi0xMiAwLTYuNjI4LTUuMzczLTEyLTEyLTEyLTYuNjI4IDAtMTIgNS4zNzItMTIgMTIgMCA2LjYyNiA1LjM3MiAxMiAxMiAxMnptMzAuNzItMTkuODI1YzQuNjg2IDQuNjg3IDEyLjI4NCA0LjY4NyAxNi45NyAwIDQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3LTQuNjg2LTQuNjg3LTEyLjI4NC00LjY4Ny0xNi45NyAwLTQuNjg3IDQuNjg2LTQuNjg3IDEyLjI4NCAwIDE2Ljk3em0zNS43NCA3LjcwNWMwIDYuNjI3IDUuMzcgMTIgMTIgMTIgNi42MjYgMCAxMi01LjM3MyAxMi0xMiAwLTYuNjI4LTUuMzc0LTEyLTEyLTEyLTYuNjMgMC0xMiA1LjM3Mi0xMiAxMnptMTkuODIyIDMwLjcyYy00LjY4NiA0LjY4Ni00LjY4NiAxMi4yODQgMCAxNi45NyA0LjY4NyA0LjY4NiAxMi4yODUgNC42ODYgMTYuOTcgMCA0LjY4Ny00LjY4NiA0LjY4Ny0xMi4yODQgMC0xNi45Ny00LjY4NS00LjY4Ny0xMi4yODMtNC42ODctMTYuOTcgMHptLTcuNzA0IDM1Ljc0Yy02LjYyNyAwLTEyIDUuMzctMTIgMTIgMCA2LjYyNiA1LjM3MyAxMiAxMiAxMnMxMi01LjM3NCAxMi0xMmMwLTYuNjMtNS4zNzMtMTItMTItMTJ6bS0zMC43MiAxOS44MjJjLTQuNjg2LTQuNjg2LTEyLjI4NC00LjY4Ni0xNi45NyAwLTQuNjg2IDQuNjg3LTQuNjg2IDEyLjI4NSAwIDE2Ljk3IDQuNjg2IDQuNjg3IDEyLjI4NCA0LjY4NyAxNi45NyAwIDQuNjg3LTQuNjg1IDQuNjg3LTEyLjI4MyAwLTE2Ljk3em0tMzUuNzQtNy43MDRjMC02LjYyNy01LjM3Mi0xMi0xMi0xMi02LjYyNiAwLTEyIDUuMzczLTEyIDEyczUuMzc0IDEyIDEyIDEyYzYuNjI4IDAgMTItNS4zNzMgMTItMTJ6bS0xOS44MjMtMzAuNzJjNC42ODctNC42ODYgNC42ODctMTIuMjg0IDAtMTYuOTctNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDAtNC42ODcgNC42ODYtNC42ODcgMTIuMjg0IDAgMTYuOTcgNC42ODYgNC42ODcgMTIuMjg0IDQuNjg3IDE2Ljk3IDB6Ij4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybQogICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgZnJvbT0iMCA2NyA2NyIKICAgICAgICAgICAgdG89IjM2MCA2NyA2NyIKICAgICAgICAgICAgZHVyPSI4cyIKICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvcGF0aD4KPC9zdmc+Cg==);
}
article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"].lazyload-style-11 {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM1ZTcyZTQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjU7Mjc7NDk7NSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1OzUwOzUwOzUiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3IgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI3OzQ5OzU7MjciCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNDkiIGN5PSI1MCIgcj0iNSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTA7NTA7NTs1MCIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIKICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNDk7NTsyNzs0OSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

/*Fancybox 样式*/
.fancybox-wrapper {
	width: max-content;
	max-width: 100%;
}
figure > .fancybox-wrapper,
figure > a > .fancybox-wrapper {
	width: unset;
}
.fancybox-wrapper.lazyload-container-unload {
	width: 100%;
}

.fancybox-wrapper > img {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
/*Zoomify 样式*/
.zoomify {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.zoomify.zoomed {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	z-index: 1501;
}
.zoomify-shadow {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1500;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
}
.zoomify-shadow.zoomed {
	opacity: 1;
	cursor: pointer;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.noscroll {
	overflow: hidden !important;
}
body.noscroll:before {
	opacity: 0 !important;
}

/*Share.js*/
#share_container {
	height: 38px;
	margin-bottom: 25px;
	position: relative;
}
#share,
#share_show {
	width: max-content;
	width: -moz-max-content;
	transition: all 0.3s ease;
}
#share {
	margin-left: auto;
	max-width: 100%;
	transform: translateY(50px);
	opacity: 0;
	pointer-events: none;
}
#share_show {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 1;
}
#share_container.opened #share {
	transform: none;
	opacity: 1;
	pointer-events: unset;
}
#share_container.opened #share_show {
	top: -50px;
	opacity: 0;
	pointer-events: none;
}
#share_container.opened {
	height: max-content;
	height: -moa-max-content;
	margin-bottom: 10px;
	min-height: 38px;
}
#share_container .btn {
	height: 36px;
	padding: 0 15px;
	line-height: 36px;
	margin-left: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	min-width: 50px;
}
#share .icon-wechat {
	position: relative;
}
#share .icon-wechat .wechat-qrcode {
	position: absolute;
	z-index: 2;
	bottom: 50px;
	right: 0px;
	width: max-content;
	width: -moz-max-content;
	background: var(--color-widgets);
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	text-align: center;
	padding: 15px 30px;
	transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
	transform: translate(0, -10px) perspective(100px) rotateX(3deg);
	opacity: 0;
	border-radius: 3px;
	pointer-events: none;
}
#share .icon-wechat:hover .wechat-qrcode {
	transform: translate(0, 0);
	opacity: 1;
}
#share .wechat-qrcode:before {
	position: absolute;
	z-index: 3;
	top: calc(100% - 1em - 2px);
	right: 35px;
	display: block;
	width: 16px;
	height: 16px;
	content: "";
	transform: rotate(-45deg) translateY(1rem);
	border-radius: 0.2rem;
	background: var(--color-widgets);
}
#share .qrcode img {
	margin: auto;
}
#share .wechat-qrcode h4 {
	font-size: 18px;
	padding-bottom: 10px;
}
#share .wechat-qrcode .help {
	color: #000;
	padding-top: 20px;
	padding-bottom: 5px;
}
#share > a {
	position: relative;
}
#share > a:before,
#share_show:before {
	pointer-events: none;
	position: absolute;
	top: -50px;
	right: 0px;
	line-height: 25px;
	width: max-content;
	width: -moz-max-content;
	text-align: center;
	font-weight: normal;
	color: #fff;
	background: #32325d;
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 3px;
	z-index: 3;
	transition: all 0.3s ease;
	transform: translateY(5px);
	opacity: 0;
}
#share > a:hover:before,
#share_show:hover:before {
	transform: translateY(0);
	opacity: 0.7;
}
#share_show:before {
	content: attr(tooltip);
	top: -40px;
	height: max-content;
	height: -moz-max-content;
	text-transform: none;
}
#share .icon-douban:before {
	content: attr(tooltip);
}
#share .icon-qq:before {
	content: attr(tooltip);
}
#share .icon-qzone:before {
	content: attr(tooltip);
}
#share .icon-weibo:before {
	content: attr(tooltip);
}
#share .icon-facebook:before {
	content: attr(tooltip);
}
#share .icon-twitter:before {
	content: attr(tooltip);
}
#share .icon-telegram:before {
	content: attr(tooltip);
}
#share .icon-copy-link:before {
	content: attr(tooltip);
}

/*Wordpress Adminbar*/
#wpadminbar {
	position: fixed !important;
	width: max-content !important;
	height: max-content !important;
	width: -moz-max-content !important;
	height: -moz-max-content !important;
	min-height: 55px;
	max-width: 100vw;
	background: var(--themecolor) !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	border-radius: 0 100px 100px 0;
	padding: 10px 20px;
	top: calc(50vh - 27.5px) !important;
	left: 0 !important;
	transform: translateX(calc(-100% + 25px));
	transition: all 0.3s ease;
}
#wpadminbar:hover {
	transform: none !important;
}
#wpadminbar:after {
	content: "\f105";
	font: normal normal normal 20px/1 FontAwesome;
	position: absolute;
	top: 50%;
	transform: translateY(calc(-50% - 2px));
	right: 10px;
	transition: all 0.3s ease;
	color: #fff;
}
#wpadminbar:hover:after {
	opacity: 0;
}
html[class],
html[lang] {
	margin-top: 0 !important;
}

/*说说*/
.shuoshuo-container {
	margin-bottom: 25px;
}
.shuoshuo-meta {
	text-align: center;
	background: var(--color-foreground);
	border-radius: 5px 5px 0 0;
	width: max-content;
	width: -moz-max-content;
	padding: 3px 15px;
	font-size: 15px;
	opacity: 0.95;
}
.shuoshuo-meta i.fa {
	margin-right: 3px;
}
.shuoshuo-date-date,
.shuoshuo-date-month {
	font-size: 18px;
}
.shuoshuo-main {
	border-top-left-radius: 0;
	padding: 20px 20px;
}
.shuoshuo-title {
	font-size: 18px;
	color: #555;
	font-weight: bold;
	margin-bottom: 10px;
	width: max-content;
	width: -moz-max-content;
	max-width: 100%;
}
.shuoshuo-content {
	padding-bottom: 10px;
}
.shuoshuo-content p {
	margin-bottom: 0;
	line-height: 1.8;
}
.shuoshuo-content * {
	max-width: 100%;
}
.shuoshuo-comments {
	font-size: 14px;
	opacity: 0.85;
	margin-top: 10px;
}
.shuoshuo-comments li {
	list-style: none;
}
.shuoshuo-comment-item-title {
	font-weight: bold;
}
.shuoshuo-comment-item-title .badge-admin,
.shuoshuo-comment-item-title .badge-private-comment,
.shuoshuo-comment-item-title .badge-unapproved {
	transform: translateY(-2px);
	padding: 3px 5px;
}
.shuoshuo-comments .comment-item-inner {
	margin-top: 2px;
	padding-bottom: 3px;
	border: none !important;
}
.shuoshuo-comments ul.children {
	padding-inline-start: 20px;
}
.shuoshuo-operations {
	margin-top: 5px;
	margin-left: auto;
	width: max-content;
	width: -moz-max-content;
}
.shuoshuo-operations button {
	margin-left: 3px;
}
.shuoshuo-operations button.upvoted {
	color: #fff;
	border-color: var(--themecolor);
	background-color: var(--themecolor);
	pointer-events: none;
}
@keyframes shuoshuo-upvoted-animation {
	0% {
		transform: none;
	}
	50% {
		transform: scale(1.35);
	}
	100% {
		transform: none;
	}
}
.shuoshuo-upvoted-animation i.fa {
	animation: shuoshuo-upvoted-animation 1s ease;
}
.shuoshuo-upvote i.fa-spin {
	display: none;
}
.shuoshuo-upvote.shuoshuo-upvoting i.fa-spin {
	display: inline-block;
}
.shuoshuo-upvote.shuoshuo-upvoting {
	opacity: 0.8;
	pointer-events: none;
}

.shuoshuo-preview-container {
	margin-bottom: 20px;
	padding: 25px 35px;
	transition: opacity 0.5s ease;
}
.shuoshuo-preview-container:before {
	content: "";
	display: block;
	position: absolute;
	left: -20px;
	top: -10px;
	width: 40px;
	height: 30px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgzNDIzNDcwNTE4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMwOTciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNzc1Ljk5MTUxIDQzNy43MjYzOWM0OC4xMzEyMDctNzQuODg3NTk0IDExNi4yODY0Ny0xMzguMjQ5NjkxIDE4My4wMzg3OC0xODMuNTU2NTczbC03NS4xMzQyMTEtNzkuNDAxMzk4Yy0xNzIuNDgwMzA2IDY3LjY0MDU0LTMzNi43ODMzNzMgMjQyLjYxMTU3My0zMzYuNzgzMzczIDQ0OC40MzkzODJsMS4zMjcyMjggMGMtMC41Njg5NTggNi4yMzE5MzUtMC44NzQ5MjcgMTIuNTQwNjE3LTAuODc0OTI3IDE4LjkyMDkzMiAwIDExMy41ODU5NjUgOTIuMDc3MDkyIDIwNS42NjMwNTYgMjA1LjY2MzA1NiAyMDUuNjYzMDU2IDExMy41ODE4NzEgMCAyMDUuNjYzMDU2LTkyLjA3NzA5MiAyMDUuNjYzMDU2LTIwNS42NjMwNTZDOTU4Ljg5MjE0MyA1MzYuMjM5MDU0IDg3OC44NjAzODkgNDQ5LjA1NTQxMiA3NzUuOTkxNTEgNDM3LjcyNjM5ek00NzIuOTE2ODY2IDI1NC4xNjk4MTdsLTc1LjEzNDIxMS03OS40MDEzOThjLTE3Mi40ODAzMDYgNjcuNjQwNTQtMzM2Ljc4MzM3MyAyNDIuNjExNTczLTMzNi43ODMzNzMgNDQ4LjQzOTM4MmwxLjMyNzIyOCAwYy0wLjU2ODk1OCA2LjIzMTkzNS0wLjg3NDkyNyAxMi41NDA2MTctMC44NzQ5MjcgMTguOTIwOTMyIDAgMTEzLjU4NTk2NSA5Mi4wNzcwOTIgMjA1LjY2MzA1NiAyMDUuNjYzMDU2IDIwNS42NjMwNTZzMjA1LjY2MzA1Ni05Mi4wNzcwOTIgMjA1LjY2MzA1Ni0yMDUuNjYzMDU2YzAtMTA1Ljg5MDcwMi04MC4wMjg2ODUtMTkzLjA3NTM2Ny0xODIuOTAwNjMzLTIwNC40MDMzNjdDMzM4LjAwODI3IDM2Mi44Mzg3OTUgNDA2LjE2MzUzMyAyOTkuNDc2Njk5IDQ3Mi45MTY4NjYgMjU0LjE2OTgxN3oiIHAtaWQ9IjMwOTgiIGZpbGw9IiNmZmZmZmYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmkyIiBjbGFzcz0ic2VsZWN0ZWQiPjwvcGF0aD48L3N2Zz4=);
	background-color: var(--themecolor);
	background-position: 40% 35%;
	border-radius: 20px;
	background-size: 32%;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.shuoshuo-preview-container:hover:before {
	left: -20px;
	top: -10px;
	width: 40px;
	height: 40px;
	background-position: 45% 45%;
	border-radius: 20px;
	background-size: 40%;
	background-repeat: no-repeat;
}
.shuoshuo-preview-meta {
	font-size: 14px;
	opacity: 0.6;
	transition: all 0.3s ease;
	margin-top: 10px;
}
.shuoshuo-preview-container .shuoshuo-preview-meta:hover {
	opacity: 0.8;
}
.shuoshuo-preview-meta .shuoshuo-date-date,
.shuoshuo-preview-meta .shuoshuo-date-month {
	font-size: 14px;
}
.shuoshuo-preview-link {
	position: absolute;
	right: 20px;
	bottom: 25px;
	opacity: 0;
	transition: all 0.3s ease;
}
.shuoshuo-preview-container:hover .shuoshuo-preview-link {
	opacity: 1;
}
.post-list-pjax-loading .shuoshuo-preview-container {
	opacity: 0;
	pointer-events: none;
}
.shuoshuo-content.shuoshuo-folded {
	position: relative;
	max-height: 400px;
	overflow: hidden;
}
.shuoshuo-content.shuoshuo-folded:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 150px;
	background: linear-gradient(180deg, transparent 0%, var(--color-foreground) 100%);
	pointer-events: none;
}
.shuoshuo-content.shuoshuo-folded .show-full-shuoshuo {
	position: absolute;
	bottom: 10px;
	right: 50%;
	transform: translateX(50%);
	color: var(--themecolor);
	z-index: 2;
	text-align: left;
	cursor: pointer;
	user-select: none;
	opacity: 1;
}
.shuoshuo-content.shuoshuo-folded .show-full-shuoshuo > button {
	border-radius: var(--card-radius);
	padding: 5px 20px;
	opacity: 0.8;
}
.shuoshuo-content.shuoshuo-folded .show-full-shuoshuo button:hover {
	opacity: 1;
}

.shuoshuo-content:not(.shuoshuo-folded) .show-full-shuoshuo {
	display: none;
}
/*归档时间轴*/
.archive-timeline {
	padding-top: 10px;
}
.archive-timeline-title {
	box-shadow: none;
	border: none;
	background: transparent !important;
	font-size: 18px;
	padding: 0;
	margin-left: 1px;
	margin-bottom: 25px;
	padding-top: 7px;
}
.archive-timeline-year {
	font-size: 30px;
	color: var(--themecolor);
	margin-top: 12px !important;
	margin-bottom: 0;
}
.archive-timeline-month {
	font-size: 24px;
	color: var(--themecolor);
	opacity: 0.8;
	margin-top: 12px !important;
	margin-bottom: 0;
	font-weight: unset;
}
.archive-timeline-year + .archive-timeline-title {
	height: 50px;
	margin-top: 30px;
}
.archive-timeline *:not(.archive-timeline-year) + .archive-timeline-title:before {
	width: 12px;
	height: 12px;
	left: -34px;
	top: 18px;
}
.archive-timeline-month + .archive-timeline-title {
	height: 30px;
}
.archive-timeline-month.first-month-of-year + .archive-timeline-title {
	margin-top: -10px;
}
.archive-timeline-title > a {
	width: max-content;
	max-width: 100%;
}
.argon-timeline-time > a:before,
.archive-timeline-title > a:before {
	display: none;
}
.argon-timeline-node:first-child > .archive-timeline-year + .archive-timeline-title {
	margin-top: 0;
}
.archive-timeline h2:before,
.archive-timeline h3:before,
.archive-timeline h2:after,
.archive-timeline h3:after {
	display: none !important;
}
/*Loading Dot*/
.loading-css-animation {
	text-align: center;
}
.loading-dot {
	display: inline-block;
	background: var(--themecolor);
	height: 6px;
	width: 6px;
	opacity: 0;
	border-radius: 50%;
	transform: translateX(-300px);
	animation: loading-animation 4s infinite ease;
}
.loading-dot-1 {
	animation-delay: 0.8s;
}
.loading-dot-2 {
	animation-delay: 0.7s;
}
.loading-dot-3 {
	animation-delay: 0.6s;
}
.loading-dot-4 {
	animation-delay: 0.5s;
}
.loading-dot-5 {
	animation-delay: 0.4s;
}
.loading-dot-6 {
	animation-delay: 0.3s;
}
.loading-dot-7 {
	animation-delay: 0.2s;
}
.loading-dot-8 {
	animation-delay: 0.1s;
}
@keyframes loading-animation {
	40% {
		transform: translateX(0);
		opacity: 0.8;
	}
	100% {
		transform: translateX(300px);
		opacity: 0;
	}
}
/*Loading Spinner*/
@keyframes spin {
	to {
		transform: rotate(1turn);
	}
}
.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spin 0.75s linear infinite;
}
.spinner-border-sm {
	width: 1rem;
	height: 1rem;
	border-width: 0.2em;
}
/*Loading Spinner Grow*/
@keyframes grow {
	0% {
		transform: scale(0);
	}
	50% {
		opacity: 1;
	}
}
.spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	animation: grow 0.75s linear infinite;
}
.spinner-grow-sm {
	width: 1rem;
	height: 1rem;
}
/*Highlight.js*/
article table.hljs-ln > tbody > tr > td,
article table.hljs-ln > tbody > tr > th,
article table.hljs-ln > tfoot > tr > td,
article table.hljs-ln > tfoot > tr > th,
article table.hljs-ln > thead > tr > td,
article table.hljs-ln > thead > tr > th {
	padding: unset;
	vertical-align: unset;
	border: unset !important;
}
.hljs {
	overflow-x: auto;
}
pre.hljs-codeblock {
	overflow: visible;
	position: relative;
	tab-size: 4;
}
pre.hljs-codeblock:before {
	content: "";
	position: absolute;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDU0IDE0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjRkY1RjU2IiBzdHJva2U9IiNFMDQ0M0UiIHN0cm9rZS13aWR0aD0iLjUiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iI0ZGQkQyRSIgc3Ryb2tlPSIjREVBMTIzIiBzdHJva2Utd2lkdGg9Ii41Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI0NiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMyN0M5M0YiIHN0cm9rZT0iIzFBQUIyOSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==)
		no-repeat;
	background-position-y: center;
	top: 22px;
	left: 20px;
	height: 14px;
	width: 54px;
	margin-left: 5px;
	display: block;
}
code[hljs-codeblock-inner] {
	line-height: 1.5;
	font-size: 16px;
	padding: 22px 20px !important;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	padding-top: 55px !important;
	display: block;
}
.hljs-ln-numbers {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	vertical-align: top;
	padding-right: 12px !important;
	position: absolute;
	left: 20px;
	width: 30px;
	overflow-x: visible !important;
	white-space: nowrap;
	transition: all 0.3s ease;
}
.hljs-ln-numbers:before {
	content: "";
	position: absolute;
	left: -20px;
	width: 20px;
	height: 100%;
	background: inherit;
}
pre.hljs-codeblock.hljs-transparent-linenumber .hljs-ln-numbers {
	background: transparent !important;
}
.hljs-ln-code {
	padding-left: 30px !important;
	transition: all 0.3s ease;
}
pre.hljs-codeblock.hljs-break-line .hljs-ln-code {
	line-break: anywhere;
	white-space: break-spaces;
}
pre.hljs-codeblock:not(.hljs-break-line) .hljs-ln-code {
	white-space: pre;
}
code[hljs-codeblock-inner]::-webkit-scrollbar-track {
	border: none;
	background: transparent !important;
}
code[hljs-codeblock-inner]::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3) !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 10px;
	transition: background 0.3s ease;
}
code[hljs-codeblock-inner]::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5) !important;
}
code[hljs-codeblock-inner]::-webkit-scrollbar {
	background: transparent;
	height: 6px;
}
code[hljs-codeblock-inner] *::selection {
	background-color: rgba(204, 226, 255, 0.2) !important;
}
pre.hljs-codeblock.hljs-codeblock-fullscreen {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	margin: 0 !important;
	animation: codeblock-fullscreen 0.5s cubic-bezier(0.18, 0.89, 0.37, 1.12);
}
pre.hljs-codeblock.hljs-codeblock-fullscreen > code[hljs-codeblock-inner] {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0;
	margin: 0 !important;
}
pre.hljs-codeblock.hljs-codeblock-fullscreen:before {
	z-index: 10001;
}
@keyframes codeblock-fullscreen {
	0% {
		transform: scale(0.5);
		opacity: 1;
	}
	100% {
		transform: none;
		opacity: 1;
	}
}
pre.hljs-codeblock.hljs-hide-linenumber .hljs-ln-numbers.hljs {
	width: 0px;
	opacity: 0;
}
pre.hljs-codeblock.hljs-hide-linenumber .hljs-ln-code {
	padding-left: 4px !important;
}
pre.hljs-codeblock .hljs-control {
	display: block;
	position: absolute;
	top: 16px !important;
	right: 20px !important;
	user-select: none;
	opacity: 0;
	transition: all 0.2s ease;
	white-space: nowrap;
	overflow: visible;
	background: transparent;
	padding: 0;
	margin: 0;
}
pre.hljs-codeblock:hover .hljs-control {
	opacity: 0.4;
}
pre.hljs-codeblock:hover .hljs-control:hover {
	opacity: 1;
}
pre.hljs-codeblock .hljs-control i.fa {
	font: normal normal normal 14px/1 FontAwesome !important;
}
.hljs-control .hljs-control-btn {
	display: inline-block;
	opacity: 0.8;
	transition: all 0.2s ease;
	cursor: pointer;
	margin-left: 15px;
	width: 12px;
	position: relative;
}
.hljs-control .hljs-control-btn:hover {
	opacity: 0.5;
}
.hljs-control-btn:before {
	position: absolute;
	top: 22px;
	left: -40px;
	width: 92px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	font-size: 12px;
	font-family: sans-serif;
}
.hljs-control-btn:hover:before {
	opacity: 1;
	top: 25px;
}
.hljs-control-toggle-linenumber:before {
	content: attr(tooltip-hide-linenumber);
}
pre.hljs-codeblock.hljs-hide-linenumber .hljs-control-toggle-linenumber:before {
	content: attr(tooltip-show-linenumber);
}
.hljs-control-toggle-break-line:before {
	content: attr(tooltip-enable-breakline);
}
pre.hljs-codeblock.hljs-break-line .hljs-control-toggle-break-line:before {
	content: attr(tooltip-disable-breakline);
}
.hljs-control-copy:before {
	content: attr(tooltip);
}
.hljs-control-fullscreen:before {
	content: attr(tooltip-fullscreen);
}
pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen:before {
	content: attr(tooltip-exit-fullscreen);
}
pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control-fullscreen > i:before {
	content: "\f066";
}

/*==========Style-Dark==========*/

html.darkmode body {
	color: #eee;
}
html.darkmode body:before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.2);
	z-index: 999999999;
	pointer-events: none;
	transition: background 0.3s ease;
}
html.darkmode body.fancybox-active:before {
	background: rgba(0, 0, 0, 0);
}
html.darkmode .h1,
html.darkmode .h2,
html.darkmode .h3,
html.darkmode .h4,
html.darkmode .h5,
html.darkmode .h6,
html.darkmode h1,
html.darkmode h2,
html.darkmode h3,
html.darkmode h4,
html.darkmode h5,
html.darkmode h6 {
	color: #eee;
}
html.darkmode a {
	color: var(--themecolor-light);
}
html.darkmode a:hover {
	color: var(--themecolor);
}

html.darkmode ::-webkit-scrollbar {
	background-color: rgba(255, 255, 255, 0);
}
html.darkmode ::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.25);
}

html.darkmode .leftbar-menu-item > a {
	color: #eee !important;
}

html.darkmode .site-state-item-count,
html.darkmode .site-author-links-item > a,
html.darkmode .site-friend-links-item > a {
	color: #eee !important;
}

html.darkmode .site-state-item-name {
	color: #aaa;
}

html.darkmode .banner {
	background-color: var(--color-darkmode-banner);
}
html.darkmode .leftbar-banner {
	background: var(--color-widgets);
}

html.darkmode #footer {
	background: var(--color-foreground) !important;
}

html.darkmode .close > span:not(.sr-only) {
	color: #eee;
}

html.darkmode .fabtn {
	color: #eee;
}
html.darkmode .fabtn:hover {
	background: var(--color-border-on-foreground-deeper) !important;
}
html.darkmode .tag.badge {
	color: #eee;
}

html.darkmode .dropdown-item:active {
	background: var(--color-border-on-foreground-deeper);
}
html.darkmode .dropdown-item {
	color: #eee !important;
}

html.darkmode #leftbar_catalog .index-item,
html.darkmode #leftbar_catalog .index-link {
	color: #eee;
}
html.darkmode #leftbar_catalog .index-item.current > .index-link {
	color: var(--themecolor-light);
}

html.darkmode article .post-content pre:not(.hljs-codeblock) {
	color: #eee;
}
html.darkmode article .post-content code:not([hljs-codeblock-inner]) {
	color: #eee;
}
html.darkmode .form-control {
	color: #eee;
}
html.darkmode input[disabled],
html.darkmode textarea[disabled],
html.darkmode #post_comment.logged #post_comment_name,
html.darkmode #post_comment.logged #post_comment_email {
	opacity: 0.3;
}

html.darkmode .comment-item-text .comment-image {
	color: var(--themecolor-light) !important;
}
html.darkmode #blog_setting_darkmode_switch .custom-toggle-slider {
	border-color: var(--themecolor);
}
html.darkmode #blog_setting_darkmode_switch .custom-toggle-slider:before {
	transform: translateX(1.625rem);
	background-color: var(--themecolor);
}
html.darkmode .badge {
	color: #eee;
}
html.darkmode .page-link {
	color: #eee !important;
}
html.darkmode .zoomify-shadow {
	background: rgba(0, 0, 0, 0.6);
}
html.darkmode #share .wechat-qrcode .help {
	color: #eee;
}
html.darkmode .github-info-card {
	background: #24292e !important;
}
html.darkmode .CtxtMenu_Menu {
	filter: invert(0.8);
}

/*==========Style-Dark-For-AMOLED==========*/

html.darkmode.amoled-dark .leftbar-banner {
	background: var(--color-foreground);
}
html.darkmode.amoled-dark .github-info-card {
	background: #000 !important;
	border: 1px solid #222;
}
html.darkmode.amoled-dark #content:before,
html.darkmode.amoled-dark #content:after {
	display: none;
}

/*==========Style-Mobile==========*/

@media screen and (max-width: 900px) {
	#navbar_global {
		background: var(--color-foreground);
	}
	#float_action_buttons #fabtn_open_sidebar {
		display: block;
	}
	#leftbar {
		position: fixed;
		background: var(--color-foreground);
		top: 0;
		left: -300px;
		height: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 0;
		padding: 0;
		overflow: auto;
		z-index: 1002;
		box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important;
		transition: all 0.3s ease;
	}
	#leftbar_part1,
	#leftbar_part2 {
		box-shadow: none !important;
	}
	#leftbar_part2 {
		position: relative !important;
		width: 100% !important;
		top: unset !important;
	}
	#leftbar_part2_inner {
		max-height: unset;
		height: max-content;
		height: -moz-max-content;
	}
	#leftbar_part2_inner:before {
		content: "";
		display: block;
		margin: auto;
		margin-bottom: 15px;
		transform: translateY(-10px);
		width: 80%;
		height: 1px;
		background: var(--color-border-on-foreground-deeper);
	}
	#leftbar::-webkit-scrollbar {
		display: none;
	}
	html.leftbar-opened {
		overflow: hidden;
	}
	.leftbar-opened #leftbar {
		left: 0px;
	}
	#sidebar_mask {
		position: fixed;
		display: block;
		opacity: 0;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		z-index: 1001;
		background: rgba(0, 0, 0, 0.5);
		transition: opacity 0.3s ease;
	}
	.leftbar-opened #sidebar_mask {
		opacity: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1001;
	}
	.leftbar-menu-item {
		overflow: hidden;
	}
	.leftbar-menu-item:hover {
		height: max-content;
	}
	.leftbar-menu-item:hover:after {
		transform: rotateZ(90deg) translateY(1px);
	}
	.leftbar-menu-subitem {
		position: static;
		width: calc(100% - 10px) !important;
		margin-left: 10px;
		box-shadow: none !important;
	}
	.leftbar-menu-item:hover .leftbar-menu-subitem {
		position: static;
		width: 100%;
		box-shadow: none;
	}
	.leftbar-banner {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 20px;
		text-align: left;
		border-radius: 0;
	}
	.leftbar-banner-subtitle {
		margin-top: 10px;
	}
	#leftbar_announcement {
		border-radius: 0;
		margin-bottom: 0;
		background: linear-gradient(180deg, var(--themecolor-dark), var(--themecolor) 90%);
	}
	html.darkmode #leftbar_announcement {
		background: var(--color-border-on-foreground) !important;
	}
	#leftbar_announcement:after {
		content: "";
		height: 1px;
		background: #fff;
		opacity: 0.15;
		margin-left: 15px;
		margin-right: 15px;
	}
	.leftbar-announcement-body {
		opacity: 0.8;
		padding-top: 20px;
	}
	#leftbar_announcement ~ #leftbar_part1 .leftbar-banner {
		background: var(--themecolor) !important;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	html.darkmode #leftbar_announcement ~ #leftbar_part1 .leftbar-banner {
		background: var(--color-border-on-foreground) !important;
	}
	#primary {
		width: 100%;
	}
	#main {
		padding: 5px;
	}

	.post-header.post-header-with-thumbnail .post-header-text-container {
		padding-bottom: 20px;
	}
	.post-thumbnail {
		max-height: 30vh;
	}
	.post-header.post-header-with-thumbnail .post-header-text-container {
		padding-bottom: 20px;
	}

	.post-donate img {
		max-width: 70vw;
	}

	#comments .children {
		padding-inline-start: 15px;
	}
}
@media screen and (max-width: 1000px) {
	.navbar-main {
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-main .container {
		margin: 0;
		max-width: 100vw;
	}
	.navbar-toggler-icon {
		width: 20px;
		height: 20px;
	}
}
@media screen and (max-width: 900px) {
	.navbar-toggler {
		outline: none !important;
	}
	.navbar-collapse-header {
		border: none !important;
	}
	.navbar-collapse .navbar-collapse-header {
		margin-bottom: 0 !important;
	}
	html.darkmode #navbar_global * {
		color: #eee;
	}
	html.darkmode #navbar_global .navbar-toggler * {
		background: #eee;
	}
	html.darkmode .navbar-collapse .navbar-collapse-header {
		/*border-bottom: 1px solid rgba(255,255,255,.1);*/
	}

	/*.navbar-brand.navbar-icon {
		display: none;
	}
	.navbar-brand.navbar-icon-mobile {
		display: block;
		margin-right: 5px;
	}*/
	.navbar-title {
		margin-right: 0;
	}
	#navbar_search_btn_mobile {
		display: list-item;
	}
	#navbar_search_container {
		display: none;
	}
	#navbar_global.show + #navbar_menu_mask {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 100vw;
		z-index: 1049;
		background: transparent;
	}
	.navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) {
		margin-right: 8px;
		text-align: center;
		width: 14px;
	}

	.navbar-nav:not(#navbar_search_btn_mobile) > .nav-item i:not(.d-lg-none) {
		margin-right: 8px;
		text-align: center;
		width: 14px;
	}

	.navbar-transparent .navbar-toggler-icon {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNi4zIiB5MT0iNCIgeDI9IjI3LjEiIHkyPSI0Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjYuMyIgeTE9IjEyLjUiIHgyPSIyNy4xIiB5Mj0iMTIuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI2LjMiIHkxPSIyMSIgeDI9IjI3LjEiIHkyPSIyMSIvPg0KPC9zdmc+DQo=);
	}
	.navbar-toggler-searcg-icon {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjE0IiBjeT0iMTEuNiIgcj0iOC44Ii8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMC43IiB5MT0iMTcuNCIgeDI9IjI3LjMiIHkyPSIyNCIvPjwvZz48L3N2Zz4=) !important;
	}
}
@media screen and (min-width: 900px) and (max-width: 1000px) {
	#leftbar_part2.sticky {
		transform: translateY(-25px);
	}
	body.leftbar-can-headroom.headroom---unpinned #leftbar_part2.sticky {
		transform: translateY(-5px);
	}
}
@media screen and (max-width: 900px) {
	/*TimeLine*/
	.argon-timeline {
		margin-left: 75px;
	}
}
@media screen and (max-width: 450px) {
	/*Fab 设置菜单*/
	#fabtn_blog_settings_popup {
		position: fixed;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 1005;
		width: 100vw;
		padding: 10px 25px;
		opacity: 0;
		max-width: unset;
		pointer-events: none;
		transform: translateY(15px);
		transition: all 0.3s ease;
		animation: none !important;
		border-radius: var(--card-radius) var(--card-radius) 0 0;
	}
	#close_blog_settings {
		margin-right: -10px;
	}
}
@media screen and (max-width: 600px) {
	/*浮动操作按钮透明*/
	#float_action_buttons {
		opacity: 0.5;
	}
	#float_action_buttons:hover,
	#float_action_buttons.blog_settings_opened {
		opacity: 1;
	}
	/*文章边界缩小*/
	.post-full {
		margin-left: -10px;
		margin-right: -10px;
	}
	/*显示更少的页码*/
	.pagination:not(.pagination-mobile) {
		display: none;
	}
	.pagination.pagination-mobile {
		display: flex;
	}
}
@media screen and (max-width: 690px) {
	/*文章分享的浮动二维码*/
	#share .icon-wechat .wechat-qrcode {
		position: fixed;
		z-index: 2000;
		left: 50%;
		top: 50%;
		bottom: unset;
		right: unset;
		width: max-content;
		width: -moz-max-content;
		background: var(--color-foreground);
		box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
		text-align: center;
		padding: 15px 30px;
		transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
		transform: translate(-50%, calc(-50% + 10px));
		opacity: 0;
		pointer-events: none;
	}
	#share .icon-wechat:hover .wechat-qrcode {
		transform: translate(-50%, -50%);
		opacity: 1;
	}
	#share .wechat-qrcode:before {
		display: none;
	}
	#share .icon-wechat:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		z-index: 1999;
		pointer-events: none;
		transform: none;
		background: rgba(0, 0, 0, 0.6);
		opacity: 0;
	}
	#share .icon-wechat:hover:before {
		opacity: 1;
	}
}

/*打印样式优化*/
@media print {
	#leftbar,
	#post_comment,
	#float_action_buttons,
	#toolbar,
	#share_container {
		display: none !important;
	}
	#primary {
		width: 100% !important;
	}
	#content {
		max-width: unset !important;
	}
	article {
		width: 100% !important;
	}
	article .post-content a {
		text-decoration: underline !important;
	}
	article a::after {
		content: " (" attr(href) ")";
	}
	html > body {
		background-color: white !important;
	}
	article p {
		color: rgba(0, 0, 0, 0.8) !important;
	}
	article {
		font: 13pt Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC",
			"Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung",
			"WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE",
			PMingLiU, MingLiU, serif !important;
	}
}
/*Noscript*/
html.no-js article img.lazyload[src^="data:image/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPg"] {
	display: none;
}
html.no-js .comment-item-text .comment-sticker.lazyload {
	display: none;
}

/*Safari 兼容*/
html.using-safari #float_action_buttons .fabtn:before,
html.using-safari #share > a:before,
html.using-safari #share_show:before,
html.using-safari .post-comment-link-container:before,
html.using-safari .post-comment-captcha-container:before,
html.using-safari #post_comment_toggle_extra_input:before,
html.using-safari .comment-post-checkbox:before,
html.using-safari .comment-time-details,
html.using-safari #share .icon-wechat .wechat-qrcode {
	-webkit-transform: translate3d(0, 0, 0) !important;
	width: unset !important;
	white-space: nowrap;
}
@media screen and (max-width: 690px) {
	html.using-safari #share .icon-wechat .wechat-qrcode {
		transform: translate3d(-50%, -50%, 0) !important;
	}
}
html.using-safari .post-donate .donate-btn:hover ~ .donate-qrcode {
	transform: translateX(-50%);
	opacity: 1;
}
html.using-safari #fabtn_blog_settings_popup {
	-webkit-transform: translate3d(0, 0, 0) !important;
}
html.using-safari #blog_setting_toggle_darkmode_and_amoledarkmode:before,
html.using-safari #blog_setting_card_radius_to_default:before {
	transform: translate3d(-50%, 0, 0) !important;
	white-space: nowrap;
}
html.using-safari .friend-link-description:after {
	display: none;
}
/* ============================================================
   Argon UI Refinement — appended override block
   Author: Clarke (fork maintenance)  Date: 2026-07-16
   Goal: refined editorial polish for the homepage / blog list.
   Notes:
     - Pure CSS. No JS/PHP change, so it is PJAX-safe on both
       direct load and PJAX navigation.
     - Scoped to listing pages (.home/.blog/.archive/.search/
       .category/.tag) so the single-article view is untouched.
     - Dark mode aware (uses theme color vars, subtle shadows).
     - Respects user-configurable --card-radius and the small/big
       shadow toggle: we only enhance the hover state, we do not
       hardcode radius or fight the resting .shadow-sm.
     - Mobile: lift/hover gated behind @media (hover: hover) to
       avoid sticky-hover on touch. Motion respects
       prefers-reduced-motion. Print styles below neutralize it.
   To revert: delete this whole block.
   ============================================================ */

/* Smooth depth transition on list cards. Include `opacity` so the
   optional .post-preview PJAX fade (transition: all .5s) is preserved
   even though these selectors have higher specificity. */
.home .post.card,
.blog .post.card,
.archive .post.card,
.search .post.card,
.category .post.card,
.tag .post.card {
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.5s ease;
}

/* Editorial title treatment on the list: crisper rendering and a
   calmer resting color that resolves to the theme color on hover.
   Titles over a thumbnail keep their white !important color untouched. */
.home .post.card .post-title,
.blog .post.card .post-title,
.archive .post.card .post-title,
.search .post.card .post-title,
.category .post.card .post-title,
.tag .post.card .post-title {
	color: var(--color-text-deeper);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (hover: hover) {
	.home .post.card:hover,
	.blog .post.card:hover,
	.archive .post.card:hover,
	.search .post.card:hover,
	.category .post.card:hover,
	.tag .post.card:hover {
		transform: translateY(-3px);
		box-shadow: 0 12px 32px rgba(50, 50, 93, 0.11), 0 6px 16px rgba(0, 0, 0, 0.06) !important;
	}

	.home .post.card:hover .post-title,
	.blog .post.card:hover .post-title,
	.archive .post.card:hover .post-title,
	.search .post.card:hover .post-title,
	.category .post.card:hover .post-title,
	.tag .post.card:hover .post-title {
		color: var(--themecolor);
	}
}

/* Respect users who prefer reduced motion: keep the depth cue on
   hover but drop the translate and transition. */
@media (prefers-reduced-motion: reduce) {
	.home .post.card,
	.blog .post.card,
	.archive .post.card,
	.search .post.card,
	.category .post.card,
	.tag .post.card {
		transition: none;
	}
	.home .post.card:hover,
	.blog .post.card:hover,
	.archive .post.card:hover,
	.search .post.card:hover,
	.category .post.card:hover,
	.tag .post.card:hover {
		transform: none;
	}
}

/* Print: no lift, no synthetic shadow. */
@media print {
	.post.card {
		transform: none !important;
		box-shadow: none !important;
	}
}

/* ------------------------------------------------------------
   Editorial polish (part 2) — spacing, depth, background,
   meta/excerpt readability, tags, sidebar. Same scope + safety
   rules as above. All values are additive overrides; delete this
   block to fully revert.
   ------------------------------------------------------------ */

/* Soft ambient top-glow on listing pages. We only set
   background-image (with !important to beat the body shorthand's
   implicit background-image:none) and keep the themed
   --color-background color underneath, so light/dark/immersion
   modes all stay correct. no-repeat keeps it a single wash. */
body.home,
body.blog,
body.archive,
body.search {
	background-image: radial-gradient(
		1200px 520px at 50% -8%,
		rgba(var(--themecolor-rgbstr), 0.06),
		transparent 70%
	) !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll;
}
html.darkmode body.home,
html.darkmode body.blog,
html.darkmode body.archive,
html.darkmode body.search {
	background-image: radial-gradient(
		1200px 520px at 50% -8%,
		rgba(var(--themecolor-rgbstr), 0.1),
		transparent 72%
	) !important;
}

/* List cards: a touch more vertical rhythm between entries and a
   hairline border that reads as crisp on white and gentle in dark
   mode (uses the theme's on-foreground border var, not a hardcoded
   color). Radius is left to the user-configurable --card-radius. */
.home .post.card,
.blog .post.card,
.archive .post.card,
.search .post.card,
.category .post.card,
.tag .post.card {
	margin-bottom: 30px;
	border: 1px solid var(--color-border-on-foreground) !important;
}

/* Meta line: slightly tighter tracking + a hair more contrast so
   date / views / category read as a clean editorial byline. */
.home .post.card .post-meta-detail,
.blog .post.card .post-meta-detail,
.archive .post.card .post-meta-detail,
.search .post.card .post-meta-detail,
.category .post.card .post-meta-detail,
.tag .post.card .post-meta-detail {
	opacity: 0.72;
	letter-spacing: 0.2px;
}

/* Excerpt: keep Argon's 1.8 leading but calm the color a touch and
   add a whisper of tracking for long Chinese/English paragraphs. */
.home .post.card .post-content,
.blog .post.card .post-content,
.archive .post.card .post-content,
.search .post.card .post-content,
.category .post.card .post-content,
.tag .post.card .post-content {
	opacity: 0.92;
	letter-spacing: 0.1px;
}

/* Tag pills under list entries: rounder, quieter, with a themed
   hover so they feel intentional rather than default badges. */
.home .post.card .post-tags .tag.badge,
.blog .post.card .post-tags .tag.badge,
.archive .post.card .post-tags .tag.badge,
.search .post.card .post-tags .tag.badge,
.category .post.card .post-tags .tag.badge,
.tag .post.card .post-tags .tag.badge {
	border-radius: 100px;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
@media (hover: hover) {
	.home .post.card .post-tags .tag.badge:hover,
	.blog .post.card .post-tags .tag.badge:hover,
	.archive .post.card .post-tags .tag.badge:hover,
	.search .post.card .post-tags .tag.badge:hover,
	.category .post.card .post-tags .tag.badge:hover,
	.tag .post.card .post-tags .tag.badge:hover {
		color: var(--themecolor);
		border-color: rgba(var(--themecolor-rgbstr), 0.4);
	}
}

/* Sidebar (right) cards: match the list's hairline + gentle hover
   lift so the whole column feels cohesive. Scoped to #rightbar so
   inner nested cards and the leftbar are untouched. */
#rightbar > .card {
	border: 1px solid var(--color-border-on-foreground) !important;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
	#rightbar > .card:hover {
		transform: translateY(-2px);
		box-shadow: 0 10px 26px rgba(50, 50, 93, 0.1), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
	}
}

/* Sidebar section headings get a small themed accent bar for a
   more designed, editorial masthead feel. */
#rightbar > .card > h6 {
	position: relative;
	padding-left: 12px;
}
#rightbar > .card > h6:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 0.95em;
	border-radius: 2px;
	background: var(--themecolor);
	opacity: 0.75;
}

/* Mobile: trim the hover lift's reach and tighten card spacing so
   the list stays compact on small screens. */
@media screen and (max-width: 690px) {
	.home .post.card,
	.blog .post.card,
	.archive .post.card,
	.search .post.card,
	.category .post.card,
	.tag .post.card {
		margin-bottom: 22px;
	}
	body.home,
	body.blog,
	body.archive,
	body.search {
		background-image: radial-gradient(
			800px 360px at 50% -6%,
			rgba(var(--themecolor-rgbstr), 0.05),
			transparent 70%
		) !important;
	}
}

/* Reduced motion: drop the sidebar lift/transition too. */
@media (prefers-reduced-motion: reduce) {
	#rightbar > .card {
		transition: none;
	}
	#rightbar > .card:hover {
		transform: none;
	}
}

/* Print: neutralize part-2 sidebar depth as well. */
@media print {
	#rightbar > .card {
		transform: none !important;
		box-shadow: none !important;
	}
}


/* ============================================================
   Editorial Wavy Link Underline - inspired by u.sb design.md
   Scope: article body links + active top nav only. Pure CSS.
   Replaces Argon's straight pseudo-element underline inside
   .post-content to avoid double underlines.
   ============================================================ */
:root {
	--mrcxy-wave-light: rgba(var(--themecolor-rgbstr), 0.72);
	--mrcxy-wave-dark: #ffcc00;
}
html.darkmode {
	--mrcxy-wave-light: var(--mrcxy-wave-dark);
}
article .post-content a:not([class*="button"]):not(.no-hover-underline),
.shuoshuo-content a:not([class*="button"]):not(.no-hover-underline) {
	text-decoration: none;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%235e72e4' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 0 6px;
	padding-bottom: 2px;
	transition: color 0.2s ease, background-size 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
html.darkmode article .post-content a:not([class*="button"]):not(.no-hover-underline),
html.darkmode .shuoshuo-content a:not([class*="button"]):not(.no-hover-underline) {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%23ffcc00' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
article .post-content a:not([class*="button"]):not(.no-hover-underline):before,
.shuoshuo-content a:not([class*="button"]):not(.no-hover-underline):before {
	display: none;
}
article .post-content a:not([class*="button"]):not(.no-hover-underline):hover,
.shuoshuo-content a:not([class*="button"]):not(.no-hover-underline):hover,
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline),
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline) {
	color: var(--mrcxy-wave-light);
	background-size: 20px 6px;
}
#navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-inner--text {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%235e72e4' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 20px 6px;
	padding-bottom: 5px;
}
html.darkmode #navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-inner--text,
html.darkmode #navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-inner--text,
html.darkmode #navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-inner--text,
html.darkmode #navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-inner--text {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%23ffcc00' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
#navbar_global .navbar-nav > .nav-item > .nav-link .nav-link-inner--text {
	transition: color 0.2s ease, background-size 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
#navbar_global .navbar-nav > .nav-item > .nav-link:hover .nav-link-inner--text {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%235e72e4' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 20px 6px;
	padding-bottom: 5px;
}
html.darkmode #navbar_global .navbar-nav > .nav-item > .nav-link:hover .nav-link-inner--text {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%23ffcc00' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: reduce) {
	article .post-content a:not([class*="button"]):not(.no-hover-underline),
	.shuoshuo-content a:not([class*="button"]):not(.no-hover-underline),
	#navbar_global .navbar-nav > .nav-item > .nav-link .nav-link-inner--text {
		transition: none;
	}
}
@media print {
	article .post-content a,
	.shuoshuo-content a,
	#navbar_global .nav-link-inner--text {
		background-image: none !important;
		padding-bottom: 0 !important;
	}
}


/* Wavy nav fallback for single posts whose WP menu item has no current-* class. */
@supports selector(body:has(a)) {
	body.single-post:has(article .post-meta-detail-catagory-link[href*="/category/ai/"]) #navbar_global .nav-item:has(.dropdown-item[href*="/category/ai/"]) > .nav-link .nav-link-inner--text,
	body.single-post:has(article .post-meta-detail-catagory-link[href*="/category/docker/"]) #navbar_global .nav-item:has(.dropdown-item[href*="/category/docker/"]) > .nav-link .nav-link-inner--text,
	body.single-post:has(article .post-meta-detail-catagory-link[href*="%e4%b8%93%e9%a2%98"]) #navbar_global .nav-item:has(.nav-link[href*="%e4%b8%93%e9%a2%98"]) > .nav-link .nav-link-inner--text {
		background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%235e72e4' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
		background-repeat: repeat-x;
		background-position: 0 100%;
		background-size: 20px 6px;
		padding-bottom: 5px;
	}
	html.darkmode body.single-post:has(article .post-meta-detail-catagory-link[href*="/category/ai/"]) #navbar_global .nav-item:has(.dropdown-item[href*="/category/ai/"]) > .nav-link .nav-link-inner--text,
	html.darkmode body.single-post:has(article .post-meta-detail-catagory-link[href*="/category/docker/"]) #navbar_global .nav-item:has(.dropdown-item[href*="/category/docker/"]) > .nav-link .nav-link-inner--text,
	html.darkmode body.single-post:has(article .post-meta-detail-catagory-link[href*="%e4%b8%93%e9%a2%98"]) #navbar_global .nav-item:has(.nav-link[href*="%e4%b8%93%e9%a2%98"]) > .nav-link .nav-link-inner--text {
		background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%23ffcc00' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
	}
}


/* Wavy corrections after visual QA: hover-only links, text-only nav, PJAX active state. */
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline),
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline) {
	background-size: 0 6px;
}
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):hover,
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):hover {
	background-size: 20px 6px;
}
#navbar_global .nav-link-inner--text {
	background-image: none !important;
	padding-bottom: 0 !important;
}
#navbar_global .nav-link-wave-text {
	display: inline-block;
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-size: 0 6px;
	padding-bottom: 5px;
	transition: color 0.2s ease, background-size 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
#navbar_global .nav-item.mrcxy-current-nav > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-wave-text,
#navbar_global .nav-item > .nav-link:hover .nav-link-wave-text {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%235e72e4' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
	background-size: 20px 6px;
}
html.darkmode #navbar_global .nav-item.mrcxy-current-nav > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .nav-item > .nav-link:hover .nav-link-wave-text {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%23ffcc00' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
@media (prefers-reduced-motion: reduce) {
	#navbar_global .nav-link-wave-text {
		transition: none;
	}
}
@media print {
	#navbar_global .nav-link-wave-text {
		background-image: none !important;
		padding-bottom: 0 !important;
	}
}


/* Hard-disable legacy nav wave container; only .nav-link-wave-text may draw waves. */
#navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-inner--text,
#navbar_global .navbar-nav > .nav-item > .nav-link:hover .nav-link-inner--text {
	background-image: none !important;
	background-size: auto !important;
	padding-bottom: 0 !important;
}


/* ============================================================
   MRCXY Minimal Keep: cyan waves and 16px cards
   User feedback: revert the broad industrial color system, keep only
   the wave accent color and reduced card radius. CSS-only.
   ============================================================ */
:root {
	--mrcxy-wave-cyan-svg: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%230ea5e9' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E");
}
html.darkmode {
	--mrcxy-wave-cyan-svg: url("data:image/svg+xml,%3Csvg width='20' height='6' viewBox='0 0 20 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q2.5 0.5 5 3 T10 3 T15 3 T20 3' fill='none' stroke='%2338bdf8' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E");
}
.card,
.post.card,
article.card,
#rightbar > .card {
	border-radius: 16px !important;
}
@media screen and (max-width: 690px) {
	.card,
	.post.card,
	article.card,
	#rightbar > .card {
		border-radius: 14px !important;
	}
}
article .post-content a:not([class*="button"]):not(.no-hover-underline),
.shuoshuo-content a:not([class*="button"]):not(.no-hover-underline),
html.darkmode article .post-content a:not([class*="button"]):not(.no-hover-underline),
html.darkmode .shuoshuo-content a:not([class*="button"]):not(.no-hover-underline),
#navbar_global .nav-item.mrcxy-current-nav > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-wave-text,
#navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-wave-text,
#navbar_global .nav-item > .nav-link:hover .nav-link-wave-text,
html.darkmode #navbar_global .nav-item.mrcxy-current-nav > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current-menu-item > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current_page_item > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current-menu-ancestor > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .navbar-nav > .current-menu-parent > .nav-link .nav-link-wave-text,
html.darkmode #navbar_global .nav-item > .nav-link:hover .nav-link-wave-text {
	background-image: var(--mrcxy-wave-cyan-svg) !important;
}


/* ============================================================
   MRCXY Codeblock Fullscreen Stability
   Fix: entering/exiting codeblock fullscreen could repaint a large
   scaled fixed layer, causing intermittent jank/black-screen flashes.
   Keep behavior, remove expensive animation, and force stable scrolling.
   ============================================================ */
html.codeblock-fullscreen,
html.codeblock-fullscreen body {
	overflow: hidden !important;
}
pre.hljs-codeblock.hljs-codeblock-fullscreen {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	width: 100vw !important;
	height: 100vh !important;
	margin: 0 !important;
	padding: 0 !important;
	animation: none !important;
	transform: none !important;
	opacity: 1 !important;
	background: #1e1e1e !important;
	contain: layout paint style;
}
pre.hljs-codeblock.hljs-codeblock-fullscreen > code[hljs-codeblock-inner] {
	position: absolute !important;
	inset: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch;
}
pre.hljs-codeblock.hljs-codeblock-fullscreen:before,
pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control {
	z-index: 2147483001 !important;
}
pre.hljs-codeblock.hljs-codeblock-fullscreen .hljs-control {
	opacity: 1 !important;
}
pre.hljs-codeblock .hljs-ln-numbers,
pre.hljs-codeblock .hljs-ln-code,
pre.hljs-codeblock .hljs-control,
.hljs-control .hljs-control-btn,
.hljs-control-btn:before {
	transition-property: opacity, background-color, color !important;
}
@media (prefers-reduced-motion: reduce) {
	pre.hljs-codeblock.hljs-codeblock-fullscreen,
	pre.hljs-codeblock.hljs-codeblock-fullscreen * {
		animation: none !important;
		transition: none !important;
	}
}


/* ============================================================
   MRCXY Footer Polish
   Cleaner footer and RSS/Atom presentation; removes theme-brand clutter.
   ============================================================ */
#footer.site-footer {
	padding: 28px 22px;
	text-align: center;
}
.mrcxy-footer-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	line-height: 1.75;
}
.mrcxy-footer-title {
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.mrcxy-footer-subtitle,
.mrcxy-footer-runtime,
.mrcxy-footer-metrics {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.92rem;
}
.mrcxy-footer-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.mrcxy-footer-links a,
.mrcxy-footer-metrics span {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 999px;
	padding: 3px 10px;
	background: rgba(255,255,255,0.04);
}
.mrcxy-footer-runtime {
	color: #38bdf8;
	font-weight: 600;
}
.mrcxy-footer-metrics {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.82rem;
}
html:not(.darkmode) .mrcxy-footer-subtitle,
html:not(.darkmode) .mrcxy-footer-runtime,
html:not(.darkmode) .mrcxy-footer-metrics {
	color: rgba(30, 30, 30, 0.68);
}
html:not(.darkmode) .mrcxy-footer-runtime {
	color: #0ea5e9;
}
html:not(.darkmode) .mrcxy-footer-links a,
html:not(.darkmode) .mrcxy-footer-metrics span {
	border-color: rgba(0,0,0,0.10);
	background: rgba(0,0,0,0.035);
}
@media (max-width: 690px) {
	#footer.site-footer {
		padding: 22px 14px;
	}
	.mrcxy-footer-metrics {
		font-size: 0.78rem;
	}
}


/* MRCXY External Link Hover Polish
   Default external links stay calm; yellow text + wavy underline appears only on hover/focus.
   Scoped to post/shuoshuo external links only.
*/
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline),
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline) {
	color: inherit !important;
	background-size: 0 6px !important;
	text-decoration-line: none !important;
	text-decoration-style: solid !important;
	text-decoration-color: transparent !important;
	text-underline-offset: 0.18em;
}
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):hover,
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):focus-visible,
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):hover,
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):focus-visible {
	color: #facc15 !important;
	background-size: 20px 6px !important;
	text-decoration-line: none !important;
	text-decoration-color: transparent !important;
}

/* MRCXY article footer cleanup: hide noisy author box */
.single-post .author-bio-section {
	display: none !important;
}

.single-post .additional-content-after-post {
	margin-top: 22px;
	padding: 14px 18px;
	border-left: 3px solid rgba(61, 220, 255, 0.78);
	border-radius: 12px;
	background: rgba(10, 18, 28, 0.58);
	box-shadow: inset 0 0 0 1px rgba(140, 190, 220, 0.08);
	font-size: 0.92rem;
	line-height: 1.75;
	color: rgba(232, 240, 248, 0.9);
	overflow-wrap: anywhere;
}

.single-post .additional-content-after-post a {
	word-break: break-word;
}

/* MRCXY code font: match u.sb mono stack */
:root {
	--mrcxy-code-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.post-content pre,
.post-content code,
.post-content kbd,
.post-content samp,
.post-content .hljs,
.post-content .hljs-codeblock,
.post-content .hljs-ln,
.post-content .hljs-ln-line,
.post-content .hljs-ln-code,
.post-content .hljs-ln-numbers,
.hljs-codeblock,
.hljs-codeblock code,
.hljs-codeblock table,
.hljs-codeblock td {
	font-family: var(--mrcxy-code-font) !important;
	font-feature-settings: normal;
	font-variation-settings: normal;
}

.post-content pre,
.post-content .hljs,
.post-content .hljs-codeblock {
	font-size: 0.95em;
	line-height: 1.45;
}

.post-content code:not(pre code):not(.hljs code) {
	font-family: var(--mrcxy-code-font) !important;
}

/* MRCXY u.sb syntax colors and external link wave only */
:root {
	--mrcxy-code-font: "Berkeley Mono", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	--mrcxy-link-wave: #777169;
	--mrcxy-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3 Q5 0 10 3 T20 3' fill='none' stroke='%23a8a29e' stroke-width='2'/%3E%3C/svg%3E");
}

html.darkmode {
	--mrcxy-link-wave: #ffcc00;
	--mrcxy-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3 Q5 0 10 3 T20 3' fill='none' stroke='%23ffcc00' stroke-width='2'/%3E%3C/svg%3E");
}

article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline),
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline) {
	background-image: var(--mrcxy-wave-image) !important;
	background-repeat: repeat-x !important;
	background-position: 0 100% !important;
	background-size: 0 6px !important;
	text-decoration: none !important;
	transition: color 0.18s ease, background-size 0.22s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):before,
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):before {
	display: none !important;
}

article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):hover,
article .post-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):focus-visible,
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):hover,
.shuoshuo-content a[href^="http"]:not([href*="mrcxy.com"]):not([class*="button"]):not(.no-hover-underline):focus-visible {
	color: var(--mrcxy-link-wave) !important;
	background-size: 20px 6px !important;
}

body.single-post #navbar_global .nav-item.mrcxy-current-nav > .nav-link:not(:hover):not(:focus-visible) .nav-link-wave-text,
body.single-post #navbar_global .navbar-nav > .current-menu-ancestor > .nav-link:not(:hover):not(:focus-visible) .nav-link-wave-text,
body.single-post #navbar_global .navbar-nav > .current-menu-parent > .nav-link:not(:hover):not(:focus-visible) .nav-link-wave-text {
	color: inherit !important;
	background-size: 0 6px !important;
}

code[hljs-codeblock-inner],
pre.hljs-codeblock code,
.post-content pre code,
.post-content .hljs,
.post-content .hljs table,
.post-content .hljs td,
.post-content .hljs-ln-line,
.post-content .hljs-ln-code,
.post-content code:not([hljs-codeblock-inner]) {
	font-family: var(--mrcxy-code-font) !important;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag {
	color: #fb4934 !important;
}
.hljs-string,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
	color: #b8bb26 !important;
}
.hljs-number,
.hljs-regexp,
.hljs-built_in,
.hljs-attr,
.hljs-bullet,
.hljs-link {
	color: #d3869b !important;
}
.hljs-comment,
.hljs-quote,
.hljs-meta,
.hljs-deletion {
	color: #928374 !important;
}
.hljs-function,
.hljs-name,
.hljs-class,
.hljs-type,
.hljs-selector-id,
.hljs-selector-class {
	color: #fabd2f !important;
}
/* MRCXY code line-number alignment */
pre.hljs-codeblock .hljs-ln-numbers,
pre.hljs-codeblock .hljs-ln-n,
pre.hljs-codeblock .hljs-ln-code {
	font-family: var(--mrcxy-code-font) !important;
	font-size: inherit !important;
	line-height: inherit !important;
	vertical-align: baseline !important;
}
/* MRCXY hide code line numbers - font alignment cannot be fixed */
pre.hljs-codeblock.hljs-codeblock td.hljs-ln-numbers,
pre.hljs-codeblock.hljs-codeblock td.hljs-ln-n,
pre.hljs-codeblock.hljs-codeblock.hljs-transparent-linenumber td.hljs-ln-numbers,
pre.hljs-codeblock.hljs-codeblock th.hljs-ln-numbers,
pre.hljs-codeblock.hljs-codeblock .hljs-ln-n,
.hljs-codeblock td.hljs-ln-numbers,
.hljs-codeblock td.hljs-ln-n {
	display: none !important;
}
pre.hljs-codeblock:not(.hljs-hide-linenumber) .hljs-ln-code,
pre.hljs-codeblock.hljs-codeblock .hljs-ln-code {
	padding-left: 0 !important;
}


/* ============================================================
   MRCXY Apple-Style Interaction Polish
   Scope: low-risk material, feedback, and accessibility refinements.
   Pure CSS; keeps existing 13.woff2, code colors, and cyan waves.
   To revert: delete this whole block.
   ============================================================ */
:root {
	--mrcxy-apple-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--mrcxy-apple-press-ease: cubic-bezier(0.32, 0.72, 0, 1);
	--mrcxy-apple-hairline: rgba(148, 163, 184, 0.18);
	--mrcxy-apple-surface: rgba(255, 255, 255, 0.72);
	--mrcxy-apple-surface-strong: rgba(255, 255, 255, 0.88);
	--mrcxy-apple-shadow: 0 18px 42px rgba(15, 23, 42, 0.1), 0 6px 18px rgba(15, 23, 42, 0.06);
}
html.darkmode {
	--mrcxy-apple-hairline: rgba(148, 163, 184, 0.16);
	--mrcxy-apple-surface: rgba(22, 24, 28, 0.78);
	--mrcxy-apple-surface-strong: rgba(30, 32, 36, 0.92);
	--mrcxy-apple-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), 0 6px 18px rgba(0, 0, 0, 0.18);
}

#navbar-main.navbar {
	background: var(--mrcxy-apple-surface) !important;
	-webkit-backdrop-filter: blur(22px) saturate(165%) !important;
	backdrop-filter: blur(22px) saturate(165%) !important;
	border-bottom: 1px solid var(--mrcxy-apple-hairline);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
html.darkmode #navbar-main.navbar {
	background: rgba(17, 19, 23, 0.76) !important;
}
#navbar-main.navbar.navbar-no-blur {
	-webkit-backdrop-filter: blur(18px) saturate(150%) !important;
	backdrop-filter: blur(18px) saturate(150%) !important;
}
#navbar_global .nav-link,
#navbar-main .navbar-brand,
#navbar-main .navbar-toggler,
#navbar_search_btn_mobile {
	transition: color 0.18s ease, opacity 0.18s ease, transform 0.16s var(--mrcxy-apple-press-ease) !important;
}
#navbar_global .nav-link:active,
#navbar-main .navbar-brand:active,
#navbar-main .navbar-toggler:active,
#navbar_search_btn_mobile:active {
	transform: scale(0.97);
}
#navbar_global .nav-link:focus-visible,
#navbar-main .navbar-brand:focus-visible,
#navbar-main .navbar-toggler:focus-visible,
#navbar_search_btn_mobile:focus-visible {
	outline: 2px solid rgba(var(--themecolor-rgbstr), 0.72);
	outline-offset: 4px;
	border-radius: 10px;
}

.home .post.card,
.blog .post.card,
.archive .post.card,
.search .post.card,
.category .post.card,
.tag .post.card,
#rightbar > .card,
#leftbar_part1,
#leftbar_part2 > .card,
#footer.site-footer {
	background-color: var(--mrcxy-apple-surface) !important;
	-webkit-backdrop-filter: blur(18px) saturate(145%);
	backdrop-filter: blur(18px) saturate(145%);
	border: 1px solid var(--mrcxy-apple-hairline) !important;
	box-shadow: var(--mrcxy-apple-shadow) !important;
}
html.darkmode .home .post.card,
html.darkmode .blog .post.card,
html.darkmode .archive .post.card,
html.darkmode .search .post.card,
html.darkmode .category .post.card,
html.darkmode .tag .post.card,
html.darkmode #rightbar > .card,
html.darkmode #leftbar_part1,
html.darkmode #leftbar_part2 > .card,
html.darkmode #footer.site-footer {
	background-color: rgba(44, 44, 44, 0.88) !important;
}
.home .post.card,
.blog .post.card,
.archive .post.card,
.search .post.card,
.category .post.card,
.tag .post.card {
	transition: transform 0.32s var(--mrcxy-apple-ease), box-shadow 0.32s var(--mrcxy-apple-ease), border-color 0.22s ease, opacity 0.5s ease;
	will-change: transform;
}
@media (hover: hover) {
	.home .post.card:hover,
	.blog .post.card:hover,
	.archive .post.card:hover,
	.search .post.card:hover,
	.category .post.card:hover,
	.tag .post.card:hover {
		transform: translateY(-2px);
		border-color: rgba(var(--themecolor-rgbstr), 0.32) !important;
		box-shadow: 0 22px 52px rgba(15, 23, 42, 0.14), 0 8px 22px rgba(15, 23, 42, 0.08) !important;
	}
	html.darkmode .home .post.card:hover,
	html.darkmode .blog .post.card:hover,
	html.darkmode .archive .post.card:hover,
	html.darkmode .search .post.card:hover,
	html.darkmode .category .post.card:hover,
	html.darkmode .tag .post.card:hover {
		box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34), 0 8px 22px rgba(0, 0, 0, 0.22) !important;
	}
}
.home .post.card:active,
.blog .post.card:active,
.archive .post.card:active,
.search .post.card:active,
.category .post.card:active,
.tag .post.card:active {
	transform: translateY(0) scale(0.996);
	transition-duration: 0.12s;
}

.home .post.card .post-meta,
.blog .post.card .post-meta,
.archive .post.card .post-meta,
.search .post.card .post-meta,
.category .post.card .post-meta,
.tag .post.card .post-meta {
	line-height: 1.65;
}
.home .post.card .post-meta-detail,
.blog .post.card .post-meta-detail,
.archive .post.card .post-meta-detail,
.search .post.card .post-meta-detail,
.category .post.card .post-meta-detail,
.tag .post.card .post-meta-detail {
	font-weight: 500;
}
.home .post.card .post-content,
.blog .post.card .post-content,
.archive .post.card .post-content,
.search .post.card .post-content,
.category .post.card .post-content,
.tag .post.card .post-content {
	max-width: 68em;
}
.post-tags .tag.badge,
.page-item .page-link,
.mrcxy-footer-links a,
.mrcxy-footer-metrics span,
.hljs-control .hljs-control-btn {
	transition: transform 0.16s var(--mrcxy-apple-press-ease), background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease !important;
}
.post-tags .tag.badge:active,
.page-item .page-link:active,
.mrcxy-footer-links a:active,
.hljs-control .hljs-control-btn:active {
	transform: scale(0.96);
}
.post-tags .tag.badge:focus-visible,
.page-item .page-link:focus-visible,
.mrcxy-footer-links a:focus-visible,
.hljs-control .hljs-control-btn:focus-visible {
	outline: 2px solid rgba(var(--themecolor-rgbstr), 0.68);
	outline-offset: 3px;
}
.hljs-control .hljs-control-btn {
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	backdrop-filter: blur(14px) saturate(140%);
}

body.home:before,
body.blog:before,
body.archive:before,
body.search:before,
body.category:before,
body.tag:before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	background: linear-gradient(180deg, rgba(3, 7, 18, 0.1), rgba(3, 7, 18, 0.22));
}
html:not(.darkmode) body.home:before,
html:not(.darkmode) body.blog:before,
html:not(.darkmode) body.archive:before,
html:not(.darkmode) body.search:before,
html:not(.darkmode) body.category:before,
html:not(.darkmode) body.tag:before {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(241, 245, 249, 0.18));
}

@media (prefers-reduced-motion: reduce) {
	#navbar_global .nav-link,
	#navbar-main .navbar-brand,
	#navbar-main .navbar-toggler,
	#navbar_search_btn_mobile,
	.home .post.card,
	.blog .post.card,
	.archive .post.card,
	.search .post.card,
	.category .post.card,
	.tag .post.card,
	.post-tags .tag.badge,
	.page-item .page-link,
	.mrcxy-footer-links a,
	.mrcxy-footer-metrics span,
	.hljs-control .hljs-control-btn {
		transition: none !important;
		will-change: auto;
	}
	.home .post.card:hover,
	.blog .post.card:hover,
	.archive .post.card:hover,
	.search .post.card:hover,
	.category .post.card:hover,
	.tag .post.card:hover,
	.home .post.card:active,
	.blog .post.card:active,
	.archive .post.card:active,
	.search .post.card:active,
	.category .post.card:active,
	.tag .post.card:active,
	.post-tags .tag.badge:active,
	.page-item .page-link:active,
	.mrcxy-footer-links a:active,
	.hljs-control .hljs-control-btn:active {
		transform: none !important;
	}
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
	#navbar-main.navbar,
	.home .post.card,
	.blog .post.card,
	.archive .post.card,
	.search .post.card,
	.category .post.card,
	.tag .post.card,
	#rightbar > .card,
	#leftbar_part1,
	#leftbar_part2 > .card,
	#footer.site-footer,
	.hljs-control .hljs-control-btn {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		background-color: var(--mrcxy-apple-surface-strong) !important;
		border-color: rgba(var(--themecolor-rgbstr), 0.46) !important;
	}
	html.darkmode #navbar-main.navbar,
	html.darkmode .home .post.card,
	html.darkmode .blog .post.card,
	html.darkmode .archive .post.card,
	html.darkmode .search .post.card,
	html.darkmode .category .post.card,
	html.darkmode .tag .post.card,
	html.darkmode #rightbar > .card,
	html.darkmode #leftbar_part1,
	html.darkmode #leftbar_part2 > .card,
	html.darkmode #footer.site-footer {
		background-color: rgba(44, 44, 44, 0.98) !important;
	}
}
@media screen and (max-width: 690px) {
	#navbar-main.navbar {
		-webkit-backdrop-filter: blur(18px) saturate(145%) !important;
		backdrop-filter: blur(18px) saturate(145%) !important;
	}
	.home .post.card,
	.blog .post.card,
	.archive .post.card,
	.search .post.card,
	.category .post.card,
	.tag .post.card {
		will-change: auto;
	}
}
@media print {
	#navbar-main.navbar,
	.home .post.card,
	.blog .post.card,
	.archive .post.card,
	.search .post.card,
	.category .post.card,
	.tag .post.card,
	#rightbar > .card,
	#leftbar_part1,
	#leftbar_part2 > .card,
	#footer.site-footer {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		box-shadow: none !important;
	}
}

/* ============================================================
   MRCXY Apple Polish Stabilization
   Fixes refresh/PJAX style drift, oversized physical feedback,
   and unifies archive timeline + shuoshuo previews with post cards.
   Pure CSS. To revert: delete this block.
   ============================================================ */
:root {
	--mrcxy-stable-surface: rgba(255, 255, 255, 0.82);
	--mrcxy-stable-surface-dark: rgba(44, 44, 44, 0.92);
	--mrcxy-stable-border: rgba(148, 163, 184, 0.16);
	--mrcxy-stable-accent: #38bdf8;
	--mrcxy-stable-text: rgba(248, 250, 252, 0.92);
	--mrcxy-stable-muted: rgba(226, 232, 240, 0.68);
	--mrcxy-stable-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
}
html:not(.darkmode) {
	--mrcxy-stable-text: rgba(15, 23, 42, 0.9);
	--mrcxy-stable-muted: rgba(51, 65, 85, 0.66);
	--mrcxy-stable-shadow: 0 16px 42px rgba(15, 23, 42, 0.1);
}

#main article.post.card,
#main .shuoshuo-preview-container,
.archive-timeline .archive-timeline-title,
#rightbar > .card,
#leftbar_part1,
#leftbar_part2 > .card,
#footer.site-footer,
.post-tags .tag.badge,
.page-item .page-link,
.mrcxy-footer-links a,
.hljs-control .hljs-control-btn,
#navbar_global .nav-link,
#navbar-main .navbar-brand,
#navbar-main .navbar-toggler,
#navbar_search_btn_mobile {
	transform: none !important;
	will-change: auto !important;
}
#main article.post.card:hover,
#main article.post.card:active,
#main .shuoshuo-preview-container:hover,
#main .shuoshuo-preview-container:active,
.archive-timeline .archive-timeline-title:hover,
.archive-timeline .archive-timeline-title:active {
	transform: none !important;
}
body.home:before,
body.blog:before,
body.archive:before,
body.search:before,
body.category:before,
body.tag:before {
	content: none !important;
}

#navbar-main.navbar {
	background: rgba(17, 19, 23, 0.88) !important;
	-webkit-backdrop-filter: blur(18px) saturate(140%) !important;
	backdrop-filter: blur(18px) saturate(140%) !important;
	border-bottom: 1px solid var(--mrcxy-stable-border) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
}
html:not(.darkmode) #navbar-main.navbar {
	background: rgba(255, 255, 255, 0.88) !important;
}

#main article.post.card,
#main .shuoshuo-preview-container,
.archive-timeline .archive-timeline-title,
#rightbar > .card,
#leftbar_part1,
#leftbar_part2 > .card,
#footer.site-footer {
	background-color: var(--mrcxy-stable-surface-dark) !important;
	-webkit-backdrop-filter: blur(14px) saturate(132%);
	backdrop-filter: blur(14px) saturate(132%);
	border: 1px solid var(--mrcxy-stable-border) !important;
	border-radius: 16px !important;
	box-shadow: var(--mrcxy-stable-shadow) !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, opacity 0.25s ease !important;
}
html:not(.darkmode) #main article.post.card,
html:not(.darkmode) #main .shuoshuo-preview-container,
html:not(.darkmode) .archive-timeline .archive-timeline-title,
html:not(.darkmode) #rightbar > .card,
html:not(.darkmode) #leftbar_part1,
html:not(.darkmode) #leftbar_part2 > .card,
html:not(.darkmode) #footer.site-footer {
	background-color: var(--mrcxy-stable-surface) !important;
}
#main article.post.card:hover,
#main .shuoshuo-preview-container:hover,
.archive-timeline .archive-timeline-title:hover {
	border-color: rgba(56, 189, 248, 0.34) !important;
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.24) !important;
}

.archive-timeline {
	position: relative;
	padding-left: 6px;
}
.archive-timeline:before {
	content: "";
	position: absolute;
	left: 117px;
	top: 18px;
	bottom: 12px;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(56, 189, 248, 0.28), transparent);
}
.archive-timeline-year,
.archive-timeline-month {
	color: var(--mrcxy-stable-accent) !important;
	text-shadow: none !important;
}
.archive-timeline-year {
	font-size: 30px;
	font-weight: 700;
}
.archive-timeline-month {
	font-size: 21px;
	font-weight: 650;
	opacity: 0.82;
}
.archive-timeline .archive-timeline-title {
	min-height: 44px;
	height: auto !important;
	margin-bottom: 14px;
	padding: 11px 16px !important;
	margin-left: 12px;
}
.archive-timeline .archive-timeline-title:before {
	left: -31px !important;
	top: 50% !important;
	width: 10px !important;
	height: 10px !important;
	margin-top: -5px;
	background: var(--mrcxy-stable-accent) !important;
	box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12) !important;
}
.archive-timeline-title > a {
	color: var(--mrcxy-stable-text) !important;
	font-weight: 650;
	line-height: 1.55;
	width: auto !important;
	max-width: 100%;
}
.archive-timeline-title > a:hover {
	color: var(--mrcxy-stable-accent) !important;
}

#main .shuoshuo-preview-container {
	padding: 20px 24px;
	margin-bottom: 18px;
	color: var(--mrcxy-stable-text);
}
#main .shuoshuo-preview-container:before {
	left: -12px !important;
	top: 14px !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background-color: var(--mrcxy-stable-accent) !important;
	background-size: 42% !important;
	box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12) !important;
	transition: none !important;
}
#main .shuoshuo-preview-container:hover:before {
	left: -12px !important;
	top: 14px !important;
	width: 24px !important;
	height: 24px !important;
	background-size: 42% !important;
}
.shuoshuo-preview-meta {
	color: var(--mrcxy-stable-muted);
	opacity: 1 !important;
}
.shuoshuo-preview-link {
	color: var(--mrcxy-stable-accent);
}

@media (max-width: 690px) {
	#main article.post.card,
	#main .shuoshuo-preview-container,
	.archive-timeline .archive-timeline-title,
	#rightbar > .card,
	#leftbar_part1,
	#leftbar_part2 > .card,
	#footer.site-footer {
		border-radius: 14px !important;
	}
	.archive-timeline:before {
		left: 96px;
	}
	.archive-timeline .archive-timeline-title {
		margin-left: 6px;
		padding: 10px 13px !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	#main article.post.card,
	#main .shuoshuo-preview-container,
	.archive-timeline .archive-timeline-title,
	#navbar-main.navbar,
	#navbar_global .nav-link {
		transition: none !important;
	}
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
	#navbar-main.navbar,
	#main article.post.card,
	#main .shuoshuo-preview-container,
	.archive-timeline .archive-timeline-title,
	#rightbar > .card,
	#leftbar_part1,
	#leftbar_part2 > .card,
	#footer.site-footer {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		background-color: rgba(44, 44, 44, 0.98) !important;
	}
}

/* MRCXY shuoshuo page alignment: this template renders direct articles. */
body.page-template-shuoshuo #main > article,
body.page-template-shuoshuo #main > .shuoshuo-preview-container {
	background-color: var(--mrcxy-stable-surface-dark) !important;
	-webkit-backdrop-filter: blur(14px) saturate(132%);
	backdrop-filter: blur(14px) saturate(132%);
	border: 1px solid var(--mrcxy-stable-border) !important;
	border-radius: 16px !important;
	box-shadow: var(--mrcxy-stable-shadow) !important;
	transform: none !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
}
html:not(.darkmode) body.page-template-shuoshuo #main > article,
html:not(.darkmode) body.page-template-shuoshuo #main > .shuoshuo-preview-container {
	background-color: var(--mrcxy-stable-surface) !important;
}
body.page-template-shuoshuo #main > article:hover,
body.page-template-shuoshuo #main > article:active,
body.page-template-shuoshuo #main > .shuoshuo-preview-container:hover,
body.page-template-shuoshuo #main > .shuoshuo-preview-container:active {
	transform: none !important;
	border-color: rgba(56, 189, 248, 0.34) !important;
}
@media (max-width: 690px) {
	body.page-template-shuoshuo #main > article,
	body.page-template-shuoshuo #main > .shuoshuo-preview-container {
		border-radius: 14px !important;
	}
}

/* MRCXY shuoshuo DOM correction: article is nested in .shuoshuo-container. */
body.page-template-shuoshuo #main article.shuoshuo-main {
	background-color: var(--mrcxy-stable-surface-dark) !important;
	-webkit-backdrop-filter: blur(14px) saturate(132%);
	backdrop-filter: blur(14px) saturate(132%);
	border: 1px solid var(--mrcxy-stable-border) !important;
	border-radius: 16px !important;
	box-shadow: var(--mrcxy-stable-shadow) !important;
	transform: none !important;
}
html:not(.darkmode) body.page-template-shuoshuo #main article.shuoshuo-main {
	background-color: var(--mrcxy-stable-surface) !important;
}

/* MRCXY timeline text-only correction: remove card bars, keep text-length waves. */
.archive-timeline .archive-timeline-title {
	background: transparent !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 3px 0 12px 14px !important;
	margin-bottom: 8px;
}
.archive-timeline .archive-timeline-title:empty {
	min-height: 20px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 8px;
}
.archive-timeline .archive-timeline-title:empty:before {
	top: 50% !important;
}
.archive-timeline-title > a {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	color: var(--mrcxy-stable-text) !important;
	font-weight: 650;
	line-height: 1.65;
	padding-bottom: 3px;
	background-image: var(--mrcxy-wave-cyan-svg) !important;
	background-repeat: repeat-x !important;
	background-position: 0 100% !important;
	background-size: 0 6px !important;
	text-decoration: none !important;
	transition: color 0.18s ease, background-size 0.2s ease !important;
}
.archive-timeline-title > a:hover,
.archive-timeline-title > a:focus-visible {
	color: var(--mrcxy-stable-accent) !important;
	background-size: 20px 6px !important;
}
.archive-timeline-title > a:before {
	display: none !important;
}

/* MRCXY timeline priority fix: beat .bg-white and block link width. */
body.page-template-timeline .archive-timeline .archive-timeline-title {
	background: transparent !important;
	background-color: transparent !important;
}
body.page-template-timeline .archive-timeline .archive-timeline-title > a {
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	background-size: 0 6px !important;
}
body.page-template-timeline .archive-timeline .archive-timeline-title > a:hover,
body.page-template-timeline .archive-timeline .archive-timeline-title > a:focus-visible {
	background-size: 20px 6px !important;
}

/* MRCXY timeline label/line correction: remove extra page line and prevent year/month overlap. */
body.page-template-timeline .archive-timeline:before {
	content: none !important;
	display: none !important;
}
body.page-template-timeline .archive-timeline-year + .archive-timeline-title:empty {
	min-height: 42px !important;
}
body.page-template-timeline .archive-timeline-month.first-month-of-year + .archive-timeline-title {
	margin-top: 0 !important;
}

/* MRCXY PJAX-safe timeline/shuoshuo correction: Argon PJAX keeps stale body classes. */
.archive-timeline:before {
	content: none !important;
	display: none !important;
}
.archive-timeline-year + .archive-timeline-title:empty {
	min-height: 42px !important;
}
.archive-timeline-month.first-month-of-year + .archive-timeline-title {
	margin-top: 0 !important;
}
.archive-timeline .archive-timeline-title {
	background: transparent !important;
	background-color: transparent !important;
}
.archive-timeline .archive-timeline-title > a {
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
	background-size: 0 6px !important;
}
.archive-timeline .archive-timeline-title > a:hover,
.archive-timeline .archive-timeline-title > a:focus-visible {
	background-size: 20px 6px !important;
}
#main article.shuoshuo-main {
	background-color: var(--mrcxy-stable-surface-dark) !important;
	-webkit-backdrop-filter: blur(14px) saturate(132%);
	backdrop-filter: blur(14px) saturate(132%);
	border: 1px solid var(--mrcxy-stable-border) !important;
	border-radius: 16px !important;
	box-shadow: var(--mrcxy-stable-shadow) !important;
	transform: none !important;
}
html:not(.darkmode) #main article.shuoshuo-main {
	background-color: var(--mrcxy-stable-surface) !important;
}

/* MRCXY PJAX-safe timeline background priority: body class may stay stale. */
#main .archive-timeline .archive-timeline-title {
	background: transparent !important;
	background-color: transparent !important;
}
#main .archive-timeline .archive-timeline-title > a {
	display: inline-block !important;
	width: fit-content !important;
	max-width: 100% !important;
}

/* MRCXY stable glass leftbar and PJAX transition correction. */
html.darkmode .widget_search.card,
html.darkmode #leftbar .widget_search.card {
	background-color: rgba(44, 44, 44, 0.88) !important;
	-webkit-backdrop-filter: blur(14px) saturate(132%);
	backdrop-filter: blur(14px) saturate(132%);
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	border-radius: 16px !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22) !important;
	overflow: hidden !important;
}
html.darkmode #leftbar .widget_search.card .card-body,
html.darkmode #leftbar .widget_search.card form,
html.darkmode #leftbar .widget_search.card .form-group {
	background: transparent !important;
}
html.darkmode #leftbar_search_container,
html.darkmode #leftbar .widget_search.card .btn {
	background: rgba(255, 255, 255, 0.055) !important;
	border: 1px solid rgba(148, 163, 184, 0.14) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: rgba(238, 238, 238, 0.9) !important;
}
html.darkmode #leftbar_search_input {
	background: rgba(15, 15, 15, 0.72) !important;
	border: 1px solid rgba(148, 163, 184, 0.12) !important;
	border-radius: 999px !important;
	color: rgba(238, 238, 238, 0.92) !important;
}
.post-list-pjax-loading .post-preview,
.post-list-pjax-loading .shuoshuo-preview-container {
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* MRCXY sidebar tools tab: flatten nested widgets and improve narrow-panel rhythm. */
html.darkmode #leftbar_part2_inner {
	padding: 12px !important;
	overflow-x: hidden !important;
}
html.darkmode #leftbar_part2_inner > .nav-tabs,
html.darkmode #leftbar_part2_inner > ul.nav-tabs {
	display: flex !important;
	gap: 4px !important;
	margin: 0 0 12px !important;
	padding: 0 2px 6px !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}
html.darkmode #leftbar_part2_inner > .nav-tabs > .nav-item,
html.darkmode #leftbar_part2_inner > ul.nav-tabs > .nav-item {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	text-align: center !important;
}
html.darkmode #leftbar_part2_inner > .nav-tabs .nav-link {
	position: relative !important;
	width: 100% !important;
	padding: 4px 2px 8px !important;
	border: 0 !important;
	background: transparent !important;
	color: rgba(186, 194, 207, 0.72) !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
}
html.darkmode #leftbar_part2_inner > .nav-tabs .nav-link.active {
	color: rgba(125, 211, 252, 0.96) !important;
}
html.darkmode #leftbar_part2_inner > .nav-tabs .nav-link.active::after {
	content: "" !important;
	position: absolute !important;
	left: 24% !important;
	right: 24% !important;
	bottom: 0 !important;
	height: 2px !important;
	border-radius: 999px !important;
	background: rgba(56, 189, 248, 0.9) !important;
}
html.darkmode #leftbar_tab_tools,
html.darkmode #leftbar_tab_overview {
	min-width: 0 !important;
}
html.darkmode #leftbar_tab_tools .widget,
html.darkmode #leftbar_tab_tools .widget.card,
html.darkmode #leftbar_tab_tools .widget_calendar,
html.darkmode #leftbar_tab_tools .widget_recent_entries,
html.darkmode #leftbar_tab_tools .widget_archive {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar {
	display: block !important;
	padding: 8px 4px 12px !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar table {
	width: 100% !important;
	table-layout: fixed !important;
	border-collapse: separate !important;
	border-spacing: 2px !important;
	font-size: 11px !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar caption {
	margin: 0 0 8px !important;
	color: rgba(226, 232, 240, 0.84) !important;
	font-size: 12px !important;
	text-align: left !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar th {
	padding: 3px 0 !important;
	color: rgba(148, 163, 184, 0.68) !important;
	font-weight: 500 !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td {
	padding: 0 !important;
	text-align: center !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a,
html.darkmode #leftbar_tab_tools .widget_calendar td abbr {
	display: block !important;
	padding: 4px 0 !important;
	border-radius: 7px !important;
	color: rgba(191, 219, 254, 0.82) !important;
	text-decoration: none !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a:hover {
	background: rgba(56, 189, 248, 0.14) !important;
	color: rgba(224, 242, 254, 0.98) !important;
}
html.darkmode #leftbar_tab_tools .widget_recent_entries,
html.darkmode #leftbar_tab_tools .widget_archive {
	display: block !important;
	padding: 12px 4px 0 !important;
}
html.darkmode #leftbar_tab_tools .widget_recent_entries ul,
html.darkmode #leftbar_tab_tools .widget_archive ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
html.darkmode #leftbar_tab_tools .widget_recent_entries li,
html.darkmode #leftbar_tab_tools .widget_archive li {
	margin: 0 !important;
	padding: 7px 0 !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.09) !important;
	line-height: 1.45 !important;
}
html.darkmode #leftbar_tab_tools .widget_recent_entries li:last-child,
html.darkmode #leftbar_tab_tools .widget_archive li:last-child {
	border-bottom: 0 !important;
}
html.darkmode #leftbar_tab_tools .widget_recent_entries a,
html.darkmode #leftbar_tab_tools .widget_archive a {
	color: rgba(191, 219, 254, 0.82) !important;
	font-size: 12px !important;
	text-decoration: none !important;
}
html.darkmode #leftbar_tab_tools .widget_recent_entries a:hover,
html.darkmode #leftbar_tab_tools .widget_archive a:hover {
	color: rgba(125, 211, 252, 0.98) !important;
}

/* MRCXY calendar date marker: compact circular article-day highlight. */
html.darkmode #leftbar_tab_tools .widget_calendar td a {
	box-sizing: border-box !important;
	width: 24px !important;
	height: 24px !important;
	margin: 0 auto !important;
	padding: 4px 0 !important;
	border: 1px solid rgba(56, 189, 248, 0.22) !important;
	border-radius: 50% !important;
	background: rgba(56, 189, 248, 0.12) !important;
	color: rgba(191, 219, 254, 0.92) !important;
	line-height: 16px !important;
	text-align: center !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a:hover,
html.darkmode #leftbar_tab_tools .widget_calendar td a:focus-visible {
	background: rgba(56, 189, 248, 0.28) !important;
	border-color: rgba(125, 211, 252, 0.7) !important;
	color: rgba(240, 249, 255, 0.98) !important;
	transform: none !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"] {
	background: rgba(56, 189, 248, 0.3) !important;
	border-color: rgba(125, 211, 252, 0.8) !important;
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.08) !important;
}

/* MRCXY calendar correction: article dates are links, not selected dates. */
html.darkmode #leftbar_tab_tools .widget_calendar td a {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 4px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(191, 219, 254, 0.9) !important;
	line-height: 16px !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a:hover,
html.darkmode #leftbar_tab_tools .widget_calendar td a:focus-visible {
	border: 0 !important;
	border-radius: 6px !important;
	background: rgba(56, 189, 248, 0.12) !important;
	color: rgba(240, 249, 255, 0.98) !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"] {
	width: 24px !important;
	height: 24px !important;
	margin: 0 auto !important;
	padding: 4px 0 !important;
	border: 1px solid rgba(125, 211, 252, 0.8) !important;
	border-radius: 50% !important;
	background: rgba(56, 189, 248, 0.3) !important;
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.08) !important;
}

/* MRCXY calendar hover correction: archive links should not look selected. */
html.darkmode #leftbar_tab_tools .widget_calendar td a:hover,
html.darkmode #leftbar_tab_tools .widget_calendar td a:focus-visible {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(125, 211, 252, 0.98) !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(125, 211, 252, 0.55) !important;
	text-underline-offset: 3px !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"]:hover,
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"]:focus-visible {
	border-radius: 50% !important;
	background: rgba(56, 189, 248, 0.36) !important;
	text-decoration: none !important;
}

/* MRCXY current calendar date: use flex centering to remove glyph/circle offset. */
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 24px !important;
	height: 24px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 1px solid rgba(125, 211, 252, 0.8) !important;
	border-radius: 50% !important;
	background: rgba(56, 189, 248, 0.3) !important;
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.08) !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	text-align: center !important;
}
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"]:hover,
html.darkmode #leftbar_tab_tools .widget_calendar td a[aria-current="date"]:focus-visible {
	border-radius: 50% !important;
	background: rgba(56, 189, 248, 0.36) !important;
	text-decoration: none !important;
}



/* MRCXY leftbar search open overlay: make the input the only visible surface. */
.leftbar-search-button.open {
	position: relative;
}
.leftbar-search-button.open #leftbar_search_container {
	position: relative;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	text-shadow: none !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	overflow: hidden !important;
}
.leftbar-search-button.open #leftbar_search_container .menu-item-icon {
	opacity: 0 !important;
	visibility: hidden !important;
}
.leftbar-search-button.open #leftbar_search_input {
	position: absolute !important;
	inset: -1px !important;
	z-index: 3;
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
	padding: 0 16px !important;
	font-size: 1rem !important;
	line-height: 45px !important;
	text-align: left !important;
	background: rgba(15, 15, 15, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}
.leftbar-search-button.open #leftbar_search_input::placeholder {
	color: rgba(238, 238, 238, 0.62) !important;
}
html:not(.darkmode) .leftbar-search-button.open #leftbar_search_input {
	background: rgba(255, 255, 255, 0.96) !important;
	border-color: rgba(148, 163, 184, 0.22) !important;
}
html:not(.darkmode) .leftbar-search-button.open #leftbar_search_input::placeholder {
	color: rgba(51, 65, 85, 0.58) !important;
}


/* MRCXY command search modal: keyboard-first search surface. */
html.mrcxy-search-open {
	overflow: auto;
}
.mrcxy-search-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	pointer-events: none;
	opacity: 0;
	transition: opacity 180ms ease;
}
.mrcxy-search-overlay.open {
	pointer-events: auto;
	opacity: 1;
}
.mrcxy-search-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 10, 14, 0.62);
	-webkit-backdrop-filter: blur(18px) saturate(132%);
	backdrop-filter: blur(18px) saturate(132%);
}
.mrcxy-search-panel {
	position: relative;
	width: min(640px, calc(100vw - 32px));
	margin: max(92px, 12vh) auto 0;
	padding: 22px 22px 46px;
	border-radius: 22px;
	background: rgba(28, 30, 34, 0.92);
	border: 1px solid rgba(148, 163, 184, 0.18);
	box-shadow: 0 32px 90px rgba(0, 0, 0, 0.46), 0 8px 24px rgba(0, 0, 0, 0.28);
	-webkit-backdrop-filter: blur(22px) saturate(145%);
	backdrop-filter: blur(22px) saturate(145%);
	transform: translateY(-10px) scale(0.985);
	transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}
.mrcxy-search-overlay.open .mrcxy-search-panel {
	transform: translateY(0) scale(1);
}
.mrcxy-search-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}
.mrcxy-search-title {
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.2;
	color: rgba(248, 250, 252, 0.96);
}
.mrcxy-search-subtitle {
	margin-top: 5px;
	font-size: 0.9rem;
	line-height: 1.45;
	color: rgba(226, 232, 240, 0.62);
}
.mrcxy-search-close {
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(248, 250, 252, 0.76);
	font-size: 24px;
	line-height: 30px;
	cursor: pointer;
	transition: background-color 160ms ease, color 160ms ease, transform 120ms ease;
}
.mrcxy-search-close:hover,
.mrcxy-search-close:focus-visible {
	background: rgba(255, 255, 255, 0.11);
	color: rgba(248, 250, 252, 0.96);
	outline: none;
}
.mrcxy-search-close:active {
	transform: scale(0.96);
}
.mrcxy-search-box {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 0 16px;
	border-radius: 16px;
	background: rgba(12, 15, 20, 0.74);
	border: 1px solid rgba(125, 211, 252, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.mrcxy-search-box .fa {
	color: rgba(125, 211, 252, 0.86);
	font-size: 1rem;
}
#mrcxy_search_input {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: rgba(248, 250, 252, 0.96);
	font-size: 1.08rem;
	line-height: 1.5;
	box-shadow: none;
	padding: 0;
}
#mrcxy_search_input::placeholder {
	color: rgba(226, 232, 240, 0.46);
}
.mrcxy-search-hints {
	position: absolute;
	right: 22px;
	bottom: 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
	margin: 0;
	color: rgba(226, 232, 240, 0.5);
	font-size: 0.72rem;
	line-height: 1.2;
	pointer-events: none;
}
.mrcxy-search-hints span {
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.mrcxy-search-panel kbd,
.mrcxy-search-box kbd {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 21px;
	height: 21px;
	padding: 0 6px;
	border-radius: 6px;
	border: 1px solid rgba(148, 163, 184, 0.18);
	background: rgba(255, 255, 255, 0.06);
	color: rgba(226, 232, 240, 0.62);
	font-size: 0.68rem;
	font-family: inherit;
	box-shadow: none;
}
html:not(.darkmode) .mrcxy-search-backdrop {
	background: rgba(241, 245, 249, 0.68);
}
html:not(.darkmode) .mrcxy-search-panel {
	background: rgba(255, 255, 255, 0.92);
	border-color: rgba(148, 163, 184, 0.24);
	box-shadow: 0 32px 90px rgba(15, 23, 42, 0.16), 0 8px 24px rgba(15, 23, 42, 0.09);
}
html:not(.darkmode) .mrcxy-search-title {
	color: rgba(15, 23, 42, 0.94);
}
html:not(.darkmode) .mrcxy-search-subtitle {
	color: rgba(51, 65, 85, 0.62);
}
html:not(.darkmode) .mrcxy-search-hints {
	color: rgba(51, 65, 85, 0.56);
}
html:not(.darkmode) .mrcxy-search-close {
	background: rgba(15, 23, 42, 0.05);
	color: rgba(15, 23, 42, 0.62);
}
html:not(.darkmode) .mrcxy-search-box {
	background: rgba(248, 250, 252, 0.9);
	border-color: rgba(56, 189, 248, 0.28);
}
html:not(.darkmode) #mrcxy_search_input {
	color: rgba(15, 23, 42, 0.94);
}
html:not(.darkmode) #mrcxy_search_input::placeholder {
	color: rgba(51, 65, 85, 0.46);
}
html:not(.darkmode) .mrcxy-search-panel kbd,
html:not(.darkmode) .mrcxy-search-box kbd {
	background: rgba(15, 23, 42, 0.05);
	border-color: rgba(148, 163, 184, 0.28);
	color: rgba(51, 65, 85, 0.72);
}
@media (max-width: 690px) {
	.mrcxy-search-panel {
		width: calc(100vw - 24px);
		margin-top: 74px;
		padding: 18px 18px 42px;
		border-radius: 18px;
	}
	.mrcxy-search-box {
		min-height: 54px;
		grid-template-columns: 18px minmax(0, 1fr);
	}
	.mrcxy-search-hints {
		right: 18px;
		bottom: 12px;
		max-width: calc(100% - 36px);
		font-size: 0.68rem;
	}
	.mrcxy-search-panel kbd,
	.mrcxy-search-box kbd {
		min-width: 19px;
		height: 19px;
		padding: 0 5px;
		font-size: 0.64rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.mrcxy-search-overlay,
	.mrcxy-search-panel,
	.mrcxy-search-close {
		transition: none !important;
	}
	.mrcxy-search-panel {
		transform: none !important;
	}
}


/* MRCXY: align navbar dropdown material with article cards. */
html.darkmode #navbar_global .dropdown-menu {
	background: rgba(44, 44, 44, 0.92) !important;
	color: rgb(238, 238, 238) !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22) !important;
	backdrop-filter: blur(14px) saturate(1.32);
	-webkit-backdrop-filter: blur(14px) saturate(1.32);
}
html.darkmode #navbar_global .dropdown-menu .dropdown-item {
	color: rgb(238, 238, 238) !important;
}
html.darkmode #navbar_global .dropdown-menu .dropdown-item:hover,
html.darkmode #navbar_global .dropdown-menu .dropdown-item:focus {
	background: rgba(255, 255, 255, 0.06) !important;
	color: rgb(238, 238, 238) !important;
}


/* MRCXY: align comments with the article-card material. */
html.darkmode #comments,
html.darkmode #post_comment,
html.darkmode #post_comment .emotion-keyboard,
html.darkmode .shuoshuo-comments {
	background: rgba(44, 44, 44, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22) !important;
	backdrop-filter: blur(14px) saturate(1.32);
	-webkit-backdrop-filter: blur(14px) saturate(1.32);
}
html.darkmode #comments,
html.darkmode #post_comment,
html.darkmode .comment-item,
html.darkmode .comment-item-inner,
html.darkmode .comment-item-text,
html.darkmode #post_comment .form-control,
html.darkmode #post_comment textarea,
html.darkmode #post_comment input {
	color: rgb(238, 238, 238);
}
html.darkmode #post_comment .form-control,
html.darkmode #post_comment textarea,
html.darkmode #post_comment input {
	background: rgba(30, 30, 30, 0.72) !important;
	border-color: rgba(148, 163, 184, 0.16) !important;
}


/* MRCXY: align post navigation and recommendations with article cards. */
html.darkmode.clarke-theme .post-navigation,
html.darkmode.clarke-theme .related-posts {
	background: rgba(44, 44, 44, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22) !important;
	backdrop-filter: blur(14px) saturate(1.32);
	-webkit-backdrop-filter: blur(14px) saturate(1.32);
}
html.darkmode.clarke-theme .post-navigation-item,
html.darkmode.clarke-theme .post-navigation-item a,
html.darkmode.clarke-theme .related-posts,
html.darkmode.clarke-theme .related-posts a {
	color: rgb(238, 238, 238);
}
html.darkmode a.related-post-card {
	background: rgba(30, 30, 30, 0.72) !important;
	border: 1px solid rgba(148, 163, 184, 0.16) !important;
	border-radius: 6px !important;
	opacity: 1;
	box-shadow: none;
}
html.darkmode a.related-post-card:hover {
	background: rgba(30, 30, 30, 0.86) !important;
	border-color: rgba(148, 163, 184, 0.28) !important;
	filter: none;
}
html.darkmode .related-post-title.clamp,
html.darkmode .has-thumbnail .related-post-title.clamp,
html.darkmode i.related-post-arrow.fa.fa-chevron-right {
	color: rgb(238, 238, 238) !important;
}


/* MRCXY day scheme foundation: pure white canvas, matching night structure. */
html.clarke-theme.mrcxy-scheme-day body {
	--mrcxy-scheme-name: day;
	--mrcxy-day-canvas: #ffffff;
	--mrcxy-day-surface: rgba(255, 255, 255, 0.92);
	--mrcxy-day-surface-inner: rgba(248, 250, 252, 0.92);
	--mrcxy-day-text: rgba(15, 23, 42, 0.92);
	--mrcxy-day-text-muted: rgba(51, 65, 85, 0.66);
	--mrcxy-day-border: rgba(148, 163, 184, 0.24);
	--mrcxy-day-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
	--color-background: #ffffff;
	--color-foreground: #ffffff;
	--color-widgets: #f8fafc;
	--color-widgets-disabled: #eef2f7;
	--color-border: rgba(148, 163, 184, 0.28);
	--color-border-on-foreground: rgba(226, 232, 240, 0.86);
	--color-border-on-foreground-deeper: rgba(203, 213, 225, 0.9);
	--color-text-deeper: rgba(15, 23, 42, 0.92);
	--color-selection: rgba(56, 189, 248, 0.24);
	background: #ffffff !important;
	color: rgba(15, 23, 42, 0.92);
}
html.clarke-theme.mrcxy-scheme-day body:before,
html.clarke-theme.mrcxy-scheme-day #content:before,
html.clarke-theme.mrcxy-scheme-day #content:after {
	background: #ffffff !important;
	background-image: none !important;
	opacity: 1 !important;
}
html.clarke-theme.mrcxy-scheme-day #content,
html.clarke-theme.mrcxy-scheme-day #primary,
html.clarke-theme.mrcxy-scheme-day #main {
	background: transparent !important;
}


/* MRCXY day scheme components. */
html.clarke-theme.mrcxy-scheme-day .card,
html.clarke-theme.mrcxy-scheme-day .bg-white,
html.clarke-theme.mrcxy-scheme-day article.post,
html.clarke-theme.mrcxy-scheme-day #leftbar_part1,
html.clarke-theme.mrcxy-scheme-day #leftbar_part2 .card,
html.clarke-theme.mrcxy-scheme-day #rightbar > .card,
html.clarke-theme.mrcxy-scheme-day #comments,
html.clarke-theme.mrcxy-scheme-day #post_comment,
html.clarke-theme.mrcxy-scheme-day #post_comment .emotion-keyboard,
html.clarke-theme.mrcxy-scheme-day .post-navigation,
html.clarke-theme.mrcxy-scheme-day .related-posts {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
	backdrop-filter: blur(14px) saturate(1.22);
	-webkit-backdrop-filter: blur(14px) saturate(1.22);
	color: rgba(15, 23, 42, 0.92) !important;
}
html.clarke-theme.mrcxy-scheme-day .post-title,
html.clarke-theme.mrcxy-scheme-day .post-title a,
html.clarke-theme.mrcxy-scheme-day .post-content,
html.clarke-theme.mrcxy-scheme-day .post-content p,
html.clarke-theme.mrcxy-scheme-day .post-content li,
html.clarke-theme.mrcxy-scheme-day .comment-item-text,
html.clarke-theme.mrcxy-scheme-day .post-navigation-item,
html.clarke-theme.mrcxy-scheme-day .post-navigation-item a,
html.clarke-theme.mrcxy-scheme-day .related-posts,
html.clarke-theme.mrcxy-scheme-day .related-posts a {
	color: rgba(15, 23, 42, 0.92) !important;
}
html.clarke-theme.mrcxy-scheme-day .post-meta,
html.clarke-theme.mrcxy-scheme-day .post-meta-detail,
html.clarke-theme.mrcxy-scheme-day .post-content .text-muted,
html.clarke-theme.mrcxy-scheme-day .page-navigation-extra-text {
	color: rgba(51, 65, 85, 0.66) !important;
}


/* MRCXY day scheme controls and nested surfaces. */
html.clarke-theme.mrcxy-scheme-day #navbar-main {
	background: rgba(255, 255, 255, 0.78) !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
	backdrop-filter: blur(18px) saturate(1.35);
	-webkit-backdrop-filter: blur(18px) saturate(1.35);
}
html.clarke-theme.mrcxy-scheme-day #navbar-main,
html.clarke-theme.mrcxy-scheme-day #navbar-main a,
html.clarke-theme.mrcxy-scheme-day #navbar_global .nav-link-inner--text {
	color: rgba(15, 23, 42, 0.88) !important;
}
html.clarke-theme.mrcxy-scheme-day #navbar_global .dropdown-menu {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.1) !important;
	backdrop-filter: blur(14px) saturate(1.22);
	-webkit-backdrop-filter: blur(14px) saturate(1.22);
}
html.clarke-theme.mrcxy-scheme-day #navbar_global .dropdown-menu .dropdown-item {
	color: rgba(15, 23, 42, 0.9) !important;
}
html.clarke-theme.mrcxy-scheme-day #navbar_global .dropdown-menu .dropdown-item:hover,
html.clarke-theme.mrcxy-scheme-day #navbar_global .dropdown-menu .dropdown-item:focus,
html.clarke-theme.mrcxy-scheme-day a.related-post-card:hover {
	background: rgba(241, 245, 249, 0.96) !important;
}
html.clarke-theme.mrcxy-scheme-day a.related-post-card,
html.clarke-theme.mrcxy-scheme-day #post_comment .form-control,
html.clarke-theme.mrcxy-scheme-day #post_comment textarea,
html.clarke-theme.mrcxy-scheme-day #post_comment input,
html.clarke-theme.mrcxy-scheme-day .form-control,
html.clarke-theme.mrcxy-scheme-day pre,
html.clarke-theme.mrcxy-scheme-day code {
	background: rgba(248, 250, 252, 0.92) !important;
	border-color: rgba(148, 163, 184, 0.24) !important;
	color: rgba(15, 23, 42, 0.9) !important;
}
html.clarke-theme.mrcxy-scheme-day .related-post-title.clamp,
html.clarke-theme.mrcxy-scheme-day .has-thumbnail .related-post-title.clamp,
html.clarke-theme.mrcxy-scheme-day i.related-post-arrow.fa.fa-chevron-right {
	color: rgba(15, 23, 42, 0.9) !important;
}


/* MRCXY day scheme priority fixes over legacy dark/header rules. */
html.clarke-theme.mrcxy-scheme-day body #navbar-main.navbar-main {
	background: rgba(255, 255, 255, 0.78) !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
	color: rgba(15, 23, 42, 0.88) !important;
}
html.clarke-theme.mrcxy-scheme-day body article.post.card,
html.clarke-theme.mrcxy-scheme-day body .home .post.card,
html.clarke-theme.mrcxy-scheme-day body .blog .post.card,
html.clarke-theme.mrcxy-scheme-day body .archive .post.card,
html.clarke-theme.mrcxy-scheme-day body .search .post.card,
html.clarke-theme.mrcxy-scheme-day body .category .post.card,
html.clarke-theme.mrcxy-scheme-day body .tag .post.card {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
	color: rgba(15, 23, 42, 0.92) !important;
}


/* MRCXY day scheme homepage/list card priority. */
html.clarke-theme.mrcxy-scheme-day body.home article.post.card,
html.clarke-theme.mrcxy-scheme-day body.blog article.post.card,
html.clarke-theme.mrcxy-scheme-day body.archive article.post.card,
html.clarke-theme.mrcxy-scheme-day body.search article.post.card,
html.clarke-theme.mrcxy-scheme-day body.category article.post.card,
html.clarke-theme.mrcxy-scheme-day body.tag article.post.card,
html.clarke-theme.mrcxy-scheme-day body.single article.post.card {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
}


/* MRCXY day scheme search/footer/icons compatibility. */
html.clarke-theme.mrcxy-scheme-day #navbar_search_container .input-group-text,
html.clarke-theme.mrcxy-scheme-day #navbar_search_container .fa-search,
html.clarke-theme.mrcxy-scheme-day .navbar-toggler-icon,
html.clarke-theme.mrcxy-scheme-day .navbar-toggler-searcg-icon,
html.clarke-theme.mrcxy-scheme-day .navbar-toggler span {
	color: rgba(15, 23, 42, 0.72) !important;
}
html.clarke-theme.mrcxy-scheme-day #footer.site-footer,
html.clarke-theme.mrcxy-scheme-day #footer .card,
html.clarke-theme.mrcxy-scheme-day footer.site-footer {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
}
html.clarke-theme.mrcxy-scheme-day #footer a,
html.clarke-theme.mrcxy-scheme-day #footer .fa-rss-square,
html.clarke-theme.mrcxy-scheme-day .fa-rss-square,
html.clarke-theme.mrcxy-scheme-day footer a,
html.clarke-theme.mrcxy-scheme-day .mrcxy-footer-links a,
html.clarke-theme.mrcxy-scheme-day .mrcxy-footer-links .fa {
	color: rgba(15, 23, 42, 0.72) !important;
}
/* Search results filter checkboxes/controls. */
html.clarke-theme.mrcxy-scheme-day .search-filter-wrapper,
html.clarke-theme.mrcxy-scheme-day .search-filter-wrapper label,
html.clarke-theme.mrcxy-scheme-day .search-filter-wrapper .custom-control-label,
html.clarke-theme.mrcxy-scheme-day .search-filter,
html.clarke-theme.mrcxy-scheme-day label[for*="filter"],
html.clarke-theme.mrcxy-scheme-day .search-result-count,
html.clarke-theme.mrcxy-scheme-day .search-results-header,
html.clarke-theme.mrcxy-scheme-day .search-results-header * {
	color: rgba(15, 23, 42, 0.88) !important;
}


/* MRCXY day scheme footer polish. */
html.clarke-theme.mrcxy-scheme-day #footer.site-footer {
	background-color: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
}
html.clarke-theme.mrcxy-scheme-day .mrcxy-footer-subtitle {
	color: rgba(71, 85, 105, 0.74) !important;
}
html.clarke-theme.mrcxy-scheme-day .mrcxy-footer-links a {
	background: rgba(241, 245, 249, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	color: rgba(30, 41, 59, 0.78) !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) inset !important;
}
html.clarke-theme.mrcxy-scheme-day .mrcxy-footer-links a:hover {
	background: rgba(226, 232, 240, 0.94) !important;
	border-color: rgba(14, 165, 233, 0.32) !important;
	color: rgba(15, 23, 42, 0.92) !important;
}
html.clarke-theme.mrcxy-scheme-day #mrcxy-site-age,
html.clarke-theme.mrcxy-scheme-day .mrcxy-footer-runtime {
	color: rgba(37, 99, 235, 0.72) !important;
}


/* MRCXY scheme radius alignment for the left quote card. */
html.clarke-theme .widget_search.card,
html.clarke-theme #leftbar_part1,
html.clarke-theme #leftbar_part2 {
	overflow: hidden !important;
}
html.clarke-theme .widget_search.card .leftbar-banner {
	border-radius: 16px 16px 0 0 !important;
}
html.clarke-theme.mrcxy-scheme-day .widget_search.card .leftbar-banner {
	background: linear-gradient(150deg, rgba(248, 250, 252, 0.96) 0%, rgba(241, 245, 249, 0.92) 58%, rgba(226, 232, 240, 0.9) 100%) !important;
	color: rgba(15, 23, 42, 0.92) !important;
}
html.clarke-theme.mrcxy-scheme-day .widget_search.card .leftbar-banner .text-white,
html.clarke-theme.mrcxy-scheme-day .widget_search.card .leftbar-banner-title,
html.clarke-theme.mrcxy-scheme-day .widget_search.card .leftbar-banner-subtitle,
html.clarke-theme.mrcxy-scheme-day .widget_search.card .leftbar-banner .hitokoto {
	color: rgba(15, 23, 42, 0.88) !important;
}


/* MRCXY smooth day/night scheme transition. */
html.clarke-theme.mrcxy-scheme-transitioning,
html.clarke-theme.mrcxy-scheme-transitioning body,
html.clarke-theme.mrcxy-scheme-transitioning #content,
html.clarke-theme.mrcxy-scheme-transitioning #navbar-main,
html.clarke-theme.mrcxy-scheme-transitioning #navbar_global .dropdown-menu,
html.clarke-theme.mrcxy-scheme-transitioning .card,
html.clarke-theme.mrcxy-scheme-transitioning article.post,
html.clarke-theme.mrcxy-scheme-transitioning #comments,
html.clarke-theme.mrcxy-scheme-transitioning #post_comment,
html.clarke-theme.mrcxy-scheme-transitioning .post-navigation,
html.clarke-theme.mrcxy-scheme-transitioning .related-posts,
html.clarke-theme.mrcxy-scheme-transitioning .related-post-card,
html.clarke-theme.mrcxy-scheme-transitioning #footer,
html.clarke-theme.mrcxy-scheme-transitioning .mrcxy-footer-links a,
html.clarke-theme.mrcxy-scheme-transitioning .leftbar-banner,
html.clarke-theme.mrcxy-scheme-transitioning input,
html.clarke-theme.mrcxy-scheme-transitioning textarea,
html.clarke-theme.mrcxy-scheme-transitioning .form-control,
html.clarke-theme.mrcxy-scheme-transitioning a,
html.clarke-theme.mrcxy-scheme-transitioning span,
html.clarke-theme.mrcxy-scheme-transitioning i,
html.clarke-theme.mrcxy-scheme-transitioning p,
html.clarke-theme.mrcxy-scheme-transitioning h1,
html.clarke-theme.mrcxy-scheme-transitioning h2,
html.clarke-theme.mrcxy-scheme-transitioning h3,
html.clarke-theme.mrcxy-scheme-transitioning h4,
html.clarke-theme.mrcxy-scheme-transitioning h5,
html.clarke-theme.mrcxy-scheme-transitioning h6 {
	transition-property: background, background-color, color, border-color, box-shadow, opacity, backdrop-filter, -webkit-backdrop-filter !important;
	transition-duration: 160ms !important;
	transition-timing-function: cubic-bezier(0.2, 0, 0.2, 1) !important;
}
@media (prefers-reduced-motion: reduce) {
	html.clarke-theme.mrcxy-scheme-transitioning,
	html.clarke-theme.mrcxy-scheme-transitioning * {
		transition-duration: 1ms !important;
	}
}


/* MRCXY smooth scheme transition priority over stable card transitions. */
html.clarke-theme.mrcxy-scheme-transitioning #main article.post.card,
html.clarke-theme.mrcxy-scheme-transitioning #main .shuoshuo-preview-container,
html.clarke-theme.mrcxy-scheme-transitioning .archive-timeline .archive-timeline-title,
html.clarke-theme.mrcxy-scheme-transitioning #rightbar > .card,
html.clarke-theme.mrcxy-scheme-transitioning #leftbar_part1,
html.clarke-theme.mrcxy-scheme-transitioning #leftbar_part2 > .card,
html.clarke-theme.mrcxy-scheme-transitioning #footer.site-footer {
	transition: background 160ms cubic-bezier(0.2, 0, 0.2, 1), background-color 160ms cubic-bezier(0.2, 0, 0.2, 1), color 160ms cubic-bezier(0.2, 0, 0.2, 1), border-color 160ms cubic-bezier(0.2, 0, 0.2, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0.2, 1), opacity 160ms cubic-bezier(0.2, 0, 0.2, 1), backdrop-filter 160ms cubic-bezier(0.2, 0, 0.2, 1), -webkit-backdrop-filter 160ms cubic-bezier(0.2, 0, 0.2, 1) !important;
}


/* MRCXY day scheme article copyright/original-link notice. */
html.clarke-theme.mrcxy-scheme-day .additional-content-after-post {
	background: rgba(248, 250, 252, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.24) !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) inset, 0 10px 28px rgba(15, 23, 42, 0.06) !important;
	color: rgba(51, 65, 85, 0.82) !important;
	border-radius: 12px !important;
}
html.clarke-theme.mrcxy-scheme-day .additional-content-after-post a,
html.clarke-theme.mrcxy-scheme-day .additional-content-after-post .mrcxy-original-link {
	color: rgba(37, 99, 235, 0.86) !important;
	font-weight: 600;
}
html.clarke-theme.mrcxy-scheme-day .additional-content-after-post a:hover,
html.clarke-theme.mrcxy-scheme-day .additional-content-after-post .mrcxy-original-link:hover {
	color: rgba(29, 78, 216, 0.96) !important;
}


/* MRCXY day scheme: u.sb-inspired warm syntax colors only. */
html.clarke-theme.mrcxy-scheme-day .post-content pre.hljs-codeblock,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-ln-line,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-ln-code,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-ln-numbers {
	color: #292524 !important;
}
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-keyword,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-selector-tag,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-literal,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-doctag {
	color: #9f1239 !important;
}
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-string,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-title,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-section,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-attribute,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-addition,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-variable,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-template-variable {
	color: #166534 !important;
}
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-number,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-regexp,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-built_in,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-attr,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-bullet,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-link {
	color: #9a3412 !important;
}
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-comment,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-quote,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-meta,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-deletion {
	color: #78716c !important;
	font-style: italic;
}
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-function,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-name,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-class,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-type,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-selector-id,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-selector-class {
	color: #92400e !important;
}
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-control .hljs-control-btn,
html.clarke-theme.mrcxy-scheme-day .post-content .hljs-control .hljs-control-btn:before {
	color: #a16207 !important;
}
html.clarke-theme.mrcxy-scheme-day .post-content code:not([hljs-codeblock-inner]) {
	color: #7c2d12 !important;
}


/* MRCXY smoother scheme switching: keep large background images off the animated path. */
html.clarke-theme #content::before,
html.clarke-theme #content::after {
	will-change: opacity;
	transform: translateZ(0);
	backface-visibility: hidden;
	contain: paint;
}
html.clarke-theme.mrcxy-scheme-transitioning #content::before,
html.clarke-theme.mrcxy-scheme-transitioning #content::after {
	transition: none !important;
	animation: none !important;
}
html.clarke-theme.mrcxy-scheme-transitioning body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: rgba(255, 255, 255, 0.09);
	opacity: 0;
	animation: mrcxy-scheme-soft-veil 180ms cubic-bezier(0.2, 0, 0.2, 1);
}
html.clarke-theme.darkmode.mrcxy-scheme-transitioning body::after {
	background: rgba(15, 23, 42, 0.14);
}
@keyframes mrcxy-scheme-soft-veil {
	0% { opacity: 0; }
	38% { opacity: 1; }
	100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	html.clarke-theme.mrcxy-scheme-transitioning body::after {
		animation-duration: 1ms !important;
	}
}


/* MRCXY fast scheme switching trial: minimal animated properties. */
html.clarke-theme.mrcxy-scheme-transitioning,
html.clarke-theme.mrcxy-scheme-transitioning body,
html.clarke-theme.mrcxy-scheme-transitioning #content,
html.clarke-theme.mrcxy-scheme-transitioning #navbar-main,
html.clarke-theme.mrcxy-scheme-transitioning #navbar_global .dropdown-menu,
html.clarke-theme.mrcxy-scheme-transitioning .card,
html.clarke-theme.mrcxy-scheme-transitioning article.post,
html.clarke-theme.mrcxy-scheme-transitioning #comments,
html.clarke-theme.mrcxy-scheme-transitioning #post_comment,
html.clarke-theme.mrcxy-scheme-transitioning .post-navigation,
html.clarke-theme.mrcxy-scheme-transitioning .related-posts,
html.clarke-theme.mrcxy-scheme-transitioning .related-post-card,
html.clarke-theme.mrcxy-scheme-transitioning #footer,
html.clarke-theme.mrcxy-scheme-transitioning .mrcxy-footer-links a,
html.clarke-theme.mrcxy-scheme-transitioning .leftbar-banner,
html.clarke-theme.mrcxy-scheme-transitioning input,
html.clarke-theme.mrcxy-scheme-transitioning textarea,
html.clarke-theme.mrcxy-scheme-transitioning .form-control,
html.clarke-theme.mrcxy-scheme-transitioning a,
html.clarke-theme.mrcxy-scheme-transitioning span,
html.clarke-theme.mrcxy-scheme-transitioning i,
html.clarke-theme.mrcxy-scheme-transitioning p,
html.clarke-theme.mrcxy-scheme-transitioning h1,
html.clarke-theme.mrcxy-scheme-transitioning h2,
html.clarke-theme.mrcxy-scheme-transitioning h3,
html.clarke-theme.mrcxy-scheme-transitioning h4,
html.clarke-theme.mrcxy-scheme-transitioning h5,
html.clarke-theme.mrcxy-scheme-transitioning h6 {
	transition-property: background-color, color, border-color !important;
	transition-duration: 120ms !important;
	transition-timing-function: cubic-bezier(0.2, 0, 0.2, 1) !important;
}
html.clarke-theme.mrcxy-scheme-transitioning #main article.post.card,
html.clarke-theme.mrcxy-scheme-transitioning #main .shuoshuo-preview-container,
html.clarke-theme.mrcxy-scheme-transitioning .archive-timeline .archive-timeline-title,
html.clarke-theme.mrcxy-scheme-transitioning #rightbar > .card,
html.clarke-theme.mrcxy-scheme-transitioning #leftbar_part1,
html.clarke-theme.mrcxy-scheme-transitioning #leftbar_part2 > .card,
html.clarke-theme.mrcxy-scheme-transitioning #footer.site-footer {
	transition: background-color 120ms cubic-bezier(0.2, 0, 0.2, 1), color 120ms cubic-bezier(0.2, 0, 0.2, 1), border-color 120ms cubic-bezier(0.2, 0, 0.2, 1) !important;
}
html.clarke-theme.mrcxy-scheme-transitioning body::after {
	display: none !important;
	animation: none !important;
}