#app,body,html{height:100%;margin:0;width:100%}
.home{background-color:#193643;color:#fff;font-family:PingFang SC;min-height:100%;width:100%}.home .float-button{right:calc(50% - 35rem)}
.banner{padding-left:calc(50% - 35rem);padding-right:calc(50% - 35rem);position:relative}.banner .banner-bg{-o-object-fit:cover;object-fit:cover;width:100%}.banner .tabs{position:absolute;right:calc(50% - 35rem);top:1rem}.banner .tabs>*{color:#fff}.banner .tabs>:hover{color:grey!important}
.interactive-text .interactive-text-italic{font-style:italic}.interactive-text .interactive-text-bold{font-weight:700}
.description{background-color:#f3f2ee;color:#000;display:flex;flex-direction:column;gap:1rem;padding:5rem calc(50% - 35rem)}.description .title{font-size:1.5rem;font-weight:700}.description .content{font-size:1rem}.description .content .illustration{float:right;height:13rem;margin-bottom:1rem;margin-left:2rem;width:21.59rem}.description .content .qr-code{float:right;margin-left:2rem}.description .content .footer{font-size:1rem;margin-top:9.3rem;text-align:right}
.links{background-color:#f3f2ee;color:#000;display:flex;flex-direction:column;gap:3rem;padding:3rem calc(50% - 35rem) 5rem}.links .title{font-size:2rem;font-weight:700;text-align:center}.links .link-container{align-items:flex-start;display:flex;flex-wrap:wrap}.links .link-container>*{text-align:left;width:25%}
.more{display:flex;flex-direction:column;gap:3rem;padding:3rem calc(50% - 35rem) 5rem}.more .title{font-size:2rem;font-weight:700;text-align:center}.more .qr-code-container{align-items:center;display:flex;gap:5rem;justify-content:center}.more .qr-code-container .qr-code{height:10rem;-o-object-fit:contain;object-fit:contain;width:10rem}.more .copyright{color:#d3d3d3;font-size:.9rem;text-align:center}
.pictures{align-items:center;display:flex;gap:1rem;justify-content:space-around;padding:5rem calc(50% - 35rem)}.pictures .picture{height:13rem;-o-object-fit:contain;object-fit:contain}
.professors{align-items:center;background-color:#3c3c3c;display:flex;flex-direction:column;gap:2rem;padding:3rem calc(50% - 35rem)}.professors .title{font-size:2rem;font-weight:700}.professors .professor-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.professors .professor-list .professor{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:2rem 0;width:33.33333%}.professors .professor-list .professor .avatar{height:12rem;-o-object-fit:cover;object-fit:cover;width:12rem}.professors .professor-list .professor .name{font-size:1.5rem;font-weight:700}.professors .tips{align-self:flex-end;color:#d3d3d3}
.ranks{display:flex;flex-direction:column;gap:3rem;padding:4rem calc(50% - 35rem)}.ranks .title{font-size:2rem;font-weight:700;text-align:center}.ranks .update-time{margin:0 3rem;text-align:right}.ranks .rank-list .rank-title{font-size:x-large;font-weight:700}.ranks .rank-list .rank-line{background-color:#fff}.ranks .rank-list .rank-line.first .text{color:gold;filter:drop-shadow(0 2px 0 #b69b00);font-size:large;font-weight:700}.ranks .rank-list .rank-line.second .text{color:grey;font-size:larger;font-weight:700}.ranks .rank-list .rank-line.third .text{color:#e9967a;font-weight:700}.ranks .rank-list .rank-line>*{background-color:inherit}
.review{background-color:#3c3c3c;color:#fff;display:flex;flex-direction:column;gap:3rem;padding:4rem calc(50% - 35rem)}.review .title{font-size:2rem;text-align:center}.review .sub-title,.review .title{font-weight:700}.review .text-list{font-size:1rem;line-height:2.3rem;position:relative}.review .text-list .text-title{font-size:large;font-weight:700;margin-top:1rem}.review .text-list .text-item:before{content:"·";font-size:xx-large;left:-1rem;margin-right:.5rem;position:absolute}.review .exhibits{border-radius:1rem;color:#fff;padding:1.8rem 0;position:relative;width:100%}.review .exhibits .exhibit{align-items:center;display:inline-flex!important;flex-direction:column;gap:1rem;height:100%;justify-content:center}.review .exhibits .exhibit .exhibit-title{font-size:x-large;font-weight:700}.review .exhibits .exhibit .exhibit-teams{display:flex;flex-direction:column;gap:.5rem}.review .exhibits .exhibit .exhibit-teams .exhibit-team{font-size:1.1rem}.review .exhibits .exhibit .exhibit-teams .exhibit-team:before{content:"·";font-weight:700;margin-right:.5rem}.review .exhibits .exhibit .exhibit-image{border-radius:1rem;height:20rem}
.schedule{background-color:#f3f2ee;color:#000;display:flex;flex-direction:column;gap:3rem;padding:4rem calc(50% - 35rem)}.schedule .title{font-size:2rem;font-weight:700;text-align:center}.schedule .sub-title{font-weight:700}.schedule .text-list{font-size:1rem;line-height:2.3rem;position:relative}.schedule .text-list .text-title{font-size:large;font-weight:700;margin-top:1rem}.schedule .text-list .text-item:before{content:"·";font-size:xx-large;left:-1rem;margin-right:.5rem;position:absolute}.schedule .tips{align-self:flex-end;color:#a9a9a9}