.chat-panel[data-v-982e069a]{position:relative;height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.chat-panel .chat-content--with-tabs[data-v-982e069a]{flex:1;display:flex;flex-direction:column;min-height:0}.chat-panel .chat-content--with-tabs .chat-tabs[data-v-982e069a]{height:54px;display:flex;width:100%;box-sizing:border-box}.chat-panel .chat-content--with-tabs .chat-tabs .chat-tab[data-v-982e069a]{flex:1 1 0%;min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;height:100%;padding:16px;border-bottom:2px solid transparent;color:#595c5d;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer}.chat-panel .chat-content--with-tabs .chat-tabs .chat-tab .chat-tab__badge[data-v-982e069a]{min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#ef4238;color:#fff;font-family:PingFang SC;font-size:10px;font-weight:400;line-height:16px}.chat-panel .chat-content--with-tabs .chat-tabs .chat-tab.chat-tab--active[data-v-982e069a]{border-color:#9720ab;color:#9720ab}.chat-panel .chat-content--with-tabs .chat-notification[data-v-982e069a]{position:relative;min-height:33px;padding:8px 8px 8px 18px;box-sizing:border-box;background:rgba(255,193,208,.3);color:#8c0f46;font-family:PingFang SC;font-size:11px;font-style:normal;font-weight:400;line-height:16.5px;display:flex;align-items:center;overflow:hidden}.chat-panel .chat-content--with-tabs .chat-notification .chat-notification__marquee[data-v-982e069a]{width:100%;overflow:hidden;white-space:nowrap}.chat-panel .chat-content--with-tabs .chat-notification .chat-notification__text[data-v-982e069a]{display:inline-block;padding-left:100%;animation:chat-notification-marquee-data-v-982e069a 14s linear infinite}.chat-panel .chat-content--with-tabs .message-list[data-v-982e069a]{flex:1;overflow:auto;padding:12px 16px;box-sizing:border-box;min-height:0;-ms-overflow-style:none;scrollbar-width:none}.chat-panel .chat-content--with-tabs .message-list[data-v-982e069a]::-webkit-scrollbar{width:0;height:0}.chat-panel .chat-content--with-tabs .message-list .chatroom-message-item-box+.chatroom-message-item-box[data-v-982e069a]{margin-top:17.5px}.chat-panel .chat-content--with-tabs .private-chat[data-v-982e069a]{flex:1;min-height:0;display:flex;flex-direction:column}.chat-panel .chat-content--with-tabs .private-chat .private-chat__guest[data-v-982e069a]{flex:1;min-height:0}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list[data-v-982e069a]{flex:1;min-height:0;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list[data-v-982e069a]::-webkit-scrollbar{width:0;height:0}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list-item[data-v-982e069a]{display:flex;align-items:center;gap:12px;padding:16px;box-sizing:border-box;cursor:pointer;position:relative}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list-item[data-v-982e069a]:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:rgba(0,0,0,.06);pointer-events:none}.chat-panel .chat-content--with-tabs .private-chat .private-chat__avatar-wrap[data-v-982e069a]{width:40px;height:40px;flex:0 0 40px;position:relative}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list .private-chat__avatar[data-v-982e069a]{width:40px;height:40px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;background:rgba(223,224,242,.6);display:block}.chat-panel .chat-content--with-tabs .private-chat .private-chat__badge[data-v-982e069a]{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#ef4238;color:#fff;font-family:PingFang SC;font-size:10px;font-weight:400;line-height:16px}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list-main[data-v-982e069a]{flex:1;min-width:0}.chat-panel .chat-content--with-tabs .private-chat .private-chat__list-top[data-v-982e069a]{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-panel .chat-content--with-tabs .private-chat .private-chat__title[data-v-982e069a]{flex:1;min-width:0;color:#000;font-family:PingFang SC;font-size:16px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .chat-content--with-tabs .private-chat .private-chat__time[data-v-982e069a]{color:rgba(0,0,0,.45);font-family:PingFang SC;font-size:12px;font-weight:400;line-height:16px;flex:0 0 auto}.chat-panel .chat-content--with-tabs .private-chat .private-chat__preview[data-v-982e069a]{margin-top:4px;color:rgba(0,0,0,.45);font-family:PingFang SC;font-size:12px;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .chat-content--with-tabs .private-chat .private-chat__detail[data-v-982e069a]{flex:1;min-height:0;display:flex;flex-direction:column}.chat-panel .chat-content--with-tabs .private-chat .private-chat__detail-header[data-v-982e069a]{height:54px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.06)}.chat-panel .chat-content--with-tabs .private-chat .private-chat__back[data-v-982e069a]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.65);font-size:26px;line-height:26px;cursor:pointer;border-radius:9999px}.chat-panel .chat-content--with-tabs .private-chat .private-chat__back[data-v-982e069a]:hover{background:rgba(0,0,0,.04)}.chat-panel .chat-content--with-tabs .private-chat .private-chat__header-avatar[data-v-982e069a]{width:28px;height:28px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;background:rgba(223,224,242,.6);margin:0 8px;display:block}.chat-panel .chat-content--with-tabs .private-chat .private-chat__detail-title[data-v-982e069a]{flex:1;min-width:0;color:#000;font-family:PingFang SC;font-size:16px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel .chat-content--with-tabs .private-chat .private-chat__messages-scroll[data-v-982e069a]{flex:1;min-height:0;width:100%}.chat-panel .chat-content--with-tabs .private-chat .private-chat__messages-inner[data-v-982e069a]{padding:12px 16px;box-sizing:border-box}.chat-panel .chat-content--with-tabs .private-chat .private-chat__message[data-v-982e069a]{display:flex;align-items:flex-start;gap:8px;margin-top:12px}.chat-panel .chat-content--with-tabs .private-chat .private-chat__message.is-mine[data-v-982e069a]{justify-content:flex-end}.chat-panel .chat-content--with-tabs .private-chat .private-chat__message-main[data-v-982e069a]{max-width:72%;display:flex;flex-direction:column;gap:4px}.chat-panel .chat-content--with-tabs .private-chat .private-chat__msg-avatar[data-v-982e069a]{width:32px;height:32px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;background:rgba(223,224,242,.6);flex:0 0 32px;display:block}.chat-panel .chat-content--with-tabs .private-chat .private-chat__bubble[data-v-982e069a]{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.06);color:rgba(0,0,0,.88);font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;word-break:break-word}.chat-panel .chat-content--with-tabs .private-chat .private-chat__message.is-mine .private-chat__bubble[data-v-982e069a]{background:#9720ab;color:#fff}.chat-panel .chat-content--with-tabs .private-chat .private-chat__bubble--image[data-v-982e069a]{padding:6px;background:rgba(0,0,0,.06)}.chat-panel .chat-content--with-tabs .private-chat .private-chat__image[data-v-982e069a]{max-width:220px;max-height:220px;border-radius:10px;display:block}.chat-panel .chat-content--with-tabs .private-chat .private-chat__message-time[data-v-982e069a]{color:rgba(0,0,0,.35);font-family:PingFang SC;font-size:11px;font-weight:400;line-height:16px}.chat-panel .chat-content--with-tabs .private-chat .private-chat__message.is-mine .private-chat__message-time[data-v-982e069a]{text-align:right}.chat-panel .chat-content--with-tabs .private-chat .private-chat__empty[data-v-982e069a]{padding:24px 16px;text-align:center;color:rgba(0,0,0,.35);font-family:PingFang SC;font-size:12px;font-weight:400;line-height:18px}.chat-panel .el-scrollbar[data-v-982e069a]{width:100%}.chat-panel .el-scrollbar__wrap[data-v-982e069a]{margin:0!important;overflow-x:hidden}.chat-panel .el-scrollbar__bar[data-v-982e069a]{display:none}.chat-panel .un-login[data-v-982e069a]{background:rgba(239,241,242,.5);height:76px;display:flex;align-items:center;justify-content:center}.chat-panel .un-login .un-login-btn[data-v-982e069a]{display:flex;width:308px;padding:12px 24px;justify-content:center;align-items:center;border-radius:24px;background:#9720ab;color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer}.chat-panel .footer[data-v-982e069a]{background:rgba(239,241,242,.5);padding:16px;box-sizing:border-box}.chat-panel .footer .layout-chat-input-wrap[data-v-982e069a]{width:100%}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input[data-v-982e069a]{width:100%;display:flex;align-items:center;gap:8px}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .message-input[data-v-982e069a]{flex:1;min-width:0;height:45px;border-radius:24px;background:#fff;padding:0 16px;box-sizing:border-box;display:flex;align-items:center}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .message-input .message-input-content[data-v-982e069a]{width:100%}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .message-input .input-content[data-v-982e069a]{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;color:#32343a}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .message-input .input-content[data-v-982e069a]::-moz-placeholder{color:rgba(89,92,93,.5)}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .message-input .input-content[data-v-982e069a]:-ms-input-placeholder{color:rgba(89,92,93,.5)}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .message-input .input-content[data-v-982e069a]::placeholder{color:rgba(89,92,93,.5)}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .send-btn[data-v-982e069a]{height:44px;padding:12px 24px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-family:PingFang SC;font-size:16px;font-weight:500;line-height:20px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#9720ab}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .send-btn.send-disabled[data-v-982e069a]{cursor:not-allowed;background:#dfe0f2;color:hsla(0,0%,100%,.9)}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .image-btn[data-v-982e069a]{width:44px;height:44px;flex:0 0 44px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#fff;color:rgba(0,0,0,.65);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .image-btn--disabled[data-v-982e069a]{cursor:not-allowed;background:#dfe0f2;color:hsla(0,0%,100%,.9)}.chat-panel .footer .layout-chat-input-wrap .layout-chat-input .image-btn i[data-v-982e069a]{font-size:20px}.chatroom-message-item-box .message-content[data-v-982e069a]{padding:0}.public-msg__row[data-v-982e069a]{display:flex;align-items:flex-start}.public-msg__line[data-v-982e069a]{flex:1;min-width:0}.public-msg__name-row[data-v-982e069a]{line-height:16px}.public-msg__name[data-v-982e069a]{color:#a7295a;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:16px}.public-msg__name[data-v-982e069a]:after,.public-msg__name[data-v-982e069a]:before{content:none!important}.public-msg__name--anchor[data-v-982e069a]{color:#9720ab}.public-msg__text[data-v-982e069a]{display:block;margin-top:4px;position:relative;padding-left:16px;color:#2c2f30;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:19.25px}.public-msg__text[data-v-982e069a]:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:9999px;background:rgba(89,92,93,.2)}.public-msg__text--anchor[data-v-982e069a]:before{background:rgba(151,32,171,.5)}@keyframes chat-notification-marquee-data-v-982e069a{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.svg-icon[data-v-96957b26]{width:10em;height:10em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.live-page[data-v-3ab317a3]{padding:0 36px;padding-top:76px;width:1280px;margin:0 auto;background-color:#f3f4f4;padding-bottom:40px;display:flex;flex-direction:column;height:100vh}.live-page .live-main-box[data-v-3ab317a3]{margin-top:24px;flex:1;display:flex;justify-content:space-between;width:100%;min-height:0}.live-page .live-main-box .main-left[data-v-3ab317a3]{margin-right:20px;flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.live-page .live-main-box .main-left .match-info[data-v-3ab317a3]{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-radius:24px;background:#fff;margin-bottom:20px}.live-page .live-main-box .main-left .match-info .avatar[data-v-3ab317a3]{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden}.live-page .live-main-box .main-left .match-info .avatar img[data-v-3ab317a3]{width:100%;height:100%}.live-page .live-main-box .main-left .match-info .online[data-v-3ab317a3]{color:#2c2f30;font-family:PingFang SC;font-size:18px;font-style:normal;font-weight:400;line-height:28px;text-align:center}.live-page .live-main-box .main-left .match-info .online .online-text[data-v-3ab317a3]{color:#595c5d;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.live-page .live-main-box .main-left .match-info .info[data-v-3ab317a3]{flex:1;margin-left:16px}.live-page .live-main-box .main-left .match-info .info .title[data-v-3ab317a3]{color:#2c2f30;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:400;line-height:28px}.live-page .live-main-box .main-left .match-info .info .des[data-v-3ab317a3]{display:flex;align-items:center}.live-page .live-main-box .main-left .match-info .info .des .nick-name[data-v-3ab317a3]{color:#9720ab;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.live-page .live-main-box .main-left .match-info .info .des .read-icon[data-v-3ab317a3]{width:4px;height:4px;border-radius:9999px;background:rgba(171,173,174,.3);margin:0 12px}.live-page .live-main-box .main-left .match-info .info .des img[data-v-3ab317a3]{width:10px;height:10px}.live-page .live-main-box .main-left .match-info .info .des .heat[data-v-3ab317a3]{margin-left:4px;color:#ef4238;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.live-page .live-main-box .main-left .live-box[data-v-3ab317a3]{width:100%;flex:1;border-radius:24px;overflow:hidden;position:relative;min-height:0;min-width:0}.live-page .live-main-box .chat-box[data-v-3ab317a3]{position:relative;width:342px;flex:0 0 342px;min-width:342px;max-width:342px;height:100%;border-radius:24px;border:1px solid rgba(171,173,174,.1);background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;min-height:0}