fix: playground edit message

src/pages/playground/style/content-item.less

@@ -13,7 +13,7 @@
   .role {
     position: relative;
     cursor: pointer;
-    padding: 2px 4px;
+    padding: 0 4px;
     border-radius: var(--border-radius-mini);
   }
 

src/pages/playground/style/message-input.less

@@ -48,14 +48,21 @@
   }
 
   textarea::-webkit-scrollbar-track {
-    background-color: #f1f1f1;
+    background-color: transparent;
   }
 
   textarea::-webkit-scrollbar-thumb {
-    background-color: #d9d9d9;
+    background-color: transparent;
     border-radius: 6px;
   }
 
+  textarea:hover {
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--color-scrollbar-thumb);
+      border-radius: 6px;
+    }
+  }
+
   .send-btn {
     display: flex;
     justify-content: center;

src/pages/playground/style/sys-message.less

@@ -1,6 +1,19 @@
 .sys-message {
   position: relative;
 
+  &.focus {
+    padding-top: 9px;
+  }
+
+  .apply-check {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    direction: rtl;
+    background-color: var(--color-white-1);
+    box-shadow: var(--ant-box-shadow-tertiary);
+  }
+
   .sys-content-wrap {
     position: relative;
     display: flex;
@@ -26,7 +39,7 @@
 
   .system-label {
     font-weight: var(--font-weight-bold);
-    padding-left: 16px;
+    padding-left: 14px;
   }
 
   .sys-content {