首页美化一下

admin/dashboard/templates/contacts_management.html

@@ -374,7 +374,7 @@
     </el-dialog>
 
     <!-- 聊天对话框 -->
-    <el-dialog title="聊天" {% raw %}:visible.sync="chatDialogVisible" {% endraw %} width="60%" :close-on-click-modal="false">
+    <el-dialog title="聊天" {% raw %}:visible.sync="chatDialogVisible" {% endraw %} width="60%" :close-on-click-modal="true">
         <div class="chat-container">
             <!-- 消息列表 -->
             <div class="message-list" ref="messageList">
@@ -956,14 +956,14 @@
 
     .stat-title {
         font-size: 16px;
-        color: #6b86a8;
+        color: var(--tech-text-muted);
         margin-bottom: 10px;
     }
 
     .stat-value {
         font-size: 28px;
         font-weight: bold;
-        color: #5bd3ff;
+        color: var(--tech-accent-2);
     }
 
     .pagination-container {
@@ -973,7 +973,7 @@
 
     .section-title {
         margin: 20px 0 15px 0;
-        border-bottom: 1px solid #d6e6ff;
+        border-bottom: 1px solid var(--tech-border);
         padding-bottom: 10px;
         display: flex;
         justify-content: space-between;
@@ -983,7 +983,7 @@
     .section-title h3 {
         margin: 0;
         font-size: 18px;
-        color: #2a3b55;
+        color: var(--tech-text);
     }
 
     .chat-container {
@@ -996,8 +996,8 @@
         flex: 1;
         overflow-y: auto;
         padding: 20px;
-        background: #f2f7ff;
-        border: 1px solid #d6e6ff;
+        background: var(--tech-panel-2);
+        border: 1px solid var(--tech-border);
     }
 
     .message-item {
@@ -1014,27 +1014,27 @@
         max-width: 70%;
         padding: 10px;
         border-radius: 5px;
-        background: #ffffff;
-        color: #22324a;
-        border: 1px solid #d6e6ff;
-        box-shadow: 0 2px 8px rgba(11, 29, 51, 0.06);
+        background: var(--tech-panel);
+        color: var(--tech-text);
+        border: 1px solid var(--tech-border);
+        box-shadow: var(--tech-shadow);
     }
 
     .message-self .message-content {
-        background: #5bd3ff;
-        color: #0b1d33;
+        background: var(--tech-accent);
+        color: #ffffff;
     }
 
     .message-time {
         font-size: 12px;
-        color: #7a94b8;
+        color: var(--tech-text-muted);
         margin-top: 5px;
     }
 
     .input-area {
         padding: 20px;
-        background: #f9fbff;
-        border-top: 1px solid #d6e6ff;
+        background: var(--tech-panel-2);
+        border-top: 1px solid var(--tech-border);
     }
 
     .toolbar {