feat: style

+.qx-common__modal {
+  .ant-modal-content {
+    padding: 0;
+  }
+
+  .ant-modal-header .ant-modal-title {
+    padding: 24px 24px 0 24px;
+    color: @N9;
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  .ant-modal-close {
+    top: 24px;
+    right: 24px;
+    width: 20px;
+    height: 24px;
+
+    &:hover {
+      background-color: #fff;
+    }
+
+    > .ant-modal-close-x {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 20px;
+      height: 24px;
+      padding: 0;
+
+      .qx-data-flow__modal__close {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 24px;
+        color: @N7;
+        font-size: 12px !important;
+
+        &:hover {
+          color: @N9;
+        }
+      }
+    }
+  }
+
+  .ant-modal-footer {
+    padding: 8px 24px;
+  }
+
+  .ant-modal-body {
+    max-height: 464px;
+    padding: 16px 18px 8px 24px;
+    overflow-y: hidden;
+    scrollbar-gutter: stable;
+
+    &:hover {
+      overflow-y: auto;
+    }
+  }
+}