/* 边距 */
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3{
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0px;
}
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0px;
}
/* 内容 */
#cnblogs_post_body p,
#cnblogs_post_body ul,
#cnblogs_post_body ol {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0px;
  line-height: 1.5em;
}
#cnblogs_post_body ul,
#cnblogs_post_body ol {
  margin-left: 3em;
}
/* 列表内容 */
#cnblogs_post_body li p,
#cnblogs_post_body li ul,
#cnblogs_post_body li ol
{
  margin-top: 4px;
  margin-bottom: 4px;
}
#cnblogs_post_body li ul,
#cnblogs_post_body li ol
{
  margin-left: 1.5em;
}

#cnblogs_post_body hr {
  margin: 2em 0px;
}


/* 标题 */
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
  color: #40b8fa;
  background: none;
}
#cnblogs_post_body h1{
  font-size: 28px;
  color: #222222;
  text-align: center ; 
  counter-reset: h2Counter;
}
#cnblogs_post_body h2 {
  font-size: 26px;
  color: #ff6600;
  /* text-align: center ;  */
  border-bottom: 3px solid #ff6600;
  counter-reset: h3Counter;
}
#cnblogs_post_body h2::before{
  counter-increment: h2Counter;
  /* content: counter(h2Counter,cjk-decimal)"、"; */
}
#cnblogs_post_body h3 {
  font-size: 24px;
  padding-left: 15px;
  border-bottom: 1px dashed;
}
#cnblogs_post_body h3::before{
  counter-increment: h3Counter;
  /* content:counter(h3Counter)". "; */
}
#cnblogs_post_body h4 {
  font-size: 22px;
  padding-left: 30px;
}
#cnblogs_post_body h5 {
  font-size: 20px;
  padding-left: 45px;
}
#cnblogs_post_body h6 {
  font-size: 18px;
  padding-left: 60px;
}
/* 段落 */
#cnblogs_post_body p {
  font-size: 16px;
}
/* 列表 */
#cnblogs_post_body ul,
#cnblogs_post_body ol {
  font-size: 15px;
  /* color: #595959; */
}
/* 加粗（必读） */
#cnblogs_post_body strong {
  color: #3594f7;
  font-weight: bold;
}
/* 斜体（选读，但建议）*/
#cnblogs_post_body em {
  color: #3594f7;
  opacity: 0.7;
  /* font-style: italic; */
}
/* 删除线（选读）*/
#cnblogs_post_body s {
  color: red;
  font-style: italic;
  opacity: 0.5;
}
/*水平分隔线*/
#cnblogs_post_body hr {
  border-bottom: 3px solid #0000007F; 
}

/* 有序列表--二级列表前缀数字样式*/

#cnblogs_post_body ol ol li,
#cnblogs_post_body ul ol li {
  list-style-type: lower-roman;
}

/*================段落格式结束=============*/

/********************************************
---
    标题: Markdown CSS 自定义及注解.css
    作者: 梦幻之心星    ky-seeker@qq.com
    标签: [Markdown,CSS,博客园,Typora,Markdown_Nice,Markdown_Here]
    目录: [Markdown]
    日期: 2021-1-3
    版本：V1.6
    说明：
      - 祖先选择器：使用祖先选择器，使样式仅适用于特定平台，而不会影响其他平台和控件组件
          - Typora：[#write]
          - Markdown_Nice：[#nice]
          - Markdown_Here：[.markdown-here-wrapper]
          - 博客园：[#cnblogs_post_body]
      - 博客园:皮肤为CodingLife
      - Typora:主题文件夹下创建的“base.user.css”应用于所有主题，"{theme-css-name}.user.css"仅应用于相应主题。
      - markdown_here:不支持[::before]和[::after]，需要将前缀和后缀合并到本体中。

---
********************************************/

/********************************************
******全局属性
******代码
******段落格式
******链接
******图片
******引用
******列表
******定义列表
******任务列表
******目录
******表格
******标题
******数学公式
******画图
********************************************/

/*================代码开始=============*/

#cnblogs_post_body pre {
  line-height: 1.2em;
}

#cnblogs_post_body pre,
#cnblogs_post_body code {
  font-family: Consolas, Inconsolata, Courier, monospace;
}

/*代码整体样式*/

#cnblogs_post_body code {
  font-size: 14px;
  margin: 0 0.15em;
  padding: 2px 4px;
  border: 1px solid #eaeaea;
  /*圆角框*/
  border-radius: 3px;
  background: #eff2f3 !important;
}

/*代码块*/

#cnblogs_post_body pre code {
  white-space: pre;
  /*如果内容被修剪，显示滚动条以便查看其余内容。*/
  overflow: auto-flow;
  padding: 0.5em 0.7em;
  display: block !important;
}

/* 行内代码、列表内代码 */

#cnblogs_post_body p code,
#cnblogs_post_body li code {
  font-size: 14px !important;
  color: #3594f7 !important;
  padding: 0 2px;
  display: inline;
}

/*================代码结束=============*/

/*================段落格式开始=============*/

/********暂无：下标、上标、高亮、脚注********/



/*================链接开始=============*/

/*超链接*/

#cnblogs_post_body a {
  text-decoration: underline;
  font-size: 16px;
  /*[normal|break-word]*/
  word-wrap: break-word;
  color: #1890ff !important;
  /*[normal|bold]*/
  font-weight: normal;
  border-bottom: none;
}

/*================链接结束=============*/

/*================图片开始=============*/

/*图片*/

#cnblogs_post_body img {
  display: block;
  margin: 5px;
  /*图片边框圆角化*/
  border-radius: 6px;
  /*图片自动缩放*/
  object-fit: contain;
  /*图片外边框阴影化*/
  box-shadow: 2px 2px 7px #999;
}

/* 图片描述文字 仅Markdown_Nice支持 */

#cnblogs_post_body figcaption {
  margin-top: 10px;
  /*块级元素，此元素前后会带有换行符*/
  display: block;
  text-align: center;
  color: #999;
  font-size: 13px;
}

/*图片描述文字之前  仅Markdown_Nice支持 */

#cnblogs_post_body figcaption:before {
  content: "";
  background-image: url(https://ico.skyseeker.eu.org/MarkDown_CSS-img_fig_before.png);
  /*行内块元素*/
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 18px;
  /*背景图像不会重复*/
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  margin-bottom: -5px;
}

/*================图片结束=============*/

/*================引用开始=============*/

/*引用块*/

#cnblogs_post_body blockquote {
  text-align: left;
  border-left: 3px solid #00000066 !important;
  background: RGBA(0, 0, 0, 0.05) !important;
  display: block;
  margin: 0;
  padding: 2px 5px !important;
}

/*引用块的文字内容*/

#cnblogs_post_body blockquote p {
  color: #777;
  /*首行缩进*/
  text-indent: 0em;
}

#cnblogs_post_body q {
  border-left: 6px solid #ddd;
  padding: 0 1em;
  color: #777;
  quotes: none;
}

/*================引用结束=============*/

/*================表格开始=============*/

/* 定义一个表格 */

#cnblogs_post_body table {
  border-collapse: collapse;
  display: table !important;
  width: -webkit-fill-available;
}

/* 定义表格的行 */

#cnblogs_post_body table tr {
  background-color: white;
  margin: 0;
  padding: 0;
}

/* 表格的表头 */

#cnblogs_post_body th {
  border: 2px solid #ccc !important;
  font-weight: bold;
  background-color: #f0f0f0;
  font-size: 16px;
  padding: 5px 10px;
}

/* 表格的主体内容 */

#cnblogs_post_body tbody {
  margin: 10;
  padding: 0;
}

/* 表格主体内容单元 */

#cnblogs_post_body tr td {
  border: 1px solid #ccc;
  font-size: 16px;
  color: #595959;
  padding: 5px 10px;
}

/*隔行改变行的背景色*/

#cnblogs_post_body table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

/*================表格结束=============*/
