diff --git a/root/NEUIKit/pages/Chat/message/message-item.vue b/root/NEUIKit/pages/Chat/message/message-item.vue
index 03c83c6..70b0a7d 100644
--- a/root/NEUIKit/pages/Chat/message/message-item.vue
+++ b/root/NEUIKit/pages/Chat/message/message-item.vue
@@ -340,9 +340,21 @@
 	        : ''
 	    " :goto-user-card="true" />
 			<!-- props.msg.text -->
-			<div class="msg-content">
-				<div class="msg-bg msg-bg-out" :style="{ fontSize: 16 + 'px' }">
-					<span class="msg-text">{{ props.msg.text }}</span>
+			<div>
+				<div class="msg-name 8" v-if="!props.msg.isSelf">
+					{{ appellation }} <span v-if="subtitle" style="color: orange;">{{ subtitle }}</span>
+				</div>
+				<div class="msg-contents">
+					<div class="msg-bg" 
+							:class="[!props.msg.isSelf ? 'msg-bg-in' : 'msg-bg-out']"
+							:style="{ 
+								fontSize: 16 + 'px',
+								'background-color': !props.msg.isSelf ? '#ffffff' : '#d6e5f6',
+								'margin-left': !props.msg.isSelf ? '8px' : '0px'
+							}"
+					>
+						<span class="msg-text">{{ props.msg.text }}</span>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -699,6 +711,7 @@
   max-width: 360rpx;
   overflow: hidden;
   padding: 12px 16px;
+	margin-left: 8px;
 
   &-in {
     border-radius: 0 8px 8px 8px;