fix(chat): optimize chat reasoning style (#2085)

* feat(chat): 走查问题修复

* feat: chat-sender组件样式调整

* fix(chat): 走查问题修复

* feat: 走查样式调整

* chore: optimize markdown default style

* fix(chat): 修复思维链同级content右边距

---------

Co-authored-by: zydemail <[email protected]>
Co-authored-by: Uyarn <[email protected]>

Author: 3 people

style/web/components/chat/_doc.less

@@ -9,3 +9,7 @@ div[name="DEMO"] .t-chat__text pre {
 div[name="DEMO"] .chat-action-content {
   display: flex;
 }
+
+div[name="DEMO"] .t-chat hr {
+  opacity: .4;
+}

style/web/components/chat/_index.less

@@ -82,18 +82,19 @@
           scrollbar-width: none;
         }
 
+        .@{prefix}-textarea__inner:hover {
+          box-shadow: @chat-input-hover;
+        }
+
         .@{prefix}-textarea__inner.@{prefix}-is-focused {
           border-color: @brand-color;
           background: @bg-color-container;
+          box-shadow: @chat-textarea-shadow-active;
         }
 
         .@{prefix}-textarea__inner::placeholder {
           color: @text-color-secondary;
         }
-
-        .@{prefix}-textarea__inner:hover {
-          box-shadow: @chat-input-hover;
-        }
       }
 
       &__icon {
@@ -165,14 +166,18 @@
       &--focus {
         border-color: @brand-color;
         background-color: @bg-color-container;
-        box-shadow: @shadow-1;
+        box-shadow: @chat-textarea-shadow-active;
       }
     }
 
     &__textarea:hover {
       border-color: @brand-color;
       box-shadow: @shadow-1;
     }
+
+    &__textarea--focus:hover {
+      box-shadow: @chat-textarea-shadow-active;
+    }
     .@{prefix}-textarea {
       width: 100%;
       margin-bottom: @comp-margin-m;
@@ -381,7 +386,7 @@
   }
   // 消息样式
   &__text {
-    padding: @comp-paddingTB-m @comp-paddingLR-m;
+    padding: @comp-paddingTB-m @comp-paddingLR-l;
     font: @font-body-large;
     word-break: break-all;
 
@@ -393,6 +398,13 @@
 
     &__assistant {
       color: @text-color-primary;
+      line-height: 2;
+
+      p,
+      ul,
+      ol {
+        line-height: 1.5;
+      }
 
       ol {
         padding-inline-start: 20px;
@@ -527,6 +539,12 @@
   }
 
   &-reasoning {
+    .@{prefix}-chat__text--variant--text & {
+      padding-top: @comp-paddingTB-m;
+      ~ .@{prefix}-chat__text {
+        padding-right: 0;
+      }
+    }
     .@{prefix}-chat__text--variant--outline & {
       .@{prefix}-collapse {
         background: none;
@@ -547,8 +565,7 @@
       }
 
       &__header {
-        padding: @comp-paddingTB-s @comp-paddingTB-m @comp-paddingTB-m
-          @comp-paddingTB-m;
+        padding: @comp-paddingTB-s @comp-paddingTB-m;
         font: @font-body-medium;
       }
 

style/web/components/chat/_var.less

@@ -46,3 +46,5 @@
 @chat-actions-hover: rgba(238, 238, 238, 1);
 @chat-action-icon-padding: 3px;
 @chat-sender-radius: calc(@border-radius-extraLarge + @border-radius-small + @border-radius-small); // 16px的圆角
+//shadow
+@chat-textarea-shadow-active: 0 0 0 2px @brand-color-focus;