html {
	font-family: Arial, sans-serif;
	/* font-size: 1.1rem; */
	/* word-spacing: 4px; */
	letter-spacing: 0.5px;
	/* line-height: 28px; */
	line-height: 1.8;
	font-size: 15px;
	/* overflow: hidden; */
	/* overflow: auto; */
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 20px 0;
	font-size: 14px;
	text-align: left;
	border: 0.5px solid #ddd;
	/* border-radius: 10px; */
}

table th,
table td {
	padding: 12px 15px;
	border: 0.5px solid #ddd;
}

table th {
	background-color: #f4f4f4;
	font-weight: bold;
	/* border-radius: 10px; */
}

/* 偶数行背景颜色 */
/* table tr:nth-child(even) {
      background-color: #f9f9f9;
    } */

table tr:hover {
	background-color: #f1f1f1;
}

h1 {
	border-left: 7px rgb(108, 117, 251) solid;
	padding-left: 10px;
	font-size: 22px;
	margin-top: 35px;
	margin-bottom: 10px;
	border-bottom: 1px #f0f0f0 solid;
	color: rgb(37, 41, 51);
	font-weight:700;
	align-content: center;
	padding-bottom:10px;
	padding-top:8px;
}

h2 {
	font-size: 18px;
	margin-top: 20px;
	height: 36px;
	border-bottom: 0.8px #f0f0f0 solid;
	color: rgb(37, 41, 51);
}


.a-style {
	color: rgb(2, 105, 200);
	text-decoration-line:underline;
}

.a-style:hover {
	color: rgb(2, 105, 200);
	text-decoration-line: underline;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 2;
}

strong {
	color: rgb(37, 41, 51);
}


pre {
	/* white-space: pre; */
	/* 保持原始格式 */
	/* word-wrap: normal; /* 禁止自动换行 */
	/* 确保没有高度限制 */
	background-color: #2d2d2d;
	/* 深色背景 */
	color: #ccc;
	/* 浅灰色文本 */
	border-radius: 5px;
	/* 圆角边框 */
	overflow: auto;
	position: relative;
	/* 允许内容溢出滚动 */
	margin: 0;
	position: relative;
	/* 确保行号能正确定位 */
}

code {
	/* display: block; */
	/* white-space: pre; /* 保持原始格式 */
	overflow: auto;
	padding-left: 0.5em;
	background-color: rgb(45, 45, 45);
	color:#000,
	border-radius: 5px;
	cursor: pointer;
}

.inline-code{
	padding: 5px;
	background-color: aliceblue;
	color:#000,
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 3px;
}


.IMG {
	cursor: pointer;
	margin-left: 20px;
}

.IMG:hover {
	text-decoration: underline;
}

.VIDEO {
	cursor: pointer;
	margin-left: 20px;
}

.VIDEO:hover {
	text-decoration: underline;
}


.AUDIO {
	cursor: pointer;
	margin-left: 20px;
}

.AUDIO:hover {
	text-decoration: underline;
}

.H1 {
	cursor: pointer;
}

.H1:hover {
	text-decoration: underline;
}

.H2 {
	margin-left: 15px;
	cursor: pointer;
}

.H2:hover {
	text-decoration: underline;
}

.H3 {
	margin-left: 30px;
	cursor: pointer;
	margin-top: 15px;
}

.H3:hover {
	text-decoration: underline;
}

.blog-title {
	color: rgb(51, 51, 51);
	font-weight: 700;
	text-align: center;
	font-size: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: none;
	border-bottom: none;
}

pre.line-numbers {
	position: relative;
	padding-left: 0;
}

.line-numbers-rows {
	width: 0px;
	position: absolute;
	top: 0;
	left: 0;
	/* width: 3.5em; */
	/* 与代码内容的左侧内边距保持一致 */
	pointer-events: none;
	user-select: none;
	background-color: #2d2d2d;
	/* 深色背景 */
	color: #ccc;

}

.line-numbers-rows>span:before {
	color: #888;
	font-size: 0.9em;
	height: 1.666666666em;
}

.copy-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px 10px;
	background-color: rgb(0, 129, 255);
	color: rgb(255, 255, 255);
	border: none;
	cursor: pointer;
	font-size: 14px;
	border-radius: 3px;
	z-index: 10;
	float: right;
	user-select: none;
	-webkit-user-select: none; /* 兼容 Safari */
	-moz-user-select: none; /* 兼容 Firefox */
	-ms-user-select: none; /* 兼容 IE/Edge */
}

.copy-btn:hover {
	background-color: rgb(0, 129, 255);
	cursor: pointer;
}


.img-title {
	padding: 10px 0 10px 0;
	margin: 10px 0px 10px 0px;
	background-color: rgb(108, 117, 251);
	color: #fff;
	text-align: center;
	justify-content: center;
	display: block;
	width: 100%;
}

.editor {
	border: 1px solid #ccc;
	padding: 20px;
	min-height: 200px;
}

.toolbar {
	position: absolute;
	display: none;
	flex-direction: column;
	/* Change to vertical layout */
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.toolbar button {
	margin: 2px;
	padding: 5px;
	font-size: 14px;
	cursor: pointer;
}

.blue-bold {
	color: blue;
	font-weight: bold;
}

.blue-bold-italic {
	color: blue;
	font-weight: bold;
	font-style: italic;
}

.yellow-bold {
	color: #ff6600;
	font-weight: bold;
}

.yellow-bold-italic {
	color: #ff6600;
	font-weight: bold;
	font-style: italic;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
	/* Class for bold text */
}

.bold-italic {
	font-weight: bold;
	/* Class for bold text */
	font-style: italic;
}

.preview-marker {
	width: 5px;
	height: 40px;
	background-color: blue;
	position: absolute;
	display: none;
}

img {
	max-width: 100%;
	display: block;
	height: auto;
	cursor: move;
	margin-top: 10px;
	margin-bottom: 10px;
}


::-webkit-scrollbar {
	height: 10px !important;
	width: 10px !important;
}

/*定义了滚动条滑块的样式*/
::-webkit-scrollbar-thumb {
	border-style: dashed;
	background-color: rgba(173, 181, 189, 1);
	padding: 5px;
	border-radius: 5px;
	/* background-color: #fbbd08; */
	border-color: #e2242400;
	border-width: 1.5px;
	background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
	/* background-color: rgba(0, 0, 0, 0.2); */
	background-color: #708090;
}

img {
	display: block;
	margin: 10px 0 10px 0;
	border-radius: 10px;
	width: 100%;
}

video {
	display: block;
	margin: 10px 0 10px 0;
	border-radius: 10px;
	width: 100%;
}

audio {
	display: block;
	margin: 10px 0 10px 0;
	border-radius: 10px;
	width: 100%;
}

#menu {
	display: none;
	position: absolute;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

#menu button {
	display: block;
	width: 100%;
	margin: 2px;
	margin-top: 10px;
	padding: 5px;
	font-size: 14px;
	cursor: pointer;
}


/* prism.min.css */

code[class*=language-],
pre[class*=language-] {
	/* 	color: #000;
	background: 0 0; */
	background-color: #2d2d2d;
	/* 深色背景 */
	color: #ccc;
	/* text-shadow: 0 1px #fff;*/
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
	text-shadow: none;
	background: #b3d4fc
}

@media print {

	code[class*=language-],
	pre[class*=language-] {
		text-shadow: none
	}
}

pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
	/* background: #f5f2f0; */
	background-color: #2d2d2d;
	/* 深色背景 */
	color: #ccc;
}

:not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
	color: #708090
}

.token.punctuation {
	color: #999
}

.token.namespace {
	opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
	/* color: #905 */
	color: #690;
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
	color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
	color: #9a6e3a;
	/* background: hsla(0, 0%, 100%, .5) */
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a
}

.token.class-name,
.token.function {
	color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
	color: #e90
}

.token.bold,
.token.important {
	font-weight: 700
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

/* prism-line-number.mim.css */
pre[class*=language-].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber
}

pre[class*=language-].line-numbers>code {
	position: relative;
	white-space: inherit
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em;
	letter-spacing: -1px;
	border-right: 1px solid #999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.line-numbers-rows>span {
	display: block;
	counter-increment: linenumber
}

.line-numbers-rows>span:before {
	content: counter(linenumber);
	color: #999;
	display: block;
	padding-right: .8em;
	text-align: right
}