html{
   height:100%;
}
body {
color: #000;
background: url('https://img2022.cnblogs.com/blog/1480613/202203/1480613-20220331105453957-1448881076.png') fixed;
background-size: 100%;
background-repeat: no-repeat;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 101%;
}
#home {
opacity: 0.80;
margin: 0 auto;
width: 80%;
min-width: 950px;
background-color: #fff;
padding: 30px;
/* margin-top: 30px; */
/* margin-bottom: 50px; */
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#header {
   height: 40px;
   width: 80%;
   top: 0;
   position: fixed;
   z-index: 1030;
   background-color:  #fff;
   padding: 5px;
}
#navList li a {
  color: rgba(30, 104, 214, 0.911);
  background-color: #fff;
}

#mainContent {
   padding-top: 10px;
  box-shadow: 0 0 0 #999;
}
.day {
  padding: 20px;
  padding-bottom: 0px;
}
.dayTitle {
  top: -15px;
}

.postDesc, .postDesc2, .entrylistItemPostDesc {
  margin: 10px 0;
  padding: 5px 0;
  border-bottom: 1px dashed #000;
}
.postBody, .postCon, .entrylistPostSummary {
  color:  #000;
  margin-top: 15px;
}
/*最外层容器样式*/
.wrap {
   width: 100px;
   height: 100px;
   margin: 150px;
   position: relative;
}
/*包裹所有容器样式*/
/*设置transform-style: preserve-3d，让其子元素在3D空间呈现*/
.cube {
   width: 50px;
   height: 50px;
   margin: 0 auto;
   transform-style: preserve-3d;
   transform: rotateX(-30deg) rotateY(-80deg);
   animation: rotate linear 20s infinite;
}
@-webkit-keyframes rotate {
   from {
       transform: rotateX(0deg) rotateY(0deg);
  }
   to {
        transform: rotateX(360deg) rotateY(360deg);
    }
}
.cube div {
   position: absolute;
   width: 200px;
   height: 200px;
   opacity: 0.8;
   transition: all .4s;
}
/*定义所有图片样式*/
.pic {
   width: 200px;
   height: 200px;
}
/*定义小正方体样式*/
.cube span {
   display: block;
   width: 100px;
   height: 100px;
   position: absolute;
   top: 50px;
   left: 50px;
}
.cube .in_pic {
   width: 100px;
   height: 100px;
}
/*定义大正方体六个面旋转样式*/
.cube .out_front {
   transform: rotateY(0deg) translateZ(100px);
}

.cube .out_back {
   transform: translateZ(-100px) rotateY(180deg);
}

.cube .out_left {
   transform: rotateY(-90deg) translateZ(100px);
}

.cube .out_right {
   transform: rotateY(90deg) translateZ(100px);
}

.cube .out_top {
   transform: rotateX(90deg) translateZ(100px);
}

.cube .out_bottom {
   transform: rotateX(-90deg) translateZ(100px);
}
​
/*定义小正方体六个面旋转样式*/
.cube .in_front {
   transform: rotateY(0deg) translateZ(50px);
}

.cube .in_back {
   transform: translateZ(-50px) rotateY(180deg);
}

.cube .in_left {
   transform: rotateY(-90deg) translateZ(50px);
}

.cube .in_right {
   transform: rotateY(90deg) translateZ(50px);
}

.cube .in_top {
   transform: rotateX(90deg) translateZ(50px);
}

.cube .in_bottom {
   transform: rotateX(-90deg) translateZ(50px);
}

/*鼠标移入后样式*/
.cube:hover .out_front {
   transform: rotateY(0deg) translateZ(200px);
}

.cube:hover .out_back {
   transform: translateZ(-200px) rotateY(180deg);
}

.cube:hover .out_left {
   transform: rotateY(-90deg) translateZ(200px);
}

.cube:hover .out_right {
   transform: rotateY(90deg) translateZ(200px);
}

.cube:hover .out_top {
   transform: rotateX(90deg) translateZ(200px);
}

.cube:hover .out_bottom {
   transform: rotateX(-90deg) translateZ(200px);
}

/* 文章 */
.cnblogs-markdown pre code, .cnblogs-post-body pre code {
  white-space: pre;
}
code, kbd, pre, samp, tt {
  font-family: Arial,Verdana,Sans-serif;
}
#back-to-top {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 6px #fff;
    color: #444444;
    padding: 10px 10px;
    position: fixed;
    right: 50px;
    cursor: pointer;
}