@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)}
body{
    color: #000;
	background: url(https://images.cnblogs.com/cnblogs_com/blogs/835933/galleries/2434102/o_241130163525_IMG_20241201_003349.png) fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	min-height: 101%;
}
.custom-signature {
    padding: 1rem 4px;
    font-size: 1em;
    line-height: 1.5em;
}