message: fix(input): update style css
diff: @@ -101,22 +101,27 @@ $mock-input-prefix: '#{$component-prefix}-mock-input' !default;
  &--size {
  &-sm {
  + &.#{$mock-input-prefix} {
  height: use-height-size('xs');
  font-size: use-text-size('sm');
  line-height: get-text-lineheight('sm');
  border-radius: use-border-radius('normal');
  padding: 1px $input-padding-width;
  }
  + }
  &-md {
  + &.#{$mock-input-prefix} {
  height: use-height-size('normal');
  font-size: use-text-size('normal');
  line-height: get-text-lineheight('normal');
  border-radius: use-border-radius('normal');
  padding: 4px $input-padding-width;
  }
  + }
  &-lg {
  + &.#{$mock-input-prefix} {
  height: use-height-size('xl');
  font-size: use-text-size('lg');
  line-height: get-text-lineheight('lg');
  @@ -124,9 +129,11 @@ $mock-input-prefix: '#{$component-prefix}-mock-input' !default;
  padding: 7px $input-padding-width;
  }
  }
  + }
  &--appearance {
  &-line {
  + &.#{$mock-input-prefix} {
  border-color: use-color('gray', 300);
  &:not(.disabled):hover {
  @@ -150,8 +157,10 @@ $mock-input-prefix: '#{$component-prefix}-mock-input' !default;
  }
  }
  }
  + }
  &-unset {
  + &.#{$mock-input-prefix} {
  width: auto;
  justify-content: flex-start;
  border-color: transparent;
  @@ -178,8 +187,10 @@ $mock-input-prefix: '#{$component-prefix}-mock-input' !default;
  }
  }
  }
  + }
  &-filled {
  + &.#{$mock-input-prefix} {
  background-color: use-color('gray', 100);
  &:not(.disabled):hover {
  @@ -205,19 +216,24 @@ $mock-input-prefix: '#{$component-prefix}-mock-input' !default;
  }
  }
  }
  + }
  &-line,
  &-unset,
  &-filled {
  &.disabled {
  + &.#{$mock-input-prefix} {
  color: use-color('gray', 400);
  }
  }
  + }
  &-line,
  &-filled {
  &.disabled {
  - background-color: use-color('gray', 200);
  + &.#{$mock-input-prefix} {
  + background-color: use-color('gray', 100);
  + }
  }
  }
  }
  