@charset "UTF-8";.chat-container[data-v-11dfccd6]{display:flex;flex-direction:column;width:420px;height:80vh;background:#f1f2f3;border-radius:25px;overflow:hidden;transform:translate(-40px);opacity:0;animation:slide-in-right-11dfccd6 .6s ease-out forwards}.chat-container .chat-header[data-v-11dfccd6]{height:70px;width:100%;flex-shrink:0;background:#fff}.chat-container .chat-header .chat-title[data-v-11dfccd6]{height:100%;display:flex;justify-content:center;align-items:center}.chat-container .chat-header .chat-title .tl-l[data-v-11dfccd6]{position:relative;margin-right:10px}.chat-container .chat-header .chat-title .tl-r[data-v-11dfccd6]{display:flex;flex-direction:column}.chat-container .chat-header .chat-title .chat-name[data-v-11dfccd6]{max-width:120px;font-size:15px;color:#333;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-container .chat-header .chat-title .chat-avatar[data-v-11dfccd6]{width:50px;height:50px;border-radius:50%;object-fit:cover;background:#f5f5f5}.chat-container .chat-header .chat-title .chat-status[data-v-11dfccd6]{font-size:12px;color:#999;margin-top:5px}.chat-container .chat-content[data-v-11dfccd6]{flex:1;overflow:hidden}.chat-container .chat-content .chat-messages[data-v-11dfccd6]{height:100%;overflow-y:auto;scroll-behavior:smooth;padding:10px 20px 20px;box-sizing:border-box}.chat-container .chat-content .chat-messages .chat-message-item[data-v-11dfccd6]{display:flex;padding:10px 0 0}.chat-container .chat-content .chat-messages .chat-message-item .message-avatar[data-v-11dfccd6]{margin-right:10px}.chat-container .chat-content .chat-messages .chat-message-item .message-avatar .avatar[data-v-11dfccd6]{width:38px;height:38px;border-radius:50%;background:#fff;object-fit:cover}.chat-container .chat-content .chat-messages .chat-message-item .message-content[data-v-11dfccd6]{cursor:default;max-width:80%;display:flex;flex-direction:column}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-name[data-v-11dfccd6]{width:100px;font-weight:700;font-size:13px;color:#666;padding-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-text[data-v-11dfccd6]{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:break-word!important;padding:10px;font-size:15px}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-image[data-v-11dfccd6]{max-width:200px;min-width:100px;max-height:200px;min-height:100px;border-radius:5px;object-fit:cover;cursor:pointer}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-video[data-v-11dfccd6]{max-width:200px;border-radius:5px}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-file[data-v-11dfccd6]{padding:10px 10px 10px 8px;border-radius:5px;cursor:pointer;background:#fff;display:flex;justify-content:center;align-items:center}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-file .file-icon[data-v-11dfccd6]{width:40px;height:40px;margin-right:5px}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-file .file-name[data-v-11dfccd6]{height:100%;display:flex;flex-direction:column;justify-content:space-between}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-file .file-name .file-title[data-v-11dfccd6]{overflow:hidden;font-weight:500;font-size:13px;color:#333}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-file .file-name .file-size[data-v-11dfccd6]{font-size:11px;color:#999}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-date[data-v-11dfccd6]{display:flex;align-items:center;font-size:13px;color:#999;padding-top:5px}.chat-container .chat-content .chat-messages .chat-message-item .message-content .message-date .message-more[data-v-11dfccd6]{width:13px;height:13px;margin-left:10px;cursor:pointer}.chat-container .chat-content .chat-messages-bottom[data-v-11dfccd6]{position:absolute;bottom:12%;right:25px;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.chat-container .chat-content .chat-messages-bottom[data-v-11dfccd6]:hover{background:#f0f0f0;transform:scale(1.05)}.chat-container .chat-content .chat-messages-bottom[data-v-11dfccd6]:active{transform:scale(.95)}.chat-container .chat-content .chat-messages-bottom img[data-v-11dfccd6]{width:25px;height:25px;opacity:.7}.chat-container .chat-footer[data-v-11dfccd6]{display:flex;align-items:flex-end;width:100%;background:#f1f2f3;flex-shrink:0;position:relative;padding:10px 0;gap:10px;min-height:50px}.chat-container .chat-footer .chat-footer-input[data-v-11dfccd6]{display:flex;flex:1;position:relative}.chat-container .chat-footer .chat-footer-input .chat-input[data-v-11dfccd6]{width:100%;min-height:40px;max-height:120px;padding:15px 50px 15px 15px;margin-left:10px;border-radius:25px;border:none;background:#fff;font-size:16px;line-height:1.4;resize:none;overflow-y:auto;box-sizing:border-box;transition:all .2s ease}.chat-container .chat-footer .chat-footer-input .chat-input[data-v-11dfccd6]:focus{outline:none}.chat-container .chat-footer .chat-footer-input .chat-input[data-v-11dfccd6]::placeholder{font-size:15px;color:#c8c9cc}.chat-container .chat-footer .chat-footer-input .chat-input[data-v-11dfccd6]::-webkit-scrollbar{width:0px}.chat-container .chat-footer .chat-footer-input .chat-input[data-v-11dfccd6]::-webkit-scrollbar-track{background:transparent}.chat-container .chat-footer .chat-footer-input .chat-file[data-v-11dfccd6]{position:absolute;bottom:0;right:0;transform:translate(-50%,-50%);width:26px;height:26px;cursor:pointer}.chat-container .chat-footer .chat-footer-button[data-v-11dfccd6]{flex-shrink:0}.chat-container .chat-footer .chat-footer-button .chat-send[data-v-11dfccd6]{width:52px;height:52px;background:#fff;border-radius:50%;border:none;font-size:14px;transition:all .3s;display:flex;align-items:center;justify-content:center;margin-right:10px}.chat-container .chat-footer .chat-footer-button .chat-send img[data-v-11dfccd6]{width:26px;height:26px;border-radius:50%;pointer-events:none}.me[data-v-11dfccd6]{display:flex;flex-direction:row-reverse}.me .message-content[data-v-11dfccd6]{align-items:flex-end}.me .message-content .message-text[data-v-11dfccd6]{border-radius:10px 0 10px 10px;background:#dbe4f5}.other[data-v-11dfccd6]{display:flex;flex-direction:row}.other .message-content[data-v-11dfccd6]{align-items:flex-start}.other .message-content .message-text[data-v-11dfccd6]{border-radius:0 10px 10px;background:#fff}.message-more-btn[data-v-11dfccd6]{color:#fff;font-size:13px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.message-more-btn[data-v-11dfccd6]:hover{opacity:.8}.chat-loading[data-v-11dfccd6]{position:absolute;left:50%;transform:translate(-50%)}.chat-no-more[data-v-11dfccd6]{text-align:center;color:#999;font-size:12px}.online-status-dot[data-v-11dfccd6]{position:absolute;bottom:0;right:5px;display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#00c853}.offline-status-dot[data-v-11dfccd6]{position:absolute;bottom:0;right:5px;display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#9aa0a6}.chat-img-loading[data-v-11dfccd6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-v-11dfccd6] .ant-image .ant-image-img{border-radius:5px!important;max-width:200px!important;max-height:150px!important}[data-v-11dfccd6] .ant-image .ant-image-mask{border-radius:5px!important}.chat-main-mask[data-v-11dfccd6]{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background:#ffffff80}.chat-main-mask .chat-main-loading[data-v-11dfccd6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-preview-overlay[data-v-11dfccd6]{position:fixed;inset:0;background:#0003;display:flex;justify-content:center;align-items:center;z-index:100}.preview-image[data-v-11dfccd6]{max-width:90%;max-height:90%;object-fit:contain;border-radius:5px}@media(max-width:768px){.chat-container[data-v-11dfccd6]{width:100%!important;height:100vh;border-radius:0!important}}@keyframes slide-in-right-11dfccd6{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.container[data-v-c2bd2fdc]{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:url(/assets/bg-0w-s7PjG.png);background-size:cover}*{margin:0;padding:0}body{margin:0;padding:0;box-sizing:border-box}.chat-container{position:relative;height:calc(100vh - 20px)}.room-header{width:100%;display:flex;flex-direction:column;align-items:center}.room-header .room-name{font-size:16px;font-weight:600}.room-header .online-status{font-size:12px;color:#9aa0a6}.room-header .online-status .online-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#00c853}.room-header .online-status .offline-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#9aa0a6}.w-msg{display:flex}.w-msg .message-info .message-avatar{width:40px;height:40px;border-radius:50%}.w-msg .w-message-content{display:flex;flex-direction:column;margin:0 10px 10px}.w-msg .w-message-content .message-content{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:break-word!important;padding:8px 15px;background:#fff;margin:5px 0}.w-msg .w-message-content .message-time{color:#999;font-size:12px}.w-msg .w-message-content .other{border-radius:0 10px 10px}.w-msg .w-message-content .me{background:#dbe4f5;border-radius:10px 10px 0}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}