/* 代码块行号布局（joe.post_page.js 注入的 DOM，须在 Prism/ArmxMod 主题之后加载） */
.joe_detail__article pre[class*='language-']::before,
.joe_detail__article pre[class*='language-'] .copy {
	display: none !important;
}
.code-block-container {
	position: relative;
	border-radius: 8px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
}
.is-collapsed .code-content-wrapper {
	max-height: 300px;
	overflow: hidden;
}
.code-header {
	height: 38px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.code-header::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fc625d;
	box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
}
.language,
.status-text,
.footer-status {
	font-size: 14px !important;
	font-weight: normal;
	color: #5c6370;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.language {
	margin-left: 65px !important;
	font-weight: bold;
}
.status-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	cursor: pointer;
}
.code-block-container .copy {
	position: static !important;
	margin-left: auto;
	cursor: pointer;
	color: #909399;
	font-size: 14px;
	transition: color 0.2s;
}
.code-block-container .copy:hover {
	color: #409eff;
}
.code-block-container .code-content-wrapper pre[class*='language-'] {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0;
	overflow: visible;
}
.line-numbers {
	flex-shrink: 0;
	width: 3.1em !important;
	border-right: 2px solid rgba(0, 0, 0, 0.1);
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	user-select: none;
}
.line-number {
	display: block !important;
	width: 100%;
	text-align: center !important;
	height: 1.5em;
	line-height: 1.5em !important;
	color: #999;
	font-size: 14px;
}
.code-block-container pre code {
	flex: 1;
	display: block;
	overflow-x: auto;
	padding: 0 15px 12px !important;
}
.code-footer-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	display: none;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 8px;
	cursor: pointer;
	z-index: 10;
}
.is-collapsed.is-long .code-footer-mask {
	display: flex;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.code-block-container:not(.is-collapsed) .code-footer-mask {
	position: relative;
	height: 30px;
	display: flex;
	background: transparent !important;
}