@robot-admin/naive-ui-components 0.16.0 → 0.17.1

package/dist/C_Chat.css

@@ -65,80 +65,26 @@
 .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
 
-/* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */
-.c-chat[data-v-281bb0dd] {
-  --chat-bg: var(--c-bg-card, var(--card-color, #fff));
-  --chat-sidebar-bg: var(--c-bg-body, var(--body-color, #f8fafc));
-  --chat-sidebar-width: 280px;
-  --chat-header-bg: var(--c-bg-card, var(--card-color, #fff));
-  --chat-header-height: 56px;
-  --chat-input-bg: var(--c-bg-body, var(--body-color, #f8fafc));
-  --chat-input-height: 56px;
-  --chat-bubble-self: var(--c-primary, var(--primary-color, #2080f0));
-  --chat-bubble-other: color-mix(in srgb, var(--c-text-1, #262626) 5%, var(--c-bg-card, #fff));
-  --chat-bubble-system: transparent;
-  --chat-text-primary: var(--c-text-1, var(--text-color-1, #262626));
-  --chat-text-secondary: var(--c-text-3, var(--text-color-3, #a3a3a3));
-  --chat-text-self: #fff;
-  --chat-border: var(--c-border, var(--border-color, #e5e7eb));
-  --chat-online-color: #22c55e;
-  --chat-unread-bg: #ef4444;
-  --chat-unread-color: #fff;
-  --chat-failed-color: #ef4444;
-  --chat-shadow: rgba(0, 0, 0, 0.06);
-  --chat-shadow-light: rgba(0, 0, 0, 0.03);
-  --chat-radius: 12px;
-  --chat-avatar-size: 36px;
-  --chat-scrollbar-thumb: var(--c-border, var(--border-color, #e5e7eb));
-  display: flex;
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  border-radius: var(--chat-radius);
-  overflow: hidden;
-  background: var(--chat-bg);
-  color: var(--chat-text-primary);
-  font-size: 14px;
-  border: 1px solid var(--chat-border);
-  box-shadow: 0 2px 12px var(--chat-shadow);
-}
-
-/* ─── 联系人侧栏 ──────────────────────────────────────── */
-.c-chat__sidebar[data-v-281bb0dd] {
-  display: flex;
-  flex-direction: column;
-  width: var(--chat-sidebar-width);
-  min-width: var(--chat-sidebar-width);
-  background: var(--chat-sidebar-bg);
-  border-right: 1px solid var(--chat-border);
-  box-shadow: 2px 0 8px var(--chat-shadow-light);
+.c-chat__avatar[data-v-de62a9e6] {
+  width: var(--chat-avatar-size);
+  height: var(--chat-avatar-size);
+  border-radius: 50%;
+  object-fit: cover;
+  background: color-mix(in srgb, var(--c-border, var(--border-color, #e5e7eb)) 50%, transparent);
 }
-.c-chat__sidebar-header[data-v-281bb0dd] {
+.c-chat__avatar-fallback[data-v-de62a9e6] {
+  width: var(--chat-avatar-size);
+  height: var(--chat-avatar-size);
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 25%, transparent);
   display: flex;
   align-items: center;
-  gap: 8px;
-  height: var(--chat-header-height);
-  padding: 0 16px;
-  border-bottom: 1px solid var(--chat-border);
+  justify-content: center;
+  font-size: 14px;
   font-weight: 600;
-  font-size: 15px;
-}
-.c-chat__search[data-v-281bb0dd] {
-  padding: 8px 12px;
-}
-.c-chat__contact-list[data-v-281bb0dd] {
-  flex: 1;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-}
-.c-chat__contact-list[data-v-281bb0dd]::-webkit-scrollbar {
-  width: 4px;
-}
-.c-chat__contact-list[data-v-281bb0dd]::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar-thumb);
-  border-radius: 2px;
+  color: var(--c-text-1, var(--text-color-1, #262626));
 }
-.c-chat__contact[data-v-281bb0dd] {
+.c-chat__contact[data-v-de62a9e6] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -146,36 +92,17 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-chat__contact[data-v-281bb0dd]:hover {
+.c-chat__contact[data-v-de62a9e6]:hover {
   background: color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 6%, transparent);
 }
-.c-chat__contact.is-active[data-v-281bb0dd] {
+.c-chat__contact.is-active[data-v-de62a9e6] {
   background: color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 12%, transparent);
 }
-.c-chat__contact-avatar[data-v-281bb0dd] {
+.c-chat__contact-avatar[data-v-de62a9e6] {
   position: relative;
   flex-shrink: 0;
 }
-.c-chat__avatar[data-v-281bb0dd] {
-  width: var(--chat-avatar-size);
-  height: var(--chat-avatar-size);
-  border-radius: 50%;
-  object-fit: cover;
-  background: color-mix(in srgb, var(--c-border, var(--border-color, #e5e7eb)) 50%, transparent);
-}
-.c-chat__avatar-fallback[data-v-281bb0dd] {
-  width: var(--chat-avatar-size);
-  height: var(--chat-avatar-size);
-  border-radius: 50%;
-  background: color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 25%, transparent);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--c-text-1, var(--text-color-1, #262626));
-}
-.c-chat__online-dot[data-v-281bb0dd] {
+.c-chat__online-dot[data-v-de62a9e6] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -185,24 +112,24 @@
   background: var(--chat-online-color);
   border: 2px solid var(--chat-sidebar-bg);
 }
-.c-chat__contact-info[data-v-281bb0dd] {
+.c-chat__contact-info[data-v-de62a9e6] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__contact-name[data-v-281bb0dd] {
+.c-chat__contact-name[data-v-de62a9e6] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 13px;
   font-weight: 500;
 }
-.c-chat__contact-time[data-v-281bb0dd] {
+.c-chat__contact-time[data-v-de62a9e6] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-left: 8px;
   flex-shrink: 0;
 }
-.c-chat__contact-last[data-v-281bb0dd] {
+.c-chat__contact-last[data-v-de62a9e6] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   white-space: nowrap;
@@ -210,7 +137,7 @@
   text-overflow: ellipsis;
   margin-top: 2px;
 }
-.c-chat__unread[data-v-281bb0dd] {
+.c-chat__unread[data-v-de62a9e6] {
   min-width: 18px;
   height: 18px;
   padding: 0 5px;
@@ -224,118 +151,109 @@
   justify-content: center;
   flex-shrink: 0;
 }
-
-/* ─── 主聊天区域 ──────────────────────────────────────── */
-.c-chat__main[data-v-281bb0dd] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.c-chat__header[data-v-281bb0dd] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  height: var(--chat-header-height);
-  padding: 0 20px;
-  background: var(--chat-header-bg);
-  border-bottom: 1px solid var(--chat-border);
-  box-shadow: 0 1px 4px var(--chat-shadow-light);
-  font-weight: 600;
-  font-size: 15px;
-}
-.c-chat__header-status[data-v-281bb0dd] {
-  font-size: 12px;
-  font-weight: 400;
-  color: var(--chat-text-secondary);
+.c-chat__contact[data-v-de62a9e6] {
+  width: 100%;
+  border: 0;
+  background: transparent;
+  text-align: left;
+  color: inherit;
+  font: inherit;
 }
-
-/* ─── 消息区域 ────────────────────────────────────────── */
-.c-chat__messages[data-v-281bb0dd] {
-  flex: 1;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  padding: 16px 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  background: color-mix(in srgb, var(--c-bg-body, var(--body-color, #f8fafc)) 50%, var(--c-bg-card, var(--card-color, #fff)));
+@media (max-width: 640px) {
+.c-chat__contact-info[data-v-de62a9e6],
+  .c-chat__unread[data-v-de62a9e6] {
+    display: none;
 }
-.c-chat__messages[data-v-281bb0dd]::-webkit-scrollbar {
-  width: 4px;
+.c-chat__contact[data-v-de62a9e6] {
+    justify-content: center;
+    padding: 10px 8px;
 }
-.c-chat__messages[data-v-281bb0dd]::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar-thumb);
-  border-radius: 2px;
 }
-.c-chat__load-more[data-v-281bb0dd] {
-  text-align: center;
-  padding: 8px;
+
+/* layer: default */
+.absolute[data-v-de62a9e6]{position:absolute;}
+.relative[data-v-de62a9e6]{position:relative;}
+.hidden[data-v-de62a9e6]{display:none;}
+.flex[data-v-de62a9e6]{display:flex;}
+.flex-shrink[data-v-de62a9e6]{flex-shrink:1;}
+.border[data-v-de62a9e6]{border-width:1px;}
+.transition[data-v-de62a9e6]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
+.c-chat__avatar[data-v-f86c73f0] {
+  width: var(--chat-avatar-size);
+  height: var(--chat-avatar-size);
+  border-radius: 50%;
+  object-fit: cover;
+  background: color-mix(in srgb, var(--c-border, var(--border-color, #e5e7eb)) 50%, transparent);
 }
-.c-chat__empty[data-v-281bb0dd] {
-  flex: 1;
+.c-chat__avatar-fallback[data-v-f86c73f0] {
+  width: var(--chat-avatar-size);
+  height: var(--chat-avatar-size);
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 25%, transparent);
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--chat-text-secondary);
-  font-size: 13px;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--c-text-1, var(--text-color-1, #262626));
 }
 
 /* ─── 消息气泡 ────────────────────────────────────────── */
-.c-chat__msg[data-v-281bb0dd] {
+.c-chat__msg[data-v-f86c73f0] {
   display: flex;
   gap: 8px;
   max-width: 75%;
 }
-.c-chat__msg.is-self[data-v-281bb0dd] {
+.c-chat__msg.is-self[data-v-f86c73f0] {
   margin-left: auto;
   flex-direction: row-reverse;
 }
-.c-chat__msg.is-system[data-v-281bb0dd] {
+.c-chat__msg.is-system[data-v-f86c73f0] {
   max-width: 100%;
   justify-content: center;
   align-self: center;
 }
-.c-chat__msg-avatar[data-v-281bb0dd] {
+.c-chat__msg-avatar[data-v-f86c73f0] {
   flex-shrink: 0;
   margin-top: 2px;
 }
-.c-chat__msg-body[data-v-281bb0dd] {
+.c-chat__msg-body[data-v-f86c73f0] {
   display: flex;
   flex-direction: column;
 }
-.c-chat__msg-username[data-v-281bb0dd] {
+.c-chat__msg-username[data-v-f86c73f0] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   margin-bottom: 2px;
 }
-.is-self .c-chat__msg-username[data-v-281bb0dd] {
+.is-self .c-chat__msg-username[data-v-f86c73f0] {
   text-align: right;
 }
-.c-chat__bubble[data-v-281bb0dd] {
+.c-chat__bubble[data-v-f86c73f0] {
   padding: 10px 14px;
   border-radius: 16px;
   line-height: 1.5;
   word-break: break-word;
   white-space: pre-wrap;
 }
-.is-other .c-chat__bubble[data-v-281bb0dd] {
+.is-other .c-chat__bubble[data-v-f86c73f0] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__bubble[data-v-281bb0dd] {
+.is-self .c-chat__bubble[data-v-f86c73f0] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.is-system .c-chat__bubble[data-v-281bb0dd] {
+.is-system .c-chat__bubble[data-v-f86c73f0] {
   background: var(--chat-bubble-system);
   color: var(--chat-text-secondary);
   font-size: 12px;
   padding: 4px 12px;
 }
-.c-chat__msg-image-button[data-v-281bb0dd] {
+.c-chat__msg-image-button[data-v-f86c73f0] {
   display: inline-flex;
   align-self: flex-start;
   padding: 0;
@@ -343,20 +261,20 @@
   background: none;
   cursor: pointer;
 }
-.c-chat__msg-image[data-v-281bb0dd] {
+.c-chat__msg-image[data-v-f86c73f0] {
   max-width: 240px;
   max-height: 180px;
   border-radius: 12px;
   cursor: pointer;
   object-fit: cover;
 }
-.is-self .c-chat__msg-image[data-v-281bb0dd] {
+.is-self .c-chat__msg-image[data-v-f86c73f0] {
   border-top-right-radius: 4px;
 }
-.is-other .c-chat__msg-image[data-v-281bb0dd] {
+.is-other .c-chat__msg-image[data-v-f86c73f0] {
   border-top-left-radius: 4px;
 }
-.c-chat__msg-file[data-v-281bb0dd] {
+.c-chat__msg-file[data-v-f86c73f0] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -367,70 +285,223 @@
   text-align: left;
   border: 0;
 }
-.is-other .c-chat__msg-file[data-v-281bb0dd] {
+.is-other .c-chat__msg-file[data-v-f86c73f0] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__msg-file[data-v-281bb0dd] {
+.is-self .c-chat__msg-file[data-v-f86c73f0] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.c-chat__file-info[data-v-281bb0dd] {
+.c-chat__file-info[data-v-f86c73f0] {
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__file-name[data-v-281bb0dd] {
+.c-chat__file-name[data-v-f86c73f0] {
   font-size: 13px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.c-chat__file-size[data-v-281bb0dd] {
+.c-chat__file-size[data-v-f86c73f0] {
   font-size: 11px;
   opacity: 0.6;
 }
-.c-chat__msg-time[data-v-281bb0dd] {
+.c-chat__msg-time[data-v-f86c73f0] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-top: 4px;
 }
-.is-self .c-chat__msg-time[data-v-281bb0dd] {
+.is-self .c-chat__msg-time[data-v-f86c73f0] {
   text-align: right;
 }
-.c-chat__msg-status[data-v-281bb0dd] {
+.c-chat__msg-status[data-v-f86c73f0] {
   font-size: 11px;
   margin-top: 2px;
   text-align: right;
 }
-.c-chat__msg-status[data-v-281bb0dd]:is(button) {
+.c-chat__msg-status[data-v-f86c73f0]:is(button) {
   align-self: flex-end;
   padding: 0;
   border: 0;
   background: none;
   font-family: inherit;
 }
-.c-chat__msg-status.is-sending[data-v-281bb0dd] {
+.c-chat__msg-status.is-sending[data-v-f86c73f0] {
   color: var(--chat-text-secondary);
 }
-.c-chat__msg-status.is-failed[data-v-281bb0dd] {
+.c-chat__msg-status.is-failed[data-v-f86c73f0] {
   color: var(--chat-failed-color);
   cursor: pointer;
 }
 
 /* ─── 时间分割线 ──────────────────────────────────────── */
-.c-chat__time-divider[data-v-281bb0dd] {
+.c-chat__time-divider[data-v-f86c73f0] {
   text-align: center;
   font-size: 11px;
   color: var(--chat-text-secondary);
   padding: 4px 0;
 }
+.c-chat__message-row[data-v-f86c73f0] {
+  flex-shrink: 0;
+  padding-bottom: 12px;
+}
+.c-chat__time-divider[data-v-f86c73f0] {
+  margin-bottom: 12px;
+}
+.c-chat__msg-body[data-v-f86c73f0] {
+  min-width: 0;
+}
+.c-chat__msg-image[data-v-f86c73f0] {
+  max-width: min(240px, 100%);
+}
+
+/* layer: default */
+.hidden[data-v-f86c73f0]{display:none;}
+.flex[data-v-f86c73f0]{display:flex;}
+.inline-flex[data-v-f86c73f0]{display:inline-flex;}
+.flex-shrink[data-v-f86c73f0]{flex-shrink:1;}
+.border[data-v-f86c73f0]{border-width:1px;}
+
+/* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */
+.c-chat[data-v-4e22902a] {
+  --chat-bg: var(--c-bg-card, var(--card-color, #fff));
+  --chat-sidebar-bg: var(--c-bg-body, var(--body-color, #f8fafc));
+  --chat-sidebar-width: 280px;
+  --chat-header-bg: var(--c-bg-card, var(--card-color, #fff));
+  --chat-header-height: 56px;
+  --chat-input-bg: var(--c-bg-body, var(--body-color, #f8fafc));
+  --chat-input-height: 56px;
+  --chat-bubble-self: var(--c-primary, var(--primary-color, #2080f0));
+  --chat-bubble-other: color-mix(
+    in srgb,
+    var(--c-text-1, #262626) 5%,
+    var(--c-bg-card, #fff)
+  );
+  --chat-bubble-system: transparent;
+  --chat-text-primary: var(--c-text-1, var(--text-color-1, #262626));
+  --chat-text-secondary: var(--c-text-3, var(--text-color-3, #a3a3a3));
+  --chat-text-self: #fff;
+  --chat-border: var(--c-border, var(--border-color, #e5e7eb));
+  --chat-online-color: #22c55e;
+  --chat-unread-bg: #ef4444;
+  --chat-unread-color: #fff;
+  --chat-failed-color: #ef4444;
+  --chat-shadow: rgba(0, 0, 0, 0.06);
+  --chat-shadow-light: rgba(0, 0, 0, 0.03);
+  --chat-radius: 12px;
+  --chat-avatar-size: 36px;
+  --chat-scrollbar-thumb: var(--c-border, var(--border-color, #e5e7eb));
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  border-radius: var(--chat-radius);
+  overflow: hidden;
+  background: var(--chat-bg);
+  color: var(--chat-text-primary);
+  font-size: 14px;
+  border: 1px solid var(--chat-border);
+  box-shadow: 0 2px 12px var(--chat-shadow);
+}
+
+/* ─── 联系人侧栏 ──────────────────────────────────────── */
+.c-chat__sidebar[data-v-4e22902a] {
+  display: flex;
+  flex-direction: column;
+  width: var(--chat-sidebar-width);
+  min-width: var(--chat-sidebar-width);
+  background: var(--chat-sidebar-bg);
+  border-right: 1px solid var(--chat-border);
+  box-shadow: 2px 0 8px var(--chat-shadow-light);
+}
+.c-chat__sidebar-header[data-v-4e22902a] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: var(--chat-header-height);
+  padding: 0 16px;
+  border-bottom: 1px solid var(--chat-border);
+  font-weight: 600;
+  font-size: 15px;
+}
+.c-chat__search[data-v-4e22902a] {
+  padding: 8px 12px;
+}
+.c-chat__contact-list[data-v-4e22902a],[data-v-4e22902a] .c-chat__contact-list.v-vl {
+  flex: 1;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.c-chat__contact-list[data-v-4e22902a]::-webkit-scrollbar,[data-v-4e22902a] .c-chat__contact-list.v-vl::-webkit-scrollbar {
+  width: 4px;
+}
+.c-chat__contact-list[data-v-4e22902a]::-webkit-scrollbar-thumb,[data-v-4e22902a] .c-chat__contact-list.v-vl::-webkit-scrollbar-thumb {
+  background: var(--chat-scrollbar-thumb);
+  border-radius: 2px;
+}
+
+/* ─── 主聊天区域 ──────────────────────────────────────── */
+.c-chat__main[data-v-4e22902a] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.c-chat__header[data-v-4e22902a] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: var(--chat-header-height);
+  padding: 0 20px;
+  background: var(--chat-header-bg);
+  border-bottom: 1px solid var(--chat-border);
+  box-shadow: 0 1px 4px var(--chat-shadow-light);
+  font-weight: 600;
+  font-size: 15px;
+}
+.c-chat__header-status[data-v-4e22902a] {
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--chat-text-secondary);
+}
+
+/* ─── 消息区域 ────────────────────────────────────────── */
+.c-chat__messages[data-v-4e22902a],[data-v-4e22902a] .c-chat__messages--virtual {
+  flex: 1;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  background: color-mix(in srgb, var(--c-bg-body, var(--body-color, #f8fafc)) 50%, var(--c-bg-card, var(--card-color, #fff)));
+}
+.c-chat__messages[data-v-4e22902a]::-webkit-scrollbar,[data-v-4e22902a] .c-chat__messages--virtual::-webkit-scrollbar {
+  width: 4px;
+}
+.c-chat__messages[data-v-4e22902a]::-webkit-scrollbar-thumb,[data-v-4e22902a] .c-chat__messages--virtual::-webkit-scrollbar-thumb {
+  background: var(--chat-scrollbar-thumb);
+  border-radius: 2px;
+}
+.c-chat__load-more[data-v-4e22902a] {
+  text-align: center;
+  padding: 8px;
+}
+.c-chat__empty[data-v-4e22902a] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--chat-text-secondary);
+  font-size: 13px;
+}
 
 /* ─── 输入区域 ────────────────────────────────────────── */
-.c-chat__input-area[data-v-281bb0dd] {
+.c-chat__input-area[data-v-4e22902a] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -439,21 +510,21 @@
   background: var(--chat-input-bg);
   border-top: 1px solid var(--chat-border);
 }
-.c-chat__input-actions[data-v-281bb0dd] {
+.c-chat__input-actions[data-v-4e22902a] {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
 }
-.c-chat__input-wrap[data-v-281bb0dd] {
+.c-chat__input-wrap[data-v-4e22902a] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__send-btn[data-v-281bb0dd] {
+.c-chat__send-btn[data-v-4e22902a] {
   flex-shrink: 0;
 }
 
 /* ─── 空态 ────────────────────────────────────────────── */
-.c-chat__no-chat[data-v-281bb0dd] {
+.c-chat__no-chat[data-v-4e22902a] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -462,23 +533,36 @@
   gap: 12px;
   color: var(--chat-text-secondary);
 }
-.c-chat__no-chat-icon[data-v-281bb0dd] {
+.c-chat__no-chat-icon[data-v-4e22902a] {
   font-size: 48px;
   opacity: 0.3;
 }
 
 /* ─── 响应式 ──────────────────────────────────────────── */
 @media (max-width: 640px) {
-.c-chat[data-v-281bb0dd] {
+.c-chat[data-v-4e22902a] {
     --chat-sidebar-width: 72px;
 }
-.c-chat__contact-info[data-v-281bb0dd],
-  .c-chat__search[data-v-281bb0dd],
-  .c-chat__unread[data-v-281bb0dd] {
+.c-chat__search[data-v-4e22902a] {
     display: none;
 }
-.c-chat__contact[data-v-281bb0dd] {
-    justify-content: center;
-    padding: 10px 8px;
 }
+.c-chat__main[data-v-4e22902a] {
+  min-height: 0;
+}
+.c-chat__messages[data-v-4e22902a],[data-v-4e22902a] .c-chat__messages--virtual {
+  min-height: 0;
+}
+.c-chat__messages--virtual[data-v-4e22902a],[data-v-4e22902a] .c-chat__messages--virtual {
+  display: block;
+  padding: 0;
+  overflow-anchor: none;
+}
+.c-chat__message-items[data-v-4e22902a] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.c-chat__contact-list[data-v-4e22902a],[data-v-4e22902a] .c-chat__contact-list.v-vl {
+  min-height: 0;
 }