feat 样式整改

src/views/project/cpns/ProjectToolbar.vue

@@ -76,21 +76,28 @@ const keyword = computed({
 <style lang="less" scoped>
 .project-toolbar {
   .flex(row, flex-start, center);
-  gap: 24px;
+  gap: @spacing-base;
 
   &__field {
     .flex(row, flex-start, center);
     position: relative;
-    flex: 0 1 380px;
+    flex: 0 1 360px;
     min-width: 0;
-    height: 37px;
+    height: 36px;
+    border: 1px solid @border-color;
     border-radius: @radius-round;
-    background: @input-bg;
+    background: @project-input-bg;
+    transition: border-color 0.2s, background-color 0.2s;
+
+    &:focus-within {
+      border-color: @primary-color;
+      background: @white;
+    }
   }
 
   &__icon {
     position: absolute;
-    left: 16px;
+    left: @spacing-base;
     color: @text-color-disabled;
     pointer-events: none;
   }
@@ -113,10 +120,10 @@ const keyword = computed({
 
   &__btn {
     flex-shrink: 0;
-    height: 26px;
-    padding: 0 22px;
+    height: 36px;
+    padding: 0 @spacing-lg;
     border-radius: @radius-round;
-    background: @pill-bg;
+    background: @project-pill-bg;
     color: @text-color;
     font-size: @font-size-base;
     transition: color 0.2s, background-color 0.2s;