diff --git a/package.json b/package.json
index dada261..b220e2b 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "hex-to-hsl": "^1.0.2",
     "nprogress": "^0.2.0",
     "qrcode.vue": "^3.2.2",
-    "tdesign-vue-next": "^0.6.0",
+    "tdesign-vue-next": "0.6.2",
     "tvision-color": "^1.3.1",
     "vue": "^3.1.5",
     "vue-color-kit": "^1.0.5",
diff --git a/src/layouts/components/Search.vue b/src/layouts/components/Search.vue
index 040f48b..1b69af3 100644
--- a/src/layouts/components/Search.vue
+++ b/src/layouts/components/Search.vue
@@ -81,13 +81,22 @@ export default defineComponent({
     font-size: 20px !important;
     color: @text-color-primary !important;
   }
-  .t-input__inner {
+  .t-input {
     border: none;
     outline: none;
     box-shadow: none;
     transition: background @anim-duration-base linear;
+    .t-input__inner {
+      transition: background @anim-duration-base linear;
+    }
+    .t-input__inner {
+      background: none;
+    }
     &:hover {
       background: @bg-color-secondarycontainer;
+      .t-input__inner {
+        background: @bg-color-secondarycontainer;
+      }
     }
   }
 }
@@ -95,7 +104,7 @@ export default defineComponent({
 .header-search {
   width: 200px;
   transition: width @anim-duration-base @anim-time-fn-easing;
-  .t-input__inner {
+  .t-input {
     border: 0;
     padding-left: 40px;
     &:focus {