增量提交

Claw/client/wechat_app/pages/chat/chat.wxss

@@ -1,11 +1,11 @@
-/* 聊天页面样式 */
+/* 聊天页面样式 - 深色主题 */
 @import '../../utils/constant.wxss';
 
 .chat-container {
   display: flex;
   flex-direction: column;
   height: 100vh;
-  background-color: #f7f7f7;
+  background-color: #0d0d0d;
 }
 
 .message-list {
@@ -20,12 +20,12 @@
   justify-content: center;
   align-items: center;
   height: 400rpx;
-  color: #999;
+  color: #555555;
 }
 
 .empty-text {
   font-size: 28rpx;
-  color: #999;
+  color: #555555;
 }
 
 .history-tip {
@@ -37,8 +37,8 @@
 
 .history-tip text {
   font-size: 24rpx;
-  color: #999;
-  background-color: #f0f0f0;
+  color: #666666;
+  background-color: #1a1a1a;
   padding: 5rpx 20rpx;
   border-radius: 20rpx;
 }
@@ -85,7 +85,7 @@
 
 .message-nickname {
   font-size: 24rpx;
-  color: #999;
+  color: #666666;
   font-weight: 500;
 }
 
@@ -96,15 +96,15 @@
 }
 
 .message-left .message-body {
-  background-color: white;
+  background-color: #1e1e1e;
   border-radius: 16rpx 16rpx 16rpx 4rpx;
-  box-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.05);
+  border: 2rpx solid rgba(255,255,255,0.06);
 }
 
 .message-right .message-body {
   background-color: #1677FF;
   border-radius: 16rpx 16rpx 4rpx 16rpx;
-  box-shadow: 0 1rpx 2rpx rgba(22, 119, 255, 0.1);
+  box-shadow: 0 4rpx 16rpx rgba(22,119,255,0.25);
 }
 
 .message-text-container {
@@ -117,7 +117,7 @@
 }
 
 .message-left .message-text {
-  color: #333;
+  color: #e8e8e8;
 }
 
 .message-right .message-text {
@@ -132,7 +132,7 @@
 
 .message-time {
   font-size: 20rpx;
-  color: #ccc;
+  color: #444444;
   margin-right: 16rpx;
 }
 
@@ -143,12 +143,13 @@
   margin: 4rpx 0;
 }
 
-/* 代码块样式 */
+/* 代码块样式 - 深色 */
 .message-code {
-  background-color: #f5f5f5;
+  background-color: #141414;
   border-radius: 12rpx;
   overflow: hidden;
   margin: 8rpx 0;
+  border: 2rpx solid #252525;
 }
 
 .code-header {
@@ -156,8 +157,8 @@
   justify-content: space-between;
   align-items: center;
   padding: 12rpx 16rpx;
-  background-color: #e8e8e8;
-  border-bottom: 1rpx solid #ddd;
+  background-color: #1a1a1a;
+  border-bottom: 2rpx solid #252525;
 }
 
 .code-language {
@@ -188,30 +189,30 @@
   padding: 16rpx;
   max-height: 400rpx;
   overflow-y: auto;
-  background-color: #f5f5f5;
+  background-color: #0d0d0d;
 }
 
 .code-text {
   font-size: 24rpx;
   line-height: 1.4;
-  color: #333;
+  color: #a8dadc;
   font-family: 'Courier New', Courier, monospace;
   white-space: pre-wrap;
 }
 
-/* 按钮卡片样式 */
+/* 按钮卡片样式 - 深色 */
 .message-button-card {
-  background-color: white;
+  background-color: #1e1e1e;
   border-radius: 12rpx;
   padding: 20rpx;
-  box-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.05);
   margin: 8rpx 0;
+  border: 2rpx solid rgba(255,255,255,0.06);
 }
 
 .card-title {
   font-size: 26rpx;
   font-weight: 500;
-  color: #333;
+  color: #ffffff;
   margin-bottom: 16rpx;
 }
 
@@ -222,8 +223,8 @@
 }
 
 .card-button {
-  background-color: #f8f8f8;
-  border: 1rpx solid #e0e0e0;
+  background-color: #141414;
+  border: 2rpx solid #252525;
   border-radius: 8rpx;
   padding: 16rpx;
   font-size: 26rpx;
@@ -266,7 +267,7 @@
 
 .typing-text {
   font-size: 24rpx;
-  color: #999;
+  color: #666666;
 }
 
 @keyframes typing-bounce {
@@ -278,17 +279,16 @@
   }
 }
 
-/* 输入区域 */
+/* 输入区域 - 深色 */
 .input-container {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
-  background: white;
-  border-top: 1rpx solid #e0e0e0;
+  background: linear-gradient(180deg, #1a1a1a 0%, #141414 100%);
+  border-top: 2rpx solid rgba(255,255,255,0.06);
   padding: 20rpx;
   z-index: 1000;
-  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
 }
 
 .input-wrapper {
@@ -299,11 +299,12 @@
 
 .message-input {
   flex: 1;
-  border: 1rpx solid #e0e0e0;
+  border: 2rpx solid #252525;
   border-radius: 28rpx;
   padding: 20rpx 28rpx;
   font-size: 28rpx;
-  background-color: #f8f8f8;
+  background-color: #0d0d0d;
+  color: #ffffff;
   min-height: 80rpx;
   max-height: 200rpx;
   overflow-y: auto;
@@ -343,7 +344,7 @@
   transform: none;
 }
 
-/* 富文本样式 */
+/* 富文本样式 - 深色主题 */
 rich-text {
   line-height: 1.5;
 }
@@ -361,17 +362,17 @@ rich-text :deep(h3) {
 
 rich-text :deep(h1) {
   font-size: 32rpx;
-  color: #333;
+  color: #ffffff;
 }
 
 rich-text :deep(h2) {
   font-size: 28rpx;
-  color: #444;
+  color: #e5e5e5;
 }
 
 rich-text :deep(h3) {
   font-size: 26rpx;
-  color: #555;
+  color: #cccccc;
 }
 
 rich-text :deep(ul),
@@ -383,6 +384,7 @@ rich-text :deep(ol) {
 rich-text :deep(li) {
   margin: 8rpx 0;
   line-height: 1.5;
+  color: #d0d0d0;
 }
 
 rich-text :deep(strong) {