feat: 功能优化

frontend/app/web-gold/src/views/content-style/components/BenchmarkForm.vue

@@ -39,6 +39,7 @@ function handleReset() {
       </a-form-item>
       <a-form-item label="主页/视频链接">
         <a-input
+          class="search-input"
           v-model:value="form.url"
           placeholder="粘贴抖音主页或视频链接，或点击下方示例试一试"
           allow-clear
@@ -86,19 +87,6 @@ function handleReset() {
   color: var(--color-text-secondary);
 }
 
-:deep(.ant-input), :deep(.ant-input-affix-wrapper), :deep(textarea) {
-  background: var(--color-surface);
-  border-color: var(--color-border);
-}
-
-:deep(.ant-input:hover), :deep(.ant-input-affix-wrapper:hover), :deep(textarea:hover) {
-  border-color: color-mix(in oklab, var(--color-primary) 60%, var(--color-border));
-}
-
-:deep(.ant-input:focus), :deep(.ant-input-affix-wrapper-focused), :deep(textarea:focus) {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-primary) 25%, transparent);
-}
 
 :deep(.ant-slider) {
   padding: 10px 0;
@@ -127,5 +115,31 @@ function handleReset() {
 :deep(.ant-slider-handle:active::after) {
   box-shadow: 0 0 0 3px var(--color-primary);
 }
+.search-input {
+  flex: 1;
+  padding: 8px 12px;
+  font-size: 14px;
+  color: var(--color-text);
+  background: var(--color-bg);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  transition: all 0.2s;
+}
+
+.search-input:focus {
+  outline: none;
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 3px rgba(0, 176, 48, 0.1);
+}
+
+.search-input:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.search-input::placeholder {
+  color: var(--color-text-secondary);
+  opacity: 0.6;
+}
 </style>