.App{background-color:#0a1214;width:100%;overflow-x:hidden}.ten-years{color:#ced4da}.ten-years a{text-decoration:none}.ten-years #header{background-image:url(https://image-static.segmentfault.com/180/558/1805586957-628b5c6301e85);background-repeat:no-repeat;background-size:cover;background-position:top}.ten-years .block1{position:relative}.ten-years .block1 .joyqi{width:320px;height:360px;display:block;position:absolute;top:0;right:0}.ten-years .block1 .content{position:relative;width:100%;z-index:5}.ten-years .block1 .box{width:75%}.ten-years .block1 .dot{width:40px;height:40px}.ten-years .block2{margin-top:100px}.ten-years .block2 .title{font-size:56px;text-align:center;color:#17a2b8;margin-bottom:1.5rem}.ten-years .block2 .text{font-size:20px;line-height:30px;text-align:center}.ten-years .block2 .m-link{display:inline-block;padding:10px 32px;font-size:20px;background-image:linear-gradient(90deg,#a6cc00,#03c479);border-radius:10px;color:#090d01;text-align:center;margin-top:24px;text-decoration:none}.ten-years .block2 img{border:2px solid #343a40}.ten-years .block3{margin-top:100px}.ten-years .block3 .title{padding:10px 0;background:#17a2b8;border-radius:16px 16px 0 0}.ten-years .block3 .link{width:98px;height:31px;line-height:31px;text-align:center;background:#ffc107;border-radius:3px;font-size:14px;color:#212529}.ten-years .block3 .barrage{height:427px;border:2px solid #17a2b8;border-top:none;border-radius:0 0 16px 16px;overflow:hidden}.ten-years .block3 .barrage-item{padding:0 16x}.ten-years .block3 .barrage-item p{margin-bottom:0}.ten-years .block3 .barrage-item.active{filter:brightness(130%)}.ten-years .mb-30{margin-bottom:1.5rem}.ten-years .block4{margin-top:100px}.ten-years .block4 .title{font-size:40px;margin-bottom:64px}.ten-years .block4 .item{border:2px solid hsla(0,0%,100%,.1);border-radius:16px}.ten-years .block4 .nick{color:#17a2b8}.ten-years .block4 .job{font-size:14px;color:hsla(0,0%,100%,.5)}.ten-years .block4 .text-6{height:144px;overflow:hidden}.ten-years .block4 .my-masonry-grid{display:flex;margin-left:-24px}.ten-years .block4 .my-masonry-grid_column{border-left:24px solid transparent;background-clip:padding-box}.ten-years .copyRight{color:hsla(0,0%,100%,.5);margin:100px 0 50px}@media(max-width:1000px){.ten-years .block1{width:100%}.ten-years .block1 .joyqi{display:none}.ten-years .block1 .box{width:100%;box-sizing:border-box;padding:0 15px}}@media(max-width:780px){.ten-years .block2{margin-top:50px}.ten-years .block2 .title{font-size:35px}.copyRight{margin:50px 0}}@media(max-width:540px){.ten-years .block1{width:100%}.ten-years .block1 .dot{width:32px;height:32px}.ten-years .block1 .h3{font-size:1.6rem}.ten-years .block1 .box:nth-child(2){margin-top:1.5rem}.ten-years .block2{margin-top:50px}.ten-years .block2 .title{font-size:30px}.ten-years .block2 .text{font-size:18px}.ten-years .block3{margin-top:50px}.ten-years .block3 h3{font-size:1.5rem}.ten-years .block3 .link{margin-top:8px}.ten-years .block4{margin-top:50px}.ten-years .block4 .title{font-size:30px}}