html {
  --body-bg: #f0f2f5;
  /* 	--body-bg: #fff; */
  --section-bg: #fff;
  --section-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 6%),
    0 1px 5px 0 rgb(0 0 0 / 12%), 0 -1px 0.5px 0 rgb(0 0 0 / 9%);
  --font-color: #454d64;
  --border-color: #eaecef;
  /* 	--header-shadow: 0 8px 24px -2px rgb(0 0 0 / 5%); */
  --h-color: rgba(0, 0, 0, 0.85);
  --a-color: #4569d4;
  --theme: #4569d4;
  font-size: 14px;
  --max-width: 1320px;
  --input-bg: #eaecefbf;
}

.html-night {
  --body-bg: #191919;
  /* 	--body-bg:#fff; */
  --section-bg: rgb(36, 37, 37);
  --section-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 6%),
    0 1px 5px 0 rgb(0 0 0 / 12%), 0 -1px 0.5px 0 rgb(0 0 0 / 9%);

  --font-color: rgb(179 171 158);
  --border-color: rgb(63, 65, 65);
  /* 	--header-shadow: 0 2px 8px 0 rgb(0 0 0 / 65%); */
  --h-color: rgba(229, 224, 216, 0.85);
  --a-color: rgb(97, 144, 198);
  --theme: #165f99;
  /* 	--theme-hover: rgb(22, 95, 153); */
  --input-bg: #373737;
}

body {
  margin: 0;
  padding: 0;
 
  background-color: var(--body-bg);
  color: var(--font-color);

  line-height: 1.6;
  font-size: 1rem;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue,
    PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

input {
 

  outline: none;
  background-color: var(--input-bg);

  border: 1px solid var(--input-bg);
  color: inherit;
}



#top_nav,
#blogTitle,
.blogStats,
#header {
  display: none;
}

#main {
  box-sizing: border-box;
  margin: 0 auto;
 
  max-width: var(--max-width);
 
  display: flex;
  align-items: flex-start;
}

#mainContent {
	order: 2;
	flex: 1;
	overflow: hidden;
	margin-left: 296px;
	/* padding: 20px 28px 0px 28px; */
	padding: 1px 28px;
	background-color: var(--section-bg);
	box-shadow: var(--section-shadow);
}

/* ---------------------博文列表 ---------------------*/
#mainContent > .forFlow {
  
  font-size: 16px;
}

.dayTitle a {
  display: none;
}

.postTitl2 a,
.postTitle2,
.entrylistPosttitle {
  display: block;
  /* padding-bottom: 16px; */
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  padding: 20px 0;
}

.c_b_p_desc {
  color: #7d7d7d;
}

.postDesc,
#myposts .postDesc2,
.entrylistItemPostDesc {
  font-size: 14px;
  color: #7d7d7d;
  /* margin: 0 0 24px 0; */
  padding: 20px 0 14px 0;
  border-bottom: 1px solid var(--border-color);
}

.forFlow > .PostListTitle {
  margin: 0;
	text-align: right;
  display: block;
  font-size: 20px;
  font-style: italic;

  line-height: 1;
}

.entrylistTitle {
	margin: 0;
  text-align: right;
  font-style: italic;
  line-height: 1;
  font-size: 20px;

}

.pager {
  display: none;
}

#myposts {
  margin: 0;
}

#myposts .PostList {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

#myposts .postDesc2 {
  text-align: left;
}

/* ---------------------博文内容 ---------------------*/

#topics > .post > .postTitle {
  margin: 0;
  padding: 0;
}

#topics > .post > .postTitle button {
  display: none;
}

#post-info div {
  text-align: left;
  padding-bottom: 10px;
}

#cb_post_title_url {
  font-size: 24px;
  line-height: 1.5;
  padding: 0 !important;
}

#cnblogs_post_body hr {
  border: none;
  height: 2px;
  background-color: var(--border-color);
}

#cnblogs_post_body h1 {
  font-weight: 500;
  font-size: 36px;
}

.cnblogs-markdown {
  line-height: 2;
  letter-spacing: 1px;
}

.cnblogs-markdown .hs-item a {
  display: none;
}

.cnblogs-markdown .hs-item:hover a {
  display: initial;
  color: var(--a-color);
  text-decoration: none;
}

#cnblogs_post_body .hs-item button {
  display: none;
}

#cnblogs_post_body a {
  color: var(--a-color);
}

#cnblogs_post_body a:hover {
  text-decoration: underline;
}

#cnblogs_post_body h2 {
  /* 	font-weight: 500; */
  font-size: 34px;
}

#cnblogs_post_body h3 {
  /* 	font-weight: 500; */
  font-size: 30px;
}

#cnblogs_post_body h4 {
  /* 	font-weight: 500; */
  font-size: 28px;
}

#cnblogs_post_body h5 {
  /* 	font-weight: 500; */
  font-size: 26px;
}

#cnblogs_post_body h6 {
  /* 	font-weight: 500; */
  font-size: 24px;
}

#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
  margin: 45px 0 20px;
  font-weight: 500;
}
#cnblogs_post_body pre{
  position:relative;
  padding:25px 0 0;
}
#cnblogs_post_body pre>.btns-pre{
  position:absolute;
  right:2px;
  top:2px;
  z-index:999;
  
  opacity:0;
}
#cnblogs_post_body pre:hover .btns-pre{opacity:1}
#cnblogs_post_body pre>.btns-pre button{
  font-size:12px;
  color:#333;
}
#cnblogs_post_body pre>code{
  padding:0px 25px;
}


.cnblogs-markdown code {
 max-height:700px;
  overflow:auto;
  white-space: pre-wrap !important;
  font: 14px/1.8 source-code-pro, Menlo, Monaco, Consolas, Courier New,
    monospace !important;
}

/* .cnblogs-markdown :not(pre, div, td) > code,
.blogpost-body :not(pre, div, td) > code {
  background-color: var(--input-bg);
} */

#cnblogs_post_body blockquote {
  background-color: var(--bg-bpdy);
  border-width: 8px;
}

#cnblogs_post_body p {
  margin: 18px 0;
}

/* ---------------------评论 ---------------------*/
#blog-comments-placeholder .feedbackItem {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 24px;
}

.feedbackListSubtitle {
  color: var(--section-bg);
}

.feedbackListSubtitle :not(p) {
  line-height: 2;
  /* 	color: #333; */
  color: var(--font-color);
  font-size: 14px;
}

#blog-comments-placeholder .feedbackItem .louzhu {
  background-color: var(--theme);
  color: #fff;
  padding: 2px 6px;
}

.comment_vote {
  padding: 20px 0 16px;
}

#div_digg {
  /* position:fixed; */
  background-color: #fff;
  bottom: 160px;
  right: 50px;
  padding: 16px 16px 8px;
  border-radius: 4px;
  box-shadow: 0 0px 2px 2px rgb(0 0 0 / 5%);
}

/* ---------------------博文目录 ---------------------*/




#toc-container > .nav {
  /* padding: 48px 28px 20px; */
  /* margin: 0 auto; */
  /* background-color: var(--section-bg); */
  /* width: 246px; */
  /* padding: 24px 30px 20px; */
  /* border-radius: 2px; */
  /* display: block; */
  /* padding: 20px 0 20px 30px; */
  /* box-shadow:0 2px 2px 0 #0000001f, 0 3px 1px -2px rgb(0 0 0 / 6%), 0 1px 5px 0 rgb(0 0 0 / 12%); */
}

#toc-container > .nav ul {
  padding-left: 20px;
  line-height: 1.8;
  /* 	display: none; */
}

#toc-container > .nav a {
  display: inline-block;
  margin: 2px 0;
  cursor: pointer;
}

#toc-container > .nav .active > ul {
  display: block;
}

#toc-container > .nav a:hover {
  color: var(--a-color);
}

#toc-container > .nav .active.active-last > a {
  color: var(--a-color);
}

#toc-container > .nav div > span.li-level {
  /* color: #999; */
  margin-right: 4px;
  font-size: 14px;
}

/* ---------------------侧边栏 ---------------------*/
#sideBar {
	position: fixed;
  top: 0;
  bottom: 20px;
  width: 296px;
  
  overflow-y: auto;
 
}



#sideBarMain {
 
  max-width: 276px;
 
  margin-left: 4px;
 
  background: var(--section-bg);
  box-shadow: var(--section-shadow);

}
#sidebar-nav {
  display: flex;
 
  flex-wrap: wrap;
  padding: 10px 14px;
  background-color: rgb(36, 37, 37);
  color: rgba(229, 224, 216, 0.85);
}
#sidebar-nav a {
  padding: 4px 14px;
 
}
#sidebar-nav a:hover {
  color: #7395f7 !important;
}
#sideBar #toc-container > .nav {
  /* display: none; */
}

#sideBar.sidebar-toc #sideBarMain {
  /* display: none; */
}

#sideBar.sidebar-toc #toc-container > .nav {
  display: inherit;
}
#leftcontentcontainer {
  padding: 2px 28px 14px;
}



#sideBar a {
  color: inherit;
}
#sideBar a:hover {
  color: var(--a-color);
}


#sideBarMain.affix {
  top: 70px;
}

#profile_block {
  display: none;
  margin: 0;
  padding: 18px 28px 0;
}

#sideBarMain h3 {
  font-size: 1.1em;
 
  margin: 0;
  line-height: 1;
  padding: 8px 0;
  font-weight: 600;

}

#sidebar_news .catListTitle {
  display: none;
  padding-top: 0;
}


#sideBarMain .div_my_zzk {
  display: flex;
}
#sideBarMain .input_my_zzk {
  flex: 1;

}


.sidebar-block ul li {
  line-height: 1.5;
  margin-bottom: 5px;
}

#sidebar_toptags ul {
  display: flex;

  justify-content: space-between;
  flex-wrap: wrap;
  
}

#sidebar_toptags li {
  margin: 0 2px 10px 0;
 
}

#sidebar_toptags li a {
  white-space: nowrap;

  display: inline-block;

  font-size: 14px;

  background-color: var(--input-bg);

  padding: 2px 8px;

  

  border-radius: 4px;
}

#sidebar_toptags li a:hover {
  font-weight: 500;

  color: #fff;

  background-color: var(--theme);
}
#toc-top {
  margin-top: 6px;
  line-height: 16px;
 
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
#toc ul {
  padding-left: 16px;
}
#toc li {
  line-height: 1.8;
}
#toc a{
  margin:2px 0;
}
#toc .active>a{
  color:var(--theme);
  border-bottom:1px solid var(--theme);
  
}
#toc .active-last>a{
  color:var(--theme);
  border-bottom:1px solid var(--theme);
/*   text-decoration:underline; */
}
#footer {
  text-align: center;
  padding: 24px;
}

/* ---------------------页脚 ---------------------*/
#page_end_html {
  max-width: var(--max-width);
  
  margin: 0 auto;
}

#btns-box {
  /* margin-right: -100px; */
  float: right;
  line-height: 1;
  /* min-width: 80px; */
}

#btns-box > div {
  position: fixed;
}

#blog-btns {
  bottom: 160px;
}

#btns-box > .icon-ellipsis {
  bottom: 80px;
}

#btns-box .iconfont {
  font-size: 28px;
}

#btns-box .btns-item {
  /* 	position: fixed; */
  margin-bottom: 16px;
  /* 	font-size: 28px; */
  background-color: var(--section-bg);
  cursor: pointer;
  box-shadow: 0 0 2px 2px #ccc;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  /* 	border-radius: 50%; */
}

#btns-box .btns-item:hover {
  font-weight: 600;
  /* 	font-size:32px */
}

#gotop {
  /* bottom: 112px; */

  /* visibility: hidden; */

  font-size: 24px;

  display: none;
}

#gotop.affix {
  position: initial;
  display: block;
  /* visibility: initial; */
}