pre {
			position: relative;
		}
		.hljs-button {
		    display: none;
			position: absolute;
			/* 设置 .hljs-button 为绝对定位 */
			top: 10px;
			/* 距离 pre 顶部的位置 */
			right: 10px;
			/* 距离 pre 右边的位置 */
			padding: 5px 10px;
			/* 按钮内边距 */
			background-color: #f5f5f5;
			/* 按钮背景颜色 */
			border: none;
			border-radius: 3px;
			/* 无边框 */
			cursor: pointer;
			/* 鼠标悬停时显示指针手型 */
		}
		pre:hover .hljs-button{
		    display: block;
		}
pre code.hljs {
  font-family: "Consolas", "Monaco", "Lucida Console", "Courier New", Courier, monospace;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;  /* 当内容超过最大高度时显示垂直滚动条 */
  max-height: 550px;  /* 最大高度设置为500px，你可以根据需要调整这个值 */
  padding: 1em;
}
code.hljs {
  padding: 3px 5px
}

.hljs {
  color: #abb2bf;
  background: #282c34;
  overflow-y: auto;
	
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75
}
.hljs-literal {
  color: #56b6c2
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #98c379
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee
}
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #e6c07b
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
.hljs-link {
  text-decoration: underline
}