codex 试用，美化

admin/dashboard/templates/contacts_management.html

@@ -956,14 +956,14 @@
 
     .stat-title {
         font-size: 16px;
-        color: #606266;
+        color: #6b86a8;
         margin-bottom: 10px;
     }
 
     .stat-value {
         font-size: 28px;
         font-weight: bold;
-        color: #409EFF;
+        color: #5bd3ff;
     }
 
     .pagination-container {
@@ -973,7 +973,7 @@
 
     .section-title {
         margin: 20px 0 15px 0;
-        border-bottom: 1px solid #ebeef5;
+        border-bottom: 1px solid #d6e6ff;
         padding-bottom: 10px;
         display: flex;
         justify-content: space-between;
@@ -983,7 +983,7 @@
     .section-title h3 {
         margin: 0;
         font-size: 18px;
-        color: #303133;
+        color: #2a3b55;
     }
 
     .chat-container {
@@ -996,7 +996,8 @@
         flex: 1;
         overflow-y: auto;
         padding: 20px;
-        background: #f5f5f5;
+        background: #f2f7ff;
+        border: 1px solid #d6e6ff;
     }
 
     .message-item {
@@ -1013,24 +1014,27 @@
         max-width: 70%;
         padding: 10px;
         border-radius: 5px;
-        background: #fff;
-        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+        background: #ffffff;
+        color: #22324a;
+        border: 1px solid #d6e6ff;
+        box-shadow: 0 2px 8px rgba(11, 29, 51, 0.06);
     }
 
     .message-self .message-content {
-        background: #95ec69;
+        background: #5bd3ff;
+        color: #0b1d33;
     }
 
     .message-time {
         font-size: 12px;
-        color: #999;
+        color: #7a94b8;
         margin-top: 5px;
     }
 
     .input-area {
         padding: 20px;
-        background: #fff;
-        border-top: 1px solid #eee;
+        background: #f9fbff;
+        border-top: 1px solid #d6e6ff;
     }
 
     .toolbar {
@@ -1039,4 +1043,4 @@
         gap: 10px;
     }
 </style>
-{% endblock %}
+{% endblock %}