chore: images create

src/pages/playground/style/ground-left.less

@@ -54,6 +54,19 @@
       .content {
         flex: 1;
       }
+
+      .hold-wrapper {
+        height: 100%;
+      }
+
+      .hold-text-icon {
+        display: flex;
+        padding: 4px;
+        justify-content: center;
+        align-items: center;
+        background-color: var(--ant-color-fill-tertiary);
+        border-radius: var(--border-radius-base);
+      }
     }
   }
 
@@ -63,4 +76,19 @@
     flex-direction: column;
     justify-content: center;
   }
+
+  .embed-chart {
+    position: relative;
+
+    .drag-handler {
+      position: absolute;
+      padding: 0;
+      height: fit-content;
+      top: -10px;
+      font-size: var(--font-size-middle);
+      left: 50%;
+      transform: translateX(-50%);
+      background-color: transparent;
+    }
+  }
 }

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

@@ -14,6 +14,7 @@
     transition: background-color 0.3s ease;
     border-radius: var(--border-radius-base);
     border: 1px solid var(--ant-color-border);
+    background-color: #fff;
 
     .btn-group {
       display: none;

src/pages/playground/style/rerank.less

@@ -43,3 +43,40 @@
     }
   }
 }
+
+.rank-wrapper {
+  position: absolute;
+  left: 14px;
+  right: 14px;
+  bottom: 0;
+  line-height: 12px;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+  align-items: flex-end;
+
+  .percent-wrapper {
+    flex: 1;
+    padding: 2px 0;
+  }
+
+  .rank-tag {
+    padding: 0 4px;
+    margin-left: 10px;
+    background-color: transparent;
+    opacity: 0.7;
+    width: 160px;
+    display: flex;
+    justify-content: space-between;
+
+    .ant-tag {
+      margin: 0;
+      justify-content: center;
+      display: flex;
+      height: 16px;
+      border-radius: 4px;
+      align-items: center;
+      transform: scale(0.85);
+    }
+  }
+}

src/pages/playground/style/thumb-img.less

@@ -1,14 +1,21 @@
 .thumb-img {
   position: relative;
   display: flex;
+  max-width: 100%;
+  max-height: 100%;
+  justify-content: center;
 
   .img {
     display: flex;
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
+    max-width: 100%;
+    max-height: 100%;
     overflow: hidden;
     border-radius: var(--border-radius-base);
     cursor: pointer;
+    justify-content: center;
+    align-items: center;
   }
 
   .del {