@charset "UTF-8";mark{background-color:var(--bg-AAA);padding:0 .2rem}.chat-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:var(--content-max-width);margin:16px auto 0;gap:8px 16px;padding:1rem 1rem 0;height:720px}.chat-wrapper .drawer-icon{font-size:1.5rem;color:var(--bg-primary);cursor:pointer}.chat-wrapper .el-drawer{--el-drawer-bg-color: var(--bg-AAAA)}.chat-wrapper .el-drawer .chat-list-container{width:100%}.chat-wrapper .chat-list-container{width:300px;display:flex;flex-direction:column;gap:1rem;max-height:100%;height:100%}.chat-wrapper .chat-list-container .search-box .el-input{--el-input-height: 45px}.chat-wrapper .chat-list-container .search-box .el-input__prefix{font-size:1.5rem}.chat-wrapper .chat-list-container .search-box .el-input__wrapper{border-radius:30px}.chat-wrapper .chat-list-container .chat-list{width:100%;flex:1;overflow-y:scroll;background:var(--bg-card)}.chat-wrapper .chat-list-container .chat-item{cursor:pointer;display:flex;align-items:center;gap:12px;background-color:#f5f3eb;padding:10px;border-bottom:1px solid rgba(0,0,0,.25)}.chat-wrapper .chat-list-container .chat-item.active{background-color:var(--bg-AAAA)}.chat-wrapper .chat-list-container .chat-item .avatar{width:56px;height:56px;min-width:56px;min-height:56px}.chat-wrapper .chat-list-container .chat-item .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-wrapper .chat-list-container .chat-item .user-info{flex-grow:1;overflow:hidden}.chat-wrapper .chat-list-container .chat-item .user-info .name{font-size:1.25rem;color:var(--bg-primary)}.chat-wrapper .chat-list-container .chat-item .user-info .message{font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-wrapper .chat-list-container .chat-item .user-info .time{font-size:.875rem;color:#8e8e8e}.chat-wrapper .chat-list-container .chat-item .badge{background-color:#d06b2d;color:#fff;font-size:12px;border-radius:30px;text-align:center;display:inline-block;min-width:18px;padding:0 6px;line-height:18px}.chat-wrapper .chat-list-container .chat-socket-state{background-color:#c45b0e80;color:#fff;font-size:.875rem;padding:.5rem;line-height:18px}.chat-wrapper .chat-room{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.chat-wrapper .chat-room .chat-header{font-size:1.5rem;font-weight:700;background:var(--bg-primary);padding:10px 24px;color:#fff}.chat-wrapper .chat-room .chat-body{background:var(--bg-card);height:100%;overflow-y:scroll;overflow-x:hidden;position:relative}.chat-wrapper .chat-room .chat-body .chat-message-body{padding:12px 16px}.chat-wrapper .chat-room .chat-body .welcome-wrapper{font-size:2.5rem;font-weight:700;color:var(--bg-primary-2);display:flex;align-items:center;justify-content:center;height:100%}.chat-wrapper .chat-room .chat-body .scroll-to-bottom{position:sticky;bottom:12px;right:16px;font-size:1.5rem;cursor:pointer;color:var(--bg-AAA);text-align:right;float:right}.chat-wrapper .chat-room .chat-footer{background:var(--bg-form-input);display:flex;align-items:flex-end;gap:8px;padding:10px 14px}.chat-wrapper .chat-room .chat-footer.preivew{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.chat-wrapper .chat-room .chat-footer.preivew .btn-clear{font-size:1.5rem;cursor:pointer}.chat-wrapper .chat-room .chat-footer input[type=file]{display:none}.chat-wrapper .chat-room .chat-footer .preview-container img{width:64px;height:64px;object-fit:contain;background-color:#181818}.chat-wrapper .chat-room .chat-footer button.btn-primary{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-primary);border:0}.chat-wrapper .chat-room .chat-footer button.btn-primary:hover,.chat-wrapper .chat-room .chat-footer button.btn-primary:focus{background:var(--bg-primary-2);box-shadow:none}.chat-wrapper .chat-room .chat-footer .chat-input{flex:1;border-radius:30px}.chat-wrapper .chat-room .chat-footer .chat-input textarea{height:42px}.chat-wrapper .chat-room .chat-unread{position:sticky;bottom:0;left:0;right:0;padding:10px 14px;font-size:1rem;background:rgba(250,247,241,.5607843137);color:var(--text-AAAAA)}.chat-wrapper .chat-room .date-separator{background-color:#e9e5dd;color:var(--text-AAA);border-radius:30px;padding:4px 10px;margin:10px auto;width:fit-content}.chat-wrapper .chat-room .unread-label{background-color:#e9e5dd;color:var(--text-AAA);border-radius:30px;padding:4px 10px;margin:4px auto;text-align:center}.chat-wrapper .chat-room .load-more-loading{margin:auto;width:fit-content}.chat-wrapper .chat-room .el-textarea__inner{min-height:40px!important;max-height:200px}.chat-wrapper .chat-message,.chat-wrapper .chat-system-card{display:flex;align-items:center;margin-bottom:10px;gap:10px}.chat-wrapper .message-sent{flex-direction:row-reverse}.chat-wrapper .message-avatar img{width:30px;height:30px;border-radius:50%}.chat-wrapper .message-sent .message-avatar img{margin-left:10px;margin-right:0}.chat-wrapper .chat-message .message-content{max-width:75%;background-color:var(--bg-background);color:var(--text-AAAAA);padding:8px;border-radius:8px 8px 8px 0;position:relative}.chat-wrapper .chat-message .message-content .message-media{width:100%}.chat-wrapper .chat-message .message-content .message-media img{width:100%;max-height:400px;object-fit:contain}.chat-wrapper .message-sent .message-content.expired,.chat-wrapper .message-content.expired{background-color:#e9e5dd;color:var(--text-AAA)}.chat-wrapper .message-sent .message-content.expired .message-media,.chat-wrapper .message-content.expired .message-media{display:flex;gap:8px;flex-direction:column;align-items:center}.chat-wrapper .message-sent .message-content.expired .message-media img,.chat-wrapper .message-content.expired .message-media img{width:80%;max-height:150px}.chat-wrapper .message-sent .message-content{background-color:var(--bg-primary);color:var(--bg-AAAAA);border-radius:8px 8px 0}.chat-wrapper .message-sender{font-weight:700}.chat-wrapper .message-timestamp{font-size:12px;color:#888;position:absolute;bottom:0;right:-40px}.chat-wrapper .message-sent .message-timestamp{left:-40px}.chat-wrapper .image-preview-dialog{width:100vw;max-width:100%;height:100vh;max-height:100%;margin:0;background:linear-gradient(rgba(0,0,0,.5),rgb(0,0,0))}.chat-wrapper .image-preview-dialog .el-dialog__header{display:flex;justify-content:flex-end}.chat-wrapper .image-preview-dialog .tools-box{font-size:1.5rem;padding:1rem;color:var(--bg-AAAAA)}.chat-wrapper .image-preview-dialog .tools-box>*{cursor:pointer}.chat-wrapper .image-preview-dialog .el-dialog__body{padding:0;display:flex;justify-content:center;align-items:center;height:calc(100% - 80px)}.chat-wrapper .image-preview-dialog .el-dialog__body img{max-width:100%;max-height:100%;object-fit:contain}.chat-wrapper .chat-system-card{font-size:1rem}.chat-wrapper .chat-system-card.message-sent .message-content,.chat-wrapper .chat-system-card .message-content{max-width:calc(100% - 40px);width:calc(100% - 40px);background-color:var(--bg-form-input);color:var(--text-AAAAA);padding:8px;border-radius:8px}.chat-wrapper .chat-system-card .message-title{font-weight:700}.chat-wrapper .chat-system-card .message-section{margin-bottom:8px}.chat-wrapper .chat-system-card .flex-between{display:flex;justify-content:space-between;align-items:center}.chat-wrapper .chat-system-card .message-footer{padding:4px 0}.chat-wrapper .chat-system-card .message-order{font-weight:700;color:var(--text-AAAAA)}.chat-wrapper .chat-system-card .text-price{color:var(--text-note)!important}.chat-wrapper .chat-system-card hr{border-top:1px solid var(--bg-AAA);margin:8px 0}@media (min-width: 768px){.chat-wrapper{flex-direction:row;align-items:unset}.chat-wrapper .chat-room{width:100%}.chat-wrapper .chat-system-card{font-size:1rem}.chat-wrapper .chat-system-card.message-sent .message-content,.chat-wrapper .chat-system-card .message-content{padding:16px}}@media (min-width: 1440px){.chat-wrapper .chat-list-container{width:500px}.chat-wrapper .chat-system-card{font-size:1rem}.chat-wrapper .chat-system-card.message-sent .message-content,.chat-wrapper .chat-system-card .message-content{padding:24px}}