/*markdown css*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#markdown-content {
	max-width: 800px;
	margin: 20px auto;
	padding: 0px 20px;
	/*line-height: 1.8;*/
	line-height: 2;
	font-size: 16px;
	font-family: "Microsoft YaHei", sans-serif;
}

#markdown-content hljs {
	background-color: #eeeeee;
}

/* markdown 代码块样式 - 确保高亮样式正常显示 */
#markdown-content pre {
	margin: 16px 0;
	border-radius: 8px;
	overflow-x: auto;
	background-color: #f6f8fa !important;
}

#markdown-content pre code {
	padding: 16px !important;
	display: block;
	font-family: Consolas, "Courier New", monospace;
	font-size: 16px;
	line-height: 1.8;
	background-color: #eeeeee;
}

#markdown-content pre code:hover {
  background-color: #f0f0f0;
  border-color: #dcdcdc;
  color:#000000;
  transition: all 0.2s ease;
}

/* 基础段落样式 - 优化整体排版 */
#markdown-content p {
  /* 基础文字样式 */
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  /* 段落间距 */
  margin: 0 0 16px 0;
  /* 文字排版优化 */
  text-align: justify;
  word-break: break-word;
}

/* 段落中的行内代码块样式 */
#markdown-content p code {
  /* 代码字体 - 等宽字体更适合代码展示 */
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
  font-weight: 500;
  
  /* 背景和边框 - 突出代码块但不刺眼 */
  background-color: #f5f5f5;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  
  /* 内边距 - 增加点击区域和视觉舒适度 */
  padding: 2px 6px;
  margin: 0 2px;
  
  /* 颜色 - 代码文字颜色区分于普通文本 */
  color: #e53935;
  
  /* 排版优化 */
  /* 防止行内代码换行 */
  white-space: nowrap; 
  /* 对齐基线 */
  vertical-align: baseline; 
}

/* 可选：hover效果 - 增强交互体验 */
#markdown-content p code:hover {
  background-color: #f0f0f0;
  border-color: #dcdcdc;
  transition: all 0.2s ease;
}

/* markdown 表格全局表格样式 */
#markdown-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
  text-align: center;
  font-family: "Microsoft YaHei", sans-serif;
}

/* 表头样式 */
#markdown-content table th {
  background-color: #cccccc;
  color: #333333;
  padding: 12px;
  text-align: center;
  border: 1px solid #ddd;
}

/* 单元格样式 */
#markdown-content table td {
  padding: 12px;
  border: 1px solid #ddd;
}

/* 隔行变色 */
#markdown-content table tr:nth-child(even) {
  background-color: #f8f8f8;
}

/* 鼠标悬浮高亮 */
#markdown-content table tr:hover {
  background-color: #f1f1f1;
}

/* markdown 分割线全局表格样式 */
/* 分割线 修改分割线的粗细 */
#markdown-content hr:nth-of-type(1) {
  border-width: 3px 0 0 0 !important;
}
#markdown-content hr:nth-of-type(2) {
  border-width: 5px 0 0 0 !important;
}
#markdown-content hr:nth-of-type(3) {
  border-width: 10px 0 0 0 !important;
}
/* 分割线 修改分割线的颜色 */
#markdown-content hr:nth-of-type(1) {
  border-color: red !important;
}
#markdown-content hr:nth-of-type(2) {
  border-color: #00F !important;
}
#markdown-content hr:nth-of-type(3) {
  border-color: #0005 !important;
}
#markdown-content hr:nth-of-type(4) {
  border-image: linear-gradient(to right, #F00, #0F0 20%, #00F 80%, #000) 1 !important;
}
/* 分割线 修改分割线的类型 */
#markdown-content hr {
  border-style: none !important;
  border-top-width: 5px !important;
}
#markdown-content hr:nth-of-type(1) {
  border-top-style: solid !important;
}
#markdown-content hr:nth-of-type(2) {
  border-top-style: dashed !important;
}
#markdown-content hr:nth-of-type(3) {
  border-top-style: dotted !important;
}
#markdown-content hr:nth-of-type(4) {
  border-top-style: double !important;
}
#markdown-content hr:nth-of-type(5) {
  border-top-style: groove !important;
}
#markdown-content hr:nth-of-type(6) {
  border-top-style: ridge !important;
}
#markdown-content hr:nth-of-type(7) {
  border-top-style: inset !important;
}
#markdown-content hr:nth-of-type(8) {
  border-top-style: outset !important;
}


/* 其他 Markdown 元素美化 */
#markdown-content h1 {
	margin: 24px 0 16px;
	color: #24292e;
}
#markdown-content ul, #markdown-content ol {
	margin: 8px 0 8px 24px;
}
#markdown-content blockquote {
	margin: 16px 0;
	padding: 0 16px;
	border-left: 4px solid #d0d7de;
	color: #656d76;
}