diff --git a/frontend/src/pages/admin/agent-apps/[id].vue b/frontend/src/pages/admin/agent-apps/[id].vue
index cbc534e..35ad6a4 100644
--- a/frontend/src/pages/admin/agent-apps/[id].vue
+++ b/frontend/src/pages/admin/agent-apps/[id].vue
@@ -6,7 +6,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { toast } from 'vue-sonner'
 
 import { BasicPage } from '@/components/global-layout'
-import { Input } from '@/components/ui/input'
+import { NumberField, NumberFieldContent, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput } from '@/components/ui/number-field'
 import api from '@/services/api'
 
 const router = useRouter()
@@ -246,18 +246,20 @@ onMounted(() => {
               </div>
 
               <div class="space-y-2">
-                <UiLabel for="price">{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
-                <div class="relative">
-                  <span class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">¥</span>
-                  <Input
-                    id="price"
-                    v-model="formData.price"
-                    type="number"
-                    class="pl-7"
-                    :placeholder="t('admin.agentApps.createForm.pricePlaceholder')"
-                    :disabled="saving"
-                  />
-                </div>
+                <UiLabel>{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
+                <NumberField
+                  v-model="formData.price"
+                  :min="0"
+                  :format-options="{ style: 'currency', currency: 'CNY', currencyDisplay: 'symbol' }"
+                  :disabled="saving"
+                  class="w-32"
+                >
+                  <NumberFieldContent>
+                    <NumberFieldDecrement />
+                    <NumberFieldInput />
+                    <NumberFieldIncrement />
+                  </NumberFieldContent>
+                </NumberField>
               </div>
             </UiCardContent>
           </UiCard>
diff --git a/frontend/src/pages/admin/agent-apps/create.vue b/frontend/src/pages/admin/agent-apps/create.vue
index dc3cd07..625bb6f 100644
--- a/frontend/src/pages/admin/agent-apps/create.vue
+++ b/frontend/src/pages/admin/agent-apps/create.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router'
 import { toast } from 'vue-sonner'
 
 import { BasicPage } from '@/components/global-layout'
-import { Input } from '@/components/ui/input'
+import { NumberField, NumberFieldContent, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput } from '@/components/ui/number-field'
 import api from '@/services/api'
 
 const router = useRouter()
@@ -232,18 +232,20 @@ onMounted(() => {
               </div>
 
               <div class="space-y-2">
-                <UiLabel for="price">{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
-                <div class="relative">
-                  <span class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">¥</span>
-                  <Input
-                    id="price"
-                    v-model="formData.price"
-                    type="number"
-                    class="pl-7"
-                    :placeholder="t('admin.agentApps.createForm.pricePlaceholder')"
-                    :disabled="saving"
-                  />
-                </div>
+                <UiLabel>{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
+                <NumberField
+                  v-model="formData.price"
+                  :min="0"
+                  :format-options="{ style: 'currency', currency: 'CNY', currencyDisplay: 'symbol' }"
+                  :disabled="saving"
+                  class="w-32"
+                >
+                  <NumberFieldContent>
+                    <NumberFieldDecrement />
+                    <NumberFieldInput />
+                    <NumberFieldIncrement />
+                  </NumberFieldContent>
+                </NumberField>
               </div>
 
               <div class="space-y-2">