@keyframes spin3D{from{transform:rotate3d(0.5,0.5,0.5,360deg)}to{transform:rotate3d(0deg)}}
#loading{height:100%;background-color:#1d2630;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;overflow:hidden;z-index:99999999}
.spinner-box{width:300px;height:300px;display:flex;justify-content:center;align-items:center;background-color:transparent}
.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}
.blue-orbit{width:165px;height:165px;border:1px solid #91daffa5;animation:spin3D 3s linear .2s infinite}
.green-orbit{width:120px;height:120px;border:1px solid #91ffbfa5;animation:spin3D 2s linear 0s infinite}
.red-orbit{width:90px;height:90px;border:1px solid #ffca91a5;animation:spin3D 1s linear 0s infinite}
.white-orbit{width:60px;height:60px;border:2px solid #fff;animation:spin3D 10s linear 0s infinite}
.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,0.5,90deg)}.w3{transform:rotate3D(0.5,1,2,90deg)}
#loading{position:fixed;width:100%;height:100%;background-color:#fff;z-index:999}
.boxLoading{width:50px;height:50px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0}
.boxLoading:before{content:'';width:50px;height:5px;background:#000;opacity:.1;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}
.boxLoading:after{content:'';width:50px;height:50px;background:#ffb3cc;animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}
@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,0.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}
@keyframes shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}

.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code {
    font-family: "Fira Code", "Courier New", sans-serif, Consolas, Monaco !important;
}

body {
    font-family: UbuntuMono,Varela Round,PingFang SC,Roboto,Microsoft YaHei,Helvetica,Arial,Menlo,Monaco,monospace,sans-serif !important;
}

body > div.charm-bar-wrapper {
    display: none !important;
}

#main #mainContent {
    grid-template-rows: 25vh 1fr;
}