style(input): 优化输入框样式和功能

- 调整输入框后缀和清除图标的样式
- 修改导航栏右侧组件的样式
- 优化试用页面布局和步骤样式

src/styles/components/ant-input.scss

@@ -70,6 +70,22 @@ textarea.ant-input {
   padding-top: 0;
   padding-bottom: 0;
   @include box;
+
+  .ant-input-suffix {
+    .ant-input-show-count-suffix {
+      color: var(--Text-4, #939499);
+      font-family: font-family-manrope-regular;
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+
+    .ant-input-clear-icon {
+      visibility: hidden;
+    }
+  }
+
   &.ant-input-affix-wrapper-disabled {
     background-color: var(--BG-200, #f2f3f5) !important;
   }
@@ -81,15 +97,27 @@ textarea.ant-input {
 
     &:hover {
       border-color: $color-primary !important;
+
+      .ant-input-clear-icon {
+        &:not(.ant-input-clear-icon-hidden) {
+          visibility: visible;
+        }
+      }
     }
   }
-
-
   &:focus,
   &-focused {
     box-shadow: none !important;
     border-color: $color-primary !important;
+
+    .ant-input-clear-icon {
+      &:not(.ant-input-clear-icon-hidden) {
+        visibility: visible;
+      }
+    }
   }
+
+
   .ant-input {
     height: 30px;
     &.ant-input-lg {
@@ -99,14 +127,4 @@ textarea.ant-input {
       height: 26px;
     }
   }
-  .ant-input-suffix {
-    .ant-input-show-count-suffix {
-      color: var(--Text-4, #939499);
-      font-family: font-family-manrope-regular;
-      font-size: 12px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 20px;
-    }
-  }
 }