.markdown-body img {
  border-style: none;
  max-width: 100%;
  max-height: 30em;
  margin: 16px auto;
  box-sizing: content-box;
  background-color: #fff;
  display: block;
}

/* 博客内所有图片 - 图片边框+原有样式整合 */
.markdown-body img {
  max-width: 100%;
  max-height: 30em;
  margin: 16px auto;
  display: block;
  border-style: solid;     
  border-width: 12px;
  border-color: transparent;
  border-image: url("/static/images/相框.png") 20 20 20 20 round;
  border-radius: 8px;
  box-sizing: border-box;
}

/* 表格整体样式：居中+边框+间距+阴影 */
.markdown-body table {
  margin: 16px auto; /* 上下间距16px，水平居中 */
  border-collapse: collapse; /* 合并边框，避免双重线条 */
  width: 100%; /* 自适应父容器宽度 */
  max-width: 900px; /* 限制最大宽度，避免过宽 */
  border-radius: 10px; /* 整体圆角（需配合overflow:hidden） */
  overflow: hidden; /* 裁剪边框圆角外的内容 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* 轻微阴影，增强层次感 */
  background-color: #fff; /* 白色背景，适配浅色主题 */
  display: inline-table;
}

/* 表头样式：深色背景+加粗文字 */
.markdown-body table th {
  padding: 12px 15px; /* 内边距，上下12px+左右15px */
  background-color: #f6f8fa; /* GitHub风格浅灰背景 */
  color: #24292f; /* 深灰文字，增强对比度 */
  font-weight: 600; /* 加粗，突出表头 */
  text-align: center; /* 表头文字居中（marked默认支持align属性，可覆盖） */
  border: 1px solid #e1e4e8; /* 浅灰边框，统一风格 */
}

/* 表格内容单元格样式 */
.markdown-body table td {
  padding: 12px 15px; /* 与表头内边距一致，保持整齐 */
  color: #24292f; /* 正文文字颜色 */
  border: 1px solid #e1e4e8; /* 与表头边框统一 */
  text-align: center; /* 内容居中（如需左对齐，改为left） */
  line-height: 1.5; /* 行高，提升可读性 */
}

/* 奇偶行交替背景（斑马纹），增强可读性 */
.markdown-body table tbody tr:nth-child(even) {
  background-color: #fafbfc; /* 极浅灰背景，区分行 */
}

/* hover效果：鼠标悬浮高亮行 */
.markdown-body table tbody tr:hover {
  background-color: #f0f4f8; /* 浅蓝色背景，提升交互体验 */
  transition: background-color 0.2s ease; /* 过渡动画，更丝滑 */
}

/* 适配marked的align属性（左/中/右对齐），优先级高于默认居中 */
.markdown-body table th[align="left"],
.markdown-body table td[align="left"] {
  text-align: left;
}
.markdown-body table th[align="right"],
.markdown-body table td[align="right"] {
  text-align: right;
}

.markdown-body pre{
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: transparent;
    border: 2px solid #000000;
    border-radius: 6px;
}


/* 针对markdown-body内的无序列表，不影响页面其他ul */
.markdown-body ul {
  list-style: none !important; /* 隐藏原生圆点，最高优先级 */
  padding-left: 20px !important; /* 整体左缩进，适配图标+文字 */
  margin: 16px 0 !important; /* 上下间距，和markdown默认一致 */
}

.markdown-body ul li {
  position: relative; /* 为图标定位做基准 */
  padding-left: 18px !important; /* 预留图标位置，比图标宽6-8px更美观 */
  margin-bottom: 8px; /* 列表项之间的间距，可按需调整 */
}

/* 核心：添加自定义图片图标 */
.markdown-body ul li::before {
  content: "";
  position: absolute;
  left: 0; /* 对齐li的左边界 */
  top: 0.6em; /* 垂直居中（根据文字大小微调，em适配字体） */
  width: 1.1em; /* 图标宽度，和实际图标一致 */
  height: 1.1em; /* 图标高度，和实际图标一致 */
  background: url("/static/images/西瓜.png") no-repeat center center; /* 图标路径 */
  background-size: 100% 100%; /* 自适应容器，不拉伸 */
  transform: translateY(-50%); /* 精准垂直居中 */
}

/* 可选：嵌套列表适配（marked会渲染多层ul，避免图标重叠） */
.markdown-body ul ul {
  padding-left: 15px !important;
}
.markdown-body ul ul li::before {
  content: "";
  position: absolute;
  left: 0; /* 对齐li的左边界 */
  top: 0.6em; /* 垂直居中（根据文字大小微调，em适配字体） */
  width: 1.1em; /* 图标宽度，和实际图标一致 */
  height: 1.1em; /* 图标高度，和实际图标一致 */
  background: url("/static/images/苹果.png") no-repeat center center; /* 图标路径 */
  background-size: 100% 100%; /* 自适应容器，不拉伸 */
  transform: translateY(-50%); /* 精准垂直居中 */
}




.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  position: relative; /* 为伪元素定位做基准 */
  padding-left: 2em; /* 预留图标位置，比图标宽8-10px，避免文字覆盖 */
  margin: 24px 0 16px !important; /* 保留原间距，可按需调整 */
}



/* 核心：一级标题前的自定义图标 */
.markdown-body h1::before {
  background: url("/static/images/柴犬.png") no-repeat center center;
}

.markdown-body h2::before {
  background: url("/static/images/橘猫.png") no-repeat center center;
}

.markdown-body h3::before {
  background: url("/static/images/荷兰猪.png") no-repeat center center;
}

.markdown-body h4::before {
  background: url("/static/images/仓鼠.png") no-repeat center center;
}

/* 核心：二级标题前的自定义图标 */
.markdown-body h5::before {
  background: url("/static/images/可达鸭.png") no-repeat center center;
}

.markdown-body h6::before {
  background: url("/static/images/羊.png") no-repeat center center;
}
/* 核心：一级标题前的自定义图标 */
.markdown-body h1::before ,
.markdown-body h2::before ,
.markdown-body h3::before ,
.markdown-body h4::before ,
.markdown-body h5::before ,
.markdown-body h6::before 
{
  content: "";
  position: absolute;
  left: 0px; /* 对齐h1左边界 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 精准垂直居中，适配不同字体大小 */
  width: 1.8em; /* 图标宽度，按你的实际图标尺寸改 */
  height: 1.8em; /* 图标高度，和宽度一致 */
  /* 替换为你的图标路径（本地/static/xxx.png 或网络URL） */
  background-size: 100% 100%; /* 图标自适应容器，不拉伸变形 */
}

.markdown-body blockquote
{
  padding: 10px;
  padding-left: 20px;
  background:rgb(1,1,1,0.1);
  border-left:.25em solid #656b71;
}

.resume-img {
  max-width: 800px;
  max-height: 30em;
  margin: 16px auto;
  display: block;
  border-style: solid;
  border-width: 12px;
  border-color: transparent;
  border-image: url("/static/images/相框.png") 20 20 20 20 round;
  border-radius: 8px;
  box-sizing: border-box;
}