@keyframes link0{
    0% {color: #999;}
   50% {color: #333;}
   100%{color: #999;}
}
 
@-webkit-keyframes link0 {
    0% {color: #999;}
   50% {color: #333;}
   100%{color: #999;}
}
@-moz-keyframes link0{
    0% {color: #999;}
   50% {color: #333;}
   100%{color: #999;}
}
@-o-keyframes link0{
    0% {color: #999;}
   50% {color: #333;}
   100%{color: #999;}
}
@keyframes a-default{
    0% {color: #999;text-shadow: 0px 0px 0px #999;}
   50% {color: #333;text-shadow: 0px 0px 5px #333;}
   100%{color: #999;text-shadow: 0px 0px 0px #999;}
}
@-webkit-keyframes a-default {
    0% {color: #999;text-shadow: 0px 0px 0px #999;}
   50% {color: #333;text-shadow: 0px 0px 5px #333;}
   100%{color: #999;text-shadow: 0px 0px 0px #999;}
}
@-moz-keyframes a-default{
    0% {color: #999;text-shadow: 0px 0px 0px #999;}
   50% {color: #333;text-shadow: 0px 0px 5px #333;}
   100%{color: #999;text-shadow: 0px 0px 0px #999;}
}
@-o-keyframes a-default{
    0% {color: #999;text-shadow: 0px 0px 0px #999;}
   50% {color: #333;text-shadow: 0px 0px 5px #333;}
   100%{color: #999;text-shadow: 0px 0px 0px #999;}
}
@keyframes link{
    0% {color: #94f;text-shadow: 0px 0px 5px #94f;}
   13% {color: #d6d;text-shadow: 0px 0px 5px #d6d;}
   25% {color: #f66;text-shadow: 0px 0px 5px #f66;}
   38% {color: #f80;text-shadow: 0px 0px 5px #f80;}
   50% {color: #aa0;text-shadow: 0px 0px 5px #aa0;}
   63% {color: #4a4;text-shadow: 0px 0px 5px #4a4;}
   75% {color: #4aa;text-shadow: 0px 0px 5px #4aa;}
   88% {color: #08f;text-shadow: 0px 0px 5px #08f;}
   100%{color: #94f;text-shadow: 0px 0px 5px #94f;}
}
 
@-webkit-keyframes link {
    0% {color: #94f;text-shadow: 0px 0px 5px #94f;}
   13% {color: #d6d;text-shadow: 0px 0px 5px #d6d;}
   25% {color: #f66;text-shadow: 0px 0px 5px #f66;}
   38% {color: #f80;text-shadow: 0px 0px 5px #f80;}
   50% {color: #aa0;text-shadow: 0px 0px 5px #aa0;}
   63% {color: #4a4;text-shadow: 0px 0px 5px #4a4;}
   75% {color: #4aa;text-shadow: 0px 0px 5px #4aa;}
   88% {color: #08f;text-shadow: 0px 0px 5px #08f;}
   100%{color: #94f;text-shadow: 0px 0px 5px #94f;}
}
@-moz-keyframes link{
    0% {color: #f66;text-shadow: 0px 0px 5px #f66;}
   13% {color: #f80;text-shadow: 0px 0px 5px #f80;}
   25% {color: #aa0;text-shadow: 0px 0px 5px #aa0;}
   38% {color: #4a4;text-shadow: 0px 0px 5px #4a4;}
   50% {color: #4aa;text-shadow: 0px 0px 5px #4aa;}
   63% {color: #08f;text-shadow: 0px 0px 5px #08f;}
   75% {color: #94f;text-shadow: 0px 0px 5px #94f;}
   88% {color: #d6d;text-shadow: 0px 0px 5px #d6d;}
   100%{color: #f66;text-shadow: 0px 0px 5px #f66;}
}
@-o-keyframes link{
     0% {color: #f66;text-shadow: 0px 0px 5px #f66;}
    13% {color: #f80;text-shadow: 0px 0px 5px #f80;}
    25% {color: #aa0;text-shadow: 0px 0px 5px #aa0;}
    38% {color: #4a4;text-shadow: 0px 0px 5px #4a4;}
    50% {color: #4aa;text-shadow: 0px 0px 5px #4aa;}
    63% {color: #08f;text-shadow: 0px 0px 5px #08f;}
    75% {color: #94f;text-shadow: 0px 0px 5px #94f;}
    88% {color: #d6d;text-shadow: 0px 0px 5px #d6d;}
    100%{color: #f66;text-shadow: 0px 0px 5px #f66;}
}
@keyframes btn
{
     0% {background-color: #94f ;box-shadow: 0px 0px 5px #94f;fill: #94f;}
    13% {background-color: #d6d ;box-shadow: 0px 0px 5px #d6d;fill: #d6d;}
    25% {background-color: #f66 ;box-shadow: 0px 0px 5px #f66;fill: #f66;}
    38% {background-color: #f80 ;box-shadow: 0px 0px 5px #f80;fill: #f80;}
    50% {background-color: #aa0 ;box-shadow: 0px 0px 5px #aa0;fill: #aa0;}
    63% {background-color: #4a4 ;box-shadow: 0px 0px 5px #4a4;fill: #4a4;}
    75% {background-color: #4aa ;box-shadow: 0px 0px 5px #4aa;fill: #4aa;}
    88% {background-color: #08f ;box-shadow: 0px 0px 5px #08f;fill: #08f;}
    100%{background-color: #94f ;box-shadow: 0px 0px 5px #94f;fill: #94f;}
}
 
@-webkit-keyframes btn 
{
     0% {background-color: #94f ;box-shadow: 0px 0px 5px #94f;fill: #94f;}
    13% {background-color: #d6d ;box-shadow: 0px 0px 5px #d6d;fill: #d6d;}
    25% {background-color: #f66 ;box-shadow: 0px 0px 5px #f66;fill: #f66;}
    38% {background-color: #f80 ;box-shadow: 0px 0px 5px #f80;fill: #f80;}
    50% {background-color: #aa0 ;box-shadow: 0px 0px 5px #aa0;fill: #aa0;}
    63% {background-color: #4a4 ;box-shadow: 0px 0px 5px #4a4;fill: #4a4;}
    75% {background-color: #4aa ;box-shadow: 0px 0px 5px #4aa;fill: #4aa;}
    88% {background-color: #08f ;box-shadow: 0px 0px 5px #08f;fill: #08f;}
    100%{background-color: #94f ;box-shadow: 0px 0px 5px #94f;fill: #94f;}
}
@-moz-keyframes btn{
     0% {background-color: #f66 ;box-shadow: 0px 0px 5px #f66;fill: #f66;}
    13% {background-color: #f80 ;box-shadow: 0px 0px 5px #f80;fill: #f80;}
    25% {background-color: #aa0 ;box-shadow: 0px 0px 5px #aa0;fill: #aa0;}
    38% {background-color: #4a4 ;box-shadow: 0px 0px 5px #4a4;fill: #4a4;}
    50% {background-color: #4aa ;box-shadow: 0px 0px 5px #4aa;fill: #4aa;}
    63% {background-color: #08f ;box-shadow: 0px 0px 5px #08f;fill: #08f;}
    75% {background-color: #94f ;box-shadow: 0px 0px 5px #94f;fill: #94f;}
    88% {background-color: #d6d ;box-shadow: 0px 0px 5px #d6d;fill: #d6d;}
    100%{background-color: #f66 ;box-shadow: 0px 0px 5px #f66;fill: #f66;}
}
@-o-keyframes btn{
     0% {background-color: #f66 ;box-shadow: 0px 0px 5px #f66;fill: #f66;}
    13% {background-color: #f80 ;box-shadow: 0px 0px 5px #f80;fill: #f80;}
    25% {background-color: #aa0 ;box-shadow: 0px 0px 5px #aa0;fill: #aa0;}
    38% {background-color: #4a4 ;box-shadow: 0px 0px 5px #4a4;fill: #4a4;}
    50% {background-color: #4aa ;box-shadow: 0px 0px 5px #4aa;fill: #4aa;}
    63% {background-color: #08f ;box-shadow: 0px 0px 5px #08f;fill: #08f;}
    75% {background-color: #94f ;box-shadow: 0px 0px 5px #94f;fill: #94f;}
    88% {background-color: #d6d ;box-shadow: 0px 0px 5px #d6d;fill: #d6d;}
    100%{background-color: #f66 ;box-shadow: 0px 0px 5px #f66;fill: #f66;}
}
::selection,::-moz-selection,::-webkit-selection {   
    background-color: #9900ff !important;
    color: #ffffff;
}
a{
    text-decoration: none;
    animation: link0 5s linear 0s infinite normal !important;
    -webkit-animation: link0 5s linear 0s infinite normal !important;
    -moz-animation: link0 5s linear 0s infinite normal !important;
    -o-animation: link0 5s linear 0s infinite normal !important;
}
#main{
    min-height: 100vh;
    letter-spacing: 0.1em;
    line-height: 2em;
}
#main a:hover,#post_detail a:hover,
#rightmenu a:hover,#what-is-alter-line a:hover,#page_end_html a:hover,
#main>.post .postTitle a:hover,#post_detail .post a:hover,#what-is-top:hover{
    animation: link 2s linear 0s infinite normal !important;
    -webkit-animation: link 2s linear 0s infinite normal !important;
    -moz-animation: link 2s linear 0s infinite normal !important;
    -o-animation: link 2s linear 0s infinite normal !important;
}
#main a:active,#post_detail a:active,
#rightmenu a:active,#what-is-alter-line a:active,#page_end_html a:active,
#main>.post .postTitle a:active,#post_detail .post a:active,#what-is-top:active{
    animation: link 0.5s linear 0s infinite normal !important;
    -webkit-animation: link 0.5s linear 0s infinite normal !important;
    -moz-animation: link 0.5s linear 0s infinite normal !important;
    -o-animation: link 0.5s linear 0s infinite normal !important;
}
#main,#what-is-fake-bg{
    width: 61.8%;
    margin-left: 19.1%;
    background-color: #ffffff;
    background-color: #ffffffaa;
    display: inline-block;
    position: relative;
    padding: 0 !important;
    top: 0;
}
#page_end_html{
    user-select: none;
}
#page_end_html #footer{
    padding-left: 19.1% !important;
}
#what-is-fake-bg{
    height: 100%;
}

#what-is-ball{
    position: absolute;
    left: 0;
    bottom: 38.2%;
    border-radius: 0.5rem 0 0 0.5rem;
    width: 1rem;
    height: 2rem;
    background-color: #333;
    z-index: 0;
    transform: translate(-100%, 0);
}
#what-is-ball:before{
    content: "«";
    padding-left: 0.125rem;
}
#what-is-ball-plus:hover,#what-is-ball-plus:hover~*{
    transform: translateX(-50vw);
}
#what-is-ball-plus:hover,#what-is-ball-plus:hover~*,
#what-is-ball-plus,#what-is-ball-plus~*,#main{
    transition: transform 0.15s ease-in-out 0s;
}
#what-is-ball-plus,#what-is-ball-plus~*{
    transform: translateX(0);
}
#what-is-ball-plus:hover~#main{
    transform: translateX(-50vw);
}
#rightmenu{
    padding:0 1em;
    margin-left: 1rem;
    width: auto;
    overflow: auto;
    height: auto;
    display: inline-block;
    position: absolute;
    direction: rtl;
    min-width: 40%;
    user-select: none;
    top: 1rem;
    bottom: 1rem;
}
#rightmenu *{
    direction:ltr;
}
#what-is-ball-plus{
    display: inline-block;
    position: fixed;
    left: 100%;
    top: 0;
    height: 100%;
    background-color: #333;
    z-index: 2147483646;
    width: 100%;
}
#what-is-video-bg{
    background-color: #333;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    htight: 100%;
}
html{
    overflow-x: hidden;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #888;
    margin: 0;
    padding: 0;
    background-color: #fcfcfc;
    overflow: hidden auto;
    overflow-x: hidden;
    font-family: 'SourceHanSans',ubuntu,sans-serif;
}
#post_detail,.imageFrame{
    padding: 1em;
    margin-bottom: 300px;
    margin-bottom: 25vmin;
}
.postText{
    overflow: hidden;
}
#under_post_card1,#under_post_card2,#cnblogs_c1,#ad_t2,#ad_text_under_commentbox,#homepage_top_pager{
    display: none;
}

#page_end_html #footer,#main,body,#what-is-svg-body,#blog-comments-placeholder {
    font-size: 16px !important;
}
#main>#header{
    display: none;
}
@media screen and (max-width: 1295px) {
    #main,#what-is-fake-bg{
        min-width: 800px;
        width: 61.8%;
        margin-left: calc(50% - 400px);
    }
    #page_end_html #footer{
        padding-left: calc(50% - 400px) !important;
    }
}
@media screen and (max-width: 800px) {
    #what-is-ball-plus,#what-is-top{
        display:none;
    }
}
@media screen and (max-width: 800px) {
    #main,#what-is-fake-bg,body,#what-is-svg-body,#blog-comments-placeholder {
        font-size: 14px !important;
        transition: font-size 0.25s linear 0s, transform 0.25s ease-in-out 0s;
    }
    #main,#what-is-fake-bg{
        width: 100%;
        min-width: unset;
        margin: 0;
        padding: 0;
        transform:translateX(0);
    }
    #page_end_html #footer{
        padding-left: 1rem !important;
    }
    body{
        overflow: hidden auto;
        background-color: #ffffff;
    }
    #post_detail{
        padding-top: 1em;
    }
    html{
        min-width: 240px;
    }
}
@media screen and (min-width: 2560px) {
    #what-is-svg-body {
        font-size: 16px !important;
    }
    #main,#what-is-fake-bg,body,#blog-comments-placeholder{
        font-size: 24px !important;
        transition: font-size 0.25s linear 0s, transform 0.25s ease-in-out 0s;
    }
    @keyframes link0{
        0% {color: #999;}
       50% {color: #333;}
       100%{color: #999;}
    }
     
    @-webkit-keyframes link0 {
        0% {color: #999;}
       50% {color: #333;}
       100%{color: #999;}
    }
    @-moz-keyframes link0{
        0% {color: #999;}
       50% {color: #333;}
       100%{color: #999;}
    }
    @-o-keyframes link0{
        0% {color: #999;}
       50% {color: #333;}
       100%{color: #999;}
    }
    @keyframes a-default{
        0% {color: #999;text-shadow: 0px 0px 0px #999;}
       50% {color: #333;text-shadow: 0px 0px 25px #333;}
       100%{color: #999;text-shadow: 0px 0px 0px #999;}
    }
    @-webkit-keyframes a-default {
        0% {color: #999;text-shadow: 0px 0px 0px #999;}
       50% {color: #333;text-shadow: 0px 0px 25px #333;}
       100%{color: #999;text-shadow: 0px 0px 0px #999;}
    }
    @-moz-keyframes a-default{
        0% {color: #999;text-shadow: 0px 0px 0px #999;}
       50% {color: #333;text-shadow: 0px 0px 25px #333;}
       100%{color: #999;text-shadow: 0px 0px 0px #999;}
    }
    @-o-keyframes a-default{
        0% {color: #999;text-shadow: 0px 0px 0px #999;}
       50% {color: #333;text-shadow: 0px 0px 25px #333;}
       100%{color: #999;text-shadow: 0px 0px 0px #999;}
    }
    @keyframes link{
        0% {color: #f66;text-shadow: 0px 0px 25px #f66;}
       13% {color: #f80;text-shadow: 0px 0px 25px #f80;}
       25% {color: #aa0;text-shadow: 0px 0px 25px #aa0;}
       38% {color: #4a4;text-shadow: 0px 0px 25px #4a4;}
       50% {color: #4aa;text-shadow: 0px 0px 25px #4aa;}
       63% {color: #08f;text-shadow: 0px 0px 25px #08f;}
       75% {color: #94f;text-shadow: 0px 0px 25px #94f;}
       88% {color: #d6d;text-shadow: 0px 0px 25px #d6d;}
       100%{color: #f66;text-shadow: 0px 0px 25px #f66;}
    }
     
    @-webkit-keyframes link {
        0% {color: #94f;text-shadow: 0px 0px 25px #94f;}
       13% {color: #d6d;text-shadow: 0px 0px 25px #d6d;}
       25% {color: #f66;text-shadow: 0px 0px 25px #f66;}
       38% {color: #f80;text-shadow: 0px 0px 25px #f80;}
       50% {color: #aa0;text-shadow: 0px 0px 25px #aa0;}
       63% {color: #4a4;text-shadow: 0px 0px 25px #4a4;}
       75% {color: #4aa;text-shadow: 0px 0px 25px #4aa;}
       88% {color: #08f;text-shadow: 0px 0px 25px #08f;}
       100%{color: #94f;text-shadow: 0px 0px 25px #94f;}
    }
    @-moz-keyframes link{
        0% {color: #f66;text-shadow: 0px 0px 25px #f66;}
       13% {color: #f80;text-shadow: 0px 0px 25px #f80;}
       25% {color: #aa0;text-shadow: 0px 0px 25px #aa0;}
       38% {color: #4a4;text-shadow: 0px 0px 25px #4a4;}
       50% {color: #4aa;text-shadow: 0px 0px 25px #4aa;}
       63% {color: #08f;text-shadow: 0px 0px 25px #08f;}
       75% {color: #94f;text-shadow: 0px 0px 25px #94f;}
       88% {color: #d6d;text-shadow: 0px 0px 25px #d6d;}
       100%{color: #f66;text-shadow: 0px 0px 25px #f66;}
    }
    @-o-keyframes link{
         0% {color: #f66;text-shadow: 0px 0px 25px #f66;}
        13% {color: #f80;text-shadow: 0px 0px 25px #f80;}
        25% {color: #aa0;text-shadow: 0px 0px 25px #aa0;}
        38% {color: #4a4;text-shadow: 0px 0px 25px #4a4;}
        50% {color: #4aa;text-shadow: 0px 0px 25px #4aa;}
        63% {color: #08f;text-shadow: 0px 0px 25px #08f;}
        75% {color: #94f;text-shadow: 0px 0px 25px #94f;}
        88% {color: #d6d;text-shadow: 0px 0px 25px #d6d;}
        100%{color: #f66;text-shadow: 0px 0px 25px #f66;}
    }
    @keyframes btn
    {
         0% {background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
        13% {background-color: #f80 ;box-shadow: 0px 0px 25px #f80;}
        25% {background-color: #aa0 ;box-shadow: 0px 0px 25px #aa0;}
        38% {background-color: #4a4 ;box-shadow: 0px 0px 25px #4a4;}
        50% {background-color: #4aa ;box-shadow: 0px 0px 25px #4aa;}
        63% {background-color: #08f ;box-shadow: 0px 0px 25px #08f;}
        75% {background-color: #94f ;box-shadow: 0px 0px 25px #94f;}
        88% {background-color: #d6d ;box-shadow: 0px 0px 25px #d6d;}
        100%{background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
    }
     
    @-webkit-keyframes btn 
    {
         0% {background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
        13% {background-color: #f80 ;box-shadow: 0px 0px 25px #f80;}
        25% {background-color: #aa0 ;box-shadow: 0px 0px 25px #aa0;}
        38% {background-color: #4a4 ;box-shadow: 0px 0px 25px #4a4;}
        50% {background-color: #4aa ;box-shadow: 0px 0px 25px #4aa;}
        63% {background-color: #08f ;box-shadow: 0px 0px 25px #08f;}
        75% {background-color: #94f ;box-shadow: 0px 0px 25px #94f;}
        88% {background-color: #d6d ;box-shadow: 0px 0px 25px #d6d;}
        100%{background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
    }
    @-moz-keyframes btn{
         0% {background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
        13% {background-color: #f80 ;box-shadow: 0px 0px 25px #f80;}
        25% {background-color: #aa0 ;box-shadow: 0px 0px 25px #aa0;}
        38% {background-color: #4a4 ;box-shadow: 0px 0px 25px #4a4;}
        50% {background-color: #4aa ;box-shadow: 0px 0px 25px #4aa;}
        63% {background-color: #08f ;box-shadow: 0px 0px 25px #08f;}
        75% {background-color: #94f ;box-shadow: 0px 0px 25px #94f;}
        88% {background-color: #d6d ;box-shadow: 0px 0px 25px #d6d;}
        100%{background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
    }
    @-o-keyframes btn{
         0% {background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
        13% {background-color: #f80 ;box-shadow: 0px 0px 25px #f80;}
        25% {background-color: #aa0 ;box-shadow: 0px 0px 25px #aa0;}
        38% {background-color: #4a4 ;box-shadow: 0px 0px 25px #4a4;}
        50% {background-color: #4aa ;box-shadow: 0px 0px 25px #4aa;}
        63% {background-color: #08f ;box-shadow: 0px 0px 25px #08f;}
        75% {background-color: #94f ;box-shadow: 0px 0px 25px #94f;}
        88% {background-color: #d6d ;box-shadow: 0px 0px 25px #d6d;}
        100%{background-color: #f66 ;box-shadow: 0px 0px 25px #f66;}
    }
}
@media screen and (min-width: 3456px) {
    #what-is-svg-body {
        font-size: 16px !important;
    }
    #page_end_html #footer,#main,body,#blog-comments-placeholder{
        font-size: 32px !important;
        transition: font-size 0.25s linear 0s, transform 0.25s ease-in-out 0s;
    }
}
/*======== head ========*/
#page_begin_html{
    position: relative;
    height: 38.1966011vh;
    height: 38.1966011vmin;
    min-height: 300px;
    margin: 0;
    padding: 0;
}
#what-is-svg-body{
    width: 100%;
    bottom: 1em;
    position: absolute;
    left: 0;
}
#what-is-svg-body #cb_post_title_url span{
    white-space:normal;
}
.what-is-svg-bg{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.what-is-svg-bg:before{
    position: absolute;
    z-index: -2147483646;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #333;
    transition: background-color 1s linear 0s;
}
.what-is-svg-bg:hover:before{
    background-color: #000;
    transition: background-color 0.5s linear 0s;
}
#what-is-svg-body *{
    margin: 0;
    padding: 0;
    color: #ccc;
    text-align: center;
}
#what-is-svg{
    position: absolute;
    z-index: 1;
    min-width: 1000px;
    width: 100.25%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
}
#page_begin_html>svg{
   margin: 0;
}
#page_begin_html a,#main>.post .postTitle a{
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
}
#cb_post_title_url{
    font-size: 1em;
    max-width: 100vw;
    display: inline-block;
}
#what-is-header-parent{
    position: absolute;
    bottom: 2rem;
}
#Header1_HeaderTitle{
    font-size: 1rem;
}
#tagline{
    font-size: 0.75rem;
    color: #333;
    color: #fff0;
    transition: color 0.5s ease-in-out 0s;
}
.what-is-svg-bg:hover #tagline{
    color: #ccc;
    color: #fffa;
    transition: color 0.25s ease-in-out 0s;
}
/*======== blog ========*/
.post{
    position: relative;
}
#page_begin_html .postTitle{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-size: 3em;
    width: 100vw;
}
#post_next_prev{
    display: block;
    border: 0.05rem dashed #888;
    padding: 0.5rem !important;
    border-radius: 0.5rem;
}
#cnblogs_post_body mark,
.blog_comment_body mark{
    color: #000;
    background-color:unset;
}
pre[highlighted] {
    background:#1e1e1e;
    background:#1e1e1edd;
}
#main .post .postText .cnblogs_post_body, #main .post .postText #comment_form{
    font-size: 1rem !important;
}
#main pre>code, #blog-comments-placeholder pre>code{
    font-size: 0.9rem;
    line-height: 1.1rem;
    letter-spacing: normal;
}
#main pre>code table>tbody, #blog-comments-placeholder pre>code table>tbody{
    font-size: 1em;
}
#main *[auth="wide-list"] li,
#main *[auth="wide-list"] li,
#main *[auth="wide-ol"] li,
#main *[auth="wide-ul"] li,
#main *[auth="wide-list"] ol,
#main *[auth="wide-list"] ul,
#main *[auth="wide-ol"] ol,
#main *[auth="wide-ul"] ul{
    max-width: unset;
    white-space: nowrap;
}
#main *[auth="wide-list"]>ol,
#main *[auth="wide-list"]>ul,
#main *[auth="wide-ol"]>ol,
#main *[auth="wide-ul"]>ul{
    max-width: 100%;
    overflow-x: auto;
    margin-left: 0;
} 
#main ol,
#main ul,
.blog_comment_body ol,
.blog_comment_body ul{
    max-width: 100%;
    margin-left: 0;
}
#main ul>li, #blog-comments-placeholder .blog_comment_body ul>li{
    list-style:none !important;
    padding-left: 1em;
}
#main ul>li:before, #blog-comments-placeholder .blog_comment_body ul>li:before{
    content: "";
    display: inline-block;
    width: 0.5em;
    background-color: #888;
    height: 0.5em;
    margin: 0.125em 0.25em;
    margin-right: 1em;
    border-radius: 100%;
}
#main ol>li, #blog-comments-placeholder .blog_comment_body ol>li{
    list-style:decimal !important;
}
#blog-comments-placeholder .blog_comment_body ul,#blog-comments-placeholder .blog_comment_body ol{
    padding-left: 0;
}
#blog-comments-placeholder .blog_comment_body ul li{
    margin-left: 0;
}
#main ol ol,#main ol ul,#main ul ul,#main ul ol,
#blog-comments-placeholder .blog_comment_body ol ol,
#blog-comments-placeholder .blog_comment_body ol ul,
#blog-comments-placeholder .blog_comment_body ul ol,
#blog-comments-placeholder .blog_comment_body ul ul 
{
    overflow-x: visible;
}
#main th{
    white-space: nowrap !important;
}
#main .table-wrapper th, 
#blog-comments-placeholder .blog_comment_body table {
    white-space: nowrap;
    background-color: #f6f6f6aa;
}
#blog-comments-placeholder .blog_comment_body code table,
#blog-comments-placeholder .blog_comment_body code table * {
    background-color: unset !important;
    border: none !important;
}
#main .table-wrapper tr:nth-child(odd), 
#blog-comments-placeholder .blog_comment_body table tr:nth-child(odd) {
    background-color: #fdfdfdaa;
}
#main .table-wrapper tr:nth-child(even),
#blog-comments-placeholder .blog_comment_body table tr:nth-child(even) {
    background-color: #fafafaaa;
}
#main .table-wrapper, #blog-comments-placeholder .blog_comment_body table{
    max-width: 100%;
    overflow-x: auto;
    margin: 0.25em;
}
#main .table-wrapper td, #blog-comments-placeholder .blog_comment_body table td{
    border: none;
    border-bottom:0.05em solid #888 ;
    border-bottom:0.05em solid  #8884;
}
#main .table-wrapper th, #blog-comments-placeholder .blog_comment_body table th{
    border: none;
    border-bottom:0.05em solid #888 ;
    border-bottom:0.05em solid  #8884;
    border-top:0.1em solid #888 ;
    border-top:0.1em solid  #8884;
}

#main blockquote,#blog-comments-placeholder .blog_comment_body blockquote{
    max-width: 100%;
    overflow-x: auto;    
    background: #eeeeee44;
    color:#777;
}
#main blockquote blockquote,#blog-comments-placeholder .blog_comment_body blockquote blockquote{
    overflow-x: visible;
    background: unset;
}
.blogpost-body blockquote ,#blog-comments-placeholder .blog_comment_body blockquote{
    border-left: 0.25em solid #ccc;
    border-right: none;
    border-top: none;
    border-bottom: none;
    margin: 0.25em 0 0.25em 0;
    padding: 0.25em 0 0.25em 0.75em ;
    transition: border-left 2s ease-in-out 0s;
}
.blogpost-body blockquote:hover, #blog-comments-placeholder .blog_comment_body blockquote:hover{
    border-left: 0.25em solid #888;
    transition: border-left 0.25s ease-in-out 0s;
}
.blogpost-body kbd, #blog-comments-placeholder .blog_comment_body kbd{
    border-radius: 0.6em 0.6em 0.75em 0.75em;
    background-color: #f0f0f0;
    padding: 0.1em;
    border-top:0.1em solid #ccc;
    border-bottom: 0.5em solid #888;
    border-left: 0.25em solid #aaa;
    border-right: 0.25em solid #aaa;
    display: inline-block;
    margin:0.1em;
    min-width: 2em;
    text-align: center;
}
#cnblogs_post_body h6,#blog-comments-placeholder .blog_comment_body h6,
#cnblogs_post_body h5,#blog-comments-placeholder .blog_comment_body h5,
#cnblogs_post_body h4,#blog-comments-placeholder .blog_comment_body h4,
#cnblogs_post_body h3,#blog-comments-placeholder .blog_comment_body h3,
#cnblogs_post_body h2,#blog-comments-placeholder .blog_comment_body h2{
    border-left: 0.35rem solid #888;
    padding-left: 1.5rem;
}
#cnblogs_post_body h6,#blog-comments-placeholder .blog_comment_body h6{
    font-size: 1.25em;
}
#cnblogs_post_body h5,#blog-comments-placeholder .blog_comment_body h5{
    font-size: 1.5em;
}
#cnblogs_post_body h4,#blog-comments-placeholder .blog_comment_body h4{
    font-size: 1.75em;
}
#cnblogs_post_body h3,#blog-comments-placeholder .blog_comment_body h3{
    font-size: 2em;
}
#cnblogs_post_body h2,#blog-comments-placeholder .blog_comment_body h2{
    font-size: 2.25em;
}
#cnblogs_post_body h1,#blog-comments-placeholder .blog_comment_body h1{
    margin-top: 1em;
    margin-bottom: 0.125em;
    font-size: 2.5em;
    text-align: center;
    transition: border-bottom 0.25s ease-in-out 0s,color 0.25s ease-in-out 0s;
    border-bottom: 0.2rem solid #0004;
}
#cnblogs_post_body h1:hover{
    transition: border-bottom 0.25s ease-in-out 0s,min-width 0.5s ease-in-out 0s,color 0.25s ease-in-out 0s;
    border-bottom: 0.2rem solid #0008;
    color: #000;
}
#main .entrylistTitle{
    margin: 0 1rem ;
    margin-top: 2rem;
    margin: 0 1rem ;
    margin-top: 2rem;
}
#main>*{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.cnblogs-toc-button{
    display:none !important;
}
/*======== comment ========*/
.pager a, #nav_next_page a{
    border: none;
    color: #000;
    font-size: 1.1rem;
}
.pager{
    color: #888;
    font-size: 1.1rem;
}
#comment_form>.under-post-card{
    display:none !important;
}
#blog_post_info_block {
    border-top: 0.05em solid #888;
    margin-top: 5em;
    user-select: none;
}
#EntryTag {
    margin-top: 0 !important;
    font-size: 0.75em;
}
#blog_post_info #green_channel {
    width: unset;
    font-size: 0.75rem !important;
    border: 0.05rem dashed #888;
    margin: 1em 0 !important;
    padding: 0.5rem !important;
    overflow: auto;
    white-space: nowrap;
    border-radius: 0.5rem;
}
#green_channel_weibo img,#green_channel_wechat img{
    display: none !important;
}
#green_channel_weibo:after{
    content: "分享至新浪微博";
}
#green_channel_wechat:after{
    content: "分享至微信";
}
#green_channel a,
#blog_post_info #green_channel>span,
#green_channel #green_channel_favorite,
#green_channel #green_channel_follow,
#green_channel #green_channel_digg,
#green_channel #green_channel_weibo,
#green_channel #green_channel_wechat,
.diggit,.buryit, .comment_digg,.comment_burry,
#green_channel #green_channel_favorite:link,
#green_channel #green_channel_follow:link,
#green_channel #green_channel_digg:link,
#green_channel #green_channel_weibo:link,
#green_channel #green_channel_wechat:link,
.diggit:link,.buryit:link, .comment_digg:link,.comment_burry:link,
#green_channel #green_channel_favorite:visited,
#green_channel #green_channel_follow:visited,
#green_channel #green_channel_digg:visited,
#green_channel #green_channel_weibo:visited,
#green_channel #green_channel_wechat:visited,
.diggit, .buryit,
#comments .comment_digg,#comments .comment_burry,
#comments .comment_actions a,
#commentbox_opt input,#btn_comment_submit,#what-is-alter button,
#cnblogs_post_body a[auth="button"]{
    display: inline-block !important;
    min-width: 6em !important;
    min-height: 1.5rem !important;
    text-align: center !important;
    background-image: none !important;
    background-color: #888;
    color: #fff !important;
    line-height: unset;
    box-shadow: none !important;
    border-radius: 0.5rem !important;
    padding: 0.25rem !important;
    margin: 0 0.5rem !important;
    font-weight: unset !important;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none !important;
    vertical-align: unset !important;
    font-family: sans-serif;
}
#digg_count,#bury_count{
    color: #fff !important;
}
#div_digg{
    width:50%;
    margin: 0;
    padding: 0;
    text-align: right;
}
.diggit, .buryit{
    text-align: center !important;
    box-shadow: none !important;
    float: none !important;
    min-width: 5rem !important;
    width: unset;
    height: unset;
    margin-bottom: 0.1em !important;
}
.diggit:after{
    content: "赞同";
}
.buryit:after{
    content: "反对";
}
#div_digg{
    display: none;
}
#green_channel #green_channel_favorite:hover,
#green_channel #green_channel_follow:hover,
#green_channel #green_channel_digg:hover,
#green_channel #green_channel_weibo:hover,
#green_channel #green_channel_wechat:hover,
.diggit:hover,.buryit:hover,
#comments .comment_digg:hover,#comments .comment_burry:hover,
#comments .comment_actions a:hover,
#commentbox_opt input:hover,#btn_comment_submit:hover,
#cnblogs_post_body a[auth="button"]:hover{
    animation: btn 2s linear 0s infinite normal !important;
    -webkit-animation: btn 2s linear 0s infinite normal !important;
    -moz-animation: btn 2s linear 0s infinite normal !important;
    -o-animation: btn 2s linear 0s infinite normal !important;
    color: #fff !important;
}
#green_channel #green_channel_favorite:active,
#green_channel #green_channel_follow:active,
#green_channel #green_channel_digg:active,
#green_channel #green_channel_weibo:active,
#green_channel #green_channel_wechat:active,
.diggit:active,.buryit:active,
#comments .comment_digg:active,#comments .comment_burry:active,
#comments .comment_actions a:active,
#commentbox_opt input:active,#btn_comment_submit:active,
#cnblogs_post_body a[auth="button"]:active{
    color: #fff !important;
    text-shadow: 0px 0px 10px #fff !important;
    animation: btn 0.5s linear 0s infinite normal !important;
    -webkit-animation: btn 0.5s linear 0s infinite normal !important;
    -moz-animation: btn 0.5s linear 0s infinite normal !important;
    -o-animation: btn 0.5s linear 0s infinite normal !important;
}
#green_channel_weibo img,
#green_channel_wechat img{
    display: block;
}
#green_channel a{
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    color: #fff !important;
}
#author_profile{
    margin: 0;
    padding: 0;
    width: 45%;
    font-size: 0.75em;
    border-radius: 100%;
    margin-right: 0.5em;
    float: none;
    display: inline-block;
}
.author_avatar{
    height: 4em;
    float: none;
    vertical-align: unset;
    margin: 0;
    padding: 0;
    border-radius: 10%;
}
.author_profile_info{
    margin: 0;
    line-height: unset;
    float: none;
}
#author_profile_info>a{
    margin: 0;
}
#author_profile>.clear{
    display: none;
}
#author_profile_detail{
    margin: 0;
    float: none;
    display: inline-block;
}
#author_profile_detail br{
    display: none;
}
#author_profile_detail a{
    display: block;
    line-height: normal;
}
#digg_tips:before{
    content: ":";
    color: transparent;
    display: inline-block;
    width: 0;
}
#author_profile_honor,#author_profile_follow{
    float: left;
}
#author_profile_honor:before{
    content: ":";
    color: transparent;
    display: inline-block;
    width: 0;
}
#author_profile_follow:before{
    content: ":";
    color: transparent;
    display: inline-block;
    width: 0;
}
#comment_nav{
    display: none;
}
.postfoot{
    font-size: 0.75em;
    white-space: nowrap;
    overflow: auto;
    user-select: none;
}
#blog-comments-placeholder{
    margin-top: 4em;
}
#blog-comments-placeholder:before{
    content: "评论";
    font-size: 2.25em;
    font-weight: bold;
    display: block;
    border-top: 0.1rem solid #888;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#comments>h3:first-child{
    display: none;
}
#comments > h4 {
    font-size: 1em;
    background-color: #f8f8f8;
    margin: 1em 0 0 0;
}
#comments .layer {
    color: #000 !important;
    font-size: 1.25em;
}
#comments .comment_date {
    float: right;
    height: 0;
    font-size: 0.75em;
    margin: 0.5em;
}
#comments .comment_vote{
    display: inline-block;
    font-size: 0.75em !important;
    text-align: left;
    height: 0;
}
#comments .comment_vote>*,#comments .comment_actions>*{
    transform: translate(0,-125%);
}
.feedbackNoItems{
    display: none;
}
#comments >p{
    display: none;
}
#comments .blog_comment_body {
    background-color: #fcfcfc;
    margin: 0;
    padding: 0 1em;
    position: relative;
    overflow: hidden;
    padding-bottom: 4.5rem;
}
#comments .comment_vote .comment_digg,
#comments .comment_vote .comment_burry{
    margin: 0;
    padding: 0;
}
#comments .comment_actions{
    font-size: 0.75em;
    padding: 0;
    display: inline-block;
    margin: 0;
    position: relative;
    overflow: visible;
    height: 0;
}
#comments .comment_error,#comments .comment_actions>span,#tip_comment2,#digg_tips,
#author_profile_honor>span[style="color:red"],#author_profile_follow>span[style="color:red"]{
    display: none;
}
#what-is-alter{
    background-color: #333;
    position: fixed;
    left: 50%;
    top: 50%;
    min-width: 20rem;
    min-height: 8rem;
    height: 5rem;
    width: 10%;
    transform: translate(-50%,-50%);
    border-radius: 1rem;
    overflow: hidden;
    padding: 1rem;
    text-align: center;
    box-shadow: 0px 3px 10px #0008;
}

#comment_form>*{
    display: none;
}

#comment_form>.divCommentShow,#comment_form>#comment_form_container{
    display: block !important;
}

#comment_form_container{
    margin-top: 1em;
}
#comment_form_container:before{
    content: "发表评论";
    font-size: 2.25em;
    font-weight: bold;
    display: block;
    border-top: 0.1rem solid #888;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#commentform_title{
    display: none;
}
#tip_comment{
    display: none;
}
.comment_textarea{
    width: unset;
    margin-top: 2rem;
}
#commentbox_opt input,#what-is-alter button{
    display: none;
    border: none;
}
#commentbox_opt a{
    display: none;
}
#comment_form .bq_post_comment{
    max-height: 30rem;
    overflow: auto;
}
.login_tips {
    background:none !important;
    margin-top: 1rem;
    padding: 1rem;
}
#comment_form_container .login_tips a{
    text-decoration: none !important;
}
#commentbox_opt input{
    border: none;
    height: auto !important;
}
/*======== footer ========*/
#what-is-alter-line a,#page_end_html a,#what-is-top{
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    color: #ccc;
}
#what-is-alter button{
    border: none;
    bottom: .5em;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    margin: 0 !important;
}
#what-is-alter button:before{
    content: "";
    display: block;
}
#what-is-mask{
    position: fixed;
    width: 300%;
    height: 300%;
    left: -100%;
    top: -100%;
    background-image:url("https://images.cnblogs.com/cnblogs_com/blogs/698421/galleries/2010442/o_210821053544bg.png");
    z-index: 2147483647;
}
#page_end_html #footer{
    padding: 1rem;
    width: 100%;
    padding-right: -1em;
    background-color: #333;
}
#page_end_html #footer a{
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none ;
    color: #888;
}
#what-is-top{
    position: fixed;
    right: 0.25rem;
    bottom: calc(38.2% - 8rem);
    color: #888;
    font-size: 0.75rem;
    user-select: none;
    letter-spacing: unset;
    text-align: right;
    z-index: 2147483647;
}
#what-is-top svg{
    opacity: 0.25;
    transition: opacity 0.25s ease-in-out 0s;
}
#what-is-top:hover svg{
    opacity: 1.0 !important;
    transition: opacity 0.25s ease-in-out 0s;
}
#what-is-top svg{
    width: 2rem;
    margin:0.5rem;
    display: block;
}
#what-is-top a:hover svg path,#what-is-top a:active svg path{
    animation: btn 1s linear 0s infinite normal !important;
    -webkit-animation: btn 1s linear 0s infinite normal !important;
    -moz-animation: btn 1s linear 0s infinite normal !important;
    -o-animation: btn 1s linear 0s infinite normal !important;
}
#what-is-canvas{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:1;
    width:100vw;
    height:100vh;
}
/*======== sidemenu ========*/
#rightmenu:after{
    content: "";
    height: 2rem;
    width: 100%;
    display: block;
}
#rightmenu h3{
    color: #ccc;
}
#rightmenu *{
    color: #888;
}
#rightmenu a{
    text-decoration: none;
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
}
#rightmenu ul{
    margin: 0;
    padding: 0 1em;
}
#rightmenu li{
    color: #888;
    list-style: none;
}
#rightmenu li a{
    display: inline-block;
    width: 100%;
}
#rightmenu li a:hover{
    background-color: #ffffff08;
}
#rightmenu #footer{
    display: none;
}
body>#rightmenu{
    display: none;
}
/*======== list ========*/
#main>.post{
    background-color: #fffa;
    user-select: none;
    width: unset;
    margin: 1em;
    transition: box-shadow 0.25s ease-in-out 0s;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 1em;
    overflow: hidden;
    padding: 1em;
}
#main>.post:hover{
    transition: box-shadow 0.25s ease-in-out 0s;
    box-shadow: 0px 4px 15px #d8d8d8;
}
#main>.post h2.postTitle, #main>.post>h5{
    font-size: 1.75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 1em 0;
    border-bottom: 0.05em solid #888;
}
#main>.post .postTitle a, #main>.post>h5>.entrylistItemTitle{
    color: #333;
    margin: 0 0 1em 0;
}
#main>.post .postText{
    margin: 2em 0.75em;
}
#main>.post .postText .c_b_p_desc{
    color: #888;
}
#main>.post .postText .c_b_p_desc .desc_img{
    margin: 0;
    margin-left: 1em;
}
#main>.post .postText .c_b_p_desc .c_b_p_desc_readmore{
    color: #888;
}
#main>.post .postFoot{
    margin-top: 1em;
    border-top: 0.05em solid #888;
    font-size: 0.75em;
}
#main>.post .postFoot span{
    float: right;
    margin: 0 0.25em;
}