@zjw-jszn/shared-imsdk 1.0.7 → 1.0.9

package/dist/shared-imsdk.css

@@ -942,7 +942,7 @@ to {
 }
 }
 
-.chat-window[data-v-d726d76e] {
+.chat-window[data-v-00d50ef7] {
   position: fixed;
   z-index: 9998;
 
@@ -959,16 +959,16 @@ to {
   backdrop-filter: blur(6px);
   box-shadow: 0 24px 80px rgba(11, 58, 106, 0.24);
 
-  animation: window-enter-d726d76e 0.22s ease-out;
+  animation: window-enter-00d50ef7 0.22s ease-out;
 }
-.chat-window.is-dragging[data-v-d726d76e] {
+.chat-window.is-dragging[data-v-00d50ef7] {
   cursor: move;
   box-shadow: 0 28px 88px rgba(11, 58, 106, 0.28);
 }
-.chat-window.is-resizing[data-v-d726d76e] {
+.chat-window.is-resizing[data-v-00d50ef7] {
   cursor: nwse-resize;
 }
-.chat-header[data-v-d726d76e] {
+.chat-header[data-v-00d50ef7] {
   cursor: move;
   user-select: none;
 
@@ -986,19 +986,19 @@ to {
 }
 
 /* 用户信息区域 */
-.user-info-section[data-v-d726d76e] {
+.user-info-section[data-v-00d50ef7] {
   display: flex;
   flex: 1;
   gap: 12px;
   align-items: center;
 }
-.user-avatar-wrapper[data-v-d726d76e] {
+.user-avatar-wrapper[data-v-00d50ef7] {
   position: relative;
   flex-shrink: 0;
   width: 40px;
   height: 40px;
 }
-.user-avatar[data-v-d726d76e] {
+.user-avatar[data-v-00d50ef7] {
   width: 100%;
   height: 100%;
   border: 2px solid rgba(255, 255, 255, 0.3);
@@ -1007,7 +1007,7 @@ to {
   object-fit: cover;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
-.user-avatar-default[data-v-d726d76e] {
+.user-avatar-default[data-v-00d50ef7] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1024,7 +1024,7 @@ to {
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 }
-.status-indicator[data-v-d726d76e] {
+.status-indicator[data-v-00d50ef7] {
   cursor: pointer;
 
   position: absolute;
@@ -1044,16 +1044,16 @@ to {
 
   transition: transform 0.2s;
 }
-.status-indicator[data-v-d726d76e]:hover {
+.status-indicator[data-v-00d50ef7]:hover {
   transform: scale(1.15);
 }
-.status-indicator svg[data-v-d726d76e] {
+.status-indicator svg[data-v-00d50ef7] {
   width: 8px;
   height: 8px;
 }
 
 /* 状态下拉菜单 */
-.status-dropdown[data-v-d726d76e] {
+.status-dropdown[data-v-00d50ef7] {
   position: absolute;
   z-index: 100;
   top: 100%;
@@ -1068,7 +1068,7 @@ to {
   background: white;
   box-shadow: 0 12px 30px rgba(11, 58, 106, 0.18);
 }
-.status-option[data-v-d726d76e] {
+.status-option[data-v-00d50ef7] {
   cursor: pointer;
 
   display: flex;
@@ -1082,44 +1082,44 @@ to {
 
   transition: all 0.2s;
 }
-.status-option[data-v-d726d76e]:hover {
+.status-option[data-v-00d50ef7]:hover {
   background: #f5f5f5;
 }
-.status-option.active[data-v-d726d76e] {
+.status-option.active[data-v-00d50ef7] {
   color: #0e77cc;
   background: #e6f7ff;
 }
-.status-dot[data-v-d726d76e] {
+.status-dot[data-v-00d50ef7] {
   flex-shrink: 0;
   width: 10px;
   height: 10px;
   border-radius: 50%;
 }
-.status-option span[data-v-d726d76e] {
+.status-option span[data-v-00d50ef7] {
   flex: 1;
   font-size: 13px;
 }
-.check-icon[data-v-d726d76e] {
+.check-icon[data-v-00d50ef7] {
   width: 16px;
   height: 16px;
   opacity: 0.8;
 }
-.user-details[data-v-d726d76e] {
+.user-details[data-v-00d50ef7] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.user-name[data-v-d726d76e] {
+.user-name[data-v-00d50ef7] {
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.2px;
 }
-.user-status[data-v-d726d76e] {
+.user-status[data-v-00d50ef7] {
   font-size: 12px;
   font-weight: 400;
   opacity: 0.9;
 }
-.close-btn[data-v-d726d76e] {
+.close-btn[data-v-00d50ef7] {
   cursor: pointer;
 
   display: flex;
@@ -1140,15 +1140,15 @@ to {
 
   transition: all 0.2s;
 }
-.close-btn[data-v-d726d76e]:hover {
+.close-btn[data-v-00d50ef7]:hover {
   transform: rotate(90deg);
   opacity: 1;
   background: rgba(255, 255, 255, 0.15);
 }
-.close-btn[data-v-d726d76e]:active {
+.close-btn[data-v-00d50ef7]:active {
   transform: rotate(90deg) scale(0.95);
 }
-.chat-body[data-v-d726d76e] {
+.chat-body[data-v-00d50ef7] {
   overflow: hidden;
   display: flex;
   flex: 1;
@@ -1159,7 +1159,7 @@ to {
 }
 
 /* 第一栏：一级菜单 */
-.first-sidebar[data-v-d726d76e] {
+.first-sidebar[data-v-00d50ef7] {
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
@@ -1170,7 +1170,7 @@ to {
 
   background: linear-gradient(180deg, #f5f9ff 0%, #f0f6fd 100%);
 }
-.menu-items-container[data-v-d726d76e] {
+.menu-items-container[data-v-00d50ef7] {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -1178,7 +1178,7 @@ to {
 
   padding: 18px 0;
 }
-.menu-item[data-v-d726d76e] {
+.menu-item[data-v-00d50ef7] {
   cursor: pointer;
 
   position: relative;
@@ -1200,22 +1200,22 @@ to {
 
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.menu-item[data-v-d726d76e]:last-child {
+.menu-item[data-v-00d50ef7]:last-child {
   margin-bottom: 0;
 }
-.menu-item[data-v-d726d76e]:hover {
+.menu-item[data-v-00d50ef7]:hover {
   transform: translateY(-1px);
   border-color: #d2e3f3;
   color: #0e77cc;
   background: #f7fbff;
 }
-.menu-item.active[data-v-d726d76e] {
+.menu-item.active[data-v-00d50ef7] {
   border-color: #0e77cc;
   color: white;
   background: linear-gradient(135deg, #0f83df 0%, #0d6db8 100%);
   box-shadow: 0 8px 20px rgba(14, 119, 204, 0.35);
 }
-.menu-item.active[data-v-d726d76e]::before {
+.menu-item.active[data-v-00d50ef7]::before {
   content: '';
 
   position: absolute;
@@ -1229,14 +1229,14 @@ to {
 
   background: #0e77cc;
 }
-.menu-item .icon[data-v-d726d76e] {
+.menu-item .icon[data-v-00d50ef7] {
   width: 23px;
   height: 23px;
 }
-.menu-item .label[data-v-d726d76e] {
+.menu-item .label[data-v-00d50ef7] {
   display: none;
 }
-.menu-item .menu-badge[data-v-d726d76e] {
+.menu-item .menu-badge[data-v-00d50ef7] {
   position: absolute;
   top: 6px;
   right: 6px;
@@ -1259,14 +1259,14 @@ to {
   background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
   box-shadow: 0 2px 6px rgba(255, 77, 79, 0.4);
 }
-.menu-item.active .menu-badge[data-v-d726d76e] {
+.menu-item.active .menu-badge[data-v-00d50ef7] {
   border-color: #0e77cc;
   color: #ff4d4f;
   background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);
 }
 
 /* 第二栏：二级侧边栏 */
-.second-sidebar[data-v-d726d76e] {
+.second-sidebar[data-v-00d50ef7] {
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -1279,7 +1279,7 @@ to {
 }
 
 /* 第三栏：聊天区域 */
-.chat-area[data-v-d726d76e] {
+.chat-area[data-v-00d50ef7] {
   overflow: hidden;
   display: flex;
   flex: 1;
@@ -1289,7 +1289,7 @@ to {
 
   background: radial-gradient(circle at top right, rgba(14, 119, 204, 0.08) 0%, rgba(255, 255, 255, 0) 42%), #fff;
 }
-.empty-chat[data-v-d726d76e] {
+.empty-chat[data-v-00d50ef7] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1301,7 +1301,7 @@ to {
 
   background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);
 }
-.empty-chat .empty-icon[data-v-d726d76e] {
+.empty-chat .empty-icon[data-v-00d50ef7] {
   width: 72px;
   height: 72px;
   margin-bottom: 18px;
@@ -1309,7 +1309,7 @@ to {
   opacity: 0.5;
   filter: drop-shadow(0 8px 20px rgba(11, 58, 106, 0.16));
 }
-.empty-chat p[data-v-d726d76e] {
+.empty-chat p[data-v-00d50ef7] {
   margin: 0;
   font-size: 15px;
   font-weight: 500;
@@ -1317,7 +1317,7 @@ to {
 }
 
 /* 拉伸手柄 */
-.resize-handle[data-v-d726d76e] {
+.resize-handle[data-v-00d50ef7] {
   cursor: nwse-resize;
 
   position: absolute;
@@ -1332,10 +1332,10 @@ to {
 
   transition: opacity 0.2s;
 }
-.resize-handle[data-v-d726d76e]:hover {
+.resize-handle[data-v-00d50ef7]:hover {
   opacity: 1;
 }
-.resize-handle[data-v-d726d76e]::after {
+.resize-handle[data-v-00d50ef7]::after {
   content: '';
 
   position: absolute;
@@ -1352,7 +1352,7 @@ to {
   opacity: 0.6;
   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
 }
-@keyframes window-enter-d726d76e {
+@keyframes window-enter-00d50ef7 {
 from {
     transform: translate3d(0, 16px, 0) scale(0.98);
     opacity: 0;
@@ -1363,7 +1363,7 @@ to {
 }
 }
 @media (width <= 960px) {
-.second-sidebar[data-v-d726d76e] {
+.second-sidebar[data-v-00d50ef7] {
     width: 220px;
 }
 }

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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #fff;\n}\n.chat-room-header[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.05);\n  color: #0e77cc;\n  background: #e8e8e8;\n}\n.back-btn[data-v-cc3cfaa7]:active {\n  transform: scale(0.95);\n}\n.title[data-v-cc3cfaa7] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.header-actions[data-v-cc3cfaa7] {\n  display: flex;\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n.end-session-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #ffb3ad;\n  background: #ffe7e2;\n}\n.end-session-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n}\n.avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.name[data-v-cc3cfaa7] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.messages[data-v-cc3cfaa7] {\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-cc3cfaa7]::-webkit-scrollbar {\n  width: 6px;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.loading-more[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n.no-more[data-v-cc3cfaa7] {\n  padding: 12px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.loading-state[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n@keyframes spin-cc3cfaa7 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-messages[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 16px;\n  font-size: 64px;\n  opacity: 0.5;\n}\n.empty-messages p[data-v-cc3cfaa7] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.message-item[data-v-cc3cfaa7] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 24px;\n  animation: slide-in-cc3cfaa7 0.3s ease-out;\n}\n@keyframes slide-in-cc3cfaa7 {\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-cc3cfaa7] {\n  justify-content: flex-end;\n}\n.msg-avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.msg-avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  max-width: 65%;\n}\n.is-self .message-content-wrapper[data-v-cc3cfaa7] {\n  align-items: flex-end;\n}\n.message-sender[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.message-content[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  color: white;\n}\n\n/* 图片消息 */\n.message-image[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.message-image img[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.02);\n}\n\n/* 表情消息 */\n.message-emoji[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.file-link[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  color: #0e77cc;\n  background-color: #e8e8e8;\n}\n.is-self .file-link[data-v-cc3cfaa7] {\n  color: white;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.is-self .file-link[data-v-cc3cfaa7]:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n/* 系统通知 */\n.message-system[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.2);\n}\n.message-time[data-v-cc3cfaa7] {\n  font-size: 11px;\n  color: #8c8c8c;\n}\n.message-item.is-self .message-time[data-v-cc3cfaa7] {\n  color: rgba(255, 255, 255, 0.75);\n}\n.input-area[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n}\n.tool-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.tool-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: #f5f5f5;\n}\n.tool-btn-text[data-v-cc3cfaa7] {\n  font-size: 13px;\n}\n.tool-btn-icon[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  width: 18px;\n  height: 18px;\n}\n.image-btn[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.emoji-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-trigger[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.quick-reply-trigger.active[data-v-cc3cfaa7] {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-panel[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.quick-reply-search input[data-v-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7] {\n  overflow-y: auto;\n  max-height: 220px;\n  padding: 8px;\n}\n.quick-reply-item[data-v-cc3cfaa7] {\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-cc3cfaa7]:last-child {\n  margin-bottom: 0;\n}\n.quick-reply-item[data-v-cc3cfaa7]:hover {\n  border-color: #b6dcfa;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-empty[data-v-cc3cfaa7] {\n  padding: 18px 10px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.emoji-picker-wrapper[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7]::placeholder {\n  color: #bfbfbf;\n}\n.input-actions[data-v-cc3cfaa7] {\n  display: flex;\n  justify-content: flex-end;\n}\n.send-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(14, 119, 204, 0.35);\n}\n.send-btn[data-v-cc3cfaa7]:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n}\n\n.conversation-list[data-v-d070a051] {\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-d070a051]::-webkit-scrollbar {\n  width: 6px;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.unread-header[data-v-d070a051] {\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-d070a051] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.3px;\n}\n.loading-state[data-v-d070a051] {\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-d070a051] {\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-d070a051 0.8s linear infinite;\n}\n@keyframes spin-d070a051 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-state[data-v-d070a051] {\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-d070a051] {\n  width: 64px;\n  height: 64px;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n.empty-state p[data-v-d070a051] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.conversation-item[data-v-d070a051] {\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-d070a051]:hover {\n  background-color: #f5f7fa;\n}\n.conversation-item.active[data-v-d070a051] {\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-d070a051]:last-child {\n  border-bottom: none;\n}\n\n/* 会话项内容布局 */\n.conversation-item-content[data-v-d070a051] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n}\n.avatar-wrapper[data-v-d070a051] {\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n}\n.avatar-img[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.content-text[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.unread-badge[data-v-d070a051] {\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-d070a051 2s ease-in-out infinite;\n}\n@keyframes pulse-d070a051 {\n0%, 100% {\n    transform: scale(1);\n}\n50% {\n    transform: scale(1.05);\n}\n}\n\n.chat-window[data-v-d726d76e] {\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-d726d76e 0.22s ease-out;\n}\n.chat-window.is-dragging[data-v-d726d76e] {\n  cursor: move;\n  box-shadow: 0 28px 88px rgba(11, 58, 106, 0.28);\n}\n.chat-window.is-resizing[data-v-d726d76e] {\n  cursor: nwse-resize;\n}\n.chat-header[data-v-d726d76e] {\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-d726d76e] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.user-avatar-wrapper[data-v-d726d76e] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.user-avatar[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e]:hover {\n  transform: scale(1.15);\n}\n.status-indicator svg[data-v-d726d76e] {\n  width: 8px;\n  height: 8px;\n}\n\n/* 状态下拉菜单 */\n.status-dropdown[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e]:hover {\n  background: #f5f5f5;\n}\n.status-option.active[data-v-d726d76e] {\n  color: #0e77cc;\n  background: #e6f7ff;\n}\n.status-dot[data-v-d726d76e] {\n  flex-shrink: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.status-option span[data-v-d726d76e] {\n  flex: 1;\n  font-size: 13px;\n}\n.check-icon[data-v-d726d76e] {\n  width: 16px;\n  height: 16px;\n  opacity: 0.8;\n}\n.user-details[data-v-d726d76e] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.user-name[data-v-d726d76e] {\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n}\n.user-status[data-v-d726d76e] {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.9;\n}\n.close-btn[data-v-d726d76e] {\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-d726d76e]:hover {\n  transform: rotate(90deg);\n  opacity: 1;\n  background: rgba(255, 255, 255, 0.15);\n}\n.close-btn[data-v-d726d76e]:active {\n  transform: rotate(90deg) scale(0.95);\n}\n.chat-body[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e]:last-child {\n  margin-bottom: 0;\n}\n.menu-item[data-v-d726d76e]:hover {\n  transform: translateY(-1px);\n  border-color: #d2e3f3;\n  color: #0e77cc;\n  background: #f7fbff;\n}\n.menu-item.active[data-v-d726d76e] {\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-d726d76e]::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-d726d76e] {\n  width: 23px;\n  height: 23px;\n}\n.menu-item .label[data-v-d726d76e] {\n  display: none;\n}\n.menu-item .menu-badge[data-v-d726d76e] {\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-d726d76e] {\n  border-color: #0e77cc;\n  color: #ff4d4f;\n  background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n}\n\n/* 第二栏：二级侧边栏 */\n.second-sidebar[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n}\n\n/* 拉伸手柄 */\n.resize-handle[data-v-d726d76e] {\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-d726d76e]:hover {\n  opacity: 1;\n}\n.resize-handle[data-v-d726d76e]::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-d726d76e {\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-d726d76e] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #fff;\n}\n.chat-room-header[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.05);\n  color: #0e77cc;\n  background: #e8e8e8;\n}\n.back-btn[data-v-cc3cfaa7]:active {\n  transform: scale(0.95);\n}\n.title[data-v-cc3cfaa7] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.header-actions[data-v-cc3cfaa7] {\n  display: flex;\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n.end-session-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #ffb3ad;\n  background: #ffe7e2;\n}\n.end-session-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n}\n.avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.name[data-v-cc3cfaa7] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.messages[data-v-cc3cfaa7] {\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-cc3cfaa7]::-webkit-scrollbar {\n  width: 6px;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.loading-more[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n.no-more[data-v-cc3cfaa7] {\n  padding: 12px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.loading-state[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n@keyframes spin-cc3cfaa7 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-messages[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 16px;\n  font-size: 64px;\n  opacity: 0.5;\n}\n.empty-messages p[data-v-cc3cfaa7] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.message-item[data-v-cc3cfaa7] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 24px;\n  animation: slide-in-cc3cfaa7 0.3s ease-out;\n}\n@keyframes slide-in-cc3cfaa7 {\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-cc3cfaa7] {\n  justify-content: flex-end;\n}\n.msg-avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.msg-avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  max-width: 65%;\n}\n.is-self .message-content-wrapper[data-v-cc3cfaa7] {\n  align-items: flex-end;\n}\n.message-sender[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.message-content[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  color: white;\n}\n\n/* 图片消息 */\n.message-image[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.message-image img[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.02);\n}\n\n/* 表情消息 */\n.message-emoji[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.file-link[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  color: #0e77cc;\n  background-color: #e8e8e8;\n}\n.is-self .file-link[data-v-cc3cfaa7] {\n  color: white;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.is-self .file-link[data-v-cc3cfaa7]:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n/* 系统通知 */\n.message-system[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.2);\n}\n.message-time[data-v-cc3cfaa7] {\n  font-size: 11px;\n  color: #8c8c8c;\n}\n.message-item.is-self .message-time[data-v-cc3cfaa7] {\n  color: rgba(255, 255, 255, 0.75);\n}\n.input-area[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n}\n.tool-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.tool-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: #f5f5f5;\n}\n.tool-btn-text[data-v-cc3cfaa7] {\n  font-size: 13px;\n}\n.tool-btn-icon[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  width: 18px;\n  height: 18px;\n}\n.image-btn[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.emoji-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-trigger[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.quick-reply-trigger.active[data-v-cc3cfaa7] {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-panel[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.quick-reply-search input[data-v-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7] {\n  overflow-y: auto;\n  max-height: 220px;\n  padding: 8px;\n}\n.quick-reply-item[data-v-cc3cfaa7] {\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-cc3cfaa7]:last-child {\n  margin-bottom: 0;\n}\n.quick-reply-item[data-v-cc3cfaa7]:hover {\n  border-color: #b6dcfa;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-empty[data-v-cc3cfaa7] {\n  padding: 18px 10px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.emoji-picker-wrapper[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7]::placeholder {\n  color: #bfbfbf;\n}\n.input-actions[data-v-cc3cfaa7] {\n  display: flex;\n  justify-content: flex-end;\n}\n.send-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(14, 119, 204, 0.35);\n}\n.send-btn[data-v-cc3cfaa7]:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n}\n\n.conversation-list[data-v-d070a051] {\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-d070a051]::-webkit-scrollbar {\n  width: 6px;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.unread-header[data-v-d070a051] {\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-d070a051] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.3px;\n}\n.loading-state[data-v-d070a051] {\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-d070a051] {\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-d070a051 0.8s linear infinite;\n}\n@keyframes spin-d070a051 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-state[data-v-d070a051] {\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-d070a051] {\n  width: 64px;\n  height: 64px;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n.empty-state p[data-v-d070a051] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.conversation-item[data-v-d070a051] {\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-d070a051]:hover {\n  background-color: #f5f7fa;\n}\n.conversation-item.active[data-v-d070a051] {\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-d070a051]:last-child {\n  border-bottom: none;\n}\n\n/* 会话项内容布局 */\n.conversation-item-content[data-v-d070a051] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n}\n.avatar-wrapper[data-v-d070a051] {\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n}\n.avatar-img[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.content-text[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.unread-badge[data-v-d070a051] {\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-d070a051 2s ease-in-out infinite;\n}\n@keyframes pulse-d070a051 {\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__)) {
@@ -17864,15 +17864,15 @@ var ChatWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 		const selectedConversation = /* @__PURE__ */ ref(null);
 		const selectedConversationData = /* @__PURE__ */ ref(void 0);
 		const userStatusOptions = [{
-			id: "online",
+			id: "onConnect",
 			label: "在线",
 			color: "#52c41a"
 		}, {
-			id: "offline",
+			id: "offLine",
 			label: "离线",
 			color: "#d9d9d9"
 		}];
-		const userStatus = /* @__PURE__ */ ref("online");
+		const userStatus = /* @__PURE__ */ ref(wsClient.getPresenceAction());
 		const showStatusDropdown = /* @__PURE__ */ ref(false);
 		const userInfo = /* @__PURE__ */ ref(null);
 		const menus = [{
@@ -17894,16 +17894,23 @@ var ChatWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			return props.unreadCount || 0;
 		});
 		const { setActiveConversationId } = useUnreadStore();
-		function syncPresenceAction(status) {
-			const action = status === "online" ? "onConnect" : "offLine";
+		function syncPresenceAction(action) {
 			wsClient.sendBusinessMessage(action);
 		}
+		function applyPresenceAction(action) {
+			if (userStatus.value !== action) userStatus.value = action;
+		}
+		function handlePresenceChanged(payload) {
+			const data = payload;
+			if ((data === null || data === void 0 ? void 0 : data.action) === "onConnect" || (data === null || data === void 0 ? void 0 : data.action) === "offLine") applyPresenceAction(data.action);
+		}
 		function handleStatusSelect(status) {
 			userStatus.value = status;
 			showStatusDropdown.value = false;
 		}
 		watch(userStatus, (status, prev) => {
 			if (status === prev) return;
+			if (status === wsClient.getPresenceAction()) return;
 			syncPresenceAction(status);
 		});
 		function handleSelectConversation(id) {
@@ -18031,6 +18038,8 @@ var ChatWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 		}
 		onMounted(() => {
 			userInfo.value = getUserInfo();
+			applyPresenceAction(wsClient.getPresenceAction());
+			wsClient.on("presenceChange", handlePresenceChanged);
 			const width = window.innerWidth;
 			const height = window.innerHeight;
 			viewportSize.value = {
@@ -18096,6 +18105,7 @@ var ChatWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			document.removeEventListener("mousemove", handleMouseMove);
 			document.removeEventListener("mouseup", handleMouseUp);
 			window.removeEventListener("resize", handleViewportResize);
+			wsClient.off("presenceChange", handlePresenceChanged);
 			setActiveConversationId(null);
 		});
 		return (_ctx, _cache) => {
@@ -18200,7 +18210,7 @@ var ChatWindow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			], 6);
 		};
 	}
-}), [["__scopeId", "data-v-d726d76e"]]);
+}), [["__scopeId", "data-v-00d50ef7"]]);
 //#endregion
 //#region src/assets/img/icon.png?url
 var icon_default = "data:image/png;base64,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";
@@ -18515,6 +18525,28 @@ var HEARTBEAT_INTERVAL = 3e3;
 var RECONNECT_INTERVAL = 3e3;
 var MAX_RECONNECT_COUNT = 5;
 var MAX_MESSAGE_QUEUE_SIZE = 200;
+var PRESENCE_ACTION_STORAGE_KEY = "imsdk:presence-action";
+var PRESENCE_CHANGE_EVENT = "presenceChange";
+function normalizePresenceAction(action) {
+	return action === "offLine" ? "offLine" : "onConnect";
+}
+function readPresenceActionFromStorage() {
+	if (typeof window === "undefined" || !window.localStorage) return "onConnect";
+	try {
+		return normalizePresenceAction(window.localStorage.getItem(PRESENCE_ACTION_STORAGE_KEY));
+	} catch (error) {
+		console.warn("读取在线状态缓存失败，已使用默认 onConnect:", error);
+		return "onConnect";
+	}
+}
+function writePresenceActionToStorage(action) {
+	if (typeof window === "undefined" || !window.localStorage) return;
+	try {
+		window.localStorage.setItem(PRESENCE_ACTION_STORAGE_KEY, action);
+	} catch (error) {
+		console.warn("写入在线状态缓存失败:", error);
+	}
+}
 var WebSocketClient = class {
 	constructor(config = {}) {
 		_defineProperty(this, "ws", null);
@@ -18524,6 +18556,9 @@ var WebSocketClient = class {
 		_defineProperty(this, "reconnectCount", 0);
 		_defineProperty(this, "messageQueue", []);
 		_defineProperty(this, "listeners", /* @__PURE__ */ new Map());
+		_defineProperty(this, "lastToken", "");
+		_defineProperty(this, "lastUserId", null);
+		_defineProperty(this, "lastPhone", null);
 		_defineProperty(this, "userId", null);
 		_defineProperty(this, "phone", null);
 		_defineProperty(this, "siteId", "");
@@ -18533,6 +18568,7 @@ var WebSocketClient = class {
 		_defineProperty(this, "logPrefix", "[WebSocket]");
 		this.wsUrl = config.wsUrl || "";
 		this.siteId = config.siteId || "";
+		this.presenceAction = readPresenceActionFromStorage();
 	}
 	/**
 	* 连接 WebSocket
@@ -18546,6 +18582,9 @@ var WebSocketClient = class {
 			try {
 				this.destroyConnection();
 				const url = `${this.wsUrl || "wss://aox.api.orchiport.asia"}?platform=${encodeURIComponent(getWSPlatform())}${token ? `&token=${encodeURIComponent(token)}` : ""}`;
+				this.lastToken = token;
+				this.lastUserId = userId;
+				this.lastPhone = phone;
 				this.userId = userId;
 				this.phone = phone;
 				this.siteId = siteId || this.siteId;
@@ -18565,6 +18604,7 @@ var WebSocketClient = class {
 						userId: this.userId
 					});
 					if (!this.isConnected) {
+						this.setPresenceAction("onConnect", "connect");
 						this.sendConnectMessage();
 						this.isConnected = true;
 					}
@@ -18593,15 +18633,17 @@ var WebSocketClient = class {
 					this.status = WS_STATUS.CLOSED;
 					this.stopHeartbeat();
 					this.emit("close", event);
-					const canReconnect = this.reconnectCount < MAX_RECONNECT_COUNT;
+					const canReconnect = this.presenceAction === "onConnect" && this.reconnectCount < MAX_RECONNECT_COUNT;
 					console.warn(`${this.logPrefix} 连接关闭`, {
 						code: event.code,
 						reason: event.reason,
 						wasClean: event.wasClean,
+						presenceAction: this.presenceAction,
 						reconnectAttempt: this.reconnectCount,
 						willReconnect: canReconnect
 					});
 					if (canReconnect) this.scheduleReconnect(token, this.userId, this.phone);
+					else if (this.presenceAction === "offLine") console.info(`${this.logPrefix} 当前为 offLine 状态，已停止自动重连`);
 					else console.error(`${this.logPrefix} 重连次数超过最大限制，停止重连`, { maxReconnectCount: MAX_RECONNECT_COUNT });
 				};
 			} catch (error) {
@@ -18653,11 +18695,47 @@ var WebSocketClient = class {
 	*/
 	sendBusinessMessage(action, param = {}) {
 		if (action === "onConnect" || action === "offLine") {
-			this.presenceAction = action;
-			if (!this.checkConnected()) return false;
+			this.setPresenceAction(action, "manual");
+			if (!this.checkConnected()) {
+				if (action === "onConnect") this.tryReconnectFromManualOnline();
+				return false;
+			}
 		}
 		return this.sendControllerMessage(action, param);
 	}
+	tryReconnectFromManualOnline() {
+		if (this.status === WS_STATUS.CONNECTING) {
+			console.info(`${this.logPrefix} 当前正在连接中，跳过重复连接`);
+			return;
+		}
+		if (!this.lastToken) {
+			console.warn(`${this.logPrefix} 缺少连接凭证，无法在 onConnect 后主动重连`);
+			return;
+		}
+		if (this.reconnectTimer) {
+			clearTimeout(this.reconnectTimer);
+			this.reconnectTimer = null;
+		}
+		console.info(`${this.logPrefix} 检测到手动切换 onConnect，发起主动重连`);
+		this.connect(this.lastToken, this.lastUserId, this.lastPhone, this.siteId).catch((error) => {
+			console.error(`${this.logPrefix} onConnect 主动重连失败`, error);
+		});
+	}
+	setPresenceAction(action, source) {
+		const normalizedAction = normalizePresenceAction(action);
+		const changed = this.presenceAction !== normalizedAction;
+		this.presenceAction = normalizedAction;
+		writePresenceActionToStorage(normalizedAction);
+		if (normalizedAction === "offLine" && this.reconnectTimer) {
+			clearTimeout(this.reconnectTimer);
+			this.reconnectTimer = null;
+			console.info(`${this.logPrefix} 已切换为 offLine，取消待执行的自动重连`);
+		}
+		if (changed) this.emit(PRESENCE_CHANGE_EVENT, {
+			action: normalizedAction,
+			source
+		});
+	}
 	/**
 	* 启动心跳
 	*/
@@ -18723,6 +18801,15 @@ var WebSocketClient = class {
 			retryInMs: RECONNECT_INTERVAL
 		});
 		this.reconnectTimer = setTimeout(() => {
+			if (this.presenceAction === "offLine") {
+				console.info(`${this.logPrefix} 当前为 offLine 状态，跳过本次自动重连`);
+				if (this.reconnectTimer) {
+					clearTimeout(this.reconnectTimer);
+					this.reconnectTimer = null;
+				}
+				return;
+			}
+			if (this.presenceAction !== "onConnect") this.setPresenceAction("onConnect", "connect");
 			this.stopHeartbeat();
 			if (this.reconnectTimer) {
 				clearTimeout(this.reconnectTimer);
@@ -18838,6 +18925,9 @@ var WebSocketClient = class {
 		var _this$ws;
 		return this.status === WS_STATUS.OPEN && ((_this$ws = this.ws) === null || _this$ws === void 0 ? void 0 : _this$ws.readyState) === WS_STATUS.OPEN;
 	}
+	getPresenceAction() {
+		return this.presenceAction;
+	}
 };
 var wsClient = new WebSocketClient();
 //#endregion

package/dist/shared-imsdk.umd.cjs

@@ -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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #fff;\n}\n.chat-room-header[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.05);\n  color: #0e77cc;\n  background: #e8e8e8;\n}\n.back-btn[data-v-cc3cfaa7]:active {\n  transform: scale(0.95);\n}\n.title[data-v-cc3cfaa7] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.header-actions[data-v-cc3cfaa7] {\n  display: flex;\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n.end-session-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #ffb3ad;\n  background: #ffe7e2;\n}\n.end-session-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n}\n.avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.name[data-v-cc3cfaa7] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.messages[data-v-cc3cfaa7] {\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-cc3cfaa7]::-webkit-scrollbar {\n  width: 6px;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.loading-more[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n.no-more[data-v-cc3cfaa7] {\n  padding: 12px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.loading-state[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n@keyframes spin-cc3cfaa7 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-messages[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 16px;\n  font-size: 64px;\n  opacity: 0.5;\n}\n.empty-messages p[data-v-cc3cfaa7] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.message-item[data-v-cc3cfaa7] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 24px;\n  animation: slide-in-cc3cfaa7 0.3s ease-out;\n}\n@keyframes slide-in-cc3cfaa7 {\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-cc3cfaa7] {\n  justify-content: flex-end;\n}\n.msg-avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.msg-avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  max-width: 65%;\n}\n.is-self .message-content-wrapper[data-v-cc3cfaa7] {\n  align-items: flex-end;\n}\n.message-sender[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.message-content[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  color: white;\n}\n\n/* 图片消息 */\n.message-image[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.message-image img[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.02);\n}\n\n/* 表情消息 */\n.message-emoji[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.file-link[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  color: #0e77cc;\n  background-color: #e8e8e8;\n}\n.is-self .file-link[data-v-cc3cfaa7] {\n  color: white;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.is-self .file-link[data-v-cc3cfaa7]:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n/* 系统通知 */\n.message-system[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.2);\n}\n.message-time[data-v-cc3cfaa7] {\n  font-size: 11px;\n  color: #8c8c8c;\n}\n.message-item.is-self .message-time[data-v-cc3cfaa7] {\n  color: rgba(255, 255, 255, 0.75);\n}\n.input-area[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n}\n.tool-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.tool-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: #f5f5f5;\n}\n.tool-btn-text[data-v-cc3cfaa7] {\n  font-size: 13px;\n}\n.tool-btn-icon[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  width: 18px;\n  height: 18px;\n}\n.image-btn[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.emoji-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-trigger[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.quick-reply-trigger.active[data-v-cc3cfaa7] {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-panel[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.quick-reply-search input[data-v-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7] {\n  overflow-y: auto;\n  max-height: 220px;\n  padding: 8px;\n}\n.quick-reply-item[data-v-cc3cfaa7] {\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-cc3cfaa7]:last-child {\n  margin-bottom: 0;\n}\n.quick-reply-item[data-v-cc3cfaa7]:hover {\n  border-color: #b6dcfa;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-empty[data-v-cc3cfaa7] {\n  padding: 18px 10px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.emoji-picker-wrapper[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7]::placeholder {\n  color: #bfbfbf;\n}\n.input-actions[data-v-cc3cfaa7] {\n  display: flex;\n  justify-content: flex-end;\n}\n.send-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(14, 119, 204, 0.35);\n}\n.send-btn[data-v-cc3cfaa7]:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n}\n\n.conversation-list[data-v-d070a051] {\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-d070a051]::-webkit-scrollbar {\n  width: 6px;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.unread-header[data-v-d070a051] {\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-d070a051] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.3px;\n}\n.loading-state[data-v-d070a051] {\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-d070a051] {\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-d070a051 0.8s linear infinite;\n}\n@keyframes spin-d070a051 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-state[data-v-d070a051] {\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-d070a051] {\n  width: 64px;\n  height: 64px;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n.empty-state p[data-v-d070a051] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.conversation-item[data-v-d070a051] {\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-d070a051]:hover {\n  background-color: #f5f7fa;\n}\n.conversation-item.active[data-v-d070a051] {\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-d070a051]:last-child {\n  border-bottom: none;\n}\n\n/* 会话项内容布局 */\n.conversation-item-content[data-v-d070a051] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n}\n.avatar-wrapper[data-v-d070a051] {\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n}\n.avatar-img[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.content-text[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.unread-badge[data-v-d070a051] {\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-d070a051 2s ease-in-out infinite;\n}\n@keyframes pulse-d070a051 {\n0%, 100% {\n    transform: scale(1);\n}\n50% {\n    transform: scale(1.05);\n}\n}\n\n.chat-window[data-v-d726d76e] {\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-d726d76e 0.22s ease-out;\n}\n.chat-window.is-dragging[data-v-d726d76e] {\n  cursor: move;\n  box-shadow: 0 28px 88px rgba(11, 58, 106, 0.28);\n}\n.chat-window.is-resizing[data-v-d726d76e] {\n  cursor: nwse-resize;\n}\n.chat-header[data-v-d726d76e] {\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-d726d76e] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.user-avatar-wrapper[data-v-d726d76e] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.user-avatar[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e]:hover {\n  transform: scale(1.15);\n}\n.status-indicator svg[data-v-d726d76e] {\n  width: 8px;\n  height: 8px;\n}\n\n/* 状态下拉菜单 */\n.status-dropdown[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e]:hover {\n  background: #f5f5f5;\n}\n.status-option.active[data-v-d726d76e] {\n  color: #0e77cc;\n  background: #e6f7ff;\n}\n.status-dot[data-v-d726d76e] {\n  flex-shrink: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.status-option span[data-v-d726d76e] {\n  flex: 1;\n  font-size: 13px;\n}\n.check-icon[data-v-d726d76e] {\n  width: 16px;\n  height: 16px;\n  opacity: 0.8;\n}\n.user-details[data-v-d726d76e] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.user-name[data-v-d726d76e] {\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n}\n.user-status[data-v-d726d76e] {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.9;\n}\n.close-btn[data-v-d726d76e] {\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-d726d76e]:hover {\n  transform: rotate(90deg);\n  opacity: 1;\n  background: rgba(255, 255, 255, 0.15);\n}\n.close-btn[data-v-d726d76e]:active {\n  transform: rotate(90deg) scale(0.95);\n}\n.chat-body[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e]:last-child {\n  margin-bottom: 0;\n}\n.menu-item[data-v-d726d76e]:hover {\n  transform: translateY(-1px);\n  border-color: #d2e3f3;\n  color: #0e77cc;\n  background: #f7fbff;\n}\n.menu-item.active[data-v-d726d76e] {\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-d726d76e]::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-d726d76e] {\n  width: 23px;\n  height: 23px;\n}\n.menu-item .label[data-v-d726d76e] {\n  display: none;\n}\n.menu-item .menu-badge[data-v-d726d76e] {\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-d726d76e] {\n  border-color: #0e77cc;\n  color: #ff4d4f;\n  background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\n}\n\n/* 第二栏：二级侧边栏 */\n.second-sidebar[data-v-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e] {\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-d726d76e] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n}\n\n/* 拉伸手柄 */\n.resize-handle[data-v-d726d76e] {\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-d726d76e]:hover {\n  opacity: 1;\n}\n.resize-handle[data-v-d726d76e]::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-d726d76e {\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-d726d76e] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #fff;\n}\n.chat-room-header[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.05);\n  color: #0e77cc;\n  background: #e8e8e8;\n}\n.back-btn[data-v-cc3cfaa7]:active {\n  transform: scale(0.95);\n}\n.title[data-v-cc3cfaa7] {\n  display: flex;\n  flex: 1;\n  gap: 12px;\n  align-items: center;\n}\n.header-actions[data-v-cc3cfaa7] {\n  display: flex;\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n.end-session-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #ffb3ad;\n  background: #ffe7e2;\n}\n.end-session-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 42px;\n  height: 42px;\n}\n.avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.name[data-v-cc3cfaa7] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.messages[data-v-cc3cfaa7] {\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-cc3cfaa7]::-webkit-scrollbar {\n  width: 6px;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.messages[data-v-cc3cfaa7]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.loading-more[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n.no-more[data-v-cc3cfaa7] {\n  padding: 12px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.loading-state[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7 0.8s linear infinite;\n}\n@keyframes spin-cc3cfaa7 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-messages[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 16px;\n  font-size: 64px;\n  opacity: 0.5;\n}\n.empty-messages p[data-v-cc3cfaa7] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.message-item[data-v-cc3cfaa7] {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 24px;\n  animation: slide-in-cc3cfaa7 0.3s ease-out;\n}\n@keyframes slide-in-cc3cfaa7 {\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-cc3cfaa7] {\n  justify-content: flex-end;\n}\n.msg-avatar-wrapper[data-v-cc3cfaa7] {\n  position: relative;\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.msg-avatar-img[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  flex-direction: column;\n  max-width: 65%;\n}\n.is-self .message-content-wrapper[data-v-cc3cfaa7] {\n  align-items: flex-end;\n}\n.message-sender[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.message-content[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  color: white;\n}\n\n/* 图片消息 */\n.message-image[data-v-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.message-image img[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: scale(1.02);\n}\n\n/* 表情消息 */\n.message-emoji[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  margin-bottom: 6px;\n}\n.file-link[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  color: #0e77cc;\n  background-color: #e8e8e8;\n}\n.is-self .file-link[data-v-cc3cfaa7] {\n  color: white;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.is-self .file-link[data-v-cc3cfaa7]:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n\n/* 系统通知 */\n.message-system[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7] {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.2);\n}\n.message-time[data-v-cc3cfaa7] {\n  font-size: 11px;\n  color: #8c8c8c;\n}\n.message-item.is-self .message-time[data-v-cc3cfaa7] {\n  color: rgba(255, 255, 255, 0.75);\n}\n.input-area[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n}\n.tool-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover:not(:disabled) {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.tool-btn[data-v-cc3cfaa7]:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: #f5f5f5;\n}\n.tool-btn-text[data-v-cc3cfaa7] {\n  font-size: 13px;\n}\n.tool-btn-icon[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  width: 18px;\n  height: 18px;\n}\n.image-btn[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.emoji-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-container[data-v-cc3cfaa7] {\n  position: relative;\n}\n.quick-reply-trigger[data-v-cc3cfaa7] {\n  border-color: #d9d9d9;\n}\n.quick-reply-trigger.active[data-v-cc3cfaa7] {\n  border-color: #0e77cc;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-panel[data-v-cc3cfaa7] {\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-cc3cfaa7] {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.quick-reply-search input[data-v-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7] {\n  overflow-y: auto;\n  max-height: 220px;\n  padding: 8px;\n}\n.quick-reply-item[data-v-cc3cfaa7] {\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-cc3cfaa7]:last-child {\n  margin-bottom: 0;\n}\n.quick-reply-item[data-v-cc3cfaa7]:hover {\n  border-color: #b6dcfa;\n  color: #0e77cc;\n  background: #f0f9ff;\n}\n.quick-reply-empty[data-v-cc3cfaa7] {\n  padding: 18px 10px;\n  font-size: 12px;\n  color: #bfbfbf;\n  text-align: center;\n}\n.emoji-picker-wrapper[data-v-cc3cfaa7] {\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-cc3cfaa7] {\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-cc3cfaa7]: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-cc3cfaa7]::placeholder {\n  color: #bfbfbf;\n}\n.input-actions[data-v-cc3cfaa7] {\n  display: flex;\n  justify-content: flex-end;\n}\n.send-btn[data-v-cc3cfaa7] {\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-cc3cfaa7]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px rgba(14, 119, 204, 0.35);\n}\n.send-btn[data-v-cc3cfaa7]:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(14, 119, 204, 0.25);\n}\n\n.conversation-list[data-v-d070a051] {\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-d070a051]::-webkit-scrollbar {\n  width: 6px;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: #d9d9d9;\n}\n.conversation-list[data-v-d070a051]::-webkit-scrollbar-thumb:hover {\n  background: #bfbfbf;\n}\n.unread-header[data-v-d070a051] {\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-d070a051] {\n  font-size: 15px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.3px;\n}\n.loading-state[data-v-d070a051] {\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-d070a051] {\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-d070a051 0.8s linear infinite;\n}\n@keyframes spin-d070a051 {\n0% { transform: rotate(0deg);\n}\n100% { transform: rotate(360deg);\n}\n}\n.empty-state[data-v-d070a051] {\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-d070a051] {\n  width: 64px;\n  height: 64px;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n.empty-state p[data-v-d070a051] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n.conversation-item[data-v-d070a051] {\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-d070a051]:hover {\n  background-color: #f5f7fa;\n}\n.conversation-item.active[data-v-d070a051] {\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-d070a051]:last-child {\n  border-bottom: none;\n}\n\n/* 会话项内容布局 */\n.conversation-item-content[data-v-d070a051] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n}\n.avatar-wrapper[data-v-d070a051] {\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n}\n.avatar-img[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #262626;\n  letter-spacing: 0.2px;\n}\n.content-text[data-v-d070a051] {\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-d070a051] {\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-d070a051] {\n  font-size: 12px;\n  font-weight: 400;\n  color: #8c8c8c;\n}\n.unread-badge[data-v-d070a051] {\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-d070a051 2s ease-in-out infinite;\n}\n@keyframes pulse-d070a051 {\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__)) {
@@ -17893,15 +17893,15 @@ Expected function or array of functions, received type ${typeof value}.`);
 			const selectedConversation = /* @__PURE__ */ ref(null);
 			const selectedConversationData = /* @__PURE__ */ ref(void 0);
 			const userStatusOptions = [{
-				id: "online",
+				id: "onConnect",
 				label: "在线",
 				color: "#52c41a"
 			}, {
-				id: "offline",
+				id: "offLine",
 				label: "离线",
 				color: "#d9d9d9"
 			}];
-			const userStatus = /* @__PURE__ */ ref("online");
+			const userStatus = /* @__PURE__ */ ref(wsClient.getPresenceAction());
 			const showStatusDropdown = /* @__PURE__ */ ref(false);
 			const userInfo = /* @__PURE__ */ ref(null);
 			const menus = [{
@@ -17923,16 +17923,23 @@ Expected function or array of functions, received type ${typeof value}.`);
 				return props.unreadCount || 0;
 			});
 			const { setActiveConversationId } = useUnreadStore();
-			function syncPresenceAction(status) {
-				const action = status === "online" ? "onConnect" : "offLine";
+			function syncPresenceAction(action) {
 				wsClient.sendBusinessMessage(action);
 			}
+			function applyPresenceAction(action) {
+				if (userStatus.value !== action) userStatus.value = action;
+			}
+			function handlePresenceChanged(payload) {
+				const data = payload;
+				if ((data === null || data === void 0 ? void 0 : data.action) === "onConnect" || (data === null || data === void 0 ? void 0 : data.action) === "offLine") applyPresenceAction(data.action);
+			}
 			function handleStatusSelect(status) {
 				userStatus.value = status;
 				showStatusDropdown.value = false;
 			}
 			watch(userStatus, (status, prev) => {
 				if (status === prev) return;
+				if (status === wsClient.getPresenceAction()) return;
 				syncPresenceAction(status);
 			});
 			function handleSelectConversation(id) {
@@ -18060,6 +18067,8 @@ Expected function or array of functions, received type ${typeof value}.`);
 			}
 			onMounted(() => {
 				userInfo.value = getUserInfo();
+				applyPresenceAction(wsClient.getPresenceAction());
+				wsClient.on("presenceChange", handlePresenceChanged);
 				const width = window.innerWidth;
 				const height = window.innerHeight;
 				viewportSize.value = {
@@ -18125,6 +18134,7 @@ Expected function or array of functions, received type ${typeof value}.`);
 				document.removeEventListener("mousemove", handleMouseMove);
 				document.removeEventListener("mouseup", handleMouseUp);
 				window.removeEventListener("resize", handleViewportResize);
+				wsClient.off("presenceChange", handlePresenceChanged);
 				setActiveConversationId(null);
 			});
 			return (_ctx, _cache) => {
@@ -18229,7 +18239,7 @@ Expected function or array of functions, received type ${typeof value}.`);
 				], 6);
 			};
 		}
-	}), [["__scopeId", "data-v-d726d76e"]]);
+	}), [["__scopeId", "data-v-00d50ef7"]]);
 	//#endregion
 	//#region src/assets/img/icon.png?url
 	var icon_default = "data:image/png;base64,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";
@@ -18544,6 +18554,28 @@ Expected function or array of functions, received type ${typeof value}.`);
 	var RECONNECT_INTERVAL = 3e3;
 	var MAX_RECONNECT_COUNT = 5;
 	var MAX_MESSAGE_QUEUE_SIZE = 200;
+	var PRESENCE_ACTION_STORAGE_KEY = "imsdk:presence-action";
+	var PRESENCE_CHANGE_EVENT = "presenceChange";
+	function normalizePresenceAction(action) {
+		return action === "offLine" ? "offLine" : "onConnect";
+	}
+	function readPresenceActionFromStorage() {
+		if (typeof window === "undefined" || !window.localStorage) return "onConnect";
+		try {
+			return normalizePresenceAction(window.localStorage.getItem(PRESENCE_ACTION_STORAGE_KEY));
+		} catch (error) {
+			console.warn("读取在线状态缓存失败，已使用默认 onConnect:", error);
+			return "onConnect";
+		}
+	}
+	function writePresenceActionToStorage(action) {
+		if (typeof window === "undefined" || !window.localStorage) return;
+		try {
+			window.localStorage.setItem(PRESENCE_ACTION_STORAGE_KEY, action);
+		} catch (error) {
+			console.warn("写入在线状态缓存失败:", error);
+		}
+	}
 	var WebSocketClient = class {
 		constructor(config = {}) {
 			_defineProperty(this, "ws", null);
@@ -18553,6 +18585,9 @@ Expected function or array of functions, received type ${typeof value}.`);
 			_defineProperty(this, "reconnectCount", 0);
 			_defineProperty(this, "messageQueue", []);
 			_defineProperty(this, "listeners", /* @__PURE__ */ new Map());
+			_defineProperty(this, "lastToken", "");
+			_defineProperty(this, "lastUserId", null);
+			_defineProperty(this, "lastPhone", null);
 			_defineProperty(this, "userId", null);
 			_defineProperty(this, "phone", null);
 			_defineProperty(this, "siteId", "");
@@ -18562,6 +18597,7 @@ Expected function or array of functions, received type ${typeof value}.`);
 			_defineProperty(this, "logPrefix", "[WebSocket]");
 			this.wsUrl = config.wsUrl || "";
 			this.siteId = config.siteId || "";
+			this.presenceAction = readPresenceActionFromStorage();
 		}
 		/**
 		* 连接 WebSocket
@@ -18575,6 +18611,9 @@ Expected function or array of functions, received type ${typeof value}.`);
 				try {
 					this.destroyConnection();
 					const url = `${this.wsUrl || "wss://aox.api.orchiport.asia"}?platform=${encodeURIComponent(getWSPlatform())}${token ? `&token=${encodeURIComponent(token)}` : ""}`;
+					this.lastToken = token;
+					this.lastUserId = userId;
+					this.lastPhone = phone;
 					this.userId = userId;
 					this.phone = phone;
 					this.siteId = siteId || this.siteId;
@@ -18594,6 +18633,7 @@ Expected function or array of functions, received type ${typeof value}.`);
 							userId: this.userId
 						});
 						if (!this.isConnected) {
+							this.setPresenceAction("onConnect", "connect");
 							this.sendConnectMessage();
 							this.isConnected = true;
 						}
@@ -18622,15 +18662,17 @@ Expected function or array of functions, received type ${typeof value}.`);
 						this.status = WS_STATUS.CLOSED;
 						this.stopHeartbeat();
 						this.emit("close", event);
-						const canReconnect = this.reconnectCount < MAX_RECONNECT_COUNT;
+						const canReconnect = this.presenceAction === "onConnect" && this.reconnectCount < MAX_RECONNECT_COUNT;
 						console.warn(`${this.logPrefix} 连接关闭`, {
 							code: event.code,
 							reason: event.reason,
 							wasClean: event.wasClean,
+							presenceAction: this.presenceAction,
 							reconnectAttempt: this.reconnectCount,
 							willReconnect: canReconnect
 						});
 						if (canReconnect) this.scheduleReconnect(token, this.userId, this.phone);
+						else if (this.presenceAction === "offLine") console.info(`${this.logPrefix} 当前为 offLine 状态，已停止自动重连`);
 						else console.error(`${this.logPrefix} 重连次数超过最大限制，停止重连`, { maxReconnectCount: MAX_RECONNECT_COUNT });
 					};
 				} catch (error) {
@@ -18682,11 +18724,47 @@ Expected function or array of functions, received type ${typeof value}.`);
 		*/
 		sendBusinessMessage(action, param = {}) {
 			if (action === "onConnect" || action === "offLine") {
-				this.presenceAction = action;
-				if (!this.checkConnected()) return false;
+				this.setPresenceAction(action, "manual");
+				if (!this.checkConnected()) {
+					if (action === "onConnect") this.tryReconnectFromManualOnline();
+					return false;
+				}
 			}
 			return this.sendControllerMessage(action, param);
 		}
+		tryReconnectFromManualOnline() {
+			if (this.status === WS_STATUS.CONNECTING) {
+				console.info(`${this.logPrefix} 当前正在连接中，跳过重复连接`);
+				return;
+			}
+			if (!this.lastToken) {
+				console.warn(`${this.logPrefix} 缺少连接凭证，无法在 onConnect 后主动重连`);
+				return;
+			}
+			if (this.reconnectTimer) {
+				clearTimeout(this.reconnectTimer);
+				this.reconnectTimer = null;
+			}
+			console.info(`${this.logPrefix} 检测到手动切换 onConnect，发起主动重连`);
+			this.connect(this.lastToken, this.lastUserId, this.lastPhone, this.siteId).catch((error) => {
+				console.error(`${this.logPrefix} onConnect 主动重连失败`, error);
+			});
+		}
+		setPresenceAction(action, source) {
+			const normalizedAction = normalizePresenceAction(action);
+			const changed = this.presenceAction !== normalizedAction;
+			this.presenceAction = normalizedAction;
+			writePresenceActionToStorage(normalizedAction);
+			if (normalizedAction === "offLine" && this.reconnectTimer) {
+				clearTimeout(this.reconnectTimer);
+				this.reconnectTimer = null;
+				console.info(`${this.logPrefix} 已切换为 offLine，取消待执行的自动重连`);
+			}
+			if (changed) this.emit(PRESENCE_CHANGE_EVENT, {
+				action: normalizedAction,
+				source
+			});
+		}
 		/**
 		* 启动心跳
 		*/
@@ -18752,6 +18830,15 @@ Expected function or array of functions, received type ${typeof value}.`);
 				retryInMs: RECONNECT_INTERVAL
 			});
 			this.reconnectTimer = setTimeout(() => {
+				if (this.presenceAction === "offLine") {
+					console.info(`${this.logPrefix} 当前为 offLine 状态，跳过本次自动重连`);
+					if (this.reconnectTimer) {
+						clearTimeout(this.reconnectTimer);
+						this.reconnectTimer = null;
+					}
+					return;
+				}
+				if (this.presenceAction !== "onConnect") this.setPresenceAction("onConnect", "connect");
 				this.stopHeartbeat();
 				if (this.reconnectTimer) {
 					clearTimeout(this.reconnectTimer);
@@ -18867,6 +18954,9 @@ Expected function or array of functions, received type ${typeof value}.`);
 			var _this$ws;
 			return this.status === WS_STATUS.OPEN && ((_this$ws = this.ws) === null || _this$ws === void 0 ? void 0 : _this$ws.readyState) === WS_STATUS.OPEN;
 		}
+		getPresenceAction() {
+			return this.presenceAction;
+		}
 	};
 	var wsClient = new WebSocketClient();
 	//#endregion

package/dist/utils/websocket.d.ts

@@ -13,6 +13,7 @@ interface WebSocketMessage {
     action: string;
     param?: Record<string, unknown>;
 }
+type PresenceAction = 'onConnect' | 'offLine';
 declare class WebSocketClient {
     private ws;
     private status;
@@ -21,6 +22,9 @@ declare class WebSocketClient {
     private reconnectCount;
     private messageQueue;
     private listeners;
+    private lastToken;
+    private lastUserId;
+    private lastPhone;
     private userId;
     private phone;
     private siteId;
@@ -50,6 +54,8 @@ declare class WebSocketClient {
      * 使用当前配置 controller 发送业务消息
      */
     sendBusinessMessage(action: string, param?: Record<string, unknown>): boolean;
+    private tryReconnectFromManualOnline;
+    private setPresenceAction;
     /**
      * 启动心跳
      */
@@ -109,6 +115,7 @@ declare class WebSocketClient {
      * @returns {boolean} - 返回是否处于已连接并可用的状态
      */
     checkConnected(): boolean;
+    getPresenceAction(): PresenceAction;
 }
 declare const wsClient: WebSocketClient;
 export default wsClient;

package/index.cjs

@@ -0,0 +1,8 @@
+'use strict'
+
+try {
+  require('./dist/shared-imsdk.css')
+}
+catch {}
+
+module.exports = require('./dist/shared-imsdk.umd.cjs')

package/index.js

@@ -1,2 +1,5 @@
+// eslint-disable-next-line antfu/no-import-dist
+import './dist/shared-imsdk.css'
+
 export { default } from './dist/shared-imsdk.es.js'
 export * from './dist/shared-imsdk.es.js'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zjw-jszn/shared-imsdk",
   "type": "module",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "sideEffects": [
     "./index.js",
     "./dist/shared-imsdk.css",
@@ -13,13 +13,15 @@
       "import": "./index.js",
       "require": "./index.cjs",
       "default": "./index.js"
-    }
+    },
+    "./style.css": "./dist/shared-imsdk.css"
   },
   "main": "./dist/shared-imsdk.umd.js",
   "module": "./index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
+    "index.cjs",
     "index.js"
   ],
   "publishConfig": {