[data-v-9f246ff7]:root{--header-height:.5rem;--offset-height: calc(100vh - .5rem) ;--offset-height2: calc(100vh - .5rem) ;--offset-height3: calc(100vh - .5rem) ;--footer-height:auto}@media (min-width:1050px){[data-v-9f246ff7]:root{--header-height:.6rem;--offset-height: calc(100vh - .6rem) ;--offset-height2: calc(100vh - 1.16rem) ;--offset-height3: calc(100vh - 2.36rem) ;--footer-height:.56rem}}.community-group-item[data-v-9f246ff7]{border-radius:.12rem;overflow:hidden;padding:.02rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.community-group-item[data-v-9f246ff7]:hover:before{background-position:100% 100%;left:0;top:0}.community-group-item[data-v-9f246ff7]:before{background-image:linear-gradient(94deg,#005cff,#56b3ff);content:"";height:100%;left:-100%;position:absolute;top:-100%;transition:all .3s linear;width:100%}.community-group-item .group-container[data-v-9f246ff7]{background:#1e1e1e;border-radius:.12rem;cursor:pointer;overflow:hidden;position:relative}.community-group-item .group-container .group-cover[data-v-9f246ff7]{aspect-ratio:16/5;overflow:hidden;position:relative;width:100%}.community-group-item .group-container .group-content[data-v-9f246ff7]{padding:.12rem .16rem}.community-group-item .group-container .group-content .group-name[data-v-9f246ff7]{color:#eee;font-size:.16rem;font-weight:600;line-height:.24rem}.community-group-item .group-container .group-content .group-meta[data-v-9f246ff7]{align-items:center;cursor:auto;display:flex;justify-content:space-between;margin-top:.04rem}.community-group-item .group-container .group-content .group-meta .group-followers[data-v-9f246ff7]{color:#bbb;font-size:.14rem;font-weight:600;line-height:.22rem}.community-group-item .group-container .group-content .group-meta .group-followers .group-user_box[data-v-9f246ff7]{flex:1;gap:.08rem;position:relative}.community-group-item .group-container .group-content .group-meta .group-followers .group-user_box img[data-v-9f246ff7]{border-radius:50%;height:.32rem;width:.32rem}.community-group-item .group-container .group-content .group-meta .group-followers .group-user_box p[data-v-9f246ff7]{color:#eee;font-size:.14rem;font-weight:700;line-height:.22rem}.community-group-item .group-container .group-content .group-meta .group-followers .group-stats[data-v-9f246ff7]{display:flex;flex-shrink:0;gap:.16rem;justify-content:center;margin-top:.08rem}.community-group-item .group-container .group-content .group-meta .group-followers .group-stats .stat-item>img[data-v-9f246ff7]{flex-shrink:0;height:.16rem;margin-right:.04rem;width:.16rem}.community-group-item .group-container .group-content .group-meta .group-followers .group-stats .stat-item .stat-number[data-v-9f246ff7]{color:#bbb;font-size:.14rem;font-weight:500;line-height:.22rem}.community-group-item .group-container .group-content .group-meta .buttons-container[data-v-9f246ff7]{align-items:center;display:flex;gap:.08rem}.community-group-item .group-container .group-content .group-meta .buttons-container .join-button[data-v-9f246ff7]{background:linear-gradient(94deg,#005cff,#56b3ff);border-radius:.3rem;color:#fff;cursor:pointer;font-size:.14rem;font-weight:600;line-height:.22rem;padding:.07rem .16rem}.community-group-item .group-container .group-content .group-meta .buttons-container .join-button.on1[data-v-9f246ff7]{opacity:.5}.community-group-item .group-container .group-content .group-meta .buttons-container .join-button.on2[data-v-9f246ff7]{background:#fff;color:#1f1f1f}@media (max-width:1050px){.community-group-item .group-container[data-v-9f246ff7]{border-radius:.12rem}.community-group-item .group-container .group-content[data-v-9f246ff7]{padding:.12rem}.community-group-item .group-container .group-content .group-name[data-v-9f246ff7]{font-size:.14rem;line-height:.22rem}.community-group-item .group-container .group-content .group-meta[data-v-9f246ff7]{align-items:flex-start;flex-direction:column;gap:.12rem;justify-content:flex-start}.community-group-item .group-container .group-content .group-meta .group-followers .group-user_box img[data-v-9f246ff7]{height:.24rem;width:.24rem}.community-group-item .group-container .group-content .group-meta .group-followers .group-user_box p[data-v-9f246ff7]{font-size:.12rem;line-height:.2rem}.community-group-item .group-container .group-content .group-meta .buttons-container .join-button[data-v-9f246ff7]{padding:.03rem .12rem}}@media (max-width:750px){.community-group-item .group-container[data-v-9f246ff7]{border-radius:.12rem}.community-group-item .group-container .group-cover[data-v-9f246ff7]{height:.9rem}.community-group-item .group-container .group-content[data-v-9f246ff7]{padding:.12rem .08rem}.community-group-item .group-container .group-content .group-meta .group-stats[data-v-9f246ff7]{display:flex;flex-shrink:0;gap:.16rem;justify-content:center;margin-top:.08rem}.community-group-item .group-container .group-content .group-meta .group-stats .stat-item>img[data-v-9f246ff7]{height:.14rem;width:.14rem}.community-group-item .group-container .group-content .group-meta .group-stats .stat-item .stat-number[data-v-9f246ff7]{font-size:.12rem;line-height:.2rem}.community-group-item .group-container .group-content .group-meta .buttons-container[data-v-9f246ff7]{width:100%}.community-group-item .group-container .group-content .group-meta .buttons-container .join-button[data-v-9f246ff7]{padding:.03rem .12rem;text-align:center;width:100%}}