@@ -271,15 +271,27 @@ function handleGroupCreated(groupId: number) {
fill: currentColor !important;
}
+/* 抽屉内「卡片之间」的浅底色，与群聊抽屉保持一致。
+ 必须 :global —— antd Drawer 传送到 body 后只带 root-class-name、不带 scoped data-v，
+ 普通作用域选择器匹配不到，会导致灰色分隔底色失效、区块间隔显白 */
+:global(.im-conversation-private-side__modal) {
+ --im-conversation-side-bg: #f5f7fa;
+}
+
/* 相邻信息行加分隔线； 相邻兄弟选择器无法用工具类表达 */
.im-conversation-private-side__row + .im-conversation-private-side__row {
- border-top: 1px solid var(--ant-color-border-secondary);
+ border-top: 1px solid var(--im-border-color-lighter);
+}
+
+/* 整体放进 :global()，避免 Vue scoped 把 `:global(.dark) .xxx` 塌缩成裸 `.dark` 而把变量刷到 */
+:global(.dark .im-conversation-private-side__modal) {
+ --im-conversation-side-bg: rgb(255 255 255 / 5%);
}
-
+
diff --git a/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue b/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue
index 5dd7b5b1b..78322b19c 100644
--- a/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue
+++ b/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue
@@ -421,9 +421,9 @@ function handleOpenTransferOwner() {
@@ -816,7 +816,9 @@ function handleOpenTransferOwner() {
background-color: var(--ant-color-primary-bg);
}
-.im-conversation-group-side__modal {
+/* 必须 :global —— el-drawer append-to-body 后 modal-class 落在 .el-overlay 上、不带 scoped data-v，
+ 普通作用域选择器匹配不到，会导致灰色分隔底色（--im-conversation-side-bg）失效、区块间隔显白 */
+:global(.im-conversation-group-side__modal) {
--im-conversation-side-bg: #f5f7fa;
}
diff --git a/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue b/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue
index 5c731442c..3784edcbd 100644
--- a/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue
+++ b/apps/web-ele/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue
@@ -137,9 +137,9 @@ function handleGroupCreated(groupId: number) {