#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0}html{background-color:#f5f8f9}#mintFooter{display:flex;align-items:center;height:100px;font-size:14px;color:#6c7789;justify-content:center}#mintFooter a{font-size:14px;color:#1d9bf0;text-decoration:none;font-weight:500}.container{max-width:1300px;margin:0 auto;padding:0 20px}.home{background-color:#f5f8f9;padding-bottom:50px;min-height:86vh}.home .head .banner{background-image:url(../img/banner.c5bab573.png);width:100%;height:240px;background-repeat:no-repeat;background-size:cover;background-position:50%}.home .head .info{position:relative;background-color:#fff;padding-top:112px;padding-bottom:48px;box-sizing:border-box}.home .head .info .avatar{width:160px;height:160px;border-radius:50%;position:absolute;top:-80px;left:0;right:0;margin:0 auto;text-align:center;overflow:hidden;border:12px solid rgba(236,241,244,.25)}.home .head .info .avatar img{width:100%;height:100%;border-radius:50%;display:block}.home .head .info .media-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:26px}.home .head .info .media-box .media-item{width:auto;height:40px;padding:0 16px;display:flex;align-items:center;border-radius:52px;font-size:16px;font-weight:700;color:#fff;margin:8px;cursor:pointer}.home .head .info .media-box img{width:24px;margin-right:5px}.home .head .info .nickname{font-size:48px;color:#0b0817;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.home .head .info .desc{font-size:16px;font-weight:500;color:#8c8ca1;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:center}.main .tabs{display:none}.flex-block{display:flex;margin-top:40px;position:relative}.flex-block .block{background-color:#fff;border-radius:12px;padding:40px;box-sizing:border-box}.flex-block .flex-left{margin-right:40px;flex:2}.flex-block .flex-left .vlog{width:100%;min-width:800px;margin-bottom:40px}.flex-block .flex-left .mirror{width:100%}.flex-block .twitter{min-width:430px;width:100%;flex:1;position:sticky;height:2000px;top:-140px}.flex-block .twitter .twitter-box{width:100%;height:1800px;overflow:scroll}.title{font-size:28px;font-weight:400;color:#0e0e2c;padding-bottom:32px;border-bottom:1px solid #ecf1f4;margin-bottom:40px}.empty{text-align:center;margin-top:175px}.empty img{width:300px}.mirror-content{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:scroll}.mirror-content .mirror-item{width:100%;margin:10px 0;padding:0 20px;padding-bottom:20px;box-sizing:border-box;cursor:pointer;border-bottom:1px solid #ecf1f4}.mirror-content .mirror-item .mirror-item-content{display:flex;align-items:center;justify-content:space-between}.mirror-content .mirror-item .mirror-title{font-size:32px;line-height:36px;font-weight:700;display:flex;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mirror-content .mirror-item .mirror-date{font-size:14px;font-weight:500;color:#d0dae9;line-height:20px}.mirror-content .mirror-item .mirror-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:16px;line-height:20px;font-weight:500;color:#8c8ca1;margin:10px 0}.mirror-content .mirror-item .mirror-item-img{margin-left:40px}.mirror-content .mirror-item .mirror-item-img img{width:320px;border-radius:8px}.mirror-content .mirror-item .mirror-info{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.mirror-content .mirror-item .mirror-info .mirror-heade{width:32px;height:32px;border-radius:50%}.mirror-content .mirror-item .mirror-info .mirror-nickname{font-size:16px;font-weight:500;color:#0e0e2c;margin-left:10px}.mirror-content .mirror-item .mirror-info .mirror-hash{padding:4px 12px;background:#fff;font-size:16px;font-weight:500;margin-left:10px;text-align:center;background:#ecf1f4;border-radius:32px;color:#8c8ca1}.mirror-content .mirror-btn{margin:40px auto;text-align:center}.mirror-content .mirror-btn button{width:220px;height:36px;background-color:#1d9bf0;border-radius:33px;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.aspect-video{aspect-ratio:16/9}#Mirror,#Twitter,#YouTube{height:0}@media (max-width:960px){.title{font-size:22px;margin-bottom:20px}.main .tabs{width:100%;background-color:#fff;height:50px;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px 0 rgba(0,0,0,.05);margin-top:10px;padding:0 20px;box-sizing:border-box;z-index:999}.main .tabs .tab{width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.main .tabs a{text-decoration:none;text-align:center;width:100%;color:#6c7789;font-size:16px}.flex-block{display:flex;margin-top:20px;flex-wrap:wrap}.flex-block .flex-left{margin-right:0}.flex-block .flex-left .block{padding:20px}.flex-block .flex-left .vlog{margin-top:0;min-width:auto}.flex-block .flex-left .mirror{min-width:auto;width:100%;margin-right:0;margin-top:0}.flex-block .flex-left .mirror .mirror-content .mirror-item .mirror-item-content{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.flex-block .flex-left .mirror .mirror-content .mirror-item .mirror-title{font-size:16px}.flex-block .flex-left .mirror .mirror-content .mirror-item .mirror-item-img{margin-left:0}.flex-block .flex-left .mirror .mirror-content .mirror-item .mirror-info{display:block}.flex-block .flex-left .mirror .mirror-content .mirror-item .mirror-info span{margin:5px 0}.flex-block .flex-left .mirror .mirror-content .mirror-item .mirror-info .mirror-hash{margin:0 5px}.flex-block .twitter{min-width:auto;width:100%}.flex-block .twitter .twitter-box{width:100%;max-height:unset;overflow:unset}.empty{margin-top:85px}.empty img{width:200px}.mirror-content{width:100%;justify-content:center;max-height:unset;overflow:unset}#Mirror,#Twitter,#YouTube{width:100%;height:55px}}