@import url('https://fonts.font.im/css?family=Roboto+Mono|Space+Mono');

/* font-family: 'Space Mono', monospace,'Roboto Mono';
/* "DM Mono",Menlo,"Roboto Mono",Courier New,monospace */

:root{
    --post-img-filter-brightness:brightness(0.5);
    --post-title-bg-color:#303030;
  --title-color:#cbcbcb;/*文章title*/
  --text-selected-bgcolor:#5ab05b;
  --text-selected-color:#fff;
  --alink-color:#00b55dbd!important;
  --alink-color-hover:#85ff00!important;
  --alink-color-active:#dcff00!important;
  --alink-color-visited:#00914bbd!important;
  --scrollbar-thumb-color:lime;
  --cus-ele-underline-color:#ff0000bb!important;
  --blockquote-border-left-color:#000 !important;
  --blockquote-border-style:16px solid var(--blockquote-border-left-color);
  --blockquote-text-color:#888;
  --blockquote-bg-color:#00000059;
  --id-home-bg-color:#121212;
  --side-bar-bg-color:#121212;
  --side-bar-widger-bg-color:#121212;
  --side-bar-main-color:#787878 !important;
  --side-bar-search-box-color:#757575;
  --side-bar-search-box-bg-color:unset;
  /* --side-bar-a-color:#757575!important; */
  --side-bar-a-border-btm-hover-color:lime!important;
  --side-bar-a-text-bg-hover-color:##27ff002e!important;
  --home-navigator-border-btm:#00ffff24;
  --main-content-cls-forflow-border-right:#00ffff24;/*分界线*/
  --footer-border-top:#00ffff24;
  --cnblogs-post-body-h1-a-color:#f03752;/*h1主标题*/
  --nav-list-a:#489350; /*菜单项*/
  --post-content-color:#666;/*全文阅读颜色*/
  --btm-next-page-color:#666;/*下一页*/
  --cnblogs-post-body-text-color:#b7b7b7;/*正文字体颜色*/
  --post-alink-text-color:#fff;/*正文中a 链接颜色*/
  --post-alink-text-color-visited:#fff;
  --post-alink-text-color-active:#fff;
  --toc-class-color:springgreen;
  --postbody-toc-alink:#767676;/*toc 的字体颜色*/
  --postbody-toc-alink-hover:lime;
  --postbody-toc-alink-active:lime;
  --cnblog-post-body-hx-hr-color:#383838;
  --cnblogs-post-body-hx:#cbcbcb;/*等级标题色*/
  --cnblogs-post-body-hr:#cbcbcb;
  --postbody-blockquote-default-color:#9f9f9f;
  --cnblogs-post-body-h1-pesudo:#ffff0047;/*伪类颜色*/
  --cnblogs-post-body-h2-pesudo:#ffff0047;
  --cnblogs-post-body-h3-pesudo:#ffff0047;
  --cnblogs-post-body-h4-pesudo:#ffff0047;
  --cnblogs-post-body-h5-pesudo:#ffff0047;
  --cnblogs-post-body-h6-pesudo:#ffff0047;
  --code-reference-color:#00ff2d;/*引用code 颜色*/
  --cnblogs-post-body-code-bg-color:#424242;
  --cnblogs-post-body-code-border-color:#ccc;
  --cnblogs-post-body-table-th-bg-color:#333;
  /* 评论 */
  --feedback-area-title-text-color:yellow!important;
  --comment-nav-alink-color:yellow;
  --comment-nav-alink-color-visited:yellow;
  --comment-nav-alink-color-hover:yellow;
  --comment-form-title-color:rgb(0,255,115);
  --comment-textarea-body-bg-color:#68b1ff12!important;
  --comment-textarea-body-text-color:#ffdc00!important;
  --commentbox-tab-color:#00cf00!important;
  --commentbox-tab-color-hover:#6ce26c!important;
  --commentbox-tab-color-active:#6ce26c!important;
  --comment-btn-bg-color:#00ff00bd!important;
  /* 留言区 */
  --feedbackListSubtitle-alink:#ff00f2!important;
  --feedbackListSubtitle-alink-visited:#ff00f2!important;
  --feedbackListSubtitle-alink-active:#ff00f2!important;

  --feedbackListSubtitle-alink-id-is-comment_author:#00e8d2!important;
  --feedbackListSubtitle-alink-id-is-comment_author-visited:#00e8d2!important;
  --feedbackListSubtitle-alink-id-is-comment_author-active:#00e8d2!important;

  --blog-comment-body-markdown-p-tag-color:#00b6a1;
  --blog-post-category-alink-color:#f00;/* 文章分类 */
  --blog-post-category-alink-color-visited:#f00;
  --blog-post-category-alink-color-active:#f00;

  /* 文章结尾 */
  --c_b_p_desc:#ffffffa6;
  --c_b_p_desc_readmore:#666!important;

  --login_tips-color:#00fff3;
  --login_tips-a-color:#ff47477;

  --id-is-back-to-top:lime;
  --id-is-back-to-top-hover:rgba(0, 0, 0, 0.6);
  --id-is-back-to-top-bg-color:rgba(255, 255, 255, 0.1);

  /* code style 切换按钮 */
  --btn-wrap-bg-color:linear-gradient(45deg, #48427b, #221445);
  --btn-box-shadow: 0 6px 30px -10px #221240;
  --cnt-and-text-class:#f8e3ef;


  /* --setting-bar-bg-color: */
  --gear-icon-color: #fff;
  --gear-icon-color-open: #000;


  /* loading - page */
  --loading-page-bg-color:#080808;
  --loading-content-text-color:#fff;

    /* toc scroll bar */
    --toc-webkit-scrollbar-thumb-bg-color:lime;
  
}
:root.light-mode{
    --post-img-filter-brightness:brightness(1);
    --post-title-bg-color:#eee;
  --title-color: #242424;
    --text-selected-bgcolor: #000000;
    --text-selected-color: #fff;
    --alink-color: #007e41bd!important;
    --alink-color-hover: #0bbe00!important;
    --alink-color-active: #ff0000!important;
    --alink-color-visited: #007e41bd!important;
    --scrollbar-thumb-color: #6a6a6a;
    --cus-ele-underline-color: #ff0000bb!important;
    --blockquote-border-left-color: #0f0f0f17 !important;
    --blockquote-border-style:2px solid var(--blockquote-border-left-color);
    --blockquote-text-color: #000;
  --blockquote-bg-color:#fafbfc;
    --id-home-bg-color: #ffffff;
    --side-bar-bg-color: #ffffff;
    --side-bar-widger-bg-color: #121212;
    --side-bar-main-color: #787878 !important;
    --side-bar-search-box-color: #757575;
    --side-bar-search-box-bg-color: unset;
    /* --side-bar-a-color: #757575!important; */
    --side-bar-a-border-btm-hover-color: #000!important;
    --side-bar-a-text-bg-hover-color:#0000002e!important;
    --home-navigator-border-btm: #000000;
    --main-content-cls-forflow-border-right: #000000;
    --footer-border-top: #000000;
    --cnblogs-post-body-h1-a-color: #f03752;
    --nav-list-a: #2a2a2a;
    --post-content-color: #666;
    --btm-next-page-color: #666;
    --cnblogs-post-body-text-color: #555555;
    --post-alink-text-color: #fff;
    --post-alink-text-color-visited: #fff;
    --post-alink-text-color-active: #fff;
    --toc-class-color: #ff6969;
    --postbody-toc-alink: #767676;
    --postbody-toc-alink-hover: #ff4e4e;
    --postbody-toc-alink-active: #ff4e4e;
    --cnblog-post-body-hx-hr-color:#e4e4e4;
    --cnblogs-post-body-hx: #000000;
    --cnblogs-post-body-hr: #cbcbcb;
    --postbody-blockquote-default-color:#333;
    --cnblogs-post-body-h1-pesudo: #000c36;
    --cnblogs-post-body-h2-pesudo: #000c36;
    --cnblogs-post-body-h3-pesudo: #000c36;
    --cnblogs-post-body-h4-pesudo: #000c36;
    --cnblogs-post-body-h5-pesudo: #000c36;
    --cnblogs-post-body-h6-pesudo: #000c36;
    --code-reference-color: #000c36;
    --cnblogs-post-body-code-bg-color: #0f0f0f17;
    --cnblogs-post-body-code-border-color: #ccc;
    --cnblogs-post-body-table-th-bg-color: #fff;
    --feedback-area-title-text-color: yellow!important;
    --comment-nav-alink-color: #000d87;
    --comment-nav-alink-color-visited: #000d87;
    --comment-nav-alink-color-hover: #000d87;
    --comment-form-title-color: #000d87;
    --comment-textarea-body-bg-color: #9b9b9b14!important;
  --comment-textarea-body-text-color:#000d87!important;
    --commentbox-tab-color: #a8b0ff!important;
    --commentbox-tab-color-hover: #838fff!important;
    --commentbox-tab-color-active: #838fff!important;
    --comment-btn-bg-color: #000d87!important;
    --feedbackListSubtitle-alink: #ff00f2!important;
    --feedbackListSubtitle-alink-visited: #ff00f2!important;
    --feedbackListSubtitle-alink-active: #ff00f2!important;
    --feedbackListSubtitle-alink-id-is-comment_author: #00e8d2!important;
    --feedbackListSubtitle-alink-id-is-comment_author-visited: #00e8d2!important;
    --feedbackListSubtitle-alink-id-is-comment_author-active: #00e8d2!important;
    --blog-comment-body-markdown-p-tag-color: #00b6a1;
    --blog-post-category-alink-color: #f00;
    --blog-post-category-alink-color-visited: #f00;
    --blog-post-category-alink-color-active: #f00;
    --c_b_p_desc: #000000;
    --c_b_p_desc_readmore: #666!important;
    --login_tips-color: #bfbfbf;
    --login_tips-a-color: #ff47477;
    --id-is-back-to-top: #000836;
    --id-is-back-to-top-hover: #0000002e;
    --id-is-back-to-top-bg-color:rgba(0, 0, 0, 0.1);

  /* code style 切换按钮 */
  --btn-wrap-bg-color:linear-gradient(45deg, #2d49ff,#68e9ff);
  --btn-box-shadow: rgb(49 85 255) 0px 6px 30px -10px;
  --cnt-and-text-class:#fff;    


  /*  */
  --gear-icon-color: #000;
  --gear-icon-color-open: #000;

  /* loading - page */
  --loading-page-bg-color:#fff;
  --loading-content-text-color:#080808;

  /* toc scroll bar */
  --toc-webkit-scrollbar-thumb-bg-color:#fff;

}


/*选中文字颜色*/

*::selection {
    background-color: var(--text-selected-bgcolor);
    color: var(--text-selected-color);
}

/* 文章图片亮度 */
#cnblogs_post_body img{
filter:var(--post-img-filter-brightness);
}
/*a链接样式*/



#cnblogs_post_body a {
    color: var(--alink-color)!important
}

#cnblogs_post_body a:hover {
    color: var(--alink-color-hover)!important
}

#cnblogs_post_body a:active {
    color: var(--alink-color-active)!important
}

#cnblogs_post_body a:visited {
    color: var(--alink-color-visited)!important
}


/* body字体 */

body {
    font-family: "Source Han Sans SC", "等距更纱黑体 SC", "Helvetica Neue", Arial, sans-serif !important;
}

#cnblogs_post_body #cnblogs_post_body h1 {
    border-bottom: 0;
}


/* 滚动条 */

 ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    overflow: auto;
    float: left;
    margin: 0 10px;
}


/*定义滚动条轨道 内阴影+圆角*/

 ::-webkit-scrollbar-track {
    background: transform;
}


/*定义滑块 内阴影+圆角*/

 ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
}


/* 去除横向滚动条 */

body {
    /* overflow-x: hidden !important; 加了sticky toc 将失效*/
}


/* 去除标题hover margin变化 */

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

/* 去除提交评论快捷键提示 */
#comment_form_container > p:nth-child(7){
    display: none;
}
/* 去除历史上的今天 */
#HistoryToday{
    display: none;

}

/*自定义标签样式-ud重点下划线*/

ud {
    border-bottom: 2px solid var(--cus-ele-underline-color) ;
    padding-bottom: 2px;
}

u{
  text-decoration-style: wavy!important;
  text-decoration: underline;
  text-decoration-color: #00ff2d;
}

/*修改引用样式*/



.postBody blockquote {
    color: var(--postbody-blockquote-default-color);
    background: var(--blockquote-bg-color);
    min-height: auto;
    transition: all 0.2s;
    border-left: var(--blockquote-border-style);
    padding-left: 20px;
    margin: unset!important;
    font: inherit;
    vertical-align: baseline;
}

.postBody blockquote p {
    color:var(--blockquote-text-color);
    font-family: "Open Sans", consolas, sans-serif;
}


/*--自定义header--*/

html,
header {
    overflow-x: hidden;
    font-size: 14px;
    /* 这是设置document高度100%的正确方式 */
    /* height: 100%;
    */
}

header {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: transparent;
}

@keyframes fade-in {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


/*--自定义header--*/


/*全局样式*/


/*文章标题*/

.postTitle #cb_post_title_url {
    font-size: 1.65rem;
    font-weight: bold;
}

#cnblogs_post_body>p {
    font-size: 15px;
    letter-spacing: 0.1rem;;
}
/* list  */
#cnblogs_post_body ul li{
  /* font-size:1.6rem */
}
#cnblogs_post_body ul ul li{
  /* font-size:1.6rem */

}
/* -----------------------全局默认START----------------------- */


/* 背景 */

html,
body,
#home {
  scroll-behavior: smooth;
    background-color: var(--id-home-bg-color);
    transition: background-color 1s;
}

#sideBar div {
    /* 侧边栏模块背景 */
    background-color: var(--side-bar-bg-color);
    transition: background-color 1s;
}

#sideBar #widget_my_zzk input {
    background-color: var(--side-bar-widger-bg-color);
}

#sideBarMain * {
    color:var(--side-bar-main-color);
    transition: background-color 1s;
}

#sideBar a,
#sideBar a:hover,
#sideBar a:active,
#sideBar a:active{
  color: var(--side-bar-main-color);
}
#sideBar a:hover {
  transition:none;
    background: var(--side-bar-a-text-bg-hover-color);
    border-bottom: 1px solid var(--side-bar-a-border-btm-hover-color);
    text-decoration: none;
}
#sideBar input#google_q{
  color: #757575;
  background-color: unset;
}


/* 主容器 */

#home {
    box-shadow: none;
    box-sizing: border-box;
    margin-top: 0px;
    min-width: 0;
    width: 55%;
}

#home #navigator {
    border-top: none;
    /* border-bottom: 0.7px dotted var(--home-navigator-border-btm); */
}

#navigator {
    margin-top: 0 !important;
}

#mainContent .forFlow {
    /* 分界线 */
    padding-right: 30px;
    /* border-right: 1px dotted var(--main-content-cls-forflow-border-right); */
}



#footer {
    border-top: 1px dotted var(--footer-border-top);
}


/* 主标题 */

#blogTitle #cnblogs_post_body h1 a {
    color: var(--cnblogs-post-body-h1-a-color);
}

#blogTitle #cnblogs_post_body h1 a:hover {
    color: var(--cnblogs-post-body-h1-a-color);
}


/* 菜单 */

#navList a:link,
#navList a:visited,
#navList a:active {
    /* -webkit-text-stroke-width: thin;
    -webkit-text-security: disc; */
    color:var(--nav-list-a);
}


/* -----------------------全局默认END----------------------- */


/* -----------------------display:none START----------------------- */

#green_channel_digg,
#green_channel_weibo,
#green_channel_wechat {
    display: none !important;
}

#ad_t2 {
    display: none;
}

#under_post_card1,
#under_post_card2 {
    display: none;
}

.c_ad_block {
    display: none;
}

#div_digg {
    display: none;
}

#author_profile,
#blog_post_info {
    display: none;
}


/*禁止广告*/

.recomm-block {
    display: none;
}

#homepage_top_pager {
    display: none;
}

#bannerbar {
    display: none;
}

#btnZzk {
    display: none;
}

#post_next_prev {
    display: none;
}

#footer {
    display: none;
}

#blogTitle {
    display: none;
}


}

/* -----------------------display:none END----------------------- */

/* -----------------------首页 START----------------------- */
#blogTitle h1 a,
#blogTitle h1 a:hover {
    color: #515151!important;
}
#blogTitle h1 {
    display: flex;
    justify-content: center;
    font-size: 30px;
}
.postTitle {
    /* 去除首页文章列表前面的border-left */
    
    border-left: none;
}
.postCon a:link,
.postCon a:visited,
.postCon a:active {
    /* 阅读全文字体颜色 */
    
    color: var(--post-content-color);
    text-decoration: underline;
}
.postDesc {
    /* 去除posted时间icon */
    
    background: none;
    padding-left: 0;
}

/* 增加文章列表title 为bold */
.postTitle a:link,
.postTitle a:visited,
.postTitle a:active {
    font-weight: 600;
    color: var(--title-color);
}
.day .postTitle a {
    /* 去除标题padding */
    padding-left: 0;
}
.day .postCon {
    /* 修改title 颜色 */
    color: #ffffffa6;
}
div#nav_next_page a {
    /* “下一页” */
    
    color: var(--btm-next-page-color);
}

/* -----------------------首页 END----------------------- */

/* -----------------------文章 START----------------------- */
#cnblogs_post_body {
    color: var(--cnblogs-post-body-text-color);
}
.postBody {
    font-size:15px;
    letter-spacing: 0.04rem;
}
.postBody li,
.postCon li {
    margin-bottom: 0;
}
.postBody a:link{color:var(--post-alink-text-color)};
.postBody a:visited{color:var(--post-alink-text-color-visited)};
.postBody a:active {
    color: var(--post-alink-text-color-active);
}
/* toc */
.toc {
    color: var(--toc-class-color);
    /* border: 1px dotted !important; */
    padding: 0px!important;
}
.postBody .toc a {
    text-decoration: none;
    color: #767676;
}
.postBody .toc a:hover,
.postBody .toc a:active {
    border-bottom: 2px dotted lime;
}

.toc-container-header {
  margin-bottom: 20px;
}

.toc li {
  line-height:2!important
}
.toc > ul {
  margin-left: 0;
}

.toc > ul ul{
  margin-left: 2em;
}

.toc  > ul > li {
  position: relative;
}
.toc  > ul > li > a:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -14px;
  width: 7px;
  height: 7px;
  background-color: currentColor;
  border-radius: 50%;
}

/* # */
.toc-container-header{
  font-size: 1.3em;
  font-weight: 600;
}
.toc  > ul > li > a {
  text-shadow: 0 0 1px #00000038;
  /* color: #3a3a3a!important; */
  font-weight: 600;
}

/* #.# */
.toc  > ul > li > ul > li > a {
  text-shadow: 0 0 1px #00000038;
  /* color: #464646!important; */
  font-weight: 100;
}
/* #.#.# */
.toc  > ul > li > ul > li > ul > li > a {
  font-weight: 100;
  /* color: #464646!important; */
  text-shadow: 0 0 1px #00000038;
}

/* toc end */

.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code{
  font-family: 'Space Mono', monospace, 'Roboto Mono'!important;
  background-color: var(--cnblogs-post-body-code-bg-color);
  color: var(--code-reference-color);
  font-size: .8em;
}
#cnblogs_post_body h1,
#cnblogs_post_body h2,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
  border-bottom: 1px solid var(--cnblog-post-body-hx-hr-color);
  color: var(--cnblogs-post-body-hx);
  position: relative;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 0.8em;
  padding-bottom: 2px;
}
#cnblogs_post_body h1 {
  margin-top: 0em;
    font-size: 1.5em;
}
#cnblogs_post_body h2 {
    margin-top: 4em;
    font-size: 1.4em;
}
#cnblogs_post_body h3 {
    font-size: 1.3em;
}
#cnblogs_post_body h4 {
    font-size: 1.2em;
}
#cnblogs_post_body h5 {
    font-size: 1.1em;
}
#cnblogs_post_body h6 {
    font-size: 1em;
    color: #999;
}
#cnblogs_post_body hr {
    border: 1px solid var(--cnblogs-post-body-hr);
}
#cnblogs_post_body h1:before {
    color: var(--cnblogs-post-body-h1-pesudo);
    content: "#";
    margin-left: -36px;
    float: left;
}
/* .post .postTitle:before{
  color: ;
  content: "#*1";
  margin-left: -50px;
  float: left;  
} */
#cnblogs_post_body h2:before {
    color: var(--cnblogs-post-body-h2-pesudo);
    content: "##";
    margin-left: -50px;
    float: left;

}
#cnblogs_post_body h3:before {
    color: var(--cnblogs-post-body-h3-pesudo);
    content: "###";
    margin-left: -60px;
    float: left;

}
#cnblogs_post_body h4:before {
    color: var(--cnblogs-post-body-h4-pesudo);
    content: "#*4";
    margin-left: -50px;
    float: left;

}
#cnblogs_post_body h5:before {
    color:var(--cnblogs-post-body-h5-pesudo);
    content: "#*5";
    margin-left: -46px;
    float: left;

}
#cnblogs_post_body h6:before {
    color: var(--cnblogs-post-body-h6-pesudo);
    content: "#*6";
    margin-left: -44px;
    float: left;

}

/*`code` 引用代码*/
#cnblogs_post_body p code,
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    border: 0px !important;
    font-weight: bolder;
    border-radius: 0!important;
    display: inline
}


/* 表格 */
#cnblogs_post_body th,
.cnblogs-post-body th {
    background-color:var(--cnblogs-post-body-table-th-bg-color);
}

/* 代码高亮high-light */

/*
Monokai style - ported by Luigi Maselli - https://grigio.org
*/

/*

Atom One Dark With support for ReasonML by Gidi Morris, based off work by Daniel Gamage

Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

*/

.cnblogs-markdown code,
.cnblogs-post-body code {
    border: none!important
}

/* 评论 */
.feedback_area_title {
    color: var(--feedback-area-title-text-color);
    font-weight: 600!important;
}
#comment_nav a{color:var(--comment-nav-alink-color)};
#comment_nav a:visited{color:var(--comment-nav-alink-color-visited)};
#comment_nav a:hover {
    color: var(--comment-nav-alink-color-hover);
}
#commentform_title {
    font: normal normal 16px/35px "Microsoft YaHei";
    color: var(--comment-form-title-color);
    font-weight: 600;
    border-bottom: none;
    background-image: none;
    padding: 0;
}
.comment_textarea,
#tbCommentBody {
    padding: 13px;
    background-color: var(--comment-textarea-body-bg-color);
    color: var(--comment-textarea-body-text-color);
    border: 0!important;
}
.commentbox_tab:hover, .commentbox_tab.active{
  border-bottom: 0!important;
  color: var(--commentbox-tab-color);
}
.commentbox_tab:hover{color:var(--commentbox-tab-color-hover)};
.commentbox_tab {
  border-bottom: 0!important;
  color: var(--commentbox-tab-color);
}
.commentbox_title {
    border-bottom: 0!important;
}
#comment_form_container .comment_textarea .feedbackCon {
    border: 0!important;
}
.comment_btn {
    font-weight: 600;
    width: auto!important;
    height: auto!important;
    padding: 2px 5px;
    text-align: center;
    font-size: 14px;
    border: none;
    background: var(--comment-btn-bg-color);
    border-radius: 0!important;
}
.comment_svg{
  fill:var(--commentbox-tab-color)

}
.comment_svg_stroke {
  stroke: var(--commentbox-tab-color);
}
.comment_svg_stroke:hover {
  stroke: var(--commentbox-tab-color-hover);
}
.comment_svg:hover{
  fill:var(--commentbox-tab-color-hover)

}
#commentbox_opt a {
    color: var(--title-color);
}
.commentbox_footer{
  display:none!important
}

/* 评论留言 */
.feedbackListSubtitle a:link{color:var(--feedbackListSubtitle-alink)};
.feedbackListSubtitle a:visited{color:var(--feedbackListSubtitle-alink-visited)};
.feedbackListSubtitle a:active {
    color: var(--feedbackListSubtitle-alink-active);
}
.feedbackListSubtitle a[id*="comment_author"]:link{color:var(--feedbackListSubtitle-alink-id-is-comment_author)};
.feedbackListSubtitle a[id*="comment_author"]:visited{color:var(--feedbackListSubtitle-alink-id-is-comment_author-visited)};
.feedbackListSubtitle a[id*="comment_author"]:active {
    color: var(--feedbackListSubtitle-alink-id-is-comment_author-active);
}
.blog_comment_body.cnblogs-markdown p {
    color: var(--blog-comment-body-markdown-p-tag-color);
    padding-left: 34px;
}

/* 文章分类 */
#BlogPostCategory a:link{color:var(--blog-post-category-alink-color)};
#BlogPostCategory a:visited{color:var(--blog-post-category-alink-color-visited)};
#BlogPostCategory a:active {
    color: var(--blog-post-category-alink-color-active);
}
#BlogPostCategory a {
    margin-left: 5px;
    height: auto!important;
    line-height: auto!important;
    padding: 3px 14px;
    border-radius: 0!important;
    margin: 2px 5px 0;
    background: transparent!important;
    text-decoration: none;
}

/* -----------------------文章 END----------------------- */

/* 路由：jaycethanks/category/xxxxxx.html */
.entrylistTitle,
.PostListTitle,
.thumbTitle {
    border-bottom: none;
}
.entrylistPosttitle a:link,
.entrylistPosttitle a:visited,
.entrylistPosttitle a:active {
    margin-left: 0;
    color: var(--title-color);
}
.c_b_p_desc {
    color: var(--c_b_p_desc)
}
.c_b_p_desc_readmore {
    color: var(--c_b_p_desc_readmore);
}
.entrylistPosttitle {
    padding-left: 0;
    border-left: 0;
}
h1.entrylistTitle {
    display: none!important;
}
[id ^="cnblogs_c"] {
    display: none
}
.login_tips {
    margin-top: 2em;
    background-image: none;
    color: var(--login_tips-color);
    /* font-style: italic; */
    /* -webkit-text-stroke: thin; */
    font-size: x-large;
        
}
.login_tips a{
    color: var(--login_tips-a-color);
}

/* 代码块自定义 */
.cnblogs-markdown pre {
    text-shadow: none;
    padding: 0rem;
    margin: 1em 0px;
    overflow: auto;
    

}
.cnblogs-markdown .hljs {
    font-family: 'Space Mono', monospace, 'Roboto Mono'!important;
    /* width: 50%; */
    
    -webkit-font-smoothing: subpixel-antialiased;
    /* color: var(--code-font-color); */
    /* font-family: var(--code-font-family); */
    
    /* font-size: 1.2rem!important; */
    text-align: left;
    white-space: pre-wrap;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    font-weight: 400;
    line-height: 1.7!important;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* @media screen and (max-width: 1024px) {
    .cnblogs-markdown .hljs {
        overflow: hidden;
        width: 100%;
    }
} */
#back-to-top {
    color: var(--id-is-back-to-top);
}
#back-to-top:hover {
    background-color: var(--id-is-back-to-top-hover);
}
@media screen and (max-width: 767px) {
    body #home{
    margin-left: auto!important;
    margin-right: auto!important;
    }
    
    body{
        overflow-x: hidden;
    }
    .cnblogs-markdown pre{
        padding: 0;
    }
    #back-to-top {
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        background-color: var(--id-is-back-to-top-bg-color);
        font-size: 12px;
        padding: 1em;
        display: none;
    }
    #page_begin_html{
      display: none;
    }
}



@media screen and (max-width: 1000px) {
  #home {
    width: auto;
    min-width: 0;
    /* margin-left: 0 !important;
    margin-right: 0 !important; */
    margin-top: 0;
  }
  #mainContent{
    margin-left:0;
  }
  
  #mainContent .forFlow {
    margin-left:0;
    padding-right: 0;
    border-right: none;
}  
  
  #sideBar {
      display: none;
  }
}

@media screen and (max-width: 1600px) {
    #home{

        width: 85%;
        min-width: 0;
        /* margin-left: 0 !important;
        margin-right: 0 !important; */
        margin-top: 0;
    }

}


@media screen and (min-width: 701px) {
    #back-to-top {
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-align: center;
        word-spacing: 1rem;
        width: auto;
        line-height: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.1);
        font-size: 12px;
        padding: 1em;
    }
}

/* 侧边toc */
#sideBar {
    margin-top: 0;
    overflow: unset;
    /*设定为sticky的元素（.toc）不能设定overflow,否则sticky无效*/
}
.toc {
    max-height: 95vh;
    overflow-y: auto;
    position: sticky;
    top: 3px;
}

/* tricks */
#main {
    /* 让浮动子元素高度为100% */
    
    display: flex!important;
}
#leftcontentcontainer {
    height: 100%;
}
#sideBarMain {
    height: 100%;
}
#sideBar {
    width: 300px;
    font-size: 1rem;
}

/* toc scrollbar */

/* 滚动条 */
.toc::-webkit-scrollbar {
    width: 1px;
    height: 5px;
    overflow: auto;
    float: left;
    margin: 0 10px;
}

/*定义滚动条轨道 内阴影+圆角*/
.toc::-webkit-scrollbar-track {
    background: transform;
}

/*定义滑块 内阴影+圆角*/
.toc::-webkit-scrollbar-thumb {
    background: var(--toc-webkit-scrollbar-thumb-bg-color);
}


/* 首页侧边栏 */
#blog-sidecolumn{
    /* padding: 20px!important; */
}

/* pre font-family */
#cnblogs_post_body pre {
    font-family: 'Space Mono', monospace, 'Roboto Mono'!important;
}

#cnblogs_post_body p a {
  font-size: 14px;
}
/* #topics 去除overflow hidden 让等级标题可以超出容器显示 */
#topics{
  overflow:unset
}

/* 移动端特定样式 start*/



@media screen and (max-width: 700px) {
  .postTitle #cb_post_title_url {
    font-size: 1.4rem!important;
    font-weight: bold!important;
  }

    .postBody blockquote p{
      font-size: 1.3rem!important;
    }

    #cnblogs_post_body>p{
      font-size: 1.1rem!important;
    }
    .postBody li, .postCon li{
      font-size: 1.1rem!important;
    }

    .cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code{
      font-size: 1rem!important;
    }
    #home{
      padding: 10px!important;
    }
    #cnblogs_post_body ol{
      padding-left: 10px!important;
    }


    pre code.hljs{
      padding: 0!important;
    }
    .cnblogs-markdown .hljs{
      font-size: 0.8rem!important;
    }
    #cnblogs_post_body table{
      overflow-x: auto!important;
    }
    #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-left: -51px!important;
      transform: scale(0.6)!important;
    }
    .postBody blockquote{
      /* padding-left: 5px!important; */
    }
    .blogpost-body blockquote{
      padding: 0!important;
    }
}
/* 移动端特定样式 end*/


/* 文章首个h2 标题 去除margin-top */
#cnblogs_post_body > h2:nth-child(3) {
    margin-top: 0.5em;
}

/* 文章末尾 文章分类 hover */
#BlogPostCategory a:hover{
    color:#9e0000
}
/* 首页 dayly post block */

.postTitle{
    margin-top: 40px;
    padding: 2px 5px;
    border-radius: 3px;
    /* background-color: var(--post-title-bg-color); */
    transition: all 1s;
}

#topics .postTitle{
    margin-top:0
}
#mainContent > div > div:nth-child(1) > div.postTitle {
    margin-top: 0;
}