body {
    color: #000;
    background-color: #e6e6e6;
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    font-size: 14px;
    min-height: 101%;
    background: url(https://images.cnblogs.com/cnblogs_com/blogs/759129/galleries/2185467/o_221109135349_d67d0ec01cb557a620fd33a19a5d82e15a33825a.jpg) fixed;
    background-size:100%;
}
#cnblogs_post_body details summary:hover
{
    cursor: pointer;
    color:blue;
}
#topics .postTitle {
    border: 0;
    font-size: 130%;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    width: 100%;
    padding-left: 5px;
}
.blogpost-body {
    font-size: 14px;
}
.cnblogs_code pre {
font-family: Courier New!important;
font-size: 6px!important;
word-wrap: break-word;
white-space: pre-wrap;
}
.cnblogs_code span {

font-family: Courier New!important;

font-size: 6px!important;

line-height: 1.5!important;

}
.cnblogs-markdown .hljs {
    font-size: 12px !important;
}
#cnblogs_post_body li {
padding-top: 0px;
padding-bottom: 0px;
line-height: 1.5;
}
#home {
margin: 0 auto;
opacity: 0.92;
width: 85%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.7);
}
#cnblogs_post_body h1 {
    background: hsla(207, 41%, 44%, 0.96);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h2 {
    background: #0095d9;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5f5a4b, 1px 1px 6px 1px rgb(10 10 0 / 50%);
    color: #FFFFFF;
    font-family: 'Courier New', "仿宋", Courier, monospace;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 23px;
    margin: 12px 0 !important;
    padding: 5px 0 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body h3 {
    background: #0df5c3;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5f5a4b, 1px 1px 6px 1px rgb(10 10 0 / 50%);
    color: #FFFFFF;
    font-family: 'Courier New', "仿宋", Courier, monospace;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 23px;
    margin: 12px 0 !important;
    padding: 5px 0 5px 10px;
    text-shadow: 2px 2px 3px #222222;
}
#cnblogs_post_body div.boxqwq {
    border: 2px solid #7058a3;
    border-top-color: rgb(112, 88, 163);
    border-top-style: solid;
    border-top-width: 2px;
    border-right-color: rgb(112, 88, 163);
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: rgb(112, 88, 163);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(112, 88, 163);
    border-left-style: solid;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 5px 5px 0;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 0 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px;
}
#cnblogs_post_body p {
    margin: 5px auto;
    text-indent: 0;
    font-size: 16px;
}
#cnblogs_post_body summary {
    font-weight: bold;
    font-size: 15px;
}
.postBody li {
    display: list-item;
    text-align: -webkit-match-parent;
    font-size: 14px;
}
/* 定制自己导航栏的样式 */
#shwtop ul {
    margin: 0;
    padding: 0;
    list-style-type: none; /*去除li前的标注*/
    background-color: #333;
    overflow: hidden; /*隐藏溢出的部分，保持一行*/
}
#shwtop li {
    float: left; /*左浮动*/
}
#shwtop li a, .dropbtn {
    display: inline-block; /*设置成块*/
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
}
/*鼠标移上去，改变背景颜色*/
#shwtop li a:hover, .dropdown:hover .dropbtn { 
    /* 当然颜色你可以自己改成自己喜欢的，我还是挺喜欢蓝色的 */
    background-color: blue;
}
#shwtop .dropdown {
    /*
    display:inline-block将对象呈递为内联对象，
    但是对象的内容作为块对象呈递。
    旁边的内联对象会被呈递在同一行内，允许空格。
    */
    display: inline-block;
}
#shwtop .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#shwtop .dropdown-content a {
    display: block;
    color: black;
    padding: 8px 10px;
    text-decoration:none;
}
#shwtop .dropdown-content a:hover {
    background-color: #a1a1a1;
}
#shwtop .dropdown:hover .dropdown-content{
    display: block;
}
#uprightsideBar{
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;
    /*
    将div的位置固定到距离top:150px，right:0px的位置，
    这样div就会处在最右边的位置，距离顶部150px，
    当然这两个值你可以自己改。
    */
    top:150px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:25px; 
    box-shadow: 0 0 8px #877788;
    border:1px solid #00DDC00;
    border-right:none;
    text-align:center;
    background:rgb(0, 220, 0);
}
#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:101px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}
#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}
#sideBarContents dd, dt {
    cursor: pointer;
}
#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}

.hljs {
  background: #f5f5f5;
  display: block;
  font-family: "Courier New", sans-serif;
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  overflow-x: auto;
}

.hljs-comment,
.hljs-quote,
.hljs-variable {
  color: #008000;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-name,
.hljs-tag {
  color: #00f;
}

.hljs-string,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-literal,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-addition {
  color: #a31515;
}

.hljs-deletion,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-meta {
  color: #2b91af;
}

.hljs-doctag {
  color: #808080;
}

.hljs-attr {
  color: #f00;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #00b0e8;
}

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

.hljs-strong {
  font-weight: bold;
}
button {
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    border-radius: 2px;
}