*{margin:0;padding:0;box-sizing:border-box}body{user-select:none;height:300vh;background:url(http://img.blog.1207.top/img/202510241520170.jpg) center/cover no-repeat}@media (max-width:780px){body{user-select:none;height:300vh;background:url(http://img.blog.1207.top/img/202510241520170.jpg) center/cover no-repeat fixed}}.drag-container-div{min-width:400px;width:60vw;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;background:0 0;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;height:90vh;touch-action:none}.drag-container,.spin-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}.drag-container img,.drag-container video{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;left:0;top:0;width:100%;height:100%;line-height:200px;font-size:50px;text-align:center;-webkit-box-shadow:0 0 8px #fff;box-shadow:0 0 8px #fff;-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0005)}.drag-container img:hover,.drag-container video:hover{-webkit-box-shadow:0 0 15px #fffd;box-shadow:0 0 15px #fffd;-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0007)}.drag-container p{font-family:Serif;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg);color:#fff}.ground{width:900px;height:900px;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg);background:-webkit-radial-gradient(center center,farthest-side,#9993,transparent)}.music-container{position:absolute;top:0;left:0}@-webkit-keyframes spin{from{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes spin{from{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes spinRevert{from{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes spinRevert{from{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}