.user-card-popup .van-popup[data-v-15569996]{border-radius:.16rem;overflow:hidden}.user-card[data-v-15569996]{width:4rem;padding:.2666666667rem;background:#fff;border-radius:.16rem;position:relative}.user-card .close-btn[data-v-15569996]{position:absolute;top:.1333333333rem;right:.1333333333rem;width:.32rem;height:.32rem;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#999}.user-card .close-btn[data-v-15569996]:hover{color:#333}.user-card .user-avatar[data-v-15569996]{text-align:center;margin-bottom:.2133333333rem}.user-card .user-avatar img[data-v-15569996]{width:1.0666666667rem;height:1.0666666667rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #f0f0f0}.user-card .user-info[data-v-15569996]{text-align:center;margin-bottom:.2666666667rem}.user-card .user-info .nickname[data-v-15569996]{font-size:.24rem;font-weight:700;color:#333;margin:0 0 .16rem 0}.user-card .user-info .info-item[data-v-15569996]{margin-bottom:.1066666667rem;font-size:.1866666667rem}.user-card .user-info .info-item .label[data-v-15569996]{color:#666;font-weight:500}.user-card .user-info .info-item .value[data-v-15569996]{color:#333}.user-card .user-info .info-item .play-tag[data-v-15569996]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.0533333333rem .16rem;border-radius:.16rem;font-size:.16rem;font-weight:500}.user-card .actions[data-v-15569996]{text-align:center}.user-card .actions .van-button[data-v-15569996]{width:100%;border-radius:.2666666667rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.chat-room[data-v-1d00296e]{height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.chat-room[data-v-1d00296e],.connection-status[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.connection-status[data-v-1d00296e]{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.1066666667rem .2133333333rem;text-align:center;font-size:.1866666667rem;color:#fff;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.1066666667rem;-webkit-transition:all .3s ease;transition:all .3s ease}.connection-status.connecting[data-v-1d00296e]{background-color:#1989fa}.connection-status.reconnecting[data-v-1d00296e]{background-color:#ff976a}.connection-status.disconnected[data-v-1d00296e]{background-color:#ee0a24}.loading-icon[data-v-1d00296e]{-webkit-animation:spin-1d00296e 1s linear infinite;animation:spin-1d00296e 1s linear infinite}.reconnect-btn[data-v-1d00296e]{margin-left:.16rem;font-size:.16rem;padding:.0533333333rem .1066666667rem;border-radius:.0533333333rem}@-webkit-keyframes spin-1d00296e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-1d00296e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.chat-header[data-v-1d00296e]{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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.1333333333rem .2rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(.1333333333rem);border-bottom:1px solid #eee}.chat-header .header-center[data-v-1d00296e]{text-align:center}.chat-header .header-center h3[data-v-1d00296e]{margin:0;font-size:.24rem;color:#333}.chat-header .header-center .online-count[data-v-1d00296e]{font-size:.16rem;color:#666}.chat-header .van-icon[data-v-1d00296e]{font-size:.2666666667rem;color:#333;cursor:pointer}.message-container[data-v-1d00296e]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:.1333333333rem}.load-more-tip[data-v-1d00296e]{text-align:center;padding:.1333333333rem;color:hsla(0,0%,100%,.7);font-size:.16rem}.message-item[data-v-1d00296e]{margin-bottom:.2666666667rem}.message-item.system-message .system-msg[data-v-1d00296e]{text-align:center;padding:.0666666667rem .1333333333rem;background:rgba(0,0,0,.3);border-radius:.2rem;color:hsla(0,0%,100%,.8);font-size:.1866666667rem;display:inline-block;margin:0 auto}.message-item.own-message .normal-message[data-v-1d00296e]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-item.own-message .normal-message .message-content[data-v-1d00296e]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.message-item.own-message .normal-message .message-content .message-info[data-v-1d00296e]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-item.own-message .normal-message .message-content .message-body[data-v-1d00296e]{background:#4caf50;color:#fff}.normal-message[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:.1333333333rem}.avatar[data-v-1d00296e]{width:.6666666667rem;height:.6666666667rem;border-radius:50%;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.avatar img[data-v-1d00296e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-content[data-v-1d00296e]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.message-content[data-v-1d00296e],.message-info[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.message-info[data-v-1d00296e]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.1333333333rem;margin-bottom:.0666666667rem}.message-info .nickname[data-v-1d00296e]{font-size:.2133333333rem;color:hsla(0,0%,100%,.9);font-weight:700}.message-info .time[data-v-1d00296e]{font-size:.16rem;color:hsla(0,0%,100%,.6)}.message-body[data-v-1d00296e]{background:hsla(0,0%,100%,.95);border-radius:.24rem;padding:.16rem .24rem;max-width:70%;word-wrap:break-word}.message-body .text-message[data-v-1d00296e]{color:#333;line-height:1.4;font-size:.24rem}.message-body .emoji-message .emoji[data-v-1d00296e]{font-size:.48rem}.message-body .sticker-message[data-v-1d00296e]{padding:.0666666667rem}.message-body .sticker-message .sticker-img[data-v-1d00296e]{width:1.3333333333rem;height:1.3333333333rem;-o-object-fit:contain;object-fit:contain;cursor:pointer}.message-body .image-message[data-v-1d00296e]{padding:.0666666667rem}.message-body .image-message .message-image[data-v-1d00296e]{max-width:2.6666666667rem;max-height:2.6666666667rem;border-radius:.1333333333rem;cursor:pointer}.message-body .video-message[data-v-1d00296e]{padding:.0666666667rem}.message-body .video-message .video-wrapper[data-v-1d00296e]{position:relative;cursor:pointer}.message-body .video-message .video-wrapper .video-thumbnail[data-v-1d00296e]{max-width:2.6666666667rem;max-height:2.6666666667rem;border-radius:.1333333333rem}.message-body .video-message .video-wrapper .video-default-thumbnail[data-v-1d00296e]{width:2.6666666667rem;height:2rem;background:#f5f5f5;border-radius:.1333333333rem;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:2px dashed #ddd}.message-body .video-message .video-wrapper .video-default-thumbnail .default-video-icon[data-v-1d00296e]{font-size:.64rem;color:#999}.message-body .video-message .video-wrapper .video-overlay[data-v-1d00296e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.message-body .video-message .video-wrapper .video-overlay .play-icon[data-v-1d00296e]{font-size:.5333333333rem;color:hsla(0,0%,100%,.9)}.message-body .video-message .video-wrapper .video-overlay .duration[data-v-1d00296e]{position:absolute;bottom:-.4rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:2px .08rem;border-radius:.1333333333rem;font-size:.1333333333rem}.message-body .file-message .file-info[data-v-1d00296e]{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:.1333333333rem;cursor:pointer}.message-body .file-message .file-info .file-icon[data-v-1d00296e]{font-size:.32rem;color:#666}.message-body .file-message .file-info .file-details[data-v-1d00296e]{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}.message-body .file-message .file-info .file-details .file-name[data-v-1d00296e]{font-size:.24rem;color:#333;font-weight:700}.message-body .file-message .file-info .file-details .file-size[data-v-1d00296e]{font-size:.1866666667rem;color:#666}.input-area[data-v-1d00296e]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(.1333333333rem);border-top:1px solid #eee;padding:.1333333333rem}.toolbar[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.2rem;margin-bottom:.1333333333rem}.toolbar .van-icon[data-v-1d00296e]{font-size:.2666666667rem;color:#666;cursor:pointer}.toolbar .van-icon[data-v-1d00296e]:hover{color:#4caf50}.more-icon[data-v-1d00296e]{width:.2666666667rem;height:.2666666667rem;cursor:pointer;opacity:.7}.more-icon[data-v-1d00296e]:hover{opacity:1}.input-wrapper[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;gap:.1333333333rem}.input-wrapper .van-field[data-v-1d00296e]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background:#f5f5f5;border-radius:.2666666667rem}.input-wrapper .van-field[data-v-1d00296e] .van-field__control{border:none;background:transparent;padding:.1333333333rem .2rem}.input-wrapper .van-button[data-v-1d00296e]{border-radius:.2666666667rem;min-width:.8rem}.emoji-panel[data-v-1d00296e]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(.1333333333rem);border-top:1px solid #eee;padding:.2rem;max-height:2.6666666667rem;overflow-y:auto}.emoji-panel .emoji-grid[data-v-1d00296e]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8,1fr);gap:.1333333333rem}.emoji-panel .emoji-grid .emoji-item[data-v-1d00296e]{font-size:.32rem;text-align:center;cursor:pointer;padding:.0666666667rem;border-radius:.0666666667rem}.emoji-panel .emoji-grid .emoji-item[data-v-1d00296e]:hover{background:#f0f0f0}.sticker-panel[data-v-1d00296e]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(.1333333333rem);border-top:1px solid #eee;padding:.2rem;max-height:4rem}.sticker-panel .sticker-categories[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.1333333333rem;margin-bottom:.2rem;border-bottom:1px solid #eee;padding-bottom:.1333333333rem}.sticker-panel .sticker-categories .category-tab[data-v-1d00296e]{padding:.0666666667rem .2rem;border-radius:.2rem;background:#f0f0f0;color:#666;cursor:pointer;font-size:.16rem}.sticker-panel .sticker-categories .category-tab.active[data-v-1d00296e]{background:#4caf50;color:#fff}.sticker-panel .sticker-grid[data-v-1d00296e]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:.1333333333rem;max-height:2.6666666667rem;overflow-y:auto}.sticker-panel .sticker-grid .sticker-item[data-v-1d00296e]{width:.8rem;height:.8rem;-o-object-fit:contain;object-fit:contain;cursor:pointer;border-radius:.0666666667rem}.sticker-panel .sticker-grid .sticker-item[data-v-1d00296e]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.user-list-popup[data-v-1d00296e]{width:4rem;height:100%}.user-list-popup .user-list-header[data-v-1d00296e]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.2rem;border-bottom:1px solid #eee}.user-list-popup .user-list-header h3[data-v-1d00296e]{margin:0;font-size:.2133333333rem}.user-list-popup .user-list-header .van-icon[data-v-1d00296e]{font-size:.2666666667rem;cursor:pointer}.user-list-popup .user-list-content[data-v-1d00296e]{padding:.1333333333rem}.user-list-popup .user-list-content .user-item[data-v-1d00296e]{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:.1333333333rem;padding:.1333333333rem;border-radius:.1333333333rem;margin-bottom:.0666666667rem}.user-list-popup .user-list-content .user-item[data-v-1d00296e]:hover{background:#f5f5f5}.user-list-popup .user-list-content .user-item .user-avatar[data-v-1d00296e]{width:.4rem;height:.4rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-list-popup .user-list-content .user-item .user-nickname[data-v-1d00296e]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:.1866666667rem;color:#333;cursor:pointer}.user-list-popup .user-list-content .user-item .user-nickname[data-v-1d00296e]:hover{color:#4caf50}.user-list-popup .user-list-content .user-item .online-status[data-v-1d00296e]{font-size:.16rem;color:#4caf50}@media (max-width:768px){.message-body[data-v-1d00296e]{max-width:85%}.emoji-grid[data-v-1d00296e]{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr)}.sticker-grid[data-v-1d00296e]{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.user-list-popup[data-v-1d00296e]{width:3.3333333333rem}}