*{box-sizing:border-box}.hv-center,.friends-main .friends-card,.page-main .page-main-content,.page-main .page-main-title,.page-main{justify-content:center;align-items:center;display:flex}.page-main{flex-direction:column;width:100%;max-width:100vw;height:auto;margin-bottom:15vh;padding:0 13vw}.page-main .page-main-title{width:100%;margin-top:17vh}.page-main .page-main-content{flex-direction:column;width:100%;margin:10vh 5vw 0;display:flex}@media screen and (max-width:992px){.page-main{padding:0}}.card-container{width:100%}.card-container a{color:#1f1e33;text-decoration:none}.friends-main{grid-template-columns:repeat(3,1fr);gap:2vh 2vw;width:100%;display:grid}.friends-main .friends-card{flex-direction:row;justify-content:space-evenly;width:100%;min-width:175px;height:100%;min-height:100px}.friends-main .friends-card .friends-card-img,.friends-main .friends-card .friends-card-img-dark{background:#fff;border-radius:35px;width:70px;height:70px;overflow:hidden;box-shadow:0 0 5px #0000004d}.friends-main .friends-card .friends-card-img img,.friends-main .friends-card .friends-card-img-dark img{object-fit:cover;width:100%;height:100%}.friends-main .friends-card .friends-card-img-dark{box-shadow:0 0 5px #ffffff4d}.friends-main .friends-card .friends-card-content{flex-direction:column;width:60%;font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex}.friends-main .friends-card .friends-card-content .friends-card-content-title,.friends-main .friends-card .friends-card-content .friends-card-content-title-dark{color:#4992ec;text-align:center;word-break:keep-all;text-overflow:ellipsis;height:32px;margin-bottom:3px;font-size:23px;overflow:hidden}.friends-main .friends-card .friends-card-content .friends-card-content-title-dark{color:#29b839}.friends-main .friends-card .friends-card-content .friends-card-content-description,.friends-main .friends-card .friends-card-content .friends-card-content-description-dark{text-overflow:ellipsis;word-break:normal;color:#1f1e33;border-top:1px dashed #9f9f9f;height:85px;font-size:1rem;overflow:hidden}.friends-main .friends-card .friends-card-content .friends-card-content-description-dark{color:#fffc}@media screen and (max-width:992px){.card-container{align-items:center;width:100%;margin:auto}.card-container a{justify-content:center;display:flex;position:relative}.friends-main{grid-template-columns:1fr;place-items:center;column-gap:0}}