修复提取 ip 接口json类型返回值错误问题；完善 ip 提取页响应式设计

src/components/ui/combobox.tsx

@@ -117,7 +117,7 @@ export function Combobox(props: ComboboxProps) {
         </Button>
       </PopoverTrigger>
       <PopoverContent
-        className="p-0 rounded-lg h-[var(--radix-popover-content-available-height)] flex flex-col overflow-hidden"
+        className="p-0 rounded-lg w-[var(--radix-popover-trigger-width)] h-[var(--radix-popover-content-available-height)] flex flex-col overflow-hidden"
         align="start"
         collisionPadding={6}
       >

src/components/ui/form.tsx

@@ -76,7 +76,7 @@ function FormField<
       name={props.name}
       control={form.control}
       render={({field, fieldState, formState}) => (
-        <div data-slot="form-field" className={merge('grid gap-2', props.className)}>
+        <div data-slot="form-field" className={merge('flex flex-col gap-2', props.className)}>
 
           {/* label */}
           {!!props.label

src/components/ui/separator.tsx

@@ -0,0 +1,28 @@
+'use client'
+
+import * as React from 'react'
+import * as SeparatorPrimitive from '@radix-ui/react-separator'
+
+import {merge} from '@/lib/utils'
+
+function Separator({
+  className,
+  orientation = 'horizontal',
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      className={merge(
+        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+export {Separator}