@zjw-jszn/shared-imsdk 1.0.12 → 1.0.13

package/dist/shared-imsdk.es.js

@@ -1,4 +1,4 @@
-const __SHARED_IMSDK_CSS__ = ".confirm-dialog-mask[data-v-69eaf313] {\n  position: fixed;\n  z-index: 12000;\n  inset: 0;\n\n  background: rgba(15, 23, 42, 0.35);\n  backdrop-filter: blur(2px);\n}\n.confirm-dialog[data-v-69eaf313] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  width: min(420px, calc(100vw - 32px));\n  border: 1px solid #e8edf4;\n  border-radius: 12px;\n\n  background: #fff;\n  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);\n}\n.confirm-dialog-header[data-v-69eaf313] {\n  padding: 16px 18px 8px;\n}\n.confirm-dialog-title[data-v-69eaf313] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1f2937;\n}\n.confirm-dialog-body[data-v-69eaf313] {\n  padding: 0 18px 10px;\n}\n.confirm-dialog-message[data-v-69eaf313] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.55;\n  color: #4b5563;\n}\n.confirm-dialog-error[data-v-69eaf313] {\n  margin: 10px 0 0;\n  font-size: 13px;\n  line-height: 1.45;\n  color: #cf1322;\n}\n.confirm-dialog-footer[data-v-69eaf313] {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n  padding: 14px 18px 18px;\n}\n.dialog-btn[data-v-69eaf313] {\n  cursor: pointer;\n\n  min-width: 80px;\n  height: 34px;\n  padding: 0 14px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n\n  font-size: 14px;\n\n  transition: all 0.2s ease;\n}\n.dialog-btn[data-v-69eaf313]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.cancel-btn[data-v-69eaf313] {\n  border-color: #d9d9d9;\n  color: #595959;\n  background: #fff;\n}\n.cancel-btn[data-v-69eaf313]:hover:not(:disabled) {\n  border-color: #bfbfbf;\n  color: #262626;\n  background: #fafafa;\n}\n.confirm-btn[data-v-69eaf313] {\n  border-color: #0e77cc;\n  color: #fff;\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n}\n.confirm-btn[data-v-69eaf313]:hover:not(:disabled) {\n  border-color: #0d6db8;\n  filter: brightness(1.03);\n}\n.v3-body-inner{scroll-behavior:smooth;scrollbar-color:#393d3f rgba(0,0,0,.1);scrollbar-width:thin}.v3-body-inner::-webkit-scrollbar{width:8px}.v3-body-inner::-webkit-scrollbar-track{background-color:transparent}.v3-body-inner::-webkit-scrollbar-thumb{display:none;background:rgba(0,0,0,.3);border-radius:5px}.v3-body-inner:hover::-webkit-scrollbar-thumb{display:block}.v3-emoji-picker{height:320px;width:280px;box-shadow:0 2px 10px #0003;border-radius:10px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.v3-emoji-picker *{box-sizing:border-box}.v3-emoji-picker .v3-header{padding:15px 15px 13px;border-bottom:1px solid}.v3-emoji-picker .v3-header .v3-groups{display:flex}.v3-emoji-picker .v3-header .v3-groups .v3-group{flex-grow:1;padding:0;margin:0;border:none;background:none;font-size:23px;cursor:pointer;position:relative;display:block;opacity:.7;transition:.2s}.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden{display:none}.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child{flex-grow:0}.v3-emoji-picker .v3-header .v3-groups .v3-group:hover{opacity:1}.v3-emoji-picker .v3-header .v3-groups .v3-group span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-header .v3-groups .v3-group span img{display:block;width:1em;height:auto}.v3-emoji-picker .v3-spacing{height:11px}.v3-emoji-picker .v3-search input{width:100%;display:block;height:26px;padding:0 10px;border:1px solid;border-radius:3px;font-size:12px;transition:.2s}.v3-emoji-picker .v3-search input:focus{outline:none}.v3-emoji-picker .v3-body{padding:0 0 15px 11px;min-height:0;flex-grow:1}.v3-emoji-picker .v3-body .v3-body-inner{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:11px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5{margin:0;top:0;padding:7px 0 3px 4px;z-index:2}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky{position:sticky}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis{display:flex;font-size:18px;flex-wrap:wrap}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button{cursor:pointer;border:none;background:none;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-basis:12.5%;max-width:12.5%;flex-grow:1;padding:0;font-size:22px;position:relative}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after{content:\"\";width:100%;padding-bottom:100%}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{max-width:100%;padding:4px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{position:absolute;top:0;left:0;width:100%;height:100%}.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button{font-family:\"Apple Color Emoji\"}.v3-emoji-picker .v3-footer{font-size:14px;border-top:1px solid #dddddd;padding:15px;display:flex;align-items:center;justify-content:space-between;position:relative}.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left{display:flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img{width:20px;display:block}.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child{margin-right:6px}.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-emoji-picker .v3-footer .v3-tone{border:none;padding:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone>span{display:inline-flex;vertical-align:top}.v3-emoji-picker .v3-footer .v3-tone .v3-text{font-size:13px}.v3-emoji-picker .v3-footer .v3-tone .v3-icon{display:inline-flex;height:15px;width:15px;vertical-align:middle;align-self:center;border:2px solid rgba(0,0,0,.2)}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral{background-color:#ffd225}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb{background-color:#ffdfbd}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc{background-color:#e9c197}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd{background-color:#c88e62}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe{background-color:#a86637}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff{background-color:#60463a}.v3-emoji-picker .v3-footer .v3-tone .is-mac span{font-family:\"Apple Color Emoji\"}.v3-skin-tones{position:absolute;height:100%;width:60%;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;opacity:0;visibility:hidden;transition:.2s;border-radius:0 0 10px 10px}.v3-skin-tones.v3-is-open{opacity:1;visibility:visible}.v3-skin-tones .v3-skin-tone{display:inline-block;height:15px;width:25px;border:none;padding:0;cursor:pointer;transition:0ms}.v3-skin-tones .v3-skin-tone:hover{transform:scale(1.1);transition:.2s}.v3-skin-tones .v3-skin-tone-neutral{color:#ffd225;background-color:#ffd225}.v3-skin-tones .v3-skin-tone-1f3fb{color:#ffdfbd;background-color:#ffdfbd}.v3-skin-tones .v3-skin-tone-1f3fc{color:#e9c197;background-color:#e9c197}.v3-skin-tones .v3-skin-tone-1f3fd{color:#c88e62;background-color:#c88e62}.v3-skin-tones .v3-skin-tone-1f3fe{color:#a86637;background-color:#a86637}.v3-skin-tones .v3-skin-tone-1f3ff{color:#60463a;background-color:#60463a}.v3-input-emoji-picker *{box-sizing:border-box}.v3-input-emoji-picker .v3-input-picker-root{position:relative}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{width:100%;height:40px;border:1px solid #999;padding-left:15px}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{min-height:80px;resize:vertical}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon{top:auto;bottom:5px}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon{display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;border:none;background:none;padding:0 5px;cursor:pointer}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img{display:block;width:1em;height:1em}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker{opacity:0;visibility:hidden;transition:.2s}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker{opacity:1;visibility:visible;z-index:999}.v3-emoji-picker{--v3-picker-bg: #ffffff;--v3-picker-fg: #000000;--v3-picker-border: #dddddd;--v3-picker-input-bg: var(--v3-picker-bg);--v3-picker-input-border: #cccccc;--v3-picker-input-focus-border: #000000;--v3-group-image-filter: none;--v3-picker-emoji-hover: #f7f7f7;background:var(--v3-picker-bg);color:var(--v3-picker-fg)}.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header{border-color:var(--v3-picker-border)}.v3-emoji-picker .v3-groups{filter:var(--v3-group-image-filter)}.v3-emoji-picker .v3-tone{color:var(--v3-picker-fg)}.v3-emoji-picker .v3-search input{background:var(--v3-picker-input-bg);border-color:var(--v3-picker-input-border);color:inherit}.v3-emoji-picker .v3-search input:focus{border-color:var(--v3-picker-input-focus-border)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones{background:var(--v3-picker-bg)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover{background:var(--v3-picker-emoji-hover, #f7f7f7)}@media (prefers-color-scheme: dark){.v3-emoji-picker.v3-color-theme-auto{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}}.v3-emoji-picker.v3-color-theme-dark{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}\n\n.chat-room[data-v-1459079f] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #fff;\n}\n.chat-room-header[data-v-1459079f] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n\n  padding: 8px 20px;\n  border-bottom: 1px solid #e8e8e8;\n\n  background: linear-gradient(180deg, #fff 0%, #fafafa 100%);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n.back-btn[data-v-1459079f] {\n  cursor: pointer;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 36px;\n  height: 36px;\n  border: none;\n  border-radius: 50%;\n\n  font-size: 16px;\n  color: #595959;\n\n  background: #f0f0f0;\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.back-btn[data-v-1459079f]:hover {\n  transform: scale(1.05);\n  color: #0e77cc;\n  background: #e8e8e8;\n}\n.back-btn[data-v-1459079f]:active {\n  transform: scale(0.95);\n}\n.title[data-v-1459079f] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.header-actions[data-v-1459079f] {\n  display: flex;\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n.end-session-btn[data-v-1459079f] {\n  cursor: pointer;\n\n  min-width: 90px;\n  height: 32px;\n  padding: 0 12px;\n  border: 1px solid #ffd6d6;\n  border-radius: 16px;\n\n  font-size: 13px;\n  font-weight: 500;\n  color: #d4380d;\n\n  background: #fff2f0;\n\n  transition: all 0.2s ease;\n}\n.end-session-btn[data-v-1459079f]:hover:not(:disabled) {\n  border-color: #ffb3ad;\n  background: #ffe7e2;\n}\n.end-session-btn[data-v-1459079f]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.avatar-wrapper[data-v-1459079f] {\n  position: relative;\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n}\n.avatar-img[data-v-1459079f] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  object-fit: cover;\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.avatar-text[data-v-1459079f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 8px rgba(14, 119, 204, 0.3);\n}\n.user-info[data-v-1459079f] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.name[data-v-1459079f] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.messages[data-v-1459079f] {\n  position: relative;\n\n  overflow-y: auto;\n  flex: 1;\n\n  padding: 24px 20px;\n\n  background: linear-gradient(180deg, #f5f5f5 0%, #fafafa 100%);\n}\n\n/* 自定义滚动条 */\n.messages[data-v-1459079f]::-webkit-scrollbar {\n  width: 6px;\n}\n.messages[data-v-1459079f]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.messages[data-v-1459079f]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.messages[data-v-1459079f]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.loading-more[data-v-1459079f] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  padding: 16px;\n\n  font-size: 13px;\n  color: #8c8c8c;\n}\n.loading-spinner-small[data-v-1459079f] {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #f0f0f0;\n  border-top: 2px solid #0e77cc;\n  border-radius: 50%;\n\n  animation: spin-1459079f 0.8s linear infinite;\n}\n.no-more[data-v-1459079f] {\n  padding: 12px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.loading-state[data-v-1459079f] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 60px 20px;\n\n  color: #bfbfbf;\n}\n.loading-spinner[data-v-1459079f] {\n  width: 40px;\n  height: 40px;\n  margin-bottom: 16px;\n  border: 3px solid #f0f0f0;\n  border-top: 3px solid #0e77cc;\n  border-radius: 50%;\n\n  animation: spin-1459079f 0.8s linear infinite;\n}\n@keyframes spin-1459079f {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-messages[data-v-1459079f] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n\n  color: #bfbfbf;\n}\n.empty-messages .icon[data-v-1459079f] {\n  margin-bottom: 16px;\n  font-size: 64px;\n  opacity: 0.5;\n}\n.empty-messages p[data-v-1459079f] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.message-item[data-v-1459079f] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 24px;\n  animation: slide-in-1459079f 0.3s ease-out;\n}\n@keyframes slide-in-1459079f {\nfrom {\n    transform: translateY(10px);\n    opacity: 0;\n}\nto {\n    transform: translateY(0);\n    opacity: 1;\n}\n}\n.message-item.is-self[data-v-1459079f] {\n  justify-content: flex-end;\n}\n.msg-avatar-wrapper[data-v-1459079f] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.msg-avatar-img[data-v-1459079f] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  object-fit: cover;\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n.msg-avatar[data-v-1459079f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  height: 40px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  font-size: 15px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.3);\n}\n.message-content-wrapper[data-v-1459079f] {\n  display: flex;\n  flex-direction: column;\n  max-width: 65%;\n}\n.is-self .message-content-wrapper[data-v-1459079f] {\n  align-items: flex-end;\n}\n.message-sender[data-v-1459079f] {\n  margin-bottom: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.message-content[data-v-1459079f] {\n  padding: 12px 16px;\n  border-radius: 12px;\n\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n\n  transition: all 0.2s;\n}\n.message-item.is-self .message-content[data-v-1459079f] {\n  color: white;\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 8px rgba(14, 119, 204, 0.25);\n}\n.message-text[data-v-1459079f] {\n  margin-bottom: 6px;\n\n  font-size: 14px;\n  line-height: 1.6;\n  color: #262626;\n  overflow-wrap: break-word;\n}\n.message-item.is-self .message-text[data-v-1459079f] {\n  color: white;\n}\n\n/* 图片消息 */\n.message-image[data-v-1459079f] {\n  margin-bottom: 6px;\n}\n.message-image img[data-v-1459079f] {\n  cursor: pointer;\n\n  max-width: 300px;\n  max-height: 300px;\n  border-radius: 8px;\n\n  object-fit: cover;\n\n  transition: transform 0.2s;\n}\n.message-image img[data-v-1459079f]:hover {\n  transform: scale(1.02);\n}\n\n/* 表情消息 */\n.message-emoji[data-v-1459079f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 60px;\n  margin-bottom: 6px;\n\n  font-size: 48px;\n  line-height: 1;\n}\n\n/* 文件消息 */\n.message-file[data-v-1459079f] {\n  margin-bottom: 6px;\n}\n.file-link[data-v-1459079f] {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n\n  padding: 12px 16px;\n  border-radius: 8px;\n\n  font-size: 14px;\n  font-weight: 500;\n  color: #262626;\n  text-decoration: none;\n\n  background-color: #f5f5f5;\n\n  transition: all 0.2s;\n}\n.file-link[data-v-1459079f]:hover {\n  color: #0e77cc;\n  background-color: #e8e8e8;\n}\n.is-self .file-link[data-v-1459079f] {\n  color: white;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.is-self .file-link[data-v-1459079f]:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n/* 系统通知 */\n.message-system[data-v-1459079f] {\n  margin-bottom: 6px;\n  padding: 8px 12px;\n  border-left: 3px solid #0e77cc;\n  border-radius: 6px;\n\n  font-size: 13px;\n  color: #8c8c8c;\n  text-align: center;\n\n  background-color: #f5f5f5;\n}\n.is-self .message-system[data-v-1459079f] {\n  border-left-color: white;\n  color: rgba(255, 255, 255, 0.9);\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n/* 卡片消息 */\n.message-card[data-v-1459079f] {\n  margin-bottom: 6px;\n  padding: 12px;\n  border: 1px solid #bae6fd;\n  border-radius: 8px;\n\n  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n}\n.is-self .message-card[data-v-1459079f] {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.2);\n}\n.message-time[data-v-1459079f] {\n  font-size: 11px;\n  color: #8c8c8c;\n}\n.message-item.is-self .message-time[data-v-1459079f] {\n  color: rgba(255, 255, 255, 0.75);\n}\n.input-area[data-v-1459079f] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  padding: 16px 20px;\n  border-top: 1px solid #e8e8e8;\n\n  background: white;\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);\n}\n\n/* 工具栏 */\n.input-toolbar[data-v-1459079f] {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n}\n.tool-btn[data-v-1459079f] {\n  cursor: pointer;\n\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n\n  padding: 8px 14px;\n  border: 1.5px solid #e8e8e8;\n  border-radius: 8px;\n\n  font-size: 13px;\n  font-weight: 500;\n  color: #595959;\n\n  background: white;\n  outline: none;\n\n  transition: all 0.2s;\n}\n.tool-btn[data-v-1459079f]:hover:not(:disabled) {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.tool-btn[data-v-1459079f]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: #f5f5f5;\n}\n.tool-btn-text[data-v-1459079f] {\n  font-size: 13px;\n}\n.tool-btn-icon[data-v-1459079f] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n}\n.tool-btn-svg[data-v-1459079f] {\n  width: 18px;\n  height: 18px;\n}\n.image-btn[data-v-1459079f] {\n  border-color: #d9d9d9;\n}\n.emoji-container[data-v-1459079f] {\n  position: relative;\n}\n.quick-reply-container[data-v-1459079f] {\n  position: relative;\n}\n.quick-reply-trigger[data-v-1459079f] {\n  border-color: #d9d9d9;\n}\n.quick-reply-trigger.active[data-v-1459079f] {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-panel[data-v-1459079f] {\n  position: absolute;\n  z-index: 1001;\n  bottom: calc(100% + 8px);\n  left: 0;\n\n  overflow: hidden;\n\n  width: 320px;\n  max-width: min(320px, calc(100vw - 80px));\n  border: 1px solid #e8e8e8;\n  border-radius: 10px;\n\n  background: #fff;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n}\n.quick-reply-search[data-v-1459079f] {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.quick-reply-search input[data-v-1459079f] {\n  width: 100%;\n  height: 34px;\n  padding: 0 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 8px;\n\n  font-size: 13px;\n  color: #595959;\n\n  background: #fff;\n  outline: none;\n}\n.quick-reply-search input[data-v-1459079f]:focus {\n  border-color: #0e77cc;\n  box-shadow: 0 0 0 2px rgba(14, 119, 204, 0.08);\n}\n.quick-reply-list[data-v-1459079f] {\n  overflow-y: auto;\n  max-height: 220px;\n  padding: 8px;\n}\n.quick-reply-item[data-v-1459079f] {\n  cursor: pointer;\n\n  width: 100%;\n  margin-bottom: 6px;\n  padding: 8px 10px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n\n  font-size: 13px;\n  line-height: 1.45;\n  color: #595959;\n  text-align: left;\n\n  background: #f7f8fa;\n}\n.quick-reply-item[data-v-1459079f]:last-child {\n  margin-bottom: 0;\n}\n.quick-reply-item[data-v-1459079f]:hover {\n  border-color: #b6dcfa;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-empty[data-v-1459079f] {\n  padding: 18px 10px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.emoji-picker-wrapper[data-v-1459079f] {\n  position: absolute;\n  z-index: 1000;\n  bottom: 100%;\n  left: 0;\n\n  overflow: hidden;\n\n  margin-bottom: 8px;\n  border-radius: 8px;\n\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n}\n.input-area textarea[data-v-1459079f] {\n  resize: none;\n\n  width: 100%;\n  padding: 12px 14px;\n  border: 1.5px solid #e8e8e8;\n  border-radius: 8px;\n\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n\n  background: #fafafa;\n  outline: none;\n\n  transition: all 0.2s;\n}\n.input-area textarea[data-v-1459079f]:focus {\n  border-color: #0e77cc;\n  background: white;\n  box-shadow: 0 0 0 3px rgba(14, 119, 204, 0.08);\n}\n.input-area textarea[data-v-1459079f]::placeholder {\n  color: #bfbfbf;\n}\n.input-actions[data-v-1459079f] {\n  display: flex;\n  justify-content: flex-end;\n}\n.send-btn[data-v-1459079f] {\n  cursor: pointer;\n\n  padding: 10px 28px;\n  border: none;\n  border-radius: 8px;\n\n  font-size: 14px;\n  font-weight: 500;\n  color: white;\n  letter-spacing: 0.3px;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.send-btn[data-v-1459079f]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(14, 119, 204, 0.35);\n}\n.send-btn[data-v-1459079f]:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n}\n\n.conversation-list[data-v-66bc5469] {\n  overflow-y: auto;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  background: #fff;\n}\n\n/* 自定义滚动条 */\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar {\n  width: 6px;\n}\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.unread-header[data-v-66bc5469] {\n  padding: 8px 20px;\n  border-bottom: 1px solid #e8e8e8;\n  background: linear-gradient(180deg, #fafafa 0%, #fff 100%);\n}\n.unread-count[data-v-66bc5469] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.3px;\n}\n.search-header[data-v-66bc5469] {\n  padding: 10px 16px;\n  border-bottom: 1px solid #f0f0f0;\n  background: #fff;\n}\n.search-input[data-v-66bc5469] {\n  box-sizing: border-box;\n  width: 100%;\n  height: 36px;\n  padding: 0 12px;\n  border: 1px solid #d9d9d9;\n  border-radius: 8px;\n\n  font-size: 13px;\n  color: #262626;\n\n  background: #fff;\n  outline: none;\n\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n.search-input[data-v-66bc5469]::placeholder {\n  color: #bfbfbf;\n}\n.search-input[data-v-66bc5469]:focus {\n  border-color: #0e77cc;\n  box-shadow: 0 0 0 2px rgb(14 119 204 / 12%);\n}\n.loading-state[data-v-66bc5469] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 60px 20px;\n\n  color: #bfbfbf;\n}\n.loading-spinner[data-v-66bc5469] {\n  width: 40px;\n  height: 40px;\n  margin-bottom: 16px;\n  border: 3px solid #f0f0f0;\n  border-top: 3px solid #0e77cc;\n  border-radius: 50%;\n\n  animation: spin-66bc5469 0.8s linear infinite;\n}\n@keyframes spin-66bc5469 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-state[data-v-66bc5469] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n  padding: 40px 20px;\n\n  color: #bfbfbf;\n}\n.empty-icon[data-v-66bc5469] {\n  width: 64px;\n  height: 64px;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n.empty-state p[data-v-66bc5469] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.conversation-item[data-v-66bc5469] {\n  cursor: pointer;\n\n  position: relative;\n\n  padding: 12px 16px;\n  border-bottom: 1px solid #f0f0f0;\n\n  background: white;\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.conversation-item[data-v-66bc5469]:hover {\n  background-color: #f5f7fa;\n}\n.conversation-item.active[data-v-66bc5469] {\n  padding-left: 13px;\n  border-left: 3px solid #0e77cc;\n  background: linear-gradient(90deg, #ecf5ff 0%, #fff 100%);\n}\n.conversation-item[data-v-66bc5469]:last-child {\n  border-bottom: none;\n}\n\n/* 会话项内容布局 */\n.conversation-item-content[data-v-66bc5469] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n}\n.avatar-wrapper[data-v-66bc5469] {\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n}\n.avatar-img[data-v-66bc5469] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  object-fit: cover;\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.avatar-text[data-v-66bc5469] {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 8px rgba(14, 119, 204, 0.3);\n}\n.session-info[data-v-66bc5469] {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n\n  min-width: 0;\n}\n.session-name[data-v-66bc5469] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.content-text[data-v-66bc5469] {\n  overflow: hidden;\n  display: block;\n\n  font-size: 13px;\n  line-height: 1.4;\n  color: #595959;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.session-meta[data-v-66bc5469] {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 6px;\n  align-items: flex-end;\n}\n.session-time[data-v-66bc5469] {\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.unread-badge[data-v-66bc5469] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n  padding: 0 7px;\n  border-radius: 10px;\n\n  font-size: 12px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);\n  box-shadow: 0 2px 6px rgba(255, 77, 79, 0.3);\n\n  animation: pulse-66bc5469 2s ease-in-out infinite;\n}\n@keyframes pulse-66bc5469 {\n0%, 100% {\n    transform: scale(1);\n}\n50% {\n    transform: scale(1.05);\n}\n}\n\n.chat-window[data-v-00d50ef7] {\n  position: fixed;\n  z-index: 9998;\n\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  min-width: 380px;\n  min-height: 360px;\n  border: 1px solid rgba(9, 62, 105, 0.14);\n  border-radius: 18px;\n\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  backdrop-filter: blur(6px);\n  box-shadow: 0 24px 80px rgba(11, 58, 106, 0.24);\n\n  animation: window-enter-00d50ef7 0.22s ease-out;\n}\n.chat-window.is-dragging[data-v-00d50ef7] {\n  cursor: move;\n  box-shadow: 0 28px 88px rgba(11, 58, 106, 0.28);\n}\n.chat-window.is-resizing[data-v-00d50ef7] {\n  cursor: nwse-resize;\n}\n.chat-header[data-v-00d50ef7] {\n  cursor: move;\n  user-select: none;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 10px 20px;\n\n  color: white;\n\n  background: linear-gradient(135deg, #0f83df 0%, #0e6fbe 62%, #0c5fa5 100%);\n  box-shadow: 0 2px 12px rgba(14, 119, 204, 0.26);\n}\n\n/* 用户信息区域 */\n.user-info-section[data-v-00d50ef7] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.user-avatar-wrapper[data-v-00d50ef7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.user-avatar[data-v-00d50ef7] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n\n  object-fit: cover;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.user-avatar-default[data-v-00d50ef7] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  height: 40px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.status-indicator[data-v-00d50ef7] {\n  cursor: pointer;\n\n  position: absolute;\n  right: -2px;\n  bottom: -2px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 14px;\n  height: 14px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n\n  transition: transform 0.2s;\n}\n.status-indicator[data-v-00d50ef7]:hover {\n  transform: scale(1.15);\n}\n.status-indicator svg[data-v-00d50ef7] {\n  width: 8px;\n  height: 8px;\n}\n\n/* 状态下拉菜单 */\n.status-dropdown[data-v-00d50ef7] {\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  left: 0;\n\n  min-width: 120px;\n  margin-top: 8px;\n  padding: 6px;\n  border: 1px solid #dbe7f5;\n  border-radius: 10px;\n\n  background: white;\n  box-shadow: 0 12px 30px rgba(11, 58, 106, 0.18);\n}\n.status-option[data-v-00d50ef7] {\n  cursor: pointer;\n\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  padding: 8px 10px;\n  border-radius: 6px;\n\n  color: #262626;\n\n  transition: all 0.2s;\n}\n.status-option[data-v-00d50ef7]:hover {\n  background: #f5f5f5;\n}\n.status-option.active[data-v-00d50ef7] {\n  color: #0e77cc;\n  background: #e6f7ff;\n}\n.status-dot[data-v-00d50ef7] {\n  flex-shrink: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.status-option span[data-v-00d50ef7] {\n  flex: 1;\n  font-size: 13px;\n}\n.check-icon[data-v-00d50ef7] {\n  width: 16px;\n  height: 16px;\n  opacity: 0.8;\n}\n.user-details[data-v-00d50ef7] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.user-name[data-v-00d50ef7] {\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n}\n.user-status[data-v-00d50ef7] {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.9;\n}\n.close-btn[data-v-00d50ef7] {\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 8px;\n\n  font-size: 28px;\n  line-height: 1;\n  color: white;\n\n  opacity: 0.8;\n  background: none;\n\n  transition: all 0.2s;\n}\n.close-btn[data-v-00d50ef7]:hover {\n  transform: rotate(90deg);\n  opacity: 1;\n  background: rgba(255, 255, 255, 0.15);\n}\n.close-btn[data-v-00d50ef7]:active {\n  transform: rotate(90deg) scale(0.95);\n}\n.chat-body[data-v-00d50ef7] {\n  overflow: hidden;\n  display: flex;\n  flex: 1;\n\n  min-height: 0;\n\n  background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);\n}\n\n/* 第一栏：一级菜单 */\n.first-sidebar[data-v-00d50ef7] {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n\n  width: 76px;\n  padding: 0;\n  border-right: 1px solid #dce8f3;\n\n  background: linear-gradient(180deg, #f5f9ff 0%, #f0f6fd 100%);\n}\n.menu-items-container[data-v-00d50ef7] {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 18px 0;\n}\n.menu-item[data-v-00d50ef7] {\n  cursor: pointer;\n\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 50px;\n  height: 50px;\n  margin-bottom: 12px;\n  border: 1px solid transparent;\n  border-radius: 12px;\n\n  font-weight: 400;\n  color: #7d8fa3;\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.menu-item[data-v-00d50ef7]:last-child {\n  margin-bottom: 0;\n}\n.menu-item[data-v-00d50ef7]:hover {\n  transform: translateY(-1px);\n  border-color: #d2e3f3;\n  color: #0e77cc;\n  background: #f7fbff;\n}\n.menu-item.active[data-v-00d50ef7] {\n  border-color: #0e77cc;\n  color: white;\n  background: linear-gradient(135deg, #0f83df 0%, #0d6db8 100%);\n  box-shadow: 0 8px 20px rgba(14, 119, 204, 0.35);\n}\n.menu-item.active[data-v-00d50ef7]::before {\n  content: '';\n\n  position: absolute;\n  top: 50%;\n  left: -11px;\n  transform: translateY(-50%);\n\n  width: 3px;\n  height: 24px;\n  border-radius: 2px;\n\n  background: #0e77cc;\n}\n.menu-item .icon[data-v-00d50ef7] {\n  width: 23px;\n  height: 23px;\n}\n.menu-item .label[data-v-00d50ef7] {\n  display: none;\n}\n.menu-item .menu-badge[data-v-00d50ef7] {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 16px;\n  height: 16px;\n  padding: 0 5px;\n  border: 2px solid white;\n  border-radius: 8px;\n\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  color: white;\n\n  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);\n  box-shadow: 0 2px 6px rgba(255, 77, 79, 0.4);\n}\n.menu-item.active .menu-badge[data-v-00d50ef7] {\n  border-color: #0e77cc;\n  color: #ff4d4f;\n  background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n}\n\n/* 第二栏：二级侧边栏 */\n.second-sidebar[data-v-00d50ef7] {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n\n  width: 250px;\n  border-right: 1px solid #dce8f3;\n\n  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);\n}\n\n/* 第三栏：聊天区域 */\n.chat-area[data-v-00d50ef7] {\n  overflow: hidden;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  min-width: 0;\n\n  background: radial-gradient(circle at top right, rgba(14, 119, 204, 0.08) 0%, rgba(255, 255, 255, 0) 42%), #fff;\n}\n.empty-chat[data-v-00d50ef7] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n\n  color: #8ca1b8;\n\n  background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);\n}\n.empty-chat .empty-icon[data-v-00d50ef7] {\n  width: 72px;\n  height: 72px;\n  margin-bottom: 18px;\n\n  opacity: 0.5;\n  filter: drop-shadow(0 8px 20px rgba(11, 58, 106, 0.16));\n}\n.empty-chat p[data-v-00d50ef7] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n}\n\n/* 拉伸手柄 */\n.resize-handle[data-v-00d50ef7] {\n  cursor: nwse-resize;\n\n  position: absolute;\n  z-index: 9999;\n  right: 0;\n  bottom: 0;\n\n  width: 24px;\n  height: 24px;\n\n  opacity: 0.5;\n\n  transition: opacity 0.2s;\n}\n.resize-handle[data-v-00d50ef7]:hover {\n  opacity: 1;\n}\n.resize-handle[data-v-00d50ef7]::after {\n  content: '';\n\n  position: absolute;\n  right: 6px;\n  bottom: 6px;\n\n  width: 0;\n  height: 0;\n  border-top: 10px solid transparent;\n  border-right: 10px solid #0e77cc;\n  border-bottom: 10px solid #0e77cc;\n  border-left: 10px solid transparent;\n\n  opacity: 0.6;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));\n}\n@keyframes window-enter-00d50ef7 {\nfrom {\n    transform: translate3d(0, 16px, 0) scale(0.98);\n    opacity: 0;\n}\nto {\n    transform: translate3d(0, 0, 0) scale(1);\n    opacity: 1;\n}\n}\n@media (width <= 960px) {\n.second-sidebar[data-v-00d50ef7] {\n    width: 220px;\n}\n}\n\n.float-button[data-v-a60f9c33] {\n  touch-action: none;\n  cursor: grab;\n  user-select: none;\n\n  position: fixed;\n  z-index: 9999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 64px;\n  height: 64px;\n  border: 1px solid #0e77cc;\n  border-radius: 50%;\n\n  background: #fff;\n  box-shadow: 0 4px 20px rgba(14, 119, 204, 0.3);\n\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.float-button.is-hidden[data-v-a60f9c33] {\n  pointer-events: none;\n  transform: scale(0.88);\n  opacity: 0;\n}\n.float-button[data-v-a60f9c33]:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 30px rgba(14, 119, 204, 0.4);\n}\n.float-button[data-v-a60f9c33]:active {\n  transform: translateY(0) scale(0.95);\n}\n.float-button.is-dragging[data-v-a60f9c33] {\n  cursor: grabbing;\n  transform: scale(1.08);\n  box-shadow: 0 8px 35px rgba(14, 119, 204, 0.35);\n}\n.float-button .icon[data-v-a60f9c33] {\n  pointer-events: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));\n}\n.float-button .icon img[data-v-a60f9c33] {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.float-button .badge[data-v-a60f9c33] {\n  pointer-events: none;\n\n  position: absolute;\n  top: 4px;\n  right: 4px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border: 2.5px solid white;\n  border-radius: 10px;\n\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  color: white;\n\n  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.4);\n}\n.float-button.has-unread[data-v-a60f9c33] {\n  animation: pulse-a60f9c33 2s ease-in-out infinite;\n}\n@keyframes pulse-a60f9c33 {\n0%, 100% {\n    box-shadow: 0 4px 20px rgba(14, 119, 204, 0.3),\n                0 0 0 0 rgba(255, 77, 79, 0.4);\n}\n50% {\n    box-shadow: 0 4px 20px rgba(14, 119, 204, 0.3),\n                0 0 0 12px rgba(255, 77, 79, 0);\n}\n}\n/*$vite$:1*/"
+const __SHARED_IMSDK_CSS__ = ".confirm-dialog-mask[data-v-69eaf313] {\n  position: fixed;\n  z-index: 12000;\n  inset: 0;\n\n  background: rgba(15, 23, 42, 0.35);\n  backdrop-filter: blur(2px);\n}\n.confirm-dialog[data-v-69eaf313] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  width: min(420px, calc(100vw - 32px));\n  border: 1px solid #e8edf4;\n  border-radius: 12px;\n\n  background: #fff;\n  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);\n}\n.confirm-dialog-header[data-v-69eaf313] {\n  padding: 16px 18px 8px;\n}\n.confirm-dialog-title[data-v-69eaf313] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #1f2937;\n}\n.confirm-dialog-body[data-v-69eaf313] {\n  padding: 0 18px 10px;\n}\n.confirm-dialog-message[data-v-69eaf313] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.55;\n  color: #4b5563;\n}\n.confirm-dialog-error[data-v-69eaf313] {\n  margin: 10px 0 0;\n  font-size: 13px;\n  line-height: 1.45;\n  color: #cf1322;\n}\n.confirm-dialog-footer[data-v-69eaf313] {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n  padding: 14px 18px 18px;\n}\n.dialog-btn[data-v-69eaf313] {\n  cursor: pointer;\n\n  min-width: 80px;\n  height: 34px;\n  padding: 0 14px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n\n  font-size: 14px;\n\n  transition: all 0.2s ease;\n}\n.dialog-btn[data-v-69eaf313]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.cancel-btn[data-v-69eaf313] {\n  border-color: #d9d9d9;\n  color: #595959;\n  background: #fff;\n}\n.cancel-btn[data-v-69eaf313]:hover:not(:disabled) {\n  border-color: #bfbfbf;\n  color: #262626;\n  background: #fafafa;\n}\n.confirm-btn[data-v-69eaf313] {\n  border-color: #0e77cc;\n  color: #fff;\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n}\n.confirm-btn[data-v-69eaf313]:hover:not(:disabled) {\n  border-color: #0d6db8;\n  filter: brightness(1.03);\n}\n.v3-body-inner{scroll-behavior:smooth;scrollbar-color:#393d3f rgba(0,0,0,.1);scrollbar-width:thin}.v3-body-inner::-webkit-scrollbar{width:8px}.v3-body-inner::-webkit-scrollbar-track{background-color:transparent}.v3-body-inner::-webkit-scrollbar-thumb{display:none;background:rgba(0,0,0,.3);border-radius:5px}.v3-body-inner:hover::-webkit-scrollbar-thumb{display:block}.v3-emoji-picker{height:320px;width:280px;box-shadow:0 2px 10px #0003;border-radius:10px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.v3-emoji-picker *{box-sizing:border-box}.v3-emoji-picker .v3-header{padding:15px 15px 13px;border-bottom:1px solid}.v3-emoji-picker .v3-header .v3-groups{display:flex}.v3-emoji-picker .v3-header .v3-groups .v3-group{flex-grow:1;padding:0;margin:0;border:none;background:none;font-size:23px;cursor:pointer;position:relative;display:block;opacity:.7;transition:.2s}.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden{display:none}.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child{flex-grow:0}.v3-emoji-picker .v3-header .v3-groups .v3-group:hover{opacity:1}.v3-emoji-picker .v3-header .v3-groups .v3-group span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-header .v3-groups .v3-group span img{display:block;width:1em;height:auto}.v3-emoji-picker .v3-spacing{height:11px}.v3-emoji-picker .v3-search input{width:100%;display:block;height:26px;padding:0 10px;border:1px solid;border-radius:3px;font-size:12px;transition:.2s}.v3-emoji-picker .v3-search input:focus{outline:none}.v3-emoji-picker .v3-body{padding:0 0 15px 11px;min-height:0;flex-grow:1}.v3-emoji-picker .v3-body .v3-body-inner{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:11px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5{margin:0;top:0;padding:7px 0 3px 4px;z-index:2}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky{position:sticky}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis{display:flex;font-size:18px;flex-wrap:wrap}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button{cursor:pointer;border:none;background:none;margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-basis:12.5%;max-width:12.5%;flex-grow:1;padding:0;font-size:22px;position:relative}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after{content:\"\";width:100%;padding-bottom:100%}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span{display:flex;align-items:center;justify-content:center}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{max-width:100%;padding:4px}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img{position:absolute;top:0;left:0;width:100%;height:100%}.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button{font-family:\"Apple Color Emoji\"}.v3-emoji-picker .v3-footer{font-size:14px;border-top:1px solid #dddddd;padding:15px;display:flex;align-items:center;justify-content:space-between;position:relative}.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left{display:flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img{width:20px;display:block}.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child{margin-right:6px}.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-emoji-picker .v3-footer .v3-tone{border:none;padding:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.v3-emoji-picker .v3-footer .v3-tone>span{display:inline-flex;vertical-align:top}.v3-emoji-picker .v3-footer .v3-tone .v3-text{font-size:13px}.v3-emoji-picker .v3-footer .v3-tone .v3-icon{display:inline-flex;height:15px;width:15px;vertical-align:middle;align-self:center;border:2px solid rgba(0,0,0,.2)}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral{background-color:#ffd225}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb{background-color:#ffdfbd}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc{background-color:#e9c197}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd{background-color:#c88e62}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe{background-color:#a86637}.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff{background-color:#60463a}.v3-emoji-picker .v3-footer .v3-tone .is-mac span{font-family:\"Apple Color Emoji\"}.v3-skin-tones{position:absolute;height:100%;width:60%;top:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;opacity:0;visibility:hidden;transition:.2s;border-radius:0 0 10px 10px}.v3-skin-tones.v3-is-open{opacity:1;visibility:visible}.v3-skin-tones .v3-skin-tone{display:inline-block;height:15px;width:25px;border:none;padding:0;cursor:pointer;transition:0ms}.v3-skin-tones .v3-skin-tone:hover{transform:scale(1.1);transition:.2s}.v3-skin-tones .v3-skin-tone-neutral{color:#ffd225;background-color:#ffd225}.v3-skin-tones .v3-skin-tone-1f3fb{color:#ffdfbd;background-color:#ffdfbd}.v3-skin-tones .v3-skin-tone-1f3fc{color:#e9c197;background-color:#e9c197}.v3-skin-tones .v3-skin-tone-1f3fd{color:#c88e62;background-color:#c88e62}.v3-skin-tones .v3-skin-tone-1f3fe{color:#a86637;background-color:#a86637}.v3-skin-tones .v3-skin-tone-1f3ff{color:#60463a;background-color:#60463a}.v3-input-emoji-picker *{box-sizing:border-box}.v3-input-emoji-picker .v3-input-picker-root{position:relative}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{width:100%;height:40px;border:1px solid #999;padding-left:15px}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea{min-height:80px;resize:vertical}.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon{top:auto;bottom:5px}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon{display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:24px;border:none;background:none;padding:0 5px;cursor:pointer}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img{display:block;width:1em;height:1em}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker{opacity:0;visibility:hidden;transition:.2s}.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker{opacity:1;visibility:visible;z-index:999}.v3-emoji-picker{--v3-picker-bg: #ffffff;--v3-picker-fg: #000000;--v3-picker-border: #dddddd;--v3-picker-input-bg: var(--v3-picker-bg);--v3-picker-input-border: #cccccc;--v3-picker-input-focus-border: #000000;--v3-group-image-filter: none;--v3-picker-emoji-hover: #f7f7f7;background:var(--v3-picker-bg);color:var(--v3-picker-fg)}.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header{border-color:var(--v3-picker-border)}.v3-emoji-picker .v3-groups{filter:var(--v3-group-image-filter)}.v3-emoji-picker .v3-tone{color:var(--v3-picker-fg)}.v3-emoji-picker .v3-search input{background:var(--v3-picker-input-bg);border-color:var(--v3-picker-input-border);color:inherit}.v3-emoji-picker .v3-search input:focus{border-color:var(--v3-picker-input-focus-border)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones{background:var(--v3-picker-bg)}.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover{background:var(--v3-picker-emoji-hover, #f7f7f7)}@media (prefers-color-scheme: dark){.v3-emoji-picker.v3-color-theme-auto{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}}.v3-emoji-picker.v3-color-theme-dark{--v3-picker-bg: #000000;--v3-picker-fg: #ffffff;--v3-picker-border: #333333;--v3-picker-input-bg: #222222;--v3-picker-input-border: #444444;--v3-picker-input-focus-border: #555555;--v3-group-image-filter: invert(1);--v3-picker-emoji-hover: #222222}\n\n.chat-room[data-v-6f480f31] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #fff;\n}\n.chat-room-header[data-v-6f480f31] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n\n  padding: 8px 20px;\n  border-bottom: 1px solid #e8e8e8;\n\n  background: linear-gradient(180deg, #fff 0%, #fafafa 100%);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n}\n.back-btn[data-v-6f480f31] {\n  cursor: pointer;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 36px;\n  height: 36px;\n  border: none;\n  border-radius: 50%;\n\n  font-size: 16px;\n  color: #595959;\n\n  background: #f0f0f0;\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.back-btn[data-v-6f480f31]:hover {\n  transform: scale(1.05);\n  color: #0e77cc;\n  background: #e8e8e8;\n}\n.back-btn[data-v-6f480f31]:active {\n  transform: scale(0.95);\n}\n.title[data-v-6f480f31] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.header-actions[data-v-6f480f31] {\n  display: flex;\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n.end-session-btn[data-v-6f480f31] {\n  cursor: pointer;\n\n  min-width: 90px;\n  height: 32px;\n  padding: 0 12px;\n  border: 1px solid #ffd6d6;\n  border-radius: 16px;\n\n  font-size: 13px;\n  font-weight: 500;\n  color: #d4380d;\n\n  background: #fff2f0;\n\n  transition: all 0.2s ease;\n}\n.end-session-btn[data-v-6f480f31]:hover:not(:disabled) {\n  border-color: #ffb3ad;\n  background: #ffe7e2;\n}\n.end-session-btn[data-v-6f480f31]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.avatar-wrapper[data-v-6f480f31] {\n  position: relative;\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n}\n.avatar-img[data-v-6f480f31] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  object-fit: cover;\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.avatar-text[data-v-6f480f31] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 8px rgba(14, 119, 204, 0.3);\n}\n.user-info[data-v-6f480f31] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.name[data-v-6f480f31] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.messages[data-v-6f480f31] {\n  position: relative;\n\n  overflow-y: auto;\n  flex: 1;\n\n  padding: 24px 20px;\n\n  background: linear-gradient(180deg, #f5f5f5 0%, #fafafa 100%);\n}\n\n/* 自定义滚动条 */\n.messages[data-v-6f480f31]::-webkit-scrollbar {\n  width: 6px;\n}\n.messages[data-v-6f480f31]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.messages[data-v-6f480f31]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.messages[data-v-6f480f31]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.loading-more[data-v-6f480f31] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  padding: 16px;\n\n  font-size: 13px;\n  color: #8c8c8c;\n}\n.loading-spinner-small[data-v-6f480f31] {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #f0f0f0;\n  border-top: 2px solid #0e77cc;\n  border-radius: 50%;\n\n  animation: spin-6f480f31 0.8s linear infinite;\n}\n.no-more[data-v-6f480f31] {\n  padding: 12px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.loading-state[data-v-6f480f31] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 60px 20px;\n\n  color: #bfbfbf;\n}\n.loading-spinner[data-v-6f480f31] {\n  width: 40px;\n  height: 40px;\n  margin-bottom: 16px;\n  border: 3px solid #f0f0f0;\n  border-top: 3px solid #0e77cc;\n  border-radius: 50%;\n\n  animation: spin-6f480f31 0.8s linear infinite;\n}\n@keyframes spin-6f480f31 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-messages[data-v-6f480f31] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n\n  color: #bfbfbf;\n}\n.empty-messages .icon[data-v-6f480f31] {\n  margin-bottom: 16px;\n  font-size: 64px;\n  opacity: 0.5;\n}\n.empty-messages p[data-v-6f480f31] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.message-item[data-v-6f480f31] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 24px;\n  animation: slide-in-6f480f31 0.3s ease-out;\n}\n@keyframes slide-in-6f480f31 {\nfrom {\n    transform: translateY(10px);\n    opacity: 0;\n}\nto {\n    transform: translateY(0);\n    opacity: 1;\n}\n}\n.message-item.is-self[data-v-6f480f31] {\n  justify-content: flex-end;\n}\n.msg-avatar-wrapper[data-v-6f480f31] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.msg-avatar-img[data-v-6f480f31] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  object-fit: cover;\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n.msg-avatar[data-v-6f480f31] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  height: 40px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  font-size: 15px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.3);\n}\n.message-content-wrapper[data-v-6f480f31] {\n  display: flex;\n  flex-direction: column;\n  max-width: 65%;\n}\n.is-self .message-content-wrapper[data-v-6f480f31] {\n  align-items: flex-end;\n}\n.message-sender[data-v-6f480f31] {\n  margin-bottom: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.message-content[data-v-6f480f31] {\n  padding: 12px 16px;\n  border-radius: 12px;\n\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n\n  transition: all 0.2s;\n}\n.message-item.is-self .message-content[data-v-6f480f31] {\n  color: white;\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 8px rgba(14, 119, 204, 0.25);\n}\n.message-text[data-v-6f480f31] {\n  margin-bottom: 6px;\n\n  font-size: 14px;\n  line-height: 1.6;\n  color: #262626;\n  overflow-wrap: break-word;\n}\n.message-item.is-self .message-text[data-v-6f480f31] {\n  color: white;\n}\n\n/* 图片消息 */\n.message-image[data-v-6f480f31] {\n  margin-bottom: 6px;\n}\n.message-image img[data-v-6f480f31] {\n  cursor: pointer;\n\n  max-width: 300px;\n  max-height: 300px;\n  border-radius: 8px;\n\n  object-fit: cover;\n\n  transition: transform 0.2s;\n}\n.message-image img[data-v-6f480f31]:hover {\n  transform: scale(1.02);\n}\n\n/* 表情消息 */\n.message-emoji[data-v-6f480f31] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 60px;\n  margin-bottom: 6px;\n\n  font-size: 48px;\n  line-height: 1;\n}\n\n/* 文件消息 */\n.message-file[data-v-6f480f31] {\n  margin-bottom: 6px;\n}\n.file-link[data-v-6f480f31] {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n\n  padding: 12px 16px;\n  border-radius: 8px;\n\n  font-size: 14px;\n  font-weight: 500;\n  color: #262626;\n  text-decoration: none;\n\n  background-color: #f5f5f5;\n\n  transition: all 0.2s;\n}\n.file-link[data-v-6f480f31]:hover {\n  color: #0e77cc;\n  background-color: #e8e8e8;\n}\n.is-self .file-link[data-v-6f480f31] {\n  color: white;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.is-self .file-link[data-v-6f480f31]:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n/* 系统通知 */\n.message-system[data-v-6f480f31] {\n  margin-bottom: 6px;\n  padding: 8px 12px;\n  border-left: 3px solid #0e77cc;\n  border-radius: 6px;\n\n  font-size: 13px;\n  color: #8c8c8c;\n  text-align: center;\n\n  background-color: #f5f5f5;\n}\n.is-self .message-system[data-v-6f480f31] {\n  border-left-color: white;\n  color: rgba(255, 255, 255, 0.9);\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n/* 卡片消息 */\n.message-card[data-v-6f480f31] {\n  margin-bottom: 6px;\n  padding: 12px;\n  border: 1px solid #bae6fd;\n  border-radius: 8px;\n\n  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n}\n.is-self .message-card[data-v-6f480f31] {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.2);\n}\n.message-time[data-v-6f480f31] {\n  font-size: 11px;\n  color: #8c8c8c;\n}\n.message-item.is-self .message-time[data-v-6f480f31] {\n  color: rgba(255, 255, 255, 0.75);\n}\n\n/* 视频消息 */\n.message-video[data-v-6f480f31] {\n  overflow: hidden;\n  margin-bottom: 6px;\n  border-radius: 12px;\n  background: #000;\n}\n.message-video video[data-v-6f480f31] {\n  display: block;\n  width: 100%;\n  max-width: 280px;\n  max-height: 400px;\n}\n.input-area[data-v-6f480f31] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  padding: 16px 20px;\n  border-top: 1px solid #e8e8e8;\n\n  background: white;\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);\n}\n\n/* 工具栏 */\n.input-toolbar[data-v-6f480f31] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding: 4px 0;\n}\n.tool-btn[data-v-6f480f31] {\n  cursor: pointer;\n\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n\n  padding: 8px 14px;\n  border: 1.5px solid #e8e8e8;\n  border-radius: 8px;\n\n  font-size: 13px;\n  font-weight: 500;\n  color: #595959;\n\n  background: white;\n  outline: none;\n\n  transition: all 0.2s;\n}\n.tool-btn[data-v-6f480f31]:hover:not(:disabled) {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.tool-btn[data-v-6f480f31]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: #f5f5f5;\n}\n.tool-btn-text[data-v-6f480f31] {\n  font-size: 13px;\n}\n.tool-btn-icon[data-v-6f480f31] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n}\n.tool-btn-svg[data-v-6f480f31] {\n  width: 18px;\n  height: 18px;\n}\n.image-btn[data-v-6f480f31] {\n  border-color: #d9d9d9;\n}\n.video-btn[data-v-6f480f31] {\n  border-color: #d9d9d9;\n}\n.emoji-container[data-v-6f480f31] {\n  position: relative;\n}\n.quick-reply-container[data-v-6f480f31] {\n  position: relative;\n}\n.quick-reply-trigger[data-v-6f480f31] {\n  border-color: #d9d9d9;\n}\n.quick-reply-trigger.active[data-v-6f480f31] {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-panel[data-v-6f480f31] {\n  position: absolute;\n  z-index: 1001;\n  bottom: calc(100% + 8px);\n  left: 0;\n\n  overflow: hidden;\n\n  width: 320px;\n  max-width: min(320px, calc(100vw - 80px));\n  border: 1px solid #e8e8e8;\n  border-radius: 10px;\n\n  background: #fff;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n}\n.quick-reply-search[data-v-6f480f31] {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.quick-reply-search input[data-v-6f480f31] {\n  width: 100%;\n  height: 34px;\n  padding: 0 10px;\n  border: 1px solid #d9d9d9;\n  border-radius: 8px;\n\n  font-size: 13px;\n  color: #595959;\n\n  background: #fff;\n  outline: none;\n}\n.quick-reply-search input[data-v-6f480f31]:focus {\n  border-color: #0e77cc;\n  box-shadow: 0 0 0 2px rgba(14, 119, 204, 0.08);\n}\n.quick-reply-list[data-v-6f480f31] {\n  overflow-y: auto;\n  max-height: 220px;\n  padding: 8px;\n}\n.quick-reply-item[data-v-6f480f31] {\n  cursor: pointer;\n\n  width: 100%;\n  margin-bottom: 6px;\n  padding: 8px 10px;\n  border: 1px solid transparent;\n  border-radius: 8px;\n\n  font-size: 13px;\n  line-height: 1.45;\n  color: #595959;\n  text-align: left;\n\n  background: #f7f8fa;\n}\n.quick-reply-item[data-v-6f480f31]:last-child {\n  margin-bottom: 0;\n}\n.quick-reply-item[data-v-6f480f31]:hover {\n  border-color: #b6dcfa;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-empty[data-v-6f480f31] {\n  padding: 18px 10px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.emoji-picker-wrapper[data-v-6f480f31] {\n  position: absolute;\n  z-index: 1000;\n  bottom: 100%;\n  left: 0;\n\n  overflow: hidden;\n\n  margin-bottom: 8px;\n  border-radius: 8px;\n\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n}\n.input-area textarea[data-v-6f480f31] {\n  resize: none;\n\n  width: 100%;\n  padding: 12px 14px;\n  border: 1.5px solid #e8e8e8;\n  border-radius: 8px;\n\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n\n  background: #fafafa;\n  outline: none;\n\n  transition: all 0.2s;\n}\n.input-area textarea[data-v-6f480f31]:focus {\n  border-color: #0e77cc;\n  background: white;\n  box-shadow: 0 0 0 3px rgba(14, 119, 204, 0.08);\n}\n.input-area textarea[data-v-6f480f31]::placeholder {\n  color: #bfbfbf;\n}\n.input-actions[data-v-6f480f31] {\n  display: flex;\n  justify-content: flex-end;\n}\n.send-btn[data-v-6f480f31] {\n  cursor: pointer;\n\n  padding: 10px 28px;\n  border: none;\n  border-radius: 8px;\n\n  font-size: 14px;\n  font-weight: 500;\n  color: white;\n  letter-spacing: 0.3px;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.send-btn[data-v-6f480f31]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(14, 119, 204, 0.35);\n}\n.send-btn[data-v-6f480f31]:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n}\n\n.conversation-list[data-v-66bc5469] {\n  overflow-y: auto;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  background: #fff;\n}\n\n/* 自定义滚动条 */\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar {\n  width: 6px;\n}\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.conversation-list[data-v-66bc5469]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.unread-header[data-v-66bc5469] {\n  padding: 8px 20px;\n  border-bottom: 1px solid #e8e8e8;\n  background: linear-gradient(180deg, #fafafa 0%, #fff 100%);\n}\n.unread-count[data-v-66bc5469] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.3px;\n}\n.search-header[data-v-66bc5469] {\n  padding: 10px 16px;\n  border-bottom: 1px solid #f0f0f0;\n  background: #fff;\n}\n.search-input[data-v-66bc5469] {\n  box-sizing: border-box;\n  width: 100%;\n  height: 36px;\n  padding: 0 12px;\n  border: 1px solid #d9d9d9;\n  border-radius: 8px;\n\n  font-size: 13px;\n  color: #262626;\n\n  background: #fff;\n  outline: none;\n\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n.search-input[data-v-66bc5469]::placeholder {\n  color: #bfbfbf;\n}\n.search-input[data-v-66bc5469]:focus {\n  border-color: #0e77cc;\n  box-shadow: 0 0 0 2px rgb(14 119 204 / 12%);\n}\n.loading-state[data-v-66bc5469] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 60px 20px;\n\n  color: #bfbfbf;\n}\n.loading-spinner[data-v-66bc5469] {\n  width: 40px;\n  height: 40px;\n  margin-bottom: 16px;\n  border: 3px solid #f0f0f0;\n  border-top: 3px solid #0e77cc;\n  border-radius: 50%;\n\n  animation: spin-66bc5469 0.8s linear infinite;\n}\n@keyframes spin-66bc5469 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-state[data-v-66bc5469] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n  padding: 40px 20px;\n\n  color: #bfbfbf;\n}\n.empty-icon[data-v-66bc5469] {\n  width: 64px;\n  height: 64px;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n.empty-state p[data-v-66bc5469] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.conversation-item[data-v-66bc5469] {\n  cursor: pointer;\n\n  position: relative;\n\n  padding: 12px 16px;\n  border-bottom: 1px solid #f0f0f0;\n\n  background: white;\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.conversation-item[data-v-66bc5469]:hover {\n  background-color: #f5f7fa;\n}\n.conversation-item.active[data-v-66bc5469] {\n  padding-left: 13px;\n  border-left: 3px solid #0e77cc;\n  background: linear-gradient(90deg, #ecf5ff 0%, #fff 100%);\n}\n.conversation-item[data-v-66bc5469]:last-child {\n  border-bottom: none;\n}\n\n/* 会话项内容布局 */\n.conversation-item-content[data-v-66bc5469] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n}\n.avatar-wrapper[data-v-66bc5469] {\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n}\n.avatar-img[data-v-66bc5469] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  object-fit: cover;\n  background: linear-gradient(135deg, #f0f0f0 0%, #e8e8e8 100%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.avatar-text[data-v-66bc5469] {\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #0e77cc 0%, #0d6db8 100%);\n  box-shadow: 0 2px 8px rgba(14, 119, 204, 0.3);\n}\n.session-info[data-v-66bc5469] {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n\n  min-width: 0;\n}\n.session-name[data-v-66bc5469] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.content-text[data-v-66bc5469] {\n  overflow: hidden;\n  display: block;\n\n  font-size: 13px;\n  line-height: 1.4;\n  color: #595959;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.session-meta[data-v-66bc5469] {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 6px;\n  align-items: flex-end;\n}\n.session-time[data-v-66bc5469] {\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.unread-badge[data-v-66bc5469] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n  padding: 0 7px;\n  border-radius: 10px;\n\n  font-size: 12px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);\n  box-shadow: 0 2px 6px rgba(255, 77, 79, 0.3);\n\n  animation: pulse-66bc5469 2s ease-in-out infinite;\n}\n@keyframes pulse-66bc5469 {\n0%, 100% {\n    transform: scale(1);\n}\n50% {\n    transform: scale(1.05);\n}\n}\n\n.chat-window[data-v-00d50ef7] {\n  position: fixed;\n  z-index: 9998;\n\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  min-width: 380px;\n  min-height: 360px;\n  border: 1px solid rgba(9, 62, 105, 0.14);\n  border-radius: 18px;\n\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  backdrop-filter: blur(6px);\n  box-shadow: 0 24px 80px rgba(11, 58, 106, 0.24);\n\n  animation: window-enter-00d50ef7 0.22s ease-out;\n}\n.chat-window.is-dragging[data-v-00d50ef7] {\n  cursor: move;\n  box-shadow: 0 28px 88px rgba(11, 58, 106, 0.28);\n}\n.chat-window.is-resizing[data-v-00d50ef7] {\n  cursor: nwse-resize;\n}\n.chat-header[data-v-00d50ef7] {\n  cursor: move;\n  user-select: none;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 10px 20px;\n\n  color: white;\n\n  background: linear-gradient(135deg, #0f83df 0%, #0e6fbe 62%, #0c5fa5 100%);\n  box-shadow: 0 2px 12px rgba(14, 119, 204, 0.26);\n}\n\n/* 用户信息区域 */\n.user-info-section[data-v-00d50ef7] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.user-avatar-wrapper[data-v-00d50ef7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.user-avatar[data-v-00d50ef7] {\n  width: 100%;\n  height: 100%;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n\n  object-fit: cover;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.user-avatar-default[data-v-00d50ef7] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  height: 40px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n\n  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.status-indicator[data-v-00d50ef7] {\n  cursor: pointer;\n\n  position: absolute;\n  right: -2px;\n  bottom: -2px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 14px;\n  height: 14px;\n  border: 2px solid white;\n  border-radius: 50%;\n\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n\n  transition: transform 0.2s;\n}\n.status-indicator[data-v-00d50ef7]:hover {\n  transform: scale(1.15);\n}\n.status-indicator svg[data-v-00d50ef7] {\n  width: 8px;\n  height: 8px;\n}\n\n/* 状态下拉菜单 */\n.status-dropdown[data-v-00d50ef7] {\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  left: 0;\n\n  min-width: 120px;\n  margin-top: 8px;\n  padding: 6px;\n  border: 1px solid #dbe7f5;\n  border-radius: 10px;\n\n  background: white;\n  box-shadow: 0 12px 30px rgba(11, 58, 106, 0.18);\n}\n.status-option[data-v-00d50ef7] {\n  cursor: pointer;\n\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  padding: 8px 10px;\n  border-radius: 6px;\n\n  color: #262626;\n\n  transition: all 0.2s;\n}\n.status-option[data-v-00d50ef7]:hover {\n  background: #f5f5f5;\n}\n.status-option.active[data-v-00d50ef7] {\n  color: #0e77cc;\n  background: #e6f7ff;\n}\n.status-dot[data-v-00d50ef7] {\n  flex-shrink: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.status-option span[data-v-00d50ef7] {\n  flex: 1;\n  font-size: 13px;\n}\n.check-icon[data-v-00d50ef7] {\n  width: 16px;\n  height: 16px;\n  opacity: 0.8;\n}\n.user-details[data-v-00d50ef7] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.user-name[data-v-00d50ef7] {\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n}\n.user-status[data-v-00d50ef7] {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.9;\n}\n.close-btn[data-v-00d50ef7] {\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 8px;\n\n  font-size: 28px;\n  line-height: 1;\n  color: white;\n\n  opacity: 0.8;\n  background: none;\n\n  transition: all 0.2s;\n}\n.close-btn[data-v-00d50ef7]:hover {\n  transform: rotate(90deg);\n  opacity: 1;\n  background: rgba(255, 255, 255, 0.15);\n}\n.close-btn[data-v-00d50ef7]:active {\n  transform: rotate(90deg) scale(0.95);\n}\n.chat-body[data-v-00d50ef7] {\n  overflow: hidden;\n  display: flex;\n  flex: 1;\n\n  min-height: 0;\n\n  background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);\n}\n\n/* 第一栏：一级菜单 */\n.first-sidebar[data-v-00d50ef7] {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n\n  width: 76px;\n  padding: 0;\n  border-right: 1px solid #dce8f3;\n\n  background: linear-gradient(180deg, #f5f9ff 0%, #f0f6fd 100%);\n}\n.menu-items-container[data-v-00d50ef7] {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 18px 0;\n}\n.menu-item[data-v-00d50ef7] {\n  cursor: pointer;\n\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 50px;\n  height: 50px;\n  margin-bottom: 12px;\n  border: 1px solid transparent;\n  border-radius: 12px;\n\n  font-weight: 400;\n  color: #7d8fa3;\n\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.menu-item[data-v-00d50ef7]:last-child {\n  margin-bottom: 0;\n}\n.menu-item[data-v-00d50ef7]:hover {\n  transform: translateY(-1px);\n  border-color: #d2e3f3;\n  color: #0e77cc;\n  background: #f7fbff;\n}\n.menu-item.active[data-v-00d50ef7] {\n  border-color: #0e77cc;\n  color: white;\n  background: linear-gradient(135deg, #0f83df 0%, #0d6db8 100%);\n  box-shadow: 0 8px 20px rgba(14, 119, 204, 0.35);\n}\n.menu-item.active[data-v-00d50ef7]::before {\n  content: '';\n\n  position: absolute;\n  top: 50%;\n  left: -11px;\n  transform: translateY(-50%);\n\n  width: 3px;\n  height: 24px;\n  border-radius: 2px;\n\n  background: #0e77cc;\n}\n.menu-item .icon[data-v-00d50ef7] {\n  width: 23px;\n  height: 23px;\n}\n.menu-item .label[data-v-00d50ef7] {\n  display: none;\n}\n.menu-item .menu-badge[data-v-00d50ef7] {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 16px;\n  height: 16px;\n  padding: 0 5px;\n  border: 2px solid white;\n  border-radius: 8px;\n\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  color: white;\n\n  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);\n  box-shadow: 0 2px 6px rgba(255, 77, 79, 0.4);\n}\n.menu-item.active .menu-badge[data-v-00d50ef7] {\n  border-color: #0e77cc;\n  color: #ff4d4f;\n  background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n}\n\n/* 第二栏：二级侧边栏 */\n.second-sidebar[data-v-00d50ef7] {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n\n  width: 250px;\n  border-right: 1px solid #dce8f3;\n\n  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);\n}\n\n/* 第三栏：聊天区域 */\n.chat-area[data-v-00d50ef7] {\n  overflow: hidden;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  min-width: 0;\n\n  background: radial-gradient(circle at top right, rgba(14, 119, 204, 0.08) 0%, rgba(255, 255, 255, 0) 42%), #fff;\n}\n.empty-chat[data-v-00d50ef7] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  height: 100%;\n\n  color: #8ca1b8;\n\n  background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);\n}\n.empty-chat .empty-icon[data-v-00d50ef7] {\n  width: 72px;\n  height: 72px;\n  margin-bottom: 18px;\n\n  opacity: 0.5;\n  filter: drop-shadow(0 8px 20px rgba(11, 58, 106, 0.16));\n}\n.empty-chat p[data-v-00d50ef7] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n}\n\n/* 拉伸手柄 */\n.resize-handle[data-v-00d50ef7] {\n  cursor: nwse-resize;\n\n  position: absolute;\n  z-index: 9999;\n  right: 0;\n  bottom: 0;\n\n  width: 24px;\n  height: 24px;\n\n  opacity: 0.5;\n\n  transition: opacity 0.2s;\n}\n.resize-handle[data-v-00d50ef7]:hover {\n  opacity: 1;\n}\n.resize-handle[data-v-00d50ef7]::after {\n  content: '';\n\n  position: absolute;\n  right: 6px;\n  bottom: 6px;\n\n  width: 0;\n  height: 0;\n  border-top: 10px solid transparent;\n  border-right: 10px solid #0e77cc;\n  border-bottom: 10px solid #0e77cc;\n  border-left: 10px solid transparent;\n\n  opacity: 0.6;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));\n}\n@keyframes window-enter-00d50ef7 {\nfrom {\n    transform: translate3d(0, 16px, 0) scale(0.98);\n    opacity: 0;\n}\nto {\n    transform: translate3d(0, 0, 0) scale(1);\n    opacity: 1;\n}\n}\n@media (width <= 960px) {\n.second-sidebar[data-v-00d50ef7] {\n    width: 220px;\n}\n}\n\n.float-button[data-v-a60f9c33] {\n  touch-action: none;\n  cursor: grab;\n  user-select: none;\n\n  position: fixed;\n  z-index: 9999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 64px;\n  height: 64px;\n  border: 1px solid #0e77cc;\n  border-radius: 50%;\n\n  background: #fff;\n  box-shadow: 0 4px 20px rgba(14, 119, 204, 0.3);\n\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.float-button.is-hidden[data-v-a60f9c33] {\n  pointer-events: none;\n  transform: scale(0.88);\n  opacity: 0;\n}\n.float-button[data-v-a60f9c33]:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 30px rgba(14, 119, 204, 0.4);\n}\n.float-button[data-v-a60f9c33]:active {\n  transform: translateY(0) scale(0.95);\n}\n.float-button.is-dragging[data-v-a60f9c33] {\n  cursor: grabbing;\n  transform: scale(1.08);\n  box-shadow: 0 8px 35px rgba(14, 119, 204, 0.35);\n}\n.float-button .icon[data-v-a60f9c33] {\n  pointer-events: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));\n}\n.float-button .icon img[data-v-a60f9c33] {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.float-button .badge[data-v-a60f9c33] {\n  pointer-events: none;\n\n  position: absolute;\n  top: 4px;\n  right: 4px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border: 2.5px solid white;\n  border-radius: 10px;\n\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  color: white;\n\n  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.4);\n}\n.float-button.has-unread[data-v-a60f9c33] {\n  animation: pulse-a60f9c33 2s ease-in-out infinite;\n}\n@keyframes pulse-a60f9c33 {\n0%, 100% {\n    box-shadow: 0 4px 20px rgba(14, 119, 204, 0.3),\n                0 0 0 0 rgba(255, 77, 79, 0.4);\n}\n50% {\n    box-shadow: 0 4px 20px rgba(14, 119, 204, 0.3),\n                0 0 0 12px rgba(255, 77, 79, 0);\n}\n}\n/*$vite$:1*/"
 if (typeof document !== 'undefined' && __SHARED_IMSDK_CSS__) {
   const __SHARED_IMSDK_STYLE_ID__ = 'zjw-jszn-shared-imsdk-style'
   if (!document.getElementById(__SHARED_IMSDK_STYLE_ID__)) {
@@ -5696,6 +5696,7 @@ var defaultConfig = {
 		resourceBaseURL: "https://resource.api.orchiport.asia",
 		prefix: "",
 		uploadURL: "https://resource.api.orchiport.asia/system/uploadImage",
+		uploadFileURL: "https://resource.api.orchiport.asia/system/uploadFile",
 		signKey: "Z0XYfLbnDpuVqk41",
 		suffix: "43cf28",
 		groupId: "6",
@@ -6190,6 +6191,7 @@ function _asyncToGenerator(n) {
 var INTEGER_STRING_REGEXP = /^\d+$/;
 var UPLOAD_TIMEOUT_MS = 3e4;
 var MAX_UPLOAD_IMAGE_SIZE_BYTES = 2 * 1024 * 1024;
+var MAX_UPLOAD_FILE_SIZE_BYTES = 50 * 1024 * 1024;
 var CUSTOMER_ONLY_TRUE_SET = new Set(["1", "true"]);
 function ensureAuthorized(apiName) {
 	if (!httpClient.getAuth()) throw new Error(`未登录，禁止请求 ${apiName}，请先完成鉴权`);
@@ -6254,6 +6256,50 @@ function _uploadImage() {
 	});
 	return _uploadImage.apply(this, arguments);
 }
+/**
+* 上传文件（视频、文档等）
+* @param file 文件对象
+*/
+function uploadFile(_x2) {
+	return _uploadFile.apply(this, arguments);
+}
+function _uploadFile() {
+	_uploadFile = _asyncToGenerator(function* (file) {
+		ensureAuthorized("uploadFile");
+		if (file.size > MAX_UPLOAD_FILE_SIZE_BYTES) throw new Error("文件大小不能超过 50MB");
+		const config = getConfig();
+		const formData = new FormData();
+		formData.append("file", file);
+		const controller = new AbortController();
+		const timeoutTimer = setTimeout(() => controller.abort(), UPLOAD_TIMEOUT_MS);
+		try {
+			const response = yield fetch(config.api.uploadFileURL || config.api.uploadURL, {
+				method: "POST",
+				body: formData,
+				signal: controller.signal
+			});
+			if (!response.ok) {
+				let errorPayload;
+				try {
+					errorPayload = yield response.json();
+				} catch (_unused2) {
+					errorPayload = null;
+				}
+				throw new Error(getUploadErrorMessage(response.status, errorPayload));
+			}
+			const result = yield response.json();
+			if (result.code !== 200) throw new Error(result.message || "上传失败");
+			return result;
+		} catch (error) {
+			if (error instanceof DOMException && error.name === "AbortError") throw new Error("上传超时");
+			console.error("上传文件失败:", error);
+			throw error instanceof Error ? error : /* @__PURE__ */ new Error("上传文件失败");
+		} finally {
+			clearTimeout(timeoutTimer);
+		}
+	});
+	return _uploadFile.apply(this, arguments);
+}
 function unwrapResult(response, apiName) {
 	if (response.result === void 0 || response.result === null) throw new Error(`${apiName} 接口返回 result 为空`);
 	return response.result;
@@ -6275,7 +6321,7 @@ function isCustomerOnlyFlagEnabled(value) {
 * - Shared 层固定提交 `phone + site`
 * - 其他扩展参数通过 config.auth.authorizationPayload 注入（如门店的 username/avatar）
 */
-function getAuthorization(_x2) {
+function getAuthorization(_x3) {
 	return _getAuthorization.apply(this, arguments);
 }
 function _getAuthorization() {
@@ -6309,7 +6355,7 @@ function _getAuthorization() {
 * @param data.user_type - 用户类型
 * @param data.username - 用户名（可选，门店场景可用于筛选）
 */
-function getUserChatList(_x3) {
+function getUserChatList(_x4) {
 	return _getUserChatList.apply(this, arguments);
 }
 function _getUserChatList() {
@@ -6333,7 +6379,7 @@ function _getUserChatList() {
 * @param data.limit - 每页数量
 * @param data.session_id - 会话ID
 */
-function getChatListBySession(_x4) {
+function getChatListBySession(_x5) {
 	return _getChatListBySession.apply(this, arguments);
 }
 function _getChatListBySession() {
@@ -6367,7 +6413,7 @@ function _getUnReadCount() {
 * @param data.page - 页码
 * @param data.limit - 每页数量
 */
-function getUnReadList(_x5) {
+function getUnReadList(_x6) {
 	return _getUnReadList.apply(this, arguments);
 }
 function _getUnReadList() {
@@ -6385,7 +6431,7 @@ function _getUnReadList() {
 * @param data.limit - 每页数量
 * @param data.session_id - 会话ID
 */
-function getChatRewordBySession(_x6) {
+function getChatRewordBySession(_x7) {
 	return _getChatRewordBySession.apply(this, arguments);
 }
 function _getChatRewordBySession() {
@@ -6408,7 +6454,7 @@ function _getChatRewordBySession() {
 * @param data.friend_type - 对话对象类型
 * @param data.customeronly - 平台客服模式标记（1/true）
 */
-function getChatList(_x7) {
+function getChatList(_x8) {
 	return _getChatList.apply(this, arguments);
 }
 function _getChatList() {
@@ -16766,84 +16812,106 @@ var _hoisted_27 = {
 };
 var _hoisted_28 = {
 	key: 6,
+	class: "message-video"
+};
+var _hoisted_29 = ["src"];
+var _hoisted_30 = {
+	key: 7,
 	class: "message-text"
 };
-var _hoisted_29 = { class: "message-time" };
-var _hoisted_30 = { class: "message-content-wrapper" };
-var _hoisted_31 = { class: "message-content" };
-var _hoisted_32 = {
+var _hoisted_31 = { class: "message-time" };
+var _hoisted_32 = { class: "message-content-wrapper" };
+var _hoisted_33 = { class: "message-content" };
+var _hoisted_34 = {
 	key: 0,
 	class: "message-text"
 };
-var _hoisted_33 = {
+var _hoisted_35 = {
 	key: 1,
 	class: "message-image"
 };
-var _hoisted_34 = ["src", "onLoad"];
-var _hoisted_35 = {
+var _hoisted_36 = ["src", "onLoad"];
+var _hoisted_37 = {
 	key: 2,
 	class: "message-emoji"
 };
-var _hoisted_36 = {
+var _hoisted_38 = {
 	key: 3,
 	class: "message-file"
 };
-var _hoisted_37 = ["href"];
-var _hoisted_38 = {
+var _hoisted_39 = ["href"];
+var _hoisted_40 = {
 	key: 4,
 	class: "message-system"
 };
-var _hoisted_39 = {
+var _hoisted_41 = {
 	key: 5,
 	class: "message-card"
 };
-var _hoisted_40 = {
+var _hoisted_42 = {
 	key: 6,
-	class: "message-text"
+	class: "message-video"
 };
-var _hoisted_41 = { class: "message-time" };
-var _hoisted_42 = { class: "msg-avatar-wrapper" };
-var _hoisted_43 = ["src", "alt"];
+var _hoisted_43 = ["src"];
 var _hoisted_44 = {
+	key: 7,
+	class: "message-text"
+};
+var _hoisted_45 = { class: "message-time" };
+var _hoisted_46 = { class: "msg-avatar-wrapper" };
+var _hoisted_47 = ["src", "alt"];
+var _hoisted_48 = {
 	key: 1,
 	class: "msg-avatar"
 };
-var _hoisted_45 = {
+var _hoisted_49 = {
 	key: 3,
 	class: "empty-messages"
 };
-var _hoisted_46 = ["src"];
-var _hoisted_47 = { class: "input-area" };
-var _hoisted_48 = { class: "input-toolbar" };
-var _hoisted_49 = ["disabled"];
-var _hoisted_50 = {
+var _hoisted_50 = ["src"];
+var _hoisted_51 = { class: "input-area" };
+var _hoisted_52 = { class: "input-toolbar" };
+var _hoisted_53 = ["disabled"];
+var _hoisted_54 = {
 	class: "tool-btn-icon",
 	"aria-hidden": "true"
 };
-var _hoisted_51 = {
+var _hoisted_55 = {
 	key: 0,
 	class: "tool-btn-svg",
 	viewBox: "0 0 1024 1024"
 };
-var _hoisted_52 = { key: 1 };
-var _hoisted_53 = { class: "tool-btn-text" };
-var _hoisted_54 = { class: "emoji-container" };
-var _hoisted_55 = {
+var _hoisted_56 = { key: 1 };
+var _hoisted_57 = { class: "tool-btn-text" };
+var _hoisted_58 = ["disabled"];
+var _hoisted_59 = {
+	class: "tool-btn-icon",
+	"aria-hidden": "true"
+};
+var _hoisted_60 = {
+	key: 0,
+	class: "tool-btn-svg",
+	viewBox: "0 0 1024 1024"
+};
+var _hoisted_61 = { key: 1 };
+var _hoisted_62 = { class: "tool-btn-text" };
+var _hoisted_63 = { class: "emoji-container" };
+var _hoisted_64 = {
 	key: 0,
 	class: "emoji-picker-wrapper"
 };
-var _hoisted_56 = {
+var _hoisted_65 = {
 	key: 0,
 	class: "quick-reply-panel"
 };
-var _hoisted_57 = { class: "quick-reply-search" };
-var _hoisted_58 = { class: "quick-reply-list" };
-var _hoisted_59 = ["onClick"];
-var _hoisted_60 = {
+var _hoisted_66 = { class: "quick-reply-search" };
+var _hoisted_67 = { class: "quick-reply-list" };
+var _hoisted_68 = ["onClick"];
+var _hoisted_69 = {
 	key: 0,
 	class: "quick-reply-empty"
 };
-var _hoisted_61 = ["onKeydown"];
+var _hoisted_70 = ["onKeydown"];
 var pageSize = 20;
 //#endregion
 //#region src/components/ChatRoom.vue
@@ -16884,6 +16952,7 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 		let tempMessageSeed = 0;
 		const HTTP_URL_REGEXP = /^https?:\/\//i;
 		const isUploading = /* @__PURE__ */ ref(false);
+		const isUploadingVideo = /* @__PURE__ */ ref(false);
 		const showEmojiPicker = /* @__PURE__ */ ref(false);
 		function toggleEmojiPicker() {
 			if (!showEmojiPicker.value) showQuickReplyPanel.value = false;
@@ -17259,6 +17328,23 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			}();
 			input.click();
 		}
+		function handleVideoSelect() {
+			const input = document.createElement("input");
+			input.type = "file";
+			input.accept = "video/*";
+			input.onchange = function() {
+				var _ref2 = _asyncToGenerator(function* (e) {
+					var _target$files2;
+					const file = (_target$files2 = e.target.files) === null || _target$files2 === void 0 ? void 0 : _target$files2[0];
+					if (!file) return;
+					yield uploadAndSendVideo(file);
+				});
+				return function(_x2) {
+					return _ref2.apply(this, arguments);
+				};
+			}();
+			input.click();
+		}
 		function resolveUploadedImageUrl(resourceBaseURL, uploadURL, fileUrl) {
 			const normalizedFileUrl = typeof fileUrl === "string" ? fileUrl.trim() : "";
 			if (!normalizedFileUrl) return "";
@@ -17272,7 +17358,7 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 				return normalizedFileUrl;
 			}
 		}
-		function uploadAndSendImage(_x2) {
+		function uploadAndSendImage(_x3) {
 			return _uploadAndSendImage.apply(this, arguments);
 		}
 		function _uploadAndSendImage() {
@@ -17321,6 +17407,55 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			});
 			return _uploadAndSendImage.apply(this, arguments);
 		}
+		function uploadAndSendVideo(_x4) {
+			return _uploadAndSendVideo.apply(this, arguments);
+		}
+		function _uploadAndSendVideo() {
+			_uploadAndSendVideo = _asyncToGenerator(function* (file) {
+				var _props$conversationDa13;
+				if (!getUserInfo()) {
+					console.warn("用户未登录");
+					return;
+				}
+				if (!((_props$conversationDa13 = props.conversationData) === null || _props$conversationDa13 === void 0 ? void 0 : _props$conversationDa13.friend)) {
+					console.warn("会话信息不完整");
+					return;
+				}
+				try {
+					var _response$data2, _props$conversationDa14, _props$conversationDa15, _props$conversationDa16;
+					isUploadingVideo.value = true;
+					const response = yield uploadFile(file);
+					if (!response.success || !((_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.url)) throw new Error(response.message || "上传失败");
+					const config = getConfig();
+					const videoUrl = resolveUploadedImageUrl(config.api.resourceBaseURL, config.api.uploadFileURL || config.api.uploadURL, response.data.url);
+					if (!videoUrl) throw new Error("上传返回视频地址为空");
+					const tempMessageId = createTempMessageId();
+					const messageData = {
+						fid: (_props$conversationDa14 = props.conversationData.friend) === null || _props$conversationDa14 === void 0 ? void 0 : _props$conversationDa14.id,
+						receiveId: (_props$conversationDa15 = props.conversationData.friend) === null || _props$conversationDa15 === void 0 ? void 0 : _props$conversationDa15.id,
+						friend_type: props.conversationData.friend_type,
+						session_id: props.conversationId,
+						msg_type: 7,
+						content: videoUrl
+					};
+					wsClient.sendBusinessMessage("send", messageData);
+					const tempMessage = createTempMessage({
+						id: tempMessageId,
+						content: videoUrl,
+						msgType: 7,
+						receiverId: (_props$conversationDa16 = props.conversationData) === null || _props$conversationDa16 === void 0 || (_props$conversationDa16 = _props$conversationDa16.friend) === null || _props$conversationDa16 === void 0 ? void 0 : _props$conversationDa16.id
+					});
+					messages.value.push(tempMessage);
+					emit("messageSent", tempMessage);
+					scrollToBottomAfterRender();
+				} catch (error) {
+					console.error("上传视频失败:", error);
+				} finally {
+					isUploadingVideo.value = false;
+				}
+			});
+			return _uploadAndSendVideo.apply(this, arguments);
+		}
 		function handleWebSocketMessage(data) {
 			const message = normalizeWSMessage(data);
 			if (!message) return;
@@ -17352,9 +17487,9 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 				if (existingMessageIndex !== -1) return;
 			}
 			if (!isSelf) {
-				var _props$conversationDa13;
+				var _props$conversationDa17;
 				if (existingMessageIndex !== -1) return;
-				const friendInfo = ((_props$conversationDa13 = props.conversationData) === null || _props$conversationDa13 === void 0 ? void 0 : _props$conversationDa13.friend) || {};
+				const friendInfo = ((_props$conversationDa17 = props.conversationData) === null || _props$conversationDa17 === void 0 ? void 0 : _props$conversationDa17.friend) || {};
 				const senderName = (friendInfo === null || friendInfo === void 0 ? void 0 : friendInfo.username) || (friendInfo === null || friendInfo === void 0 ? void 0 : friendInfo.name) || (friendInfo === null || friendInfo === void 0 ? void 0 : friendInfo.phone) || (message.senderId ? `ID:${message.senderId}` : "");
 				const newMessage = {
 					id: message.id || Date.now(),
@@ -17374,13 +17509,13 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			}
 		}
 		function sendReadReceipt() {
-			var _props$conversationDa14, _props$conversationDa15;
-			if (!((_props$conversationDa14 = props.conversationData) === null || _props$conversationDa14 === void 0 ? void 0 : _props$conversationDa14.friend)) {
+			var _props$conversationDa18, _props$conversationDa19;
+			if (!((_props$conversationDa18 = props.conversationData) === null || _props$conversationDa18 === void 0 ? void 0 : _props$conversationDa18.friend)) {
 				console.warn("无法发送已读回执：缺少 conversationData 或 friend 信息");
 				return;
 			}
 			const readReceiptData = {
-				fid: (_props$conversationDa15 = props.conversationData.friend) === null || _props$conversationDa15 === void 0 ? void 0 : _props$conversationDa15.id,
+				fid: (_props$conversationDa19 = props.conversationData.friend) === null || _props$conversationDa19 === void 0 ? void 0 : _props$conversationDa19.id,
 				friend_type: props.conversationData.friend_type,
 				session_id: props.conversationId
 			};
@@ -17450,48 +17585,67 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 							href: msg.content,
 							target: "_blank",
 							class: "file-link"
-						}, " 📎 点击下载文件 ", 8, _hoisted_25)])) : msg.msgType === 5 ? (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(msg.content), 1)) : msg.msgType === 6 ? (openBlock(), createElementBlock("div", _hoisted_27, toDisplayString(msg.content), 1)) : (openBlock(), createElementBlock("div", _hoisted_28, toDisplayString(msg.content), 1)), createBaseVNode("div", _hoisted_29, toDisplayString(msg.time), 1)])])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createBaseVNode("div", _hoisted_30, [createBaseVNode("div", _hoisted_31, [msg.msgType === 1 ? (openBlock(), createElementBlock("div", _hoisted_32, toDisplayString(msg.content), 1)) : msg.msgType === 2 ? (openBlock(), createElementBlock("div", _hoisted_33, [createBaseVNode("img", {
+						}, " 📎 点击下载文件 ", 8, _hoisted_25)])) : msg.msgType === 5 ? (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(msg.content), 1)) : msg.msgType === 6 ? (openBlock(), createElementBlock("div", _hoisted_27, toDisplayString(msg.content), 1)) : msg.msgType === 7 ? (openBlock(), createElementBlock("div", _hoisted_28, [createBaseVNode("video", {
+							src: msg.content,
+							controls: "",
+							preload: "metadata",
+							onLoadedmetadata: scrollToBottomAfterRender
+						}, null, 40, _hoisted_29)])) : (openBlock(), createElementBlock("div", _hoisted_30, toDisplayString(msg.content), 1)), createBaseVNode("div", _hoisted_31, toDisplayString(msg.time), 1)])])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createBaseVNode("div", _hoisted_32, [createBaseVNode("div", _hoisted_33, [msg.msgType === 1 ? (openBlock(), createElementBlock("div", _hoisted_34, toDisplayString(msg.content), 1)) : msg.msgType === 2 ? (openBlock(), createElementBlock("div", _hoisted_35, [createBaseVNode("img", {
 							src: msg.content,
 							alt: "图片",
 							onLoad: ($event) => handleMessageImageLoad(msg.id),
 							onError: handleImageError
-						}, null, 40, _hoisted_34)])) : msg.msgType === 3 ? (openBlock(), createElementBlock("div", _hoisted_35, toDisplayString(msg.content), 1)) : msg.msgType === 4 ? (openBlock(), createElementBlock("div", _hoisted_36, [createBaseVNode("a", {
+						}, null, 40, _hoisted_36)])) : msg.msgType === 3 ? (openBlock(), createElementBlock("div", _hoisted_37, toDisplayString(msg.content), 1)) : msg.msgType === 4 ? (openBlock(), createElementBlock("div", _hoisted_38, [createBaseVNode("a", {
 							href: msg.content,
 							target: "_blank",
 							class: "file-link"
-						}, " 📎 点击下载文件 ", 8, _hoisted_37)])) : msg.msgType === 5 ? (openBlock(), createElementBlock("div", _hoisted_38, toDisplayString(msg.content), 1)) : msg.msgType === 6 ? (openBlock(), createElementBlock("div", _hoisted_39, toDisplayString(msg.content), 1)) : (openBlock(), createElementBlock("div", _hoisted_40, toDisplayString(msg.content), 1)), createBaseVNode("div", _hoisted_41, toDisplayString(msg.time), 1)])]), createBaseVNode("div", _hoisted_42, [msg.avatar ? (openBlock(), createElementBlock("img", {
+						}, " 📎 点击下载文件 ", 8, _hoisted_39)])) : msg.msgType === 5 ? (openBlock(), createElementBlock("div", _hoisted_40, toDisplayString(msg.content), 1)) : msg.msgType === 6 ? (openBlock(), createElementBlock("div", _hoisted_41, toDisplayString(msg.content), 1)) : msg.msgType === 7 ? (openBlock(), createElementBlock("div", _hoisted_42, [createBaseVNode("video", {
+							src: msg.content,
+							controls: "",
+							preload: "metadata",
+							onLoadedmetadata: scrollToBottomAfterRender
+						}, null, 40, _hoisted_43)])) : (openBlock(), createElementBlock("div", _hoisted_44, toDisplayString(msg.content), 1)), createBaseVNode("div", _hoisted_45, toDisplayString(msg.time), 1)])]), createBaseVNode("div", _hoisted_46, [msg.avatar ? (openBlock(), createElementBlock("img", {
 							key: 0,
 							src: msg.avatar,
 							alt: msg.sender || "用户",
 							class: "msg-avatar-img",
 							onError: handleImageError
-						}, null, 40, _hoisted_43)) : (openBlock(), createElementBlock("div", _hoisted_44, toDisplayString(((_msg$sender2 = msg.sender) === null || _msg$sender2 === void 0 ? void 0 : _msg$sender2.charAt(0)) || "#"), 1))])], 64))], 2);
+						}, null, 40, _hoisted_47)) : (openBlock(), createElementBlock("div", _hoisted_48, toDisplayString(((_msg$sender2 = msg.sender) === null || _msg$sender2 === void 0 ? void 0 : _msg$sender2.charAt(0)) || "#"), 1))])], 64))], 2);
 					}), 128)),
-					!loading.value && messages.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_45, [createBaseVNode("img", {
+					!loading.value && messages.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_49, [createBaseVNode("img", {
 						class: "empty-icon",
 						src: unref(message_default),
 						alt: "暂无消息"
-					}, null, 8, _hoisted_46), _cache[5] || (_cache[5] = createBaseVNode("p", null, "暂无消息", -1))])) : createCommentVNode("", true)
+					}, null, 8, _hoisted_50), _cache[5] || (_cache[5] = createBaseVNode("p", null, "暂无消息", -1))])) : createCommentVNode("", true)
 				], 544),
-				createBaseVNode("div", _hoisted_47, [
-					createBaseVNode("div", _hoisted_48, [
+				createBaseVNode("div", _hoisted_51, [
+					createBaseVNode("div", _hoisted_52, [
 						createBaseVNode("button", {
 							class: "tool-btn image-btn",
 							disabled: isUploading.value,
 							title: "发送图片",
 							onClick: handleImageSelect
-						}, [createBaseVNode("span", _hoisted_50, [!isUploading.value ? (openBlock(), createElementBlock("svg", _hoisted_51, [..._cache[6] || (_cache[6] = [createBaseVNode("path", {
+						}, [createBaseVNode("span", _hoisted_54, [!isUploading.value ? (openBlock(), createElementBlock("svg", _hoisted_55, [..._cache[6] || (_cache[6] = [createBaseVNode("path", {
 							fill: "currentColor",
 							d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"
 						}, null, -1), createBaseVNode("path", {
 							fill: "currentColor",
 							d: "M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"
-						}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_52, "⏳"))]), createBaseVNode("span", _hoisted_53, toDisplayString(isUploading.value ? "上传中..." : "图片"), 1)], 8, _hoisted_49),
-						createBaseVNode("div", _hoisted_54, [createBaseVNode("button", {
+						}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_56, "⏳"))]), createBaseVNode("span", _hoisted_57, toDisplayString(isUploading.value ? "上传中..." : "图片"), 1)], 8, _hoisted_53),
+						createBaseVNode("button", {
+							class: "tool-btn video-btn",
+							disabled: isUploadingVideo.value,
+							title: "发送视频",
+							onClick: handleVideoSelect
+						}, [createBaseVNode("span", _hoisted_59, [!isUploadingVideo.value ? (openBlock(), createElementBlock("svg", _hoisted_60, [..._cache[7] || (_cache[7] = [createBaseVNode("path", {
+							fill: "currentColor",
+							d: "M832 192H192c-35.2 0-64 28.8-64 64v512c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64V256c0-35.2-28.8-64-64-64m0 64v512H192V256zM320 320l320 192-320 192z"
+						}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_61, "⏳"))]), createBaseVNode("span", _hoisted_62, toDisplayString(isUploadingVideo.value ? "上传中..." : "视频"), 1)], 8, _hoisted_58),
+						createBaseVNode("div", _hoisted_63, [createBaseVNode("button", {
 							class: "tool-btn emoji-btn",
 							title: "选择表情",
 							onClick: toggleEmojiPicker
-						}, [..._cache[7] || (_cache[7] = [createStaticVNode("<span class=\"tool-btn-icon\" aria-hidden=\"true\" data-v-1459079f><svg class=\"tool-btn-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-1459079f><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-1459079f></circle><path d=\"M8 14s1.5 2 4 2 4-2 4-2\" data-v-1459079f></path><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\" data-v-1459079f></line><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\" data-v-1459079f></line></svg></span><span class=\"tool-btn-text\" data-v-1459079f>表情</span>", 2)])]), showEmojiPicker.value ? (openBlock(), createElementBlock("div", _hoisted_55, [createVNode(unref(Picker), {
+						}, [..._cache[8] || (_cache[8] = [createStaticVNode("<span class=\"tool-btn-icon\" aria-hidden=\"true\" data-v-6f480f31><svg class=\"tool-btn-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-6f480f31><circle cx=\"12\" cy=\"12\" r=\"10\" data-v-6f480f31></circle><path d=\"M8 14s1.5 2 4 2 4-2 4-2\" data-v-6f480f31></path><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\" data-v-6f480f31></line><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\" data-v-6f480f31></line></svg></span><span class=\"tool-btn-text\" data-v-6f480f31>表情</span>", 2)])]), showEmojiPicker.value ? (openBlock(), createElementBlock("div", _hoisted_64, [createVNode(unref(Picker), {
 							native: true,
 							theme: "light",
 							"group-names": {
@@ -17521,7 +17675,7 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 							class: normalizeClass(["tool-btn quick-reply-trigger", { active: showQuickReplyPanel.value }]),
 							title: "快捷回复",
 							onClick: toggleQuickReplyPanel
-						}, [..._cache[8] || (_cache[8] = [createBaseVNode("span", {
+						}, [..._cache[9] || (_cache[9] = [createBaseVNode("span", {
 							class: "tool-btn-icon",
 							"aria-hidden": "true"
 						}, [createBaseVNode("svg", {
@@ -17532,18 +17686,18 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [createBaseVNode("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })])], -1), createBaseVNode("span", { class: "tool-btn-text" }, "快捷回复", -1)])], 2), showQuickReplyPanel.value ? (openBlock(), createElementBlock("div", _hoisted_56, [createBaseVNode("div", _hoisted_57, [withDirectives(createBaseVNode("input", {
+						}, [createBaseVNode("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })])], -1), createBaseVNode("span", { class: "tool-btn-text" }, "快捷回复", -1)])], 2), showQuickReplyPanel.value ? (openBlock(), createElementBlock("div", _hoisted_65, [createBaseVNode("div", _hoisted_66, [withDirectives(createBaseVNode("input", {
 							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => quickReplyKeyword.value = $event),
 							type: "text",
 							placeholder: "搜索快捷回复"
-						}, null, 512), [[vModelText, quickReplyKeyword.value]])]), createBaseVNode("div", _hoisted_58, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredQuickReplyList.value, (item, index) => {
+						}, null, 512), [[vModelText, quickReplyKeyword.value]])]), createBaseVNode("div", _hoisted_67, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredQuickReplyList.value, (item, index) => {
 							return openBlock(), createElementBlock("button", {
 								key: `${item}-${index}`,
 								type: "button",
 								class: "quick-reply-item",
 								onClick: ($event) => applyQuickReply(item)
-							}, toDisplayString(item), 9, _hoisted_59);
-						}), 128)), !filteredQuickReplyList.value.length ? (openBlock(), createElementBlock("div", _hoisted_60, " 暂无匹配快捷回复 ")) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 512)) : createCommentVNode("", true)
+							}, toDisplayString(item), 9, _hoisted_68);
+						}), 128)), !filteredQuickReplyList.value.length ? (openBlock(), createElementBlock("div", _hoisted_69, " 暂无匹配快捷回复 ")) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 512)) : createCommentVNode("", true)
 					]),
 					withDirectives(createBaseVNode("textarea", {
 						ref_key: "inputTextarea",
@@ -17552,7 +17706,7 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 						placeholder: "请输入消息...",
 						rows: "3",
 						onKeydown: withKeys(withModifiers(sendMessage, ["exact", "prevent"]), ["enter"])
-					}, null, 40, _hoisted_61), [[vModelText, inputMessage.value]]),
+					}, null, 40, _hoisted_70), [[vModelText, inputMessage.value]]),
 					createBaseVNode("div", { class: "input-actions" }, [createBaseVNode("button", {
 						class: "send-btn",
 						onClick: sendMessage
@@ -17577,7 +17731,7 @@ var ChatRoom_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-1459079f"]]);
+}), [["__scopeId", "data-v-6f480f31"]]);
 //#endregion
 //#region src/assets/img/list.png?url
 var list_default = "data:image/png;base64,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";
@@ -19365,4 +19519,4 @@ var IMSDK = {
 	getUserInfo
 };
 //#endregion
-export { HttpClient, IMSDK, IMSDK as default, App_default as IMSDKApp, WS_STATUS, WebSocketClient, applyModeDefaults, buildApiPath, getAuthorization, getAuthorizationExtraPayload, getChatList, getChatListBySession, getChatRewordBySession, getConfig, getRuntimeApi, getUnReadCount, getUnReadList, getUserChatList, getUserInfo, hasApiCapability, httpClient as http, initIM, isInitialized, isPlatformMode, isStoreMode, resetConfig, updateConfig, warnModeOverrides, wsClient };
+export { HttpClient, IMSDK, IMSDK as default, App_default as IMSDKApp, WS_STATUS, WebSocketClient, applyModeDefaults, buildApiPath, getAuthorization, getAuthorizationExtraPayload, getChatList, getChatListBySession, getChatRewordBySession, getConfig, getRuntimeApi, getUnReadCount, getUnReadList, getUserChatList, getUserInfo, hasApiCapability, httpClient as http, initIM, isInitialized, isPlatformMode, isStoreMode, resetConfig, updateConfig, uploadFile, uploadImage, warnModeOverrides, wsClient };