diff --git a/resources/js/chat-room/message-renderer.js b/resources/js/chat-room/message-renderer.js
index 9eaba14..b6043eb 100644
--- a/resources/js/chat-room/message-renderer.js
+++ b/resources/js/chat-room/message-renderer.js
@@ -797,10 +797,18 @@ export function appendMessage(msg, renderBatch = null) {
let parsedContent = parseBracketUsers(msg.content);
html = `${headImg}${clickableUser(msg.from_user, fontColor, nameClass)}ïŒ${parsedContent}`;
} else {
- div.style.cssText =
- "background: #fffbeb; border-left: 3px solid #d97706; border-radius: 4px; padding: 4px 10px; margin: 2px 0;";
- let sysTranContent = parseBracketUsers(msg.content);
- html = `đ ${sysTranContent}`;
+ const isWarning = (msg.content || "").includes("èŠć");
+ if (isWarning) {
+ div.style.cssText =
+ "background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 4px; padding: 4px 10px; margin: 2px 0;";
+ let sysTranContent = parseBracketUsers(msg.content, "#dc2626");
+ html = `đ ${sysTranContent}`;
+ } else {
+ div.style.cssText =
+ "background: #fffbeb; border-left: 3px solid #d97706; border-radius: 4px; padding: 4px 10px; margin: 2px 0;";
+ let sysTranContent = parseBracketUsers(msg.content);
+ html = `đ ${sysTranContent}`;
+ }
}
} else if (resolveGameNotificationCardMeta(msg)) {
html = buildSystemGameNotificationHtml(msg, timeStr);