.online-users[data-v-57b7f0b5]{height:100vh;background:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.users-header[data-v-57b7f0b5]{background:#fff;padding:.16rem .2133333333rem;border-bottom:1px solid #e5e5e5;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.header-left[data-v-57b7f0b5],.users-header[data-v-57b7f0b5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header-left[data-v-57b7f0b5]{gap:.16rem}.header-left .van-icon[data-v-57b7f0b5]{font-size:.2666666667rem;color:#333;cursor:pointer}.title[data-v-57b7f0b5]{font-size:.24rem;font-weight:500;color:#333}.header-right .van-icon[data-v-57b7f0b5]{font-size:.24rem;color:#666;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.header-right .van-icon[data-v-57b7f0b5]:hover{color:#1989fa}.rotating[data-v-57b7f0b5]{-webkit-animation:rotate-57b7f0b5 1s linear infinite;animation:rotate-57b7f0b5 1s linear infinite}@-webkit-keyframes rotate-57b7f0b5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-57b7f0b5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.users-list[data-v-57b7f0b5]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:.1066666667rem 0}.user-item[data-v-57b7f0b5]{background:#fff;padding:.16rem .2133333333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.16rem;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.user-item[data-v-57b7f0b5]:hover{background:#f8f8f8}.user-item[data-v-57b7f0b5]:active{background:#f0f0f0}.user-avatar[data-v-57b7f0b5]{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.avatar-image[data-v-57b7f0b5]{width:.5866666667rem;height:.5866666667rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#f0f0f0}.online-indicator[data-v-57b7f0b5]{position:absolute;bottom:2px;right:2px;width:.16rem;height:.16rem;background:#52c41a;border:2px solid #fff;border-radius:50%}.user-info[data-v-57b7f0b5]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.user-name[data-v-57b7f0b5]{font-size:.2133333333rem;font-weight:500;color:#333;margin-bottom:.0533333333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status[data-v-57b7f0b5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.1066666667rem;font-size:.16rem;color:#999}.status-text[data-v-57b7f0b5]{color:#52c41a;font-weight:500}.user-actions[data-v-57b7f0b5]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.user-actions .van-icon[data-v-57b7f0b5]{font-size:.24rem;color:#666;cursor:pointer;padding:.1066666667rem;border-radius:50%;-webkit-transition:all .2s;transition:all .2s}.user-actions .van-icon[data-v-57b7f0b5]:hover{background:#f0f0f0;color:#1989fa}.loading[data-v-57b7f0b5]{gap:.1066666667rem;padding:.5333333333rem .2666666667rem}.empty-state[data-v-57b7f0b5],.loading[data-v-57b7f0b5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#999}.empty-state[data-v-57b7f0b5]{gap:.16rem;padding:.8rem .2666666667rem}.empty-state .van-icon[data-v-57b7f0b5]{color:#ddd}.empty-state p[data-v-57b7f0b5]{margin:0;font-size:.1866666667rem}.user-profile[data-v-57b7f0b5]{padding:.2666666667rem}.profile-header[data-v-57b7f0b5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.2133333333rem;margin-bottom:.32rem}.profile-avatar[data-v-57b7f0b5]{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.profile-avatar-image[data-v-57b7f0b5]{width:1.0666666667rem;height:1.0666666667rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#f0f0f0}.profile-info[data-v-57b7f0b5]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.profile-name[data-v-57b7f0b5]{font-size:.2666666667rem;font-weight:600;color:#333;margin:0 0 .1066666667rem 0}.profile-id[data-v-57b7f0b5],.profile-join-time[data-v-57b7f0b5]{font-size:.1866666667rem;color:#666;margin:.0533333333rem 0}.profile-actions[data-v-57b7f0b5]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.16rem}.profile-actions .van-button[data-v-57b7f0b5]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media (max-width:480px){.user-item[data-v-57b7f0b5]{padding:.1333333333rem .16rem}.avatar-image[data-v-57b7f0b5]{width:.5333333333rem;height:.5333333333rem}.online-indicator[data-v-57b7f0b5]{width:.1333333333rem;height:.1333333333rem;bottom:1px;right:1px}.user-name[data-v-57b7f0b5]{font-size:.2rem}.profile-header[data-v-57b7f0b5]{gap:.16rem}.profile-avatar-image[data-v-57b7f0b5]{width:.8rem;height:.8rem}.profile-name[data-v-57b7f0b5]{font-size:.24rem}}