diff --git a/src/styles/variables.less b/src/styles/variables.less
index 29810e6..571aea9 100644
--- a/src/styles/variables.less
+++ b/src/styles/variables.less
@@ -286,3 +286,20 @@
 @finance-chart-switch-active: #024fff;
 @finance-switch-active-bg: #e8f0ff;
 @finance-switch-idle-bg: #f2f4f7;
+
+// 消息中心（设计稿 #22）
+@message-page-bg: #f4f6f8;
+@message-tabs-text: #4b5563;
+@message-tabs-badge: #f53f3f;
+@message-toolbar-btn-border: #e5e7eb;
+@message-pager-active-bg: #edf3fe;
+@message-item-icon: #3b82f6;
+
+// 在线客服（设计稿 #42）
+@service-card-line: #f0f1f3;
+@service-scroll-bg: #fafbfc;
+@service-input-bg: #f7f8fa;
+@service-bar-bg: #f8f8f9;
+@service-header-name: #1f2937;
+@service-avatar-text: #8d99ae;
+@service-bubble-text: #1f2937;