:root {
	--gap: 24px;
	--content-gap: 20px;
	--nav-width: 1024px;
	--main-width: 720px;
	--header-height: 60px;
	--footer-height: 60px;
	--radius: 8px;
	--theme: #fff;
	--entry: #fff;
	--primary: #1e1e1e;
	--secondary: #6c6c6c;
	--tertiary: #d6d6d6;
	--content: #1f1f1f;
	--hljs-bg: #1c1d21;
	--border: #eee
}

.list {
	background: #f5f5f5
}

.dark.list {
	background: var(--theme)
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	overflow-y: scroll;
	-webkit-tap-highlight-color: transparent
}

body {
	background: var(--theme);
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.5;
	word-break: break-word
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
table {
	display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: left;
	line-height: 1.2
}

/* 标题样式 */
h1 {
	font-weight: bold
}


h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
}

h3 {
	display: block;
	font-size: 1.17em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
}

h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	unicode-bidi: isolate;
}

h5 {
	font-size: 1.25rem;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h6 {
	font-size: 1rem;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

ol, ul {
	padding-left: 1.5em; /* 调整左边距 */
    margin-left: 0; /* 根据需要调整 */
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: disc;
}

/* 段落样式 */
p {
	font-size: 1rem;
	line-height: 1.8;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* 表格样式 */
table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

th,
td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

th {
	background-color: #f8f9fa;
	font-weight: bold;
}

#post_meta_style_author,
#post_meta_style_initpost,
#post_meta_style_lastmod,
#post_meta_style_pagepv,
#post_meta_style_tags,
#post_meta_style_categories {
	color: #1e28ea
}

ul {
	padding-left: 1.5em
}

a {
	color: #1e28ea
}

.inner a,
a {
	text-decoration: none
}

.inner a {
	color: var(--secondary)
}

a:after,
a:before {
	font-size: 1em
}

.no-tag:after,
.no-tag:before {
	content: none
}

.main {
	margin: auto;
	padding: var(--gap);
	max-width: calc(var(--main-width) + var(--gap)*2);
	min-height: calc(100vh - var(--header-height) - var(--footer-height))
}

img {
	max-width: 100%
}

td,
th {
	padding: 5px 10px;
	border-bottom: 2px solid #ddd
}

.article-meta {
	padding: 5px;
	text-decoration: none
}

.title {
	font-size: 1.1em
}

footer a {
	text-decoration: none
}

.footer,
.top-link {
	color: var(--secondary);
	font-size: .75rem
}

.footer {
	margin: auto;
	padding: calc((var(--footer-height) - var(--gap))/ 2) var(--gap);
	max-width: calc(var(--main-width) + var(--gap)*2);
	text-align: center;
	line-height: 1.5rem
}

.footer span {
	margin-inline-start: 1px;
	margin-inline-end: 1px
}

.footer span:last-child {
	white-space: nowrap
}

.footer a:hover {
	border-bottom: 1px solid var(--primary)
}

.top-link {
	position: fixed;
	right: 30px;
	bottom: 60px;
	z-index: 99;
	visibility: hidden;
	padding: 12px;
	width: 42px;
	height: 42px;
	border-radius: 64px;
	background: var(--tertiary);
	transition: visibility .5s, opacity .8s linear
}

.topInner {
	display: grid;
	margin: 7px;
	font-weight: 900;
	align-items: baseline;
	justify-items: center
}

.topSvg {
	width: 20px
}

.top-link {
	padding: unset
}

hr {
	border-style: dashed;
	color: #ddd
}

.chroma {
	/* overflow-x: scroll; */
	/* border-radius: 10px */
	border-top-left-radius: unset;
	border-top-right-radius: unset;
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}

/* 引用样式 */
blockquote {
	margin: 0 2px;
	padding: 0 1.4em;
	border-left: 3px solid #1e28ea;
	color: #666;
	quotes: "\201C" "\201D" "\2018" "\2019"
}

#content {
	position: relative
}

.btw {
	position: absolute;
	right: 100%;
	padding-right: 1em;
	width: 25%;
	color: #888;
	text-align: justify
}

.btw>p {
	margin-top: 0;
	padding-top: 1px;
	font-size: 80%
}

em {
	border-bottom: 1px solid #f6de1a;
	background-color: #fefad1;
	color: #000;
	font-style: normal
}

strong {
	color: #333;
	font-weight: 700
}

img:active {
	transform: scale(1.35)
}

.logo a img {
	border-radius: 25px;
	height: 35px;
}

.logo a {
	color: var(--primary);
	font-weight: 700;
	font-size: 2.4em;
}

/* #head_bkg{
	background-image:  url(https://f-1252019270.file.myqcloud.com//blog/assets/images/index/index22.jpg);
} */

.header {
	position: relative;
	max-width: 50rem;
	/* width: 100%; */
	/* height: 100vh; */
	margin-left: auto;
	margin-right: auto;
}

.header .nav {
	padding-left: 5px;
	padding-right: 0;
	padding-top: 2px;
	padding-bottom: 3px;
	align-items: center;
	display: flex;
	max-width: calc(var(--nav-width) + var(--gap)*10);
	line-height: var(--header-height);
	flex-wrap: wrap;
	justify-content: space-between;
	margin-inline-start: auto;
	margin-inline-end: auto
}

.post-entry {
	box-shadow: 0 2px 4px rgb(5 10 15/5%), 0 7px 13px -3px rgb(5 10 15/.3);
	-webkit-transition: box-shadow .4s ease, transform .4s ease;
	-moz-transition: box-shadow .4s ease, transform .4s ease;
	-o-transition: box-shadow .4s ease, transform .4s ease;
	transition: box-shadow .4s ease, transform .4s ease;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	margin-bottom: var(--gap);
	padding: var(--gap);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	transition: transform .1s
}

.post-info {
	display: inline-block;
	overflow: hidden;
	padding-right: 10px;
	width: 100%
}

.entry-header h2 {
	font-size: 1.5rem;
	line-height: 1.3
}

.entry-content {
	display: -webkit-box;
	overflow: hidden;
	margin: 8px 0;
	color: var(--secondary);
	font-size: .875rem;
	line-height: 1.6;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.entry-footer {
	color: var(--secondary);
	font-size: .9375rem
}

.parent-post-meta {
	display: flex;
	opacity: .8;
	flex-wrap: wrap
}

.post_meta_left,
.post_meta_right {
	display: flex;
	/* flex-wrap: wrap */
}

.post_meta_style {
	display: flex
}

.post-meta-icons {
	margin: 2px 5px 0 0
}

.post-meta-icons svg {
	width: 14px;
	height: 14px
}

svg:not(:root) {
	overflow: hidden;
	overflow-clip-margin: content-box
}

.lang-switch li,
.lang-switch ul,
.logo-switches {
	display: inline-flex;
	margin: auto 4px
}

.lang-switch {
	display: flex;
	flex-wrap: inherit
}

.lang-switch a {
	margin: auto 3px;
	font-weight: 500;
	font-size: 1rem
}

.logo-switches {
	flex-wrap: inherit
}

button,
input,
textarea {
	padding: 0;
	border: 0;
	background: 0 0;
	font: inherit
}

button,
input[type=button],
input[type=submit] {
	cursor: pointer
}

body:not(.dark) #sun {
	display: none
}

/* .page-header,.post-header {
	margin: 24px auto var(--content-gap)
} */

.breadcrumbs {
	display: flex;
	color: var(--secondary);
	font-size: .875rem;
	flex-wrap: wrap
}



.dark-theme .breadcrumb {
	background: #252627
}

.post-description {
	padding-bottom: 10px;
	color: var(--secondary);
	margin-top: 10px;
	margin-bottom: 5px
}

.post-single {
	position: relative;
	display: flex;
	min-height: 100%;
	flex-direction: column;
	overflow-wrap: break-word
}

.inner .active {
	padding-bottom: .1rem;
	font-weight: 600;
	font-size: 100%;
	text-decoration: underline;
}

.dark .active {
	color: var(--content);
	font-weight: 600
}

@media(prefers-reduced-motion) {

	#searchResults .focus,
	#searchResults li:active,
	.button:active,
	.post-entry:active,
	.terms-tags a:active,
	.top-link {
		transform: none
	}
}

:root {
	--footer-height: 40px;
	--hljs-bg: #2c2c2c;
	--black: #000;
	--white: #fff;
	--tag: #ebebeb;
	--nav-width: 1300px;
	--article-width: 650px;
	--toc-width: 300px
}

.main {
	max-width: calc(var(--main-width) + var(--gap)*5)
}

.nav {
	max-width: calc(var(--nav-width) + var(--gap)*10)
}

img {
	border: 1px solid var(--border);
	border-radius: 10px;
	opacity: 1;
}

.dark img {
	opacity: .8
}

.dark img,
img:active {
	border: 1px solid var(--border)
}

img:active {
	z-index: 999;
	opacity: 1;
	transform: scale(1.25)
}

::-webkit-scrollbar-thumb {
	border: 2px solid var(--theme);
	border-radius: var(--radius);
	background: var(--tertiary)
}

::-webkit-scrollbar-corner {
	border-radius: 10px;
	background-color: var(--hljs-bg)
}

.divider {
	margin: 1rem 0;
	line-height: 1;
	height: 0;
	font-weight: 700;
	letter-spacing: 0.05rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: var(--grey-4);
	display: table;
	white-space: nowrap;
	height: auto;
	line-height: 1;
	text-align: center;
}

.divider::before {
	background-position: right 1rem top 50%;
}

.divider::after {
	background-position: left 1rem top 50%;
}

.divider::after,
.divider::before {
	content: '';
	display: table-cell;
	position: relative;
	top: 50%;
	width: 50%;
	background-repeat: no-repeat;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
}

.relative.inline-block.align-text-bottom.icon {
	vertical-align: text-bottom;
	display: inline-block;
	position: relative;
}

.icon {
	display: flex;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
}

#fastSearch {
	display: none;
	position: fixed;
	left: 50%;
	top: calc(5vw + 40px);
	transform: translateX(-50%);
	z-index: 4;
	width: 50vw;
	background-color: #fff;
	box-shadow: 0 1px 2px #3c40434d, 0 2px 6px 2px #3c404326;
	border-radius: 4px;
	overflow: hidden;

	input {
		padding: 10px;
		width: 100%;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
		border: none;
		outline: none;
		font-family: inherit;
	}

	#searchResults {
		display: block;
		overflow-y: auto;
		max-height: 60vh;
		padding-left: 0;
		margin: 0;
		border-top: 1px dashed #ddd;

		.search-highlight {
			color: red;
		}

		li {
			list-style: none;
			margin: 0;

			a {
				text-decoration: none;
				color: inherit;
				padding: 6px 10px;
				display: block;
				font-size: 14px;
				letter-spacing: .04em;
			}

			a:hover,
			a:focus {
				filter: brightness(93%);
				outline: 0;
				background-color: rgb(240, 240, 240);
			}

			.title {
				font-weight: 600;
			}
		}

		li.noSearchResult {
			text-align: center;
			margin: 8px 0;
			color: #888;
		}
	}
}



@media screen and (max-width:900px) {
	.top-link {
		transform: translateY(-5rem)
	}

	.list .top-link {
		transform: translateY(-5rem)
	}

	.logo a {
		font-size: 1.8em;
	}

	.logo a img {
		height: 25px;
	}
}

@media screen and (max-width: 768px) {
	::-webkit-scrollbar {
		width: 19px;
		height: 11px
	}

	:root {
		--gap: 14px
	}

	.profile img {
		transform: scale(.85)
	}

	.first-entry {
		min-height: 260px
	}

	.archive-month {
		flex-direction: column
	}

	.archive-year {
		margin-top: 20px
	}

	.footer {
		padding: calc((var(--footer-height) - var(--gap) - 10px)/ 2) var(--gap)
	}

	.btw {
		position: relative;
		right: 0;
		margin: .5em 0 .5em auto;
		padding: .2em;
		width: auto;
		max-width: 75%;
		text-align: left;
		font-size: 80%
	}

	.btw>p {
		border-top: 1px solid;
		border-bottom: 1px solid
	}

	::-webkit-scrollbar {
		width: 13px;
		height: 13px
	}
}


/* 响应式设计 */
@media (max-width: 768px) {
	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	.container {
		padding: 10px;
	}
}