*{
        image-rendering: crisp-edges;
}
.hitokoto{
    font-style: italic;
}
#navigator{
    background-color: var(--vbar-bg-color);
}
hr{
    border-color: var(--va-bg-color) !important;
}
blockquote{
    color: var(--vquote-color) !important;
    border-color: var(--va-bg-color) !important;
    background-color: #80808015;
}
blockquote > *{color: inherit;}
#main{
    background-color: var(--vbg-color);
    /* background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/807965/galleries/2432812/o_241122053658_download.png); */
}
body{color: var(--vcolor);}
h1,h2,h3,h4,h5,h6{color: var(--vcolor);position: relative;}
*{
    box-sizing: border-box;
}
#header *{
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
:not(.katex *){
    font-family: 'FiraCode-regular','Fira Code','Consolas','monospace';
}
.highlighter-hljs *{
    font-size: 12px;
    line-height: 140%;
    transition-duration: 0s !important;
}
pre.highlighter-hljs{
    border: 1px solid #999;
    border-radius: 4px;
}
body{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: grid;
    grid: 'home','footer';
    grid-template-rows: auto auto;
}
#top_nav,#footer{display: none !important;}
#home{
    grid-row: 1;
    overflow: auto;
}
#realFooter{
    grid-row: 2 !important;
    text-align: center;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    transition: var(--vtrans-dur1);
    z-index: 99999 !important;
    background-color: var(--vbar-bg-color);
}
#realFooter:active{
    box-shadow: 0 -5px 10px 0 #7f7f7fa0;
    transform: scale(1.02);
}
#blogTitle{
    filter: var(--vheader-filter);
    padding-right: 0;
    position: relative;
    /* background: linear-gradient(45deg,#000000,#00000000 512px),url(https://images.cnblogs.com/cnblogs_com/blogs/807965/galleries/2465009/o_250705113252_-riu7dre9lwgmca3a.png); */
    background: linear-gradient(45deg,#000000,#00000000 512px),url(https://cdn.luogu.com.cn/upload/image_hosting/7s6tzru6.png);
    background-size: cover;
    background-position: right;
    overflow: hidden !important;
}
#blogTitle .title{
    font-weight: bold;
    font-size: 40px;
    margin-top: 100px;
    transition: var(--vtrans-dur3);
    overflow: visible;
}
#blogTitle *{
    mix-blend-mode: difference;
    color: white !important;
    text-shadow: 0 0 20px white;
}
#blogTitle .title::after{
    display: inline-block;
    position: absolute;
    color: #00ffff;
    opacity: 0;
    content: '『シンクタンク』';
    transform: skew(80deg,50deg);
    transition: all var(--vtrans-dur3) ease-out,color var(--vtrans-dur2) ease-in;
    white-space: nowrap;
}
#blogTitle:hover .title::after{
    opacity: 1;
    color: red;
    transform: skew(10deg,-10deg) translateY(30px);
    font-size: 20px;
}
#blogTitle:hover .title{
    letter-spacing: 3px;
    transform: skewX(-10deg) translateX(30px);
    margin-bottom: 10px;
    margin-top: 90px;
    background: white;
}
#blogTitle .subtitle{
    margin-top: -10px;
    margin-bottom: 10px;
}
#sideBar{
    padding-left: 20px;
    padding-right: 20px;
}
a:not(#blogTitle *,#layerNeko0 > *){
    color: var(--vcolor);
    background-color: var(--va-bg-color);
    border-radius: 2px;
}
a.dif0:not(#blogTitle *){color: #bfbfbf;font-weight: bold;}
a.dif1:not(#blogTitle *){color: #fe4c61;font-weight: bold;}
a.dif2:not(#blogTitle *){color: #f39c11;font-weight: bold;}
a.dif3:not(#blogTitle *){color: #ffc116;font-weight: bold;}
a.dif4:not(#blogTitle *){color: #52c41a;font-weight: bold;}
a.dif5:not(#blogTitle *){color: #3498db;font-weight: bold;}
a.dif6:not(#blogTitle *){color: #9d3dcf;font-weight: bold;}
a.dif7:not(#blogTitle *){color: #0e1d69;font-weight: bold;}
a:not(#blogTitle *,#layerNeko0 > *):hover{
    color: var(--vbg-color);
    background-color: var(--vcolor);
}
a.dif0:not(#blogTitle *):hover{background-color: #bfbfbf;}
a.dif1:not(#blogTitle *):hover{background-color: #fe4c61;}
a.dif2:not(#blogTitle *):hover{background-color: #f39c11;}
a.dif3:not(#blogTitle *):hover{background-color: #ffc116;}
a.dif4:not(#blogTitle *):hover{background-color: #52c41a;}
a.dif5:not(#blogTitle *):hover{background-color: #3498db;}
a.dif6:not(#blogTitle *):hover{background-color: #9d3dcf;}
a.dif7:not(#blogTitle *):hover{background-color: #0e1d69;}
#green_channel{
    margin: auto;
}
.postTitle{
    font-size: 24px;
}
button,input[type="button"]{
    background-color: var(--va-bg-color);
    border-radius: 2px;
    border: none;
    color: var(--vcolor);
}
button:hover,input[type="button"]:hover{
    color: var(--vbg-color);
    background-color: var(--vcolor);
}
details{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px 6px 4px 6px;
    background-color : #7777ff30;
    border-bottom: 1px val(--vcolor) dotted;
    border-radius: 4px;
    transition: var(--vtrans-dur2);
}
details:hover{
    background-color: #7777ff50;
}
summary{
    padding-left: 10px;
    transition: var(--vtrans-dur2);
}
details:hover > summary{
    padding-left: 20px;
}
.cnblogs-markdown :not(pre,div)>code, .blogpost-body:not(.cnblogs-markdown) :not(pre,div,td)>code{
    color: var(--vcode-color);
    background-color: var(--vcode-bg-color);
    font-family: 'FiraCode-regular','Fira Code','Consolas','monospace' !important;
}
.commentbox_main{
    background-color: var(--vbg-color);
}
.commentbox_title > * > span{color: var(--vcolor) !important;}
#tbCommentBodyPreviewBody,#tbCommentBody{background-color: var(--vbg-color);color: var(--vcolor);}
input[type="text"]{
    background-color: transparent;color: var(--vcolor);
}