/* **********************
 * 整体布局
 * **********************/
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  background: #e6ecf0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, sans-serif;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
img { 
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

#home {
  max-width: 1140px;
  padding: 15px;
  background: transparent;
  box-shadow: none;
  margin-top: 0;
  width: auto;
}

#main {
  margin-top: 15px;
}

#mainContent .forFlow {
  padding-right: 20px;
}

/* 非阅读区域去掉白色背景 */
.newsItem,
.catListEssay,
.catListLink,
.catListNoteBook,
.catListTag,
.catListPostCategory,
.catListPostArchive,
.catListImageCategory,
.catListArticleArchive,
.catListView,
.catListFeedback,
.mySearch,
.catListComment,
.catListBlogRank,
.catList,
.catListArticleCategory {
  background-color: transparent;
}

/* **********************
 * 博客页首
 * **********************/

/* 隐藏系统标题 */
#blogTitle {
  display: none;
}

/* 顶部通告条 */
.c-notice {
  padding: 10px 0;
  background: tan;
  font-size: 0.9em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.23);
  font-size: 15px;
}

.c-notice > div {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

.c-notice a {
  color: blue;
}

/* 头像和社交 */
.c-portrait {
  text-align: center;
  padding: 50px 0;
  background: #39424b;
  color: #fff;
  margin-bottom: -40px;
}

/* 头像 */
.c-portrait > img {
  display: inline-block;
  height: 80px;
  border-radius: 50%;
}

/* 标题和签名 */
.c-portrait h1 {
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0;
}

.c-portrait h1 a {
  color: #fff;
}

.c-portrait h2 {
  font-size: 16px;
  margin: 7px 0 10px;
  color: #ccc;
}

/* 社交图标 */
.c-social a {
  color: #959da5;
  display: inline-block;
  vertical-align: middle;
}

/* **********************
 * 导航栏
 * **********************/

#navigator {
  padding: 0 10px;
  border-bottom: 2px solid #ccc;
}

#stats_article_count {
  display: none;
}

/* **********************
 * 侧边栏
 * **********************/

#sideBar {
  width: 250px;
  margin-top: 0;
}

#sideBar a {
  color: inherit;
}

/* 隐藏侧边公告标题 */
.newsItem .catListTitle {
  display: none;
}

/* 增加列表项间距 */
.sidebar-block li {
  margin-bottom: 5px;
}

/* **********************
 * 文章列表
 * **********************/

/* 文章列表 */
#topics .postTitle {
  font-size: 28px;
  margin: 35px 0 30px;
  padding-left: 0;
}

#mainContent .day {
  padding: 15px 20px;
  background: #fff;
}

#mainContent .day .postTitle a {
  display: inline-block;
}

.topicListFooter {
  margin-right: 0;
  margin-bottom: 15px;
}
.pager {
  margin-right: 0;
}
.pager a {
  padding: 4px 8px;
  margin: 0 5px;
}

/* **********************
 * 文章详情
 * **********************/

pre {
  margin-bottom: 1.35em;
}

pre code {
  padding: 10px 16px !important;
}

.post {
  background: #fff;
  padding: 0 80px 80px;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

/* 文章标题 */
.postTitle {
  border-left: 8px solid #21759b;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1;
  box-sizing: border-box;
}

.postTitle a:hover {
  margin-left: 0;
}

/* 去除首行缩进 */
.postBody,
.postBody p,
.postCon p {
  font-size:15px;
  text-indent: 0;
  line-height: 1.85;
  text-align: justify;
  letter-spacing: 0.6px;
}

/* 增加底部留白 */
#cnblogs_post_body {
  padding-bottom: 5px;
}

/* 防止图片溢出 */
#cnblogs_post_body img {
  max-width: 100%;
}

/* 文章底部信息 */
.postDesc {
  margin-top: 0;
}

#BlogPostCategory,
#EntryTag {
  margin-top: 10px;
  font-size: 14px;
}

#green_channel {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 15px;
  border: 2px solid #ccc;
  height: 46px;
}
#green_channel > a {
  color: green;
  font-weight: bold;
  line-height: 1;
}
#green_channel img {
  height: 24px;
  width: 24px;
}

/* **********************
 * 评论
 * **********************/
.blog_comment_body a { color:#075DB3; }
.blog_comment_body strong { font-weight: bold; }
.blog_comment_body img{ max-width: 100%; max-height:2000px;}
.comment_vote {
  padding-right: 2px;
  font-size: 14px;
  margin-top: 10px;
}

.comment_vote a.comment_digg {
  color: #f80;
  margin-right: 15px;
}

.feedbackItem {
  margin: 20px 0 25px;
  background: #fff;
  padding: 10px 15px;
}

.feedbackCon {
  font-size: 13px;
  border-bottom: 0;
  padding: 10px 5px 0 5px;
  text-align: justify;
}

/* **********************
 * 文章评价
 * **********************/

#div_digg {
  position: fixed;
  right: 18%;
  bottom: 20px;
  width: auto;
  cursor: pointer;
}
#digg_tips {
      background: #eee;
  }
#digg_tips a{display:none !important;}

#div_digg .diggit {
  border: 1px solid #ecc849;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  background: #e7e6eb url(//static.cnblogs.com/images/upup.gif) no-repeat;
  background-size: 100% 100%;
  width: 60px;
  height: 50px;
  padding: 5px 0;
  text-align: center;
}

#div_digg .buryit {
  display: none;
}

/* **********************
 * 隐藏广告
 * **********************/

#ad_t2,
#opt_under_post,
.c_ad_block,
#under_post_news,
#under_post_kb {
  display: none !important;
}

/* **********************
 * 适配手机
 * **********************/

@media (max-width: 767px) {
  #home {
    padding-left: 0;
    padding-right: 0;
  }
  #div_digg {
    width: auto;
    right: -25px;
    bottom: 3px;
  }

  #mainContent .forFlow {
    padding-right: 0;
  }
  #mainContent .post {
    padding: 0 20px;
  }

  #sideBar,
  #blog-comments-placeholder {
    padding: 0 15px;
  }
}

code.hljs {
  background: #233;
  padding: 15px;
}

#author_profile_detail {
  display: inline-block;
}
.author_avatar {
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
#author_profile_info {
  margin: 15px 0;
}

.commentbox_title_left {
  display: inline-block;
}
.commentbox_title_right {
  float: right;
}
.comment_icon {
  display: inline-block;
}
.commentbox_title_right {
  display: none;
}
.postBody blockquote {
   background-image: none;
    background: #f3f5f7;
    border-radius: 3px;
    border: none;
    line-height: 1.6em;
    color: #666;
    padding:16px;
    margin: 0 0 25px;
}
.postBody blockquote p{margin-bottom:0 !important;}
.postBody blockquote a{color:#666;}

#please_like{background:#fff;color:red;}

/********** 代码语法高亮 **********/

.cnblogs-markdown pre {
  white-space: pre;
}

/*** atom-one-dark **/
.cnblogs-markdown .hljs {
  display: block !important;
  border-radius: 4px !important;
  overflow-x: auto !important;
  border: none !important;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, '黑体' !important;
  padding: 16px !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  color: #abb2bf !important;
  background: #282c34 !important;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-name,
.hljs-tag {
  color: inherit !important;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370 !important;
  font-style: italic !important;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd !important;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75 !important;
}

.hljs-literal {
  color: #56b6c2 !important;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379 !important;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b !important;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66 !important;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee !important;
}

.hljs-emphasis {
  font-style: italic !important;
}

.hljs-strong {
  font-weight: bold !important;
}

.hljs-link {
  text-decoration: underline !important;
}

/***********************************************************/
h1 { counter-reset: h2counter; }
h2 { counter-reset: h3counter; }
h3 { counter-reset: h4counter; }

#cnblogs_post_body h2:before {
    counter-increment: h2counter;
    content: counter(h2counter);
    display: block;
    font-size: 32px;
    padding-left: 12px;
    margin-bottom: 8px;
}

#cnblogs_post_body h2 {
    line-height: 35px;
    margin-top: 40px;
   margin-bottom: 25px;
    color: rgb(0, 179, 139);
    text-align: left;
    background-image: url(https://images.cnblogs.com/cnblogs_com/willick/1789240/o_210410021428header-bar-green.jpeg);
    background-position: left 28px;
    background-size: 100% 6px;
    background-repeat: no-repeat;
    font-weight: normal;
}
#cnblogs_post_body h3{
    margin-top: 35px;
   margin-bottom:25px;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.2;
    color: rgb(25, 182, 215);
    text-align: left;
}
#cnblogs_post_body h3:before {
    content:'';
    display: block;
    height: 16px;
    background-image: url(https://images.cnblogs.com/cnblogs_com/willick/1789240/o_210410021442header-bar-cyan.jpeg);
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
}

#cnblogs_post_body p > code, #cnblogs_post_body li > code {
    font-size: 0.9em !important;
    letter-spacing: 0 !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    padding: 2px 4px !important;
    border:none !important;
    border-radius: 4px !important;
    color: rgb(25, 182, 215) !important;
    background-color: rgba(27, 31, 35, 0.05) !important;
    font-family: Operator Mono, Consolas, Monaco, Menlo, monospace !important;

}
.cnblogs-markdown code{
    line-height: 1.5;
    margin: 0;
}

#tbCommentBody { padding:0;}
div.commentform textarea{height:160px;}
.comment_textarea{width:100%;}

#cnblogs_post_body p{ margin-top:0;margin-bottom:20px;}
#cnblogs_post_body p strong { font-weight: normal; color:rgb(229, 113, 10); }
#cnblogs_post_body p em{ font-style: normal; color:rgb(229, 113, 10);}
#cnblogs_post_body ol, #cnblogs_post_body ul{padding-left:15px; margin-left:10px; margin-bottom: 20px; }
#cnblogs_post_body ol li, #cnblogs_post_body ul li {margin-bottom:15px;}
.cnblogs-markdown h1, .cnblogs-markdown h2, .cnblogs-markdown pre, .cnblogs-markdown h3, 
.cnblogs-markdown pre, .cnblogs-markdown table {
    margin-bottom:25px;
}
 .cnblogs-markdown pre{
    border-radius: 4px;
   box-shadow: rgb(0 0 0 / 55%) 0px 2px 4px;
}
.cnblogs-markdown p > img {
    box-shadow: rgb(0 0 0 / 55%) 0px 2px 4px;
}

.postBody a:link, .postBody a:visited, .postBody a:active{color: #075DB3;text-decoration:none;}

#MySignature{margin-top:50px;}
