body{
            background: url("https://files.cnblogs.com/files/bksyp/QQ%E5%9B%BE%E7%89%8720170218155428.gif");
        }

#Header1_HeaderTitle{
            top: 400px;
            left: 400px;
            font-size:50px;
            font-weight: 800;
            text-shadow: 0px 0px 30px #4b7eff;
            -webkit-animation:TS 2s infinite;
            -o-animation:TS 2s infinite;
            animation:TS 2s infinite;
        -webkit-transition: transform 1s;
            -moz-transition: transform 1s;
            -ms-transition: transform 1s;
            -o-transition: transform 1s;
            transition: transform 1s;
            display: inline-block;
        }
  
#Header1_HeaderTitle:hover{
            -webkit-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -ms-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            transform: rotateY(360deg);
        }
        @keyframes TS {
            0%{text-shadow: 0px 0px 20px #4b7eff;}
            20%{text-shadow: 0px 0px 20px #53f8ff;}
            40%{text-shadow: 0px 0px 20px #74ff7f;}
            60%{text-shadow: 0px 0px 20px #dfff54;}
            80%{text-shadow: 0px 0px 20px #ff7036;}
            100%{text-shadow: 0px 0px 20px #ff65d6;}
        }
.menu{
         margin-top:20px;
            cursor: pointer;
            font-weight: 700;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .menu:hover{
background-color: transparent;
            -webkit-animation:OAT 1s;
            -o-animation:OAT 1s;
            animation:OAT 1s;
        }
        @keyframes OAT {
            0%{font-size:20px;}
            30%{font-size:35px;}
            100%{font-size:20px;}
        }
#profile_block a:nth-child(5):before{
            content: "78512";
        }
#tuzi{
            position: fixed;
            bottom: 0px;
            right: 20%;
        }
#navigator{
            background:linear-gradient(rgba(1,1,1,0),rgba(1,1,1,0));
border:none;

        }
#post_detail{
            background-color: rgba(57, 175, 255,0.8);
        }
#cb_post_title_url{
            font-size: 45px;
            text-shadow: 0px 0px 20px #54b0ff;
 font-weight: 800;
        }

/*----------------------AnimationCube--------------------------------*/
        .x,.y{
            width:500px;
            height:500px;
            transform-style: preserve-3d;
            perspective:100000px;
        }
        .x{
            transform-style: preserve-3d;
            transform: rotateX(45deg);
            animation: xx 600s infinite linear alternate ;
        }
        @keyframes xx {
            100%{transform: rotateX(-36000deg);}
        }
        .y{
            transform-style: preserve-3d;
            transform: rotateY(0deg);
            animation: yy 600s infinite linear alternate;
        }
        @keyframes yy {
            100%{transform: rotateY(-36000deg);}
        }
        .y div{
            transform-style: preserve-3d;
            width:100px;
            height:100px;
            position: absolute;
            top:50%;
            left:50%;
            margin:-50px 0 0 -50px;
            opacity: 0.75;
            box-shadow: 0 0 20px yellow;
            border:solid 1px black;
        }
        .y div p{
            color: #452368;
            font-weight: 900;
            text-align: center;
            word-wrap: break-word;
            text-shadow: 0 0 10px #b7bdcc;
        }
        .y div:nth-child(1){
            background-color: #6173ff;
            transform: translateZ(50px);
        }
        .y div:nth-child(2){
            background-color: #ff37e2;
            transform: translateZ(-50px);
        }
        .y div:nth-child(3){
            background-color: #38ff22;
            transform: translateX(50px) rotateY(90deg);
        }
        .y div:nth-child(4){
            background-color: #7ffaff;
            transform: translateX(-50px) rotateY(90deg);
        }
        .y div:nth-child(5){
            background-color: #ffaf1a;
            transform: translateY(-50px) rotateX(90deg);
        }
        .y div:nth-child(6){
            background-color: #b15aff;
            transform: translateY(50px) rotateX(90deg);
        }
        #mod{
            width:500px;
            height:500px;
            transform-style: preserve-3d;
            position: fixed;
            top:200px;
            left:-70px;
        }
        /*----------------------AnimationCube--------------------------------*/