.top-rank{position:relative;display:flex;justify-content:center;align-items:end;background:linear-gradient(180deg,rgb(13,239,98),rgb(2,150,49));background:url("/static/images/atl-building.e43e84a30fe5.png") no-repeat;background-size:cover;background-position:center;padding-top:40px;padding-right:20px;padding-left:20px;overflow:hidden;border-radius:5px;user-select:none;margin-bottom:20px}.top-rank::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#000000aa}.top-item{z-index:1;display:flex;flex-direction:column;align-items:center;width:120px;transform:translateY(100%)}.top-item h3{font-size:15px;font-weight:700;margin-top:18px;margin-bottom:45px;text-align:center}.top-item h3 img{display:none!important}.top-item h3 a{color:#fff!important}.top-item .avt{width:80px;height:80px;border-radius:100px;border:4px solid #ddd}.top-item .point{position:relative;background:#ccc;width:100%;height:200px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center}.top-item .point::after{content:'';width:100%;height:30px;position:absolute;bottom:calc(100%);left:0;background:#ddd;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);z-index:-1}.top-item .point span{display:block;font-weight:900;text-shadow:0 4px 2px #00000020;font-size:20px;color:#fff;margin-bottom:10px}.top-item .point .label{background:#aaa;color:#fff;padding:7px 10px 5px 10px;border-radius:5px;font-weight:700;width:fit-content}.top-item.rank-1{animation:top_rank_item 2s ease forwards}.top-item.rank-2{animation:top_rank_item 2s ease forwards 1s}.top-item.rank-3{animation:top_rank_item 2s ease forwards 2s}.top-item.rank-1 .point{background:linear-gradient(#ffd607,#ffae00)}.top-item.rank-1 .point::after{background:#ffe367}.top-item.rank-1 .point .label{background:#9f6f00}.top-item.rank-2 .avt{border-color:#ffffff!important}.top-item.rank-2 .point{background:linear-gradient(#9fd4d9,#85a7ab);height:150px}.top-item.rank-2 .point::after{background:#c4faff;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.top-item.rank-2 .point .label{background:rgba(0,0,0,0.22)}.top-item.rank-3 .point{background:linear-gradient(#ccac69,#c99f39);height:100px}.top-item.rank-3 .point::after{background:#f6d490;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.top-item.rank-3 .point .label{background:rgba(0,0,0,0.22)}.top-rank::after{content:'';position:absolute;width:150px;background:linear-gradient(#ffffff00,#ffffff);height:110%;top:0;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);animation:top_rank_light 5s alternate infinite linear;transform-origin:bottom}@keyframes top_rank_light{from{transform:rotate(-45deg)}to{transform:rotate(45deg)}}@keyframes top_rank_item{from{transform:translateY(100%)}to{transform:translateY(0)}}