/* 蓝色的点点 */
/*
#loading {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: #f4f5f5;
    pointer-events: none;
}
*/

/* YEUNGCHIE */
/*
#loading{
    background:#151728;overflow:hidden;position:fixed;right:0;top:0;bottom:0;left:0;z-index:99999}#load{position:absolute;width:600px;height:36px;left:50%;top:40%;margin-left:-300px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#load div{position:absolute;width:20px;height:36px;opacity:0;font-family:Helvetica,Arial,sans-serif;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#35c4f0}#load div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#load div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s;-webkit-animation-delay:.4s}#load div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}#load div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}#load div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}#load div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}@keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-moz-keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-moz-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-webkit-keyframes move{0%{left:0;opacity:0}35%{left:41%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-o-keyframes move{0%{left:0;opacity:0}35%{left:41%;-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}
}
*/

/* 抖音特效 */
/*
#loading{
    position:relative;background:#000;overflow:hidden;position:fixed;right:0;top:0;bottom:0;left:0;z-index:99999;
}
.text-magic{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(3);width:300px;font-size:36px;font-family:Raleway,Verdana,Arial;color:transparent;
}
.white{
    position:absolute;left:-10px;width:100%;height:1px;background:#000;z-index:4;animation:whiteMove 10s ease-out infinite;
}
.text-magic::before{
    content:attr(data-word);position:absolute;top:0;left:0;height:36px;color:red;overflow:hidden;z-index:2;filter:contrast(200%);text-shadow:1px 0 0 red;animation:move 0.95s infinite;
}
.text-magic::after{
    content:attr(data-word);position:absolute;top:0;left:-1px;height:36px;color:rgba(255,255,255,0.8);overflow:hidden;z-index:3;color:cyan;filter:contrast(200%);text-shadow:-1px 0 0 cyan;mix-blend-mode:lighten;animation:move 1.1s infinite 0.2s;
}
@keyframes whiteMove{
    9%{top:38px;}14%{top:8px;}18%{top:42px;}22%{top:1px;}32%{top:32px;}34%{top:12px;}40%{top:26px;}43%{top:7px;}99%{top:30px;}
}
@keyframes move{
    10%{top:-0.4px;left:-1.1px;}20%{top:0.4px;left:-0.2px;}30%{left:.5px;}40%{top:-0.3px;left:-0.7px;}50%{left:0.2px;}60%{top:1.8px;left:-1.2px;}70%{top:-1px;left:0.1px;}80%{top:-0.4px;left:-0.9px;}90%{left:1.2px;}100%{left:-1.2px;}
}
*/

/* 动态星系 */

#topics .buryit{ display: none;}
#topics .postDesc a:last-child{display: none;}

@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)
}

html:root[theme='dark'] {
  --geek-color-1  : #151728 ;
  --geek-color-2  : #202234 ;
  --geek-color-3  : #484849 ;
  --geek-color-4  : #5F5F60 ;
  --geek-color-5  : #78787A ;
  --geek-color-6  : #929293 ;
  --geek-color-7  : #ABABAC ;
  --geek-color-8  : #C5C5C5 ;
  --geek-color-9  : #DFDFDF ;
  --geek-color-10 : #ABABAC ;
  /* --geek-color-10 : #F6F6F6 ; */
}

/* 
.loader-inner {
    will-change: transform;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    background-color: #3742fa;
    border-radius: 50%;
    animation: scaleout 0.6s infinite ease-in-out forwards;
    text-indent: -99999px;
    z-index: 999991;
}
@keyframes scaleout {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
} */
