diff --git a/CHANGELOG.md b/CHANGELOG.md
index 188dd07..c4ec8da 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,49 +1,43 @@
 <a name="readme-top"></a>
+
 # Changelog
 
 # [1.0.0-beta.26](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.25...v1.0.0-beta.26) (2025-03-02)
 
-
 ### 🐛 Bug Fixes
 
-* **icon**: Comment out unused icon collection imports ([f17bf8d](https://github.com/perfect-panel/ppanel-web/commit/f17bf8d))
+- **icon**: Comment out unused icon collection imports ([f17bf8d](https://github.com/perfect-panel/ppanel-web/commit/f17bf8d))
 
 # [1.0.0-beta.25](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.24...v1.0.0-beta.25) (2025-03-01)
 
-
 ### ✨ Features
 
-* **auth**: Add privacy policy link to the footer ([8e16ef1](https://github.com/perfect-panel/ppanel-web/commit/8e16ef1))
-
+- **auth**: Add privacy policy link to the footer ([8e16ef1](https://github.com/perfect-panel/ppanel-web/commit/8e16ef1))
 
 ### 🐛 Bug Fixes
 
-* **dashboard**: Display subscription creation date in user dashboard ([d0e6df0](https://github.com/perfect-panel/ppanel-web/commit/d0e6df0))
-* **request**: Add error code 40005 to trigger logout ([71bf002](https://github.com/perfect-panel/ppanel-web/commit/71bf002))
-* **subscribe**: Update payment return URL ([2b80496](https://github.com/perfect-panel/ppanel-web/commit/2b80496))
+- **dashboard**: Display subscription creation date in user dashboard ([d0e6df0](https://github.com/perfect-panel/ppanel-web/commit/d0e6df0))
+- **request**: Add error code 40005 to trigger logout ([71bf002](https://github.com/perfect-panel/ppanel-web/commit/71bf002))
+- **subscribe**: Update payment return URL ([2b80496](https://github.com/perfect-panel/ppanel-web/commit/2b80496))
 
 # [1.0.0-beta.24](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.23...v1.0.0-beta.24) (2025-02-27)
 
-
 ### ♻ Code Refactoring
 
-* **ui**: Optimize document display ([2ca2992](https://github.com/perfect-panel/ppanel-web/commit/2ca2992))
-* Reduce code complexity and improve readability ([e11f18c](https://github.com/perfect-panel/ppanel-web/commit/e11f18c))
-
+- **ui**: Optimize document display ([2ca2992](https://github.com/perfect-panel/ppanel-web/commit/2ca2992))
+- Reduce code complexity and improve readability ([e11f18c](https://github.com/perfect-panel/ppanel-web/commit/e11f18c))
 
 ### ✨ Features
 
-* **loading**: Add loading components and integrate them in Providers ([d5847fa](https://github.com/perfect-panel/ppanel-web/commit/d5847fa))
-
+- **loading**: Add loading components and integrate them in Providers ([d5847fa](https://github.com/perfect-panel/ppanel-web/commit/d5847fa))
 
 ### 🎫 Chores
 
-* **merge**: Add advertising module and device settings ([0130e02](https://github.com/perfect-panel/ppanel-web/commit/0130e02))
-
+- **merge**: Add advertising module and device settings ([0130e02](https://github.com/perfect-panel/ppanel-web/commit/0130e02))
 
 ### 🐛 Bug Fixes
 
-* **locales**: Order recharge related fields ([35210fe](https://github.com/perfect-panel/ppanel-web/commit/35210fe))
+- **locales**: Order recharge related fields ([35210fe](https://github.com/perfect-panel/ppanel-web/commit/35210fe))
 
 <a name="readme-top"></a>
 
diff --git a/apps/admin/app/dashboard/order/page.tsx b/apps/admin/app/dashboard/order/page.tsx
index 373ad5b..a52803f 100644
--- a/apps/admin/app/dashboard/order/page.tsx
+++ b/apps/admin/app/dashboard/order/page.tsx
@@ -116,7 +116,7 @@ export default function Page(props: any) {
                 <ul className='grid gap-3'>
                   <li className='flex items-center justify-between'>
                     <span className='text-muted-foreground'>{t('method')}</span>
-                    <span>{t(`methods.${row.original.method}`)}</span>
+                    <span>{row.original?.payment?.name || row.original?.payment?.platform}</span>
                   </li>
                 </ul>
               </HoverCardContent>
diff --git a/apps/admin/app/dashboard/payment/alipayf2f.tsx b/apps/admin/app/dashboard/payment/alipayf2f.tsx
deleted file mode 100644
index 51c5849..0000000
--- a/apps/admin/app/dashboard/payment/alipayf2f.tsx
+++ /dev/null
@@ -1,256 +0,0 @@
-'use client';
-
-import { getAlipayF2FPaymentConfig, updateAlipayF2FPaymentConfig } from '@/services/admin/payment';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@workspace/ui/components/select';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { Textarea } from '@workspace/ui/components/textarea';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { unitConversion } from '@workspace/ui/utils';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function AlipayF2F() {
-  const t = useTranslations('payment');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getAlipayF2FPaymentConfig'],
-    queryFn: async () => {
-      const { data } = await getAlipayF2FPaymentConfig();
-
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateAlipayF2FPaymentConfig({
-        ...data,
-        [key]: value,
-      } as API.UpdateAlipayF2fRequest);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('enable')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable}
-              onCheckedChange={(checked) => {
-                updateConfig('enable', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('alipayf2f.sandbox')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('alipayf2f.sandboxDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.config.sandbox}
-              onCheckedChange={(checked) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  sandbox: checked,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('showName')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.name}
-              onValueBlur={(value) => updateConfig('name', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('iconUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.icon_url}
-              onValueBlur={(value) => updateConfig('icon', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('notifyUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.domain}
-              onValueBlur={(value) => updateConfig('domain', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feeMode')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Select
-              value={String(data?.fee_mode)}
-              onValueChange={(value) => {
-                updateConfig('fee_mode', Number(value));
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder='请选择' />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectGroup>
-                  <SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
-                  <SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
-                  <SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
-                  <SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
-                </SelectGroup>
-              </SelectContent>
-            </Select>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feePercent')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              max={100}
-              maxLength={3}
-              value={data?.fee_percent}
-              onValueBlur={(value) => updateConfig('fee_percent', value)}
-              suffix='%'
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('fixedFee')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              min={0}
-              value={data?.fee_amount}
-              formatInput={(value) => unitConversion('centsToDollars', value)}
-              formatOutput={(value) => unitConversion('dollarsToCents', value)}
-              onValueBlur={(value) => updateConfig('fee_amount', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('alipayf2f.appId')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.app_id}
-              onValueBlur={(value) =>
-                updateConfig('config', {
-                  ...data?.config,
-                  app_id: value,
-                })
-              }
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('alipayf2f.privateKey')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <Textarea
-              placeholder={t('inputPlaceholder')}
-              defaultValue={data?.config.private_key}
-              onBlur={(e) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  private_key: e.target.value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('alipayf2f.publicKey')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <Textarea
-              placeholder={t('inputPlaceholder')}
-              defaultValue={data?.config.public_key}
-              onBlur={(e) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  public_key: e.target.value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('alipayf2f.invoiceName')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('alipayf2f.invoiceNameDescription')}
-              value={data?.config.invoice_name}
-              onValueBlur={(value) =>
-                updateConfig('config', {
-                  ...data?.config,
-                  invoice_name: value,
-                })
-              }
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}
diff --git a/apps/admin/app/dashboard/payment/epay.tsx b/apps/admin/app/dashboard/payment/epay.tsx
deleted file mode 100644
index bcd1528..0000000
--- a/apps/admin/app/dashboard/payment/epay.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-'use client';
-
-import { getEpayPaymentConfig, updateEpayPaymentConfig } from '@/services/admin/payment';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@workspace/ui/components/select';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { unitConversion } from '@workspace/ui/utils';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function Epay() {
-  const t = useTranslations('payment');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getEpayPaymentConfig'],
-    queryFn: async () => {
-      const { data } = await getEpayPaymentConfig();
-
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateEpayPaymentConfig({
-        ...data,
-        [key]: value,
-      } as API.UpdateEpayRequest);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('enable')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable}
-              onCheckedChange={(checked) => {
-                updateConfig('enable', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('showName')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.name}
-              onValueBlur={(value) => updateConfig('name', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('iconUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.icon}
-              onValueBlur={(value) => updateConfig('icon', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('notifyUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.domain}
-              onValueBlur={(value) => updateConfig('domain', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feeMode')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Select
-              value={String(data?.fee_mode)}
-              onValueChange={(value) => {
-                updateConfig('fee_mode', Number(value));
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder='请选择' />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectGroup>
-                  <SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
-                  <SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
-                  <SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
-                  <SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
-                </SelectGroup>
-              </SelectContent>
-            </Select>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feePercent')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              max={100}
-              maxLength={3}
-              value={data?.fee_percent}
-              onValueBlur={(value) => updateConfig('fee_percent', value)}
-              suffix='%'
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('fixedFee')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              value={data?.fee_amount}
-              formatInput={(value) => unitConversion('centsToDollars', value)}
-              formatOutput={(value) => unitConversion('dollarsToCents', value)}
-              onValueBlur={(value) => updateConfig('fee_amount', value)}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('epay.url')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.url}
-              onValueBlur={(value) =>
-                updateConfig('config', {
-                  ...data?.config,
-                  url: value,
-                })
-              }
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('epay.pid')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.pid}
-              onValueBlur={(value) =>
-                updateConfig('config', {
-                  ...data?.config,
-                  pid: value,
-                })
-              }
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('epay.key')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.key}
-              onValueBlur={(value) =>
-                updateConfig('config', {
-                  ...data?.config,
-                  key: value,
-                })
-              }
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}
diff --git a/apps/admin/app/dashboard/payment/page.tsx b/apps/admin/app/dashboard/payment/page.tsx
index 9e5b5cc..a9c00d3 100644
--- a/apps/admin/app/dashboard/payment/page.tsx
+++ b/apps/admin/app/dashboard/payment/page.tsx
@@ -1,34 +1,11 @@
 import Billing from '@/components/billing';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
-import AlipayF2F from './alipayf2f';
-import Epay from './epay';
-import StripeAlipay from './stripe-alipay';
-import StripeWeChatPay from './stripe-wechat-pay';
+import PaymentTable from './payment-table';
 
 export default async function Page() {
   return (
     <>
-      <Tabs defaultValue='Epay'>
-        <TabsList className='h-full flex-wrap'>
-          <TabsTrigger value='Epay'>Epay</TabsTrigger>
-          <TabsTrigger value='Stripe-Alipay'>Stripe(AliPay)</TabsTrigger>
-          <TabsTrigger value='Strip-WeChatPay'>Stripe(WeChatPay)</TabsTrigger>
-          <TabsTrigger value='AlipayF2F'>AlipayF2F</TabsTrigger>
-        </TabsList>
-        <TabsContent value='Epay'>
-          <Epay />
-        </TabsContent>
-        <TabsContent value='Stripe-Alipay'>
-          <StripeAlipay />
-        </TabsContent>
-        <TabsContent value='Strip-WeChatPay'>
-          <StripeWeChatPay />
-        </TabsContent>
-        <TabsContent value='AlipayF2F'>
-          <AlipayF2F />
-        </TabsContent>
-      </Tabs>
-      <div className='flex flex-col gap-3'>
+      <PaymentTable />
+      <div className='mt-5 flex flex-col gap-3'>
         <Billing type='payment' />
       </div>
     </>
diff --git a/apps/admin/app/dashboard/payment/payment-form.tsx b/apps/admin/app/dashboard/payment/payment-form.tsx
new file mode 100644
index 0000000..973234f
--- /dev/null
+++ b/apps/admin/app/dashboard/payment/payment-form.tsx
@@ -0,0 +1,415 @@
+'use client';
+
+import useGlobalStore from '@/config/use-global';
+import { getPaymentPlatform } from '@/services/admin/payment';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@workspace/ui/components/form';
+import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
+import { ScrollArea } from '@workspace/ui/components/scroll-area';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@workspace/ui/components/select';
+import {
+  Sheet,
+  SheetContent,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from '@workspace/ui/components/sheet';
+import { MarkdownEditor } from '@workspace/ui/custom-components/editor';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { Icon } from '@workspace/ui/custom-components/icon';
+import { unitConversion } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+import { useEffect, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import * as z from 'zod';
+
+interface PaymentFormProps<T> {
+  trigger: React.ReactNode;
+  title: string;
+  loading?: boolean;
+  initialValues?: T;
+  onSubmit: (values: T) => Promise<boolean>;
+}
+
+export default function PaymentForm<T>({
+  trigger,
+  title,
+  loading,
+  initialValues,
+  onSubmit,
+}: PaymentFormProps<T>) {
+  const t = useTranslations('payment');
+  const { common } = useGlobalStore();
+  const { currency } = common;
+  const [open, setOpen] = useState(false);
+
+  const { data: platformData } = useQuery({
+    queryKey: ['getPaymentPlatform'],
+    queryFn: async () => {
+      const { data } = await getPaymentPlatform();
+      return data?.data?.list || [];
+    },
+  });
+
+  const formSchema = z.object({
+    name: z.string().min(1, { message: t('nameRequired') }),
+    platform: z.string().optional(),
+    icon: z.string().optional(),
+    domain: z.string().optional(),
+    config: z.any(),
+    fee_mode: z.coerce.number().min(0).max(2),
+    fee_percent: z.coerce.number().optional(),
+    fee_amount: z.coerce.number().optional(),
+    description: z.string().optional(),
+  });
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      name: '',
+      platform: '',
+      icon: '',
+      domain: '',
+      config: {},
+      fee_mode: 0,
+      fee_percent: 0,
+      fee_amount: 0,
+      ...(initialValues as any),
+    },
+  });
+
+  const feeMode = form.watch('fee_mode');
+  const platformValue = form.watch('platform');
+  const configValues = form.watch('config');
+
+  const currentPlatform = platformData?.find((p) => p.platform === platformValue);
+  const currentFieldDescriptions = currentPlatform?.platform_field_description || {};
+  const configFields = Object.keys(currentFieldDescriptions) || [];
+  const platformUrl = currentPlatform?.platform_url || '';
+
+  useEffect(() => {
+    if (feeMode === 0) {
+      form.setValue('fee_amount', 0);
+      form.setValue('fee_percent', 0);
+    } else if (feeMode === 1) {
+      form.setValue('fee_amount', 0);
+    } else if (feeMode === 2) {
+      form.setValue('fee_percent', 0);
+    }
+  }, [feeMode, form]);
+
+  const handleClose = () => {
+    form.reset();
+    setOpen(false);
+  };
+
+  const handleSubmit = async (values: z.infer<typeof formSchema>) => {
+    const cleanedValues = { ...values };
+
+    if (values.fee_mode === 0) {
+      cleanedValues.fee_amount = undefined;
+      cleanedValues.fee_percent = undefined;
+    } else if (values.fee_mode === 1) {
+      cleanedValues.fee_amount = undefined;
+    } else if (values.fee_mode === 2) {
+      cleanedValues.fee_percent = undefined;
+    }
+
+    const success = await onSubmit(cleanedValues as unknown as T);
+    if (success) {
+      handleClose();
+    }
+  };
+
+  const openPlatformUrl = () => {
+    if (platformUrl) {
+      window.open(platformUrl, '_blank');
+    }
+  };
+
+  return (
+    <Sheet open={open} onOpenChange={setOpen}>
+      <SheetTrigger asChild>{trigger}</SheetTrigger>
+      <SheetContent className='w-[550px] max-w-full md:max-w-screen-md'>
+        <SheetHeader>
+          <SheetTitle>{title}</SheetTitle>
+        </SheetHeader>
+        <ScrollArea className='-mx-6 h-[calc(100vh-48px-36px-36px-env(safe-area-inset-top))]'>
+          <Form {...form}>
+            <form onSubmit={form.handleSubmit(handleSubmit)} className='space-y-6 px-6 pt-4'>
+              {/* 基本信息分组 */}
+              <div className='space-y-4'>
+                <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
+                  <FormField
+                    control={form.control}
+                    name='name'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('name')}</FormLabel>
+                        <FormControl>
+                          <EnhancedInput
+                            placeholder={t('namePlaceholder')}
+                            value={field.value}
+                            onValueChange={(value) => form.setValue('name', value as string)}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                  <FormField
+                    control={form.control}
+                    name='icon'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('icon')}</FormLabel>
+                        <FormControl>
+                          <EnhancedInput
+                            placeholder={t('iconPlaceholder')}
+                            value={field.value}
+                            onValueChange={(value) => form.setValue('icon', value as string)}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+                <FormField
+                  control={form.control}
+                  name='domain'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('domain')}</FormLabel>
+                      <FormControl>
+                        <EnhancedInput
+                          placeholder={t('domainPlaceholder', { example: 'http(s)://example.com' })}
+                          value={field.value}
+                          onValueChange={(value) => form.setValue('domain', value as string)}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className='space-y-4'>
+                <FormField
+                  control={form.control}
+                  name='fee_mode'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('handlingFee')}</FormLabel>
+                      <FormControl>
+                        <RadioGroup
+                          onValueChange={(value) => field.onChange(parseInt(value))}
+                          value={field.value.toString()}
+                          className='flex flex-wrap gap-4'
+                        >
+                          <FormItem className='flex items-center space-x-2'>
+                            <FormControl>
+                              <RadioGroupItem value='0' />
+                            </FormControl>
+                            <FormLabel className='!mt-0 cursor-pointer'>{t('noFee')}</FormLabel>
+                          </FormItem>
+                          <FormItem className='flex items-center space-x-2'>
+                            <FormControl>
+                              <RadioGroupItem value='1' />
+                            </FormControl>
+                            <FormLabel className='!mt-0 cursor-pointer'>
+                              {t('percentFee')}
+                            </FormLabel>
+                          </FormItem>
+                          <FormItem className='flex items-center space-x-2'>
+                            <FormControl>
+                              <RadioGroupItem value='2' />
+                            </FormControl>
+                            <FormLabel className='!mt-0 cursor-pointer'>{t('fixedFee')}</FormLabel>
+                          </FormItem>
+                        </RadioGroup>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                {feeMode === 1 && (
+                  <div className='grid grid-cols-1 sm:w-1/2'>
+                    <FormField
+                      control={form.control}
+                      name='fee_percent'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('feePercent')}</FormLabel>
+                          <FormControl>
+                            <EnhancedInput
+                              type='number'
+                              step='0.01'
+                              suffix='%'
+                              value={field.value}
+                              onValueChange={field.onChange}
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                )}
+
+                {feeMode === 2 && (
+                  <div className='grid grid-cols-1 sm:w-1/2'>
+                    <FormField
+                      control={form.control}
+                      name='fee_amount'
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>{t('feeAmount')}</FormLabel>
+                          <FormControl>
+                            <EnhancedInput
+                              type='number'
+                              step='0.01'
+                              prefix={currency.currency_symbol}
+                              suffix={currency.currency_unit}
+                              value={unitConversion('centsToDollars', field.value)}
+                              onValueChange={(value) =>
+                                field.onChange(unitConversion('dollarsToCents', value))
+                              }
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                )}
+              </div>
+
+              <div className='space-y-4'>
+                {(!platformValue || platformData?.find((p) => p.platform === platformValue)) && (
+                  <FormField
+                    control={form.control}
+                    name='platform'
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>{t('platform')}</FormLabel>
+                        <Select
+                          onValueChange={(value) => {
+                            form.setValue('platform', value as string);
+                            form.setValue('config', {});
+                          }}
+                          defaultValue={field.value}
+                          value={field.value}
+                        >
+                          <FormControl>
+                            <SelectTrigger>
+                              <SelectValue placeholder={t('selectPlatform')} />
+                            </SelectTrigger>
+                          </FormControl>
+                          <SelectContent>
+                            {platformData?.map((platform) => (
+                              <SelectItem key={platform.platform} value={platform.platform}>
+                                {platform.platform}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                        {platformUrl ? (
+                          <div className='mt-1 flex justify-end'>
+                            <Button
+                              variant='ghost'
+                              size='sm'
+                              className='h-6 px-2 text-xs'
+                              onClick={openPlatformUrl}
+                            >
+                              <Icon icon='tabler:external-link' className='mr-1 h-3 w-3' />
+                              {t('applyForPayment')}
+                            </Button>
+                          </div>
+                        ) : (
+                          <div className='mt-1 h-6'></div>
+                        )}
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                )}
+
+                {configFields.length > 0 && (
+                  <div className='mt-4 space-y-4'>
+                    {configFields.map((fieldKey) => (
+                      <FormItem key={fieldKey}>
+                        <FormLabel>{currentFieldDescriptions[fieldKey]}</FormLabel>
+                        <FormControl>
+                          <EnhancedInput
+                            placeholder={t('configPlaceholder', {
+                              field: currentFieldDescriptions[fieldKey],
+                            })}
+                            value={
+                              configValues && configValues[fieldKey] !== undefined
+                                ? configValues[fieldKey]
+                                : ''
+                            }
+                            onValueChange={(value) => {
+                              const newConfig = { ...configValues };
+                              newConfig[fieldKey] = value;
+                              form.setValue('config', newConfig);
+                            }}
+                          />
+                        </FormControl>
+                      </FormItem>
+                    ))}
+                  </div>
+                )}
+
+                <FormField
+                  control={form.control}
+                  name='description'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>{t('description')}</FormLabel>
+                      <FormControl>
+                        <MarkdownEditor
+                          value={field.value}
+                          onChange={(value) => form.setValue(field.name, value as string)}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </form>
+          </Form>
+        </ScrollArea>
+
+        <SheetFooter className='flex-row justify-end gap-2 pt-3'>
+          <Button variant='outline' disabled={loading} onClick={handleClose}>
+            {t('cancel')}
+          </Button>
+          <Button disabled={loading} onClick={form.handleSubmit(handleSubmit)}>
+            {loading && <Icon icon='mdi:loading' className='mr-2 animate-spin' />}
+            {t('submit')}
+          </Button>
+        </SheetFooter>
+      </SheetContent>
+    </Sheet>
+  );
+}
diff --git a/apps/admin/app/dashboard/payment/payment-table.tsx b/apps/admin/app/dashboard/payment/payment-table.tsx
new file mode 100644
index 0000000..d6c0633
--- /dev/null
+++ b/apps/admin/app/dashboard/payment/payment-table.tsx
@@ -0,0 +1,222 @@
+'use client';
+
+import { Display } from '@/components/display';
+import { ProTable, ProTableActions } from '@/components/pro-table';
+import {
+  createPaymentMethod,
+  deletePaymentMethod,
+  getPaymentMethodList,
+  updatePaymentMethod,
+} from '@/services/admin/payment';
+import { Avatar, AvatarFallback, AvatarImage } from '@workspace/ui/components/avatar';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import { Switch } from '@workspace/ui/components/switch';
+import { ConfirmButton } from '@workspace/ui/custom-components/confirm-button';
+import { useTranslations } from 'next-intl';
+import { useRef, useState } from 'react';
+import { toast } from 'sonner';
+import PaymentForm from './payment-form';
+
+export default function PaymentTable() {
+  const t = useTranslations('payment');
+  const [loading, setLoading] = useState(false);
+  const ref = useRef<ProTableActions>(null);
+
+  return (
+    <ProTable<API.PaymentConfig, { search: string }>
+      action={ref}
+      header={{
+        title: t('paymentManagement'),
+        toolbar: (
+          <PaymentForm<API.CreatePaymentMethodRequest>
+            trigger={<Button>{t('create')}</Button>}
+            title={t('createPayment')}
+            loading={loading}
+            onSubmit={async (values) => {
+              setLoading(true);
+              try {
+                await createPaymentMethod({
+                  ...values,
+                  enable: false,
+                });
+                toast.success(t('createSuccess'));
+                ref.current?.refresh();
+                setLoading(false);
+                return true;
+              } catch (error) {
+                setLoading(false);
+                return false;
+              }
+            }}
+          />
+        ),
+      }}
+      columns={[
+        {
+          accessorKey: 'enable',
+          header: t('enable'),
+          cell: ({ row }) => {
+            return (
+              <Switch
+                checked={Boolean(row.getValue('enable'))}
+                onCheckedChange={async (checked) => {
+                  await updatePaymentMethod({
+                    ...row.original,
+                    enable: checked,
+                  });
+                  ref.current?.refresh();
+                }}
+              />
+            );
+          },
+        },
+        {
+          accessorKey: 'icon',
+          header: t('icon'),
+          cell: ({ row }) => {
+            const icon = row.getValue('icon') as string;
+            return (
+              <Avatar className='h-8 w-8'>
+                {icon ? <AvatarImage src={icon} alt={row.getValue('name')} /> : null}
+                <AvatarFallback>
+                  {(row.getValue('name') as string)?.charAt(0) || '?'}
+                </AvatarFallback>
+              </Avatar>
+            );
+          },
+        },
+        {
+          accessorKey: 'name',
+          header: t('name'),
+        },
+        {
+          accessorKey: 'platform',
+          header: t('platform'),
+          cell: ({ row }) => <Badge>{t(row.getValue('platform'))}</Badge>,
+        },
+        {
+          accessorKey: 'notify_url',
+          header: t('notify_url'),
+        },
+        {
+          accessorKey: 'fee',
+          header: t('handlingFee'),
+          cell: ({ row }) => {
+            const feeMode = row.original.fee_mode;
+            if (feeMode === 1) {
+              return <Badge>{row.original.fee_percent}%</Badge>;
+            } else if (feeMode === 2) {
+              return (
+                <Badge>
+                  <Display value={row.original.fee_amount} type='currency' />
+                </Badge>
+              );
+            }
+            return '--';
+          },
+        },
+      ]}
+      params={[
+        {
+          key: 'search',
+          placeholder: t('searchPlaceholder'),
+        },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await getPaymentMethodList({
+          ...pagination,
+          ...filter,
+        });
+        return {
+          list: data?.data?.list || [],
+          total: data?.data?.total || 0,
+        };
+      }}
+      actions={{
+        render: (row) => [
+          <PaymentForm<API.UpdatePaymentMethodRequest>
+            key='edit'
+            trigger={<Button>{t('edit')}</Button>}
+            title={t('editPayment')}
+            loading={loading}
+            initialValues={row}
+            onSubmit={async (values) => {
+              setLoading(true);
+              try {
+                await updatePaymentMethod({
+                  ...row,
+                  ...values,
+                });
+                toast.success(t('updateSuccess'));
+                ref.current?.refresh();
+                setLoading(false);
+                return true;
+              } catch (error) {
+                setLoading(false);
+                return false;
+              }
+            }}
+          />,
+          <ConfirmButton
+            key='delete'
+            trigger={<Button variant='destructive'>{t('delete')}</Button>}
+            title={t('confirmDelete')}
+            description={t('deleteWarning')}
+            onConfirm={async () => {
+              await deletePaymentMethod({
+                id: row.id,
+              });
+              toast.success(t('deleteSuccess'));
+              ref.current?.refresh();
+            }}
+            cancelText={t('cancel')}
+            confirmText={t('confirm')}
+          />,
+          <Button
+            key='copy'
+            variant='outline'
+            onClick={async () => {
+              setLoading(true);
+              try {
+                const { id, ...params } = row;
+                await createPaymentMethod({
+                  ...params,
+                  enable: false,
+                });
+                toast.success(t('copySuccess'));
+                ref.current?.refresh();
+                setLoading(false);
+                return true;
+              } catch (error) {
+                setLoading(false);
+                return false;
+              }
+            }}
+          >
+            {t('copy')}
+          </Button>,
+        ],
+        batchRender(rows) {
+          return [
+            <ConfirmButton
+              key='delete'
+              trigger={<Button variant='destructive'>{t('batchDelete')}</Button>}
+              title={t('confirmDelete')}
+              description={t('deleteWarning')}
+              onConfirm={async () => {
+                for (const row of rows) {
+                  await deletePaymentMethod({ id: row.id });
+                }
+                toast.success(t('deleteSuccess'));
+                ref.current?.refresh();
+              }}
+              cancelText={t('cancel')}
+              confirmText={t('confirm')}
+            />,
+          ];
+        },
+      }}
+    />
+  );
+}
diff --git a/apps/admin/app/dashboard/payment/stripe-alipay.tsx b/apps/admin/app/dashboard/payment/stripe-alipay.tsx
deleted file mode 100644
index 45de674..0000000
--- a/apps/admin/app/dashboard/payment/stripe-alipay.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-'use client';
-
-import {
-  getStripeAlipayPaymentConfig,
-  updateStripeAlipayPaymentConfig,
-} from '@/services/admin/payment';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@workspace/ui/components/select';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { unitConversion } from '@workspace/ui/utils';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function Stripe() {
-  const t = useTranslations('payment');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getStripeAlipayPaymentConfig'],
-    queryFn: async () => {
-      const { data } = await getStripeAlipayPaymentConfig();
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateStripeAlipayPaymentConfig({
-        ...data,
-        mark: 'stripe_alipay',
-        [key]: value,
-      } as any);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('aliPay')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable}
-              onCheckedChange={async (checked) => {
-                updateConfig('enable', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('showName')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.name}
-              onValueBlur={(value) => {
-                updateConfig('name', value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('iconUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.icon}
-              onValueBlur={(value) => {
-                updateConfig('icon', value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('notifyUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.domain}
-              onValueBlur={(value) => {
-                updateConfig('domain', value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feeMode')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Select
-              value={String(data?.fee_mode)}
-              onValueChange={(value) => {
-                updateConfig('fee_mode', Number(value));
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder='请选择' />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectGroup>
-                  <SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
-                  <SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
-                  <SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
-                  <SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
-                </SelectGroup>
-              </SelectContent>
-            </Select>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feePercent')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              max={100}
-              value={data?.fee_percent}
-              onValueBlur={(value) => {
-                updateConfig('fee_percent', value);
-              }}
-              suffix='%'
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('fixedFee')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              value={data?.fee_amount}
-              formatInput={(value) => unitConversion('centsToDollars', value)}
-              formatOutput={(value) => unitConversion('dollarsToCents', value)}
-              onValueBlur={(value) => updateConfig('fee_amount', value)}
-            />
-          </TableCell>
-        </TableRow>
-
-        <TableRow>
-          <TableCell>
-            <Label>{t('stripe.publicKey')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.public_key}
-              onValueBlur={(value) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  public_key: value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('stripe.secretKey')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.secret_key}
-              onValueBlur={(value) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  secret_key: value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('stripe.webhookSecret')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.webhook_secret}
-              onValueBlur={(value) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  webhook_secret: value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}
diff --git a/apps/admin/app/dashboard/payment/stripe-wechat-pay.tsx b/apps/admin/app/dashboard/payment/stripe-wechat-pay.tsx
deleted file mode 100644
index ce7c088..0000000
--- a/apps/admin/app/dashboard/payment/stripe-wechat-pay.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-'use client';
-
-import {
-  getStripeWeChatPayPaymentConfig,
-  updateStripeWeChatPayPaymentConfig,
-} from '@/services/admin/payment';
-import { useQuery } from '@tanstack/react-query';
-import { Label } from '@workspace/ui/components/label';
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@workspace/ui/components/select';
-import { Switch } from '@workspace/ui/components/switch';
-import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
-import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
-import { unitConversion } from '@workspace/ui/utils';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-
-export default function StripeWeChatPay() {
-  const t = useTranslations('payment');
-
-  const { data, refetch } = useQuery({
-    queryKey: ['getStripeWeChatPayPaymentConfig'],
-    queryFn: async () => {
-      const { data } = await getStripeWeChatPayPaymentConfig();
-      return data.data;
-    },
-  });
-
-  async function updateConfig(key: string, value: unknown) {
-    if (data?.[key] === value) return;
-    try {
-      await updateStripeWeChatPayPaymentConfig({
-        ...data,
-        mark: 'stripe_wechat_pay',
-        [key]: value,
-      } as any);
-      toast.success(t('saveSuccess'));
-      refetch();
-    } catch (error) {
-      /* empty */
-    }
-  }
-
-  return (
-    <Table>
-      <TableBody>
-        <TableRow>
-          <TableCell>
-            <Label>{t('wechatPay')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Switch
-              checked={data?.enable}
-              onCheckedChange={async (checked) => {
-                updateConfig('enable', checked);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('showName')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('showNameDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.name}
-              onValueBlur={(value) => {
-                updateConfig('name', value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('iconUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('iconUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.icon}
-              onValueBlur={(value) => {
-                updateConfig('icon', value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('notifyUrl')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('notifyUrlDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.domain}
-              onValueBlur={(value) => {
-                updateConfig('domain', value);
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feeMode')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feeModeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <Select
-              value={String(data?.fee_mode)}
-              onValueChange={(value) => {
-                updateConfig('fee_mode', Number(value));
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder='请选择' />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectGroup>
-                  <SelectItem value='0'>{t('feeModeItems.0')}</SelectItem>
-                  <SelectItem value='1'>{t('feeModeItems.1')}</SelectItem>
-                  <SelectItem value='2'>{t('feeModeItems.2')}</SelectItem>
-                  <SelectItem value='3'>{t('feeModeItems.3')}</SelectItem>
-                </SelectGroup>
-              </SelectContent>
-            </Select>
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('feePercent')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('feePercentDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              max={100}
-              value={data?.fee_percent}
-              onValueBlur={(value) => {
-                updateConfig('fee_percent', value);
-              }}
-              suffix='%'
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('fixedFee')}</Label>
-            <p className='text-muted-foreground text-xs'>{t('fixedFeeDescription')}</p>
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              type='number'
-              min={0}
-              value={data?.fee_amount}
-              formatInput={(value) => unitConversion('centsToDollars', value)}
-              formatOutput={(value) => unitConversion('dollarsToCents', value)}
-              onValueBlur={(value) => updateConfig('fee_amount', value)}
-            />
-          </TableCell>
-        </TableRow>
-
-        <TableRow>
-          <TableCell>
-            <Label>{t('stripe.publicKey')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.public_key}
-              onValueBlur={(value) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  public_key: value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('stripe.secretKey')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.secret_key}
-              onValueBlur={(value) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  secret_key: value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-        <TableRow>
-          <TableCell>
-            <Label>{t('stripe.webhookSecret')}</Label>
-            <p className='text-muted-foreground text-xs' />
-          </TableCell>
-          <TableCell className='text-right'>
-            <EnhancedInput
-              placeholder={t('inputPlaceholder')}
-              value={data?.config.webhook_secret}
-              onValueBlur={(value) => {
-                updateConfig('config', {
-                  ...data?.config,
-                  webhook_secret: value,
-                });
-              }}
-            />
-          </TableCell>
-        </TableRow>
-      </TableBody>
-    </Table>
-  );
-}
diff --git a/apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx b/apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx
index b893d21..06f112a 100644
--- a/apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx
+++ b/apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx
@@ -57,150 +57,154 @@ export function SubscriptionDetail({
                 {t('onlineDevices')}
               </TabsTrigger>
             </TabsList>
-            <TabsContent value='logs'>
-              <ProTable<API.UserSubscribeLog, Record<string, unknown>>
-                columns={[
-                  {
-                    accessorKey: 'ip',
-                    header: 'IP',
-                  },
-                  {
-                    accessorKey: 'user_agent',
-                    header: t('userAgent'),
-                  },
-                  {
-                    accessorKey: 'token',
-                    header: t('token'),
-                  },
-                  {
-                    accessorKey: 'created_at',
-                    header: t('time'),
-                    cell: ({ row }) => formatDate(row.getValue('created_at')),
-                  },
-                ]}
-                request={async (pagination) => {
-                  const { data } = await getUserSubscribeLogs({
-                    user_id: userId,
-                    subscribe_id: subscriptionId,
-                    ...pagination,
-                  });
-                  return {
-                    list: data.data?.list || [],
-                    total: data.data?.total || 0,
-                  };
-                }}
-              />
-            </TabsContent>
-            <TabsContent value='traffic'>
-              <ProTable<API.TrafficLog, Record<string, unknown>>
-                columns={[
-                  {
-                    accessorKey: 'download',
-                    header: t('download'),
-                    cell: ({ row }) => <Display type='traffic' value={row.getValue('download')} />,
-                  },
-                  {
-                    accessorKey: 'upload',
-                    header: t('upload'),
-                    cell: ({ row }) => <Display type='traffic' value={row.getValue('upload')} />,
-                  },
-                  {
-                    accessorKey: 'timestamp',
-                    header: t('time'),
-                    cell: ({ row }) => formatDate(row.getValue('timestamp')),
-                  },
-                ]}
-                request={async (pagination) => {
-                  const { data } = await getUserSubscribeTrafficLogs({
-                    user_id: userId,
-                    subscribe_id: subscriptionId,
-                    ...pagination,
-                  });
-                  return {
-                    list: data.data?.list || [],
-                    total: data.data?.total || 0,
-                  };
-                }}
-              />
-            </TabsContent>
-            <TabsContent value='devices'>
-              <ProTable<API.UserDevice, Record<string, unknown>>
-                columns={[
-                  {
-                    accessorKey: 'enabled',
-                    header: t('enable'),
-                    cell: ({ row }) => (
-                      <Switch
-                        checked={row.getValue('enabled')}
-                        onChange={(checked) => {
-                          console.log('Switch:', checked);
-                        }}
-                      />
-                    ),
-                  },
-                  {
-                    accessorKey: 'id',
-                    header: 'ID',
-                  },
-                  {
-                    accessorKey: 'identifier',
-                    header: 'IMEI',
-                  },
-                  {
-                    accessorKey: 'user_agent',
-                    header: t('userAgent'),
-                  },
-                  {
-                    accessorKey: 'ip',
-                    header: 'IP',
-                  },
-                  {
-                    accessorKey: 'online',
-                    header: t('loginStatus'),
-                    cell: ({ row }) => (
-                      <Badge variant={row.getValue('online') ? 'default' : 'destructive'}>
-                        {row.getValue('online') ? t('online') : t('offline')}
-                      </Badge>
-                    ),
-                  },
-                  {
-                    accessorKey: 'updated_at',
-                    header: t('lastSeen'),
-                    cell: ({ row }) => formatDate(row.getValue('updated_at')),
-                  },
-                ]}
-                request={async (pagination) => {
-                  const { data } = await getUserSubscribeDevices({
-                    user_id: userId,
-                    subscribe_id: subscriptionId,
-                    ...pagination,
-                  });
-                  return {
-                    list: data.data?.list || [],
-                    total: data.data?.total || 0,
-                  };
-                }}
-                actions={{
-                  render: (row) => {
-                    if (!row.identifier) return [];
-                    return [
-                      <ConfirmButton
-                        key='offline'
-                        trigger={<Button variant='destructive'>{t('confirmOffline')}</Button>}
-                        title={t('confirmOffline')}
-                        description={t('kickOfflineConfirm', { ip: row.ip })}
-                        onConfirm={async () => {
-                          await kickOfflineByUserDevice({ id: row.id });
-                          toast.success(t('kickOfflineSuccess'));
-                        }}
-                        cancelText={t('cancel')}
-                        confirmText={t('confirm')}
-                      />,
-                    ];
-                  },
-                }}
-              />
-            </TabsContent>
+            <div className='mt-4 max-h-[60dvh] overflow-y-auto'>
+              <TabsContent value='logs'>
+                <ProTable<API.UserSubscribeLog, Record<string, unknown>>
+                  columns={[
+                    {
+                      accessorKey: 'ip',
+                      header: 'IP',
+                    },
+                    {
+                      accessorKey: 'user_agent',
+                      header: t('userAgent'),
+                    },
+                    {
+                      accessorKey: 'token',
+                      header: t('token'),
+                    },
+                    {
+                      accessorKey: 'created_at',
+                      header: t('time'),
+                      cell: ({ row }) => formatDate(row.getValue('created_at')),
+                    },
+                  ]}
+                  request={async (pagination) => {
+                    const { data } = await getUserSubscribeLogs({
+                      user_id: userId,
+                      subscribe_id: subscriptionId,
+                      ...pagination,
+                    });
+                    return {
+                      list: data.data?.list || [],
+                      total: data.data?.total || 0,
+                    };
+                  }}
+                />
+              </TabsContent>
+              <TabsContent value='traffic'>
+                <ProTable<API.TrafficLog, Record<string, unknown>>
+                  columns={[
+                    {
+                      accessorKey: 'download',
+                      header: t('download'),
+                      cell: ({ row }) => (
+                        <Display type='traffic' value={row.getValue('download')} />
+                      ),
+                    },
+                    {
+                      accessorKey: 'upload',
+                      header: t('upload'),
+                      cell: ({ row }) => <Display type='traffic' value={row.getValue('upload')} />,
+                    },
+                    {
+                      accessorKey: 'timestamp',
+                      header: t('time'),
+                      cell: ({ row }) => formatDate(row.getValue('timestamp')),
+                    },
+                  ]}
+                  request={async (pagination) => {
+                    const { data } = await getUserSubscribeTrafficLogs({
+                      user_id: userId,
+                      subscribe_id: subscriptionId,
+                      ...pagination,
+                    } as API.GetUserSubscribeTrafficLogsParams);
+                    return {
+                      list: data.data?.list || [],
+                      total: data.data?.total || 0,
+                    };
+                  }}
+                />
+              </TabsContent>
+              <TabsContent value='devices'>
+                <ProTable<API.UserDevice, Record<string, unknown>>
+                  columns={[
+                    {
+                      accessorKey: 'enabled',
+                      header: t('enable'),
+                      cell: ({ row }) => (
+                        <Switch
+                          checked={row.getValue('enabled')}
+                          onChange={(checked) => {
+                            console.log('Switch:', checked);
+                          }}
+                        />
+                      ),
+                    },
+                    {
+                      accessorKey: 'id',
+                      header: 'ID',
+                    },
+                    {
+                      accessorKey: 'identifier',
+                      header: 'IMEI',
+                    },
+                    {
+                      accessorKey: 'user_agent',
+                      header: t('userAgent'),
+                    },
+                    {
+                      accessorKey: 'ip',
+                      header: 'IP',
+                    },
+                    {
+                      accessorKey: 'online',
+                      header: t('loginStatus'),
+                      cell: ({ row }) => (
+                        <Badge variant={row.getValue('online') ? 'default' : 'destructive'}>
+                          {row.getValue('online') ? t('online') : t('offline')}
+                        </Badge>
+                      ),
+                    },
+                    {
+                      accessorKey: 'updated_at',
+                      header: t('lastSeen'),
+                      cell: ({ row }) => formatDate(row.getValue('updated_at')),
+                    },
+                  ]}
+                  request={async (pagination) => {
+                    const { data } = await getUserSubscribeDevices({
+                      user_id: userId,
+                      subscribe_id: subscriptionId,
+                      ...pagination,
+                    });
+                    return {
+                      list: data.data?.list || [],
+                      total: data.data?.total || 0,
+                    };
+                  }}
+                  actions={{
+                    render: (row) => {
+                      if (!row.identifier) return [];
+                      return [
+                        <ConfirmButton
+                          key='offline'
+                          trigger={<Button variant='destructive'>{t('confirmOffline')}</Button>}
+                          title={t('confirmOffline')}
+                          description={t('kickOfflineConfirm', { ip: row.ip })}
+                          onConfirm={async () => {
+                            await kickOfflineByUserDevice({ id: row.id });
+                            toast.success(t('kickOfflineSuccess'));
+                          }}
+                          cancelText={t('cancel')}
+                          confirmText={t('confirm')}
+                        />,
+                      ];
+                    },
+                  }}
+                />
+              </TabsContent>
+            </div>
           </Tabs>
         </div>
       </DialogContent>
diff --git a/apps/admin/config/use-global.tsx b/apps/admin/config/use-global.tsx
index e81b0c7..5ce3cc5 100644
--- a/apps/admin/config/use-global.tsx
+++ b/apps/admin/config/use-global.tsx
@@ -63,6 +63,7 @@ export const useGlobalStore = create<GlobalStore>((set) => ({
       verify_code_interval: 60,
     },
     oauth_methods: [],
+    web_ad: false,
   },
   user: undefined,
   setCommon: (common) =>
diff --git a/apps/admin/locales/cs-CZ/payment.json b/apps/admin/locales/cs-CZ/payment.json
index dd8ae1a..2f87495 100644
--- a/apps/admin/locales/cs-CZ/payment.json
+++ b/apps/admin/locales/cs-CZ/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Platba Alipay",
-  "alipayf2f": {
-    "appId": "ID aplikace Alipay",
-    "invoiceName": "Název vlastního produktu",
-    "invoiceNameDescription": "Bude zobrazeno na faktuře Alipay",
-    "privateKey": "Soukromý klíč Alipay",
-    "publicKey": "Veřejný klíč Alipay",
-    "sandbox": "Režim sandbox",
-    "sandboxDescription": "Povolte režim sandbox pro testování plateb"
-  },
+  "AlipayF2F": "Alipay Osobně",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Žádat o platbu",
+  "balance": "Zůstatek",
+  "batchDelete": "Hromadné smazání",
+  "cancel": "Zrušit",
+  "config": "Nastavení",
+  "configInfo": "Informace o nastavení",
+  "configPlaceholder": "Vyplňte prosím poskytnutou konfiguraci {field}",
+  "confirm": "Potvrdit",
+  "confirmDelete": "Potvrdit smazání",
+  "copy": "Kopírovat",
+  "copySuccess": "Úspěšně zkopírováno",
+  "create": "Přidat platební metodu",
+  "createPayment": "Přidat platební metodu",
+  "createSuccess": "Úspěšně vytvořeno",
+  "delete": "Smazat",
+  "deleteSuccess": "Úspěšně smazáno",
+  "deleteWarning": "Opravdu chcete smazat tuto platební metodu? Tuto akci nelze vrátit zpět.",
+  "description": "Popis",
+  "descriptionPlaceholder": "Zadejte popis platební metody",
+  "domain": "Doména",
+  "domainPlaceholder": "volitelné, např. {example}",
+  "edit": "Upravit",
+  "editPayment": "Upravit platební metodu",
   "enable": "Povolit",
-  "enableDescription": "Povolit tento způsob platby",
-  "epay": {
-    "key": "KLÍČ",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Pevná částka",
   "feeMode": "Způsob účtování",
-  "feeModeDescription": "Způsob účtování dodatečných poplatků",
-  "feeModeItems": ["Bez poplatku", "Procento", "Pevná částka", "Obojí výše uvedené"],
   "feePercent": "Procentuální poplatek (volitelně)",
-  "feePercentDescription": "Přidání poplatku k částce objednávky",
   "fixedFee": "Pevný poplatek (volitelný)",
-  "fixedFeeDescription": "Přidání pevného poplatku k částce objednávky",
-  "iconUrl": "URL ikony (volitelné)",
-  "iconUrlDescription": "Používá se pro zobrazení na frontendu",
-  "inputPlaceholder": "Prosím zadejte",
-  "key": "KLÍČ",
-  "notifyUrl": "Vlastní oznámení URL (volitelné)",
-  "notifyUrlDescription": "Oznámení brány budou odeslána na tuto doménu",
-  "payForRecommendations": "Zaplatit za doporučení",
-  "pid": "PID",
-  "saveSuccess": "Uložení bylo úspěšné",
-  "showName": "Zobrazit název",
-  "showNameDescription": "Používá se pro zobrazení na frontendu",
-  "stripe": {
-    "publicKey": "VEŘEJNÝ KLÍČ",
-    "secretKey": "TAJNÝ KLÍČ",
-    "webhookSecret": "PODPIS WEBHOOK KLÍČE"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Poplatek za zpracování",
+  "icon": "Ikona",
+  "iconPlaceholder": "Zadejte URL ikony",
+  "mark": "Identifikátor",
+  "markPlaceholder": "Zadejte identifikátor platební metody",
+  "name": "Název",
+  "namePlaceholder": "Zadejte název platební metody",
+  "nameRequired": "Název je povinný",
+  "noFee": "Žádný poplatek",
+  "notify_url": "URL pro oznámení",
+  "paymentManagement": "Správa plateb",
+  "percentFee": "Procento",
+  "platform": "Platforma",
+  "searchPlaceholder": "Zadejte hledané výrazy",
+  "selectPlatform": "Vyberte platformu",
+  "selectType": "Vyberte typ platby",
+  "submit": "Odeslat",
+  "type": "Typ",
+  "updateSuccess": "Úspěšně aktualizováno"
 }
diff --git a/apps/admin/locales/de-DE/payment.json b/apps/admin/locales/de-DE/payment.json
index db630b2..fc08e7d 100644
--- a/apps/admin/locales/de-DE/payment.json
+++ b/apps/admin/locales/de-DE/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Alipay-Zahlung",
-  "alipayf2f": {
-    "appId": "Alipay Anwendungs-ID",
-    "invoiceName": "Benutzerdefinierter Produktname",
-    "invoiceNameDescription": "Wird in der Alipay-Rechnung angezeigt",
-    "privateKey": "Alipay Privatschlüssel",
-    "publicKey": "Alipay Öffentlicher Schlüssel",
-    "sandbox": "Sandbox-Modus",
-    "sandboxDescription": "Aktivieren Sie den Sandbox-Modus, um Zahlungen zu testen"
-  },
+  "AlipayF2F": "Alipay Gesicht zu Gesicht",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Zahlung beantragen",
+  "balance": "Guthaben",
+  "batchDelete": "Massenlöschung",
+  "cancel": "Abbrechen",
+  "config": "Konfiguration",
+  "configInfo": "Konfigurationsinformationen",
+  "configPlaceholder": "Bitte füllen Sie die bereitgestellte {field} Konfiguration aus",
+  "confirm": "Bestätigen",
+  "confirmDelete": "Löschen bestätigen",
+  "copy": "Kopieren",
+  "copySuccess": "Erfolgreich kopiert",
+  "create": "Zahlungsmethode hinzufügen",
+  "createPayment": "Zahlungsmethode hinzufügen",
+  "createSuccess": "Erfolgreich erstellt",
+  "delete": "Löschen",
+  "deleteSuccess": "Erfolgreich gelöscht",
+  "deleteWarning": "Sind Sie sicher, dass Sie diese Zahlungsmethode löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
+  "description": "Beschreibung",
+  "descriptionPlaceholder": "Geben Sie die Beschreibung der Zahlungsmethode ein",
+  "domain": "Domain",
+  "domainPlaceholder": "optional, z.B. {example}",
+  "edit": "Bearbeiten",
+  "editPayment": "Zahlungsmethode bearbeiten",
   "enable": "Aktivieren",
-  "enableDescription": "Diese Zahlungsmethode aktivieren",
-  "epay": {
-    "key": "SCHLÜSSEL",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Fester Betrag",
   "feeMode": "Gebührenmodus",
-  "feeModeDescription": "Gebührenmodus für zusätzliche Gebühren",
-  "feeModeItems": ["Keine Gebühr", "Prozentsatz", "Fester Betrag", "Beides"],
   "feePercent": "Prozentgebühr (optional)",
-  "feePercentDescription": "Gebühren werden zusätzlich zum Bestellbetrag hinzugefügt",
   "fixedFee": "Feste Gebühr (optional)",
-  "fixedFeeDescription": "Feste Gebühr zusätzlich zum Bestellbetrag hinzufügen",
-  "iconUrl": "Symbol-URL (optional)",
-  "iconUrlDescription": "Zur Anzeige im Frontend verwendet",
-  "inputPlaceholder": "Bitte eingeben",
-  "key": "SCHLÜSSEL",
-  "notifyUrl": "Benutzerdefinierte Benachrichtigungs-URL (optional)",
-  "notifyUrlDescription": "Gateway-Benachrichtigungen werden an diese Domain gesendet",
-  "payForRecommendations": "Für Empfehlungen bezahlen",
-  "pid": "PID",
-  "saveSuccess": "Erfolgreich gespeichert",
-  "showName": "Anzeigename",
-  "showNameDescription": "Zur Anzeige im Frontend verwendet",
-  "stripe": {
-    "publicKey": "ÖFFENTLICHER SCHLÜSSEL",
-    "secretKey": "GEHEIMER SCHLÜSSEL",
-    "webhookSecret": "WEBHOOK-SCHLÜSSEL-SIGNATUR"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Bearbeitungsgebühr",
+  "icon": "Symbol",
+  "iconPlaceholder": "Geben Sie die URL des Symbols ein",
+  "mark": "Kennung",
+  "markPlaceholder": "Geben Sie die Kennung der Zahlungsmethode ein",
+  "name": "Name",
+  "namePlaceholder": "Geben Sie den Namen der Zahlungsmethode ein",
+  "nameRequired": "Name ist erforderlich",
+  "noFee": "Keine Gebühr",
+  "notify_url": "Benachrichtigungs-URL",
+  "paymentManagement": "Zahlungsverwaltung",
+  "percentFee": "Prozentsatz",
+  "platform": "Plattform",
+  "searchPlaceholder": "Suchbegriffe eingeben",
+  "selectPlatform": "Plattform auswählen",
+  "selectType": "Zahlungsart auswählen",
+  "submit": "Einreichen",
+  "type": "Typ",
+  "updateSuccess": "Erfolgreich aktualisiert"
 }
diff --git a/apps/admin/locales/en-US/payment.json b/apps/admin/locales/en-US/payment.json
index b141714..869e14b 100644
--- a/apps/admin/locales/en-US/payment.json
+++ b/apps/admin/locales/en-US/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Alipay payment",
-  "alipayf2f": {
-    "appId": "Alipay App ID",
-    "invoiceName": "Custom Product Name",
-    "invoiceNameDescription": "Will be displayed on Alipay bill",
-    "privateKey": "Alipay Private Key",
-    "publicKey": "Alipay Public Key",
-    "sandbox": "Sandbox Mode",
-    "sandboxDescription": "Enable sandbox mode to test payments"
-  },
+  "AlipayF2F": "Alipay Face to Face",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Apply for Payment",
+  "balance": "Balance",
+  "batchDelete": "Batch Delete",
+  "cancel": "Cancel",
+  "config": "Configuration",
+  "configInfo": "Configuration Information",
+  "configPlaceholder": "Please fill in the provided {field} configuration",
+  "confirm": "Confirm",
+  "confirmDelete": "Confirm Delete",
+  "copy": "Copy",
+  "copySuccess": "Copied successfully",
+  "create": "Add Payment Method",
+  "createPayment": "Add Payment Method",
+  "createSuccess": "Created successfully",
+  "delete": "Delete",
+  "deleteSuccess": "Deleted successfully",
+  "deleteWarning": "Are you sure you want to delete this payment method? This action cannot be undone.",
+  "description": "Description",
+  "descriptionPlaceholder": "Enter payment method description",
+  "domain": "Domain",
+  "domainPlaceholder": "optional, e.g. {example}",
+  "edit": "Edit",
+  "editPayment": "Edit Payment Method",
   "enable": "Enable",
-  "enableDescription": "Enable this payment method",
-  "epay": {
-    "key": "KEY",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Fixed Amount",
   "feeMode": "Fee Mode",
-  "feeModeDescription": "Fee charging method for additional fees",
-  "feeModeItems": ["No Fee", "Percentage", "Fixed Amount", "Both"],
-  "feePercent": "Percentage Fee (optional)",
-  "feePercentDescription": "Add fee on top of order amount",
-  "fixedFee": "Fixed Fee (optional)",
-  "fixedFeeDescription": "Add fixed fee on top of order amount",
-  "iconUrl": "Icon URL (optional)",
-  "iconUrlDescription": "Used for frontend display",
-  "inputPlaceholder": "Please enter",
-  "key": "KEY",
-  "notifyUrl": "Custom Notification Domain (optional)",
-  "notifyUrlDescription": "Gateway notifications will be sent to this domain",
-  "payForRecommendations": "Pay for Recommendations",
-  "pid": "PID",
-  "saveSuccess": "Save Successful",
-  "showName": "Display Name",
-  "showNameDescription": "Used for frontend display",
-  "stripe": {
-    "publicKey": "PUBLIC KEY",
-    "secretKey": "SECRET KEY",
-    "webhookSecret": "WEBHOOK Secret Key"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "feePercent": "Fee Percentage",
+  "fixedFee": "Fixed Amount",
+  "handlingFee": "Handling Fee",
+  "icon": "Icon",
+  "iconPlaceholder": "Enter icon URL",
+  "mark": "Identifier",
+  "markPlaceholder": "Enter payment method identifier",
+  "name": "Name",
+  "namePlaceholder": "Enter payment method name",
+  "nameRequired": "Name is required",
+  "noFee": "No Fee",
+  "notify_url": "Notify URL",
+  "paymentManagement": "Payment Management",
+  "percentFee": "Percentage",
+  "platform": "Platform",
+  "searchPlaceholder": "Enter search terms",
+  "selectPlatform": "Select Platform",
+  "selectType": "Select payment type",
+  "submit": "Submit",
+  "type": "Type",
+  "updateSuccess": "Updated successfully"
 }
diff --git a/apps/admin/locales/es-ES/payment.json b/apps/admin/locales/es-ES/payment.json
index b3c3cf9..d77ae12 100644
--- a/apps/admin/locales/es-ES/payment.json
+++ b/apps/admin/locales/es-ES/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Pago con Alipay",
-  "alipayf2f": {
-    "appId": "ID de la aplicación de Alipay",
-    "invoiceName": "Nombre personalizado del producto",
-    "invoiceNameDescription": "Se mostrará en la factura de Alipay",
-    "privateKey": "Clave privada de Alipay",
-    "publicKey": "Clave pública de Alipay",
-    "sandbox": "Modo sandbox",
-    "sandboxDescription": "Habilitar el modo sandbox para probar el pago"
-  },
+  "AlipayF2F": "Alipay Cara a Cara",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Solicitar Pago",
+  "balance": "Saldo",
+  "batchDelete": "Eliminar en Lote",
+  "cancel": "Cancelar",
+  "config": "Configuración",
+  "configInfo": "Información de Configuración",
+  "configPlaceholder": "Por favor, complete la configuración de {field} proporcionada",
+  "confirm": "Confirmar",
+  "confirmDelete": "Confirmar Eliminación",
+  "copy": "Copiar",
+  "copySuccess": "Copiado con éxito",
+  "create": "Agregar Método de Pago",
+  "createPayment": "Agregar Método de Pago",
+  "createSuccess": "Creado con éxito",
+  "delete": "Eliminar",
+  "deleteSuccess": "Eliminado con éxito",
+  "deleteWarning": "¿Está seguro de que desea eliminar este método de pago? Esta acción no se puede deshacer.",
+  "description": "Descripción",
+  "descriptionPlaceholder": "Ingrese la descripción del método de pago",
+  "domain": "Dominio",
+  "domainPlaceholder": "opcional, p. ej. {example}",
+  "edit": "Editar",
+  "editPayment": "Editar Método de Pago",
   "enable": "Habilitar",
-  "enableDescription": "Habilitar este método de pago",
-  "epay": {
-    "key": "CLAVE",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Monto Fijo",
   "feeMode": "Modo de cobro",
-  "feeModeDescription": "Modo de cobro de tarifas adicionales",
-  "feeModeItems": ["Sin tarifa", "Porcentaje", "Cantidad fija", "Ambos anteriores"],
   "feePercent": "Porcentaje de tarifa (opcional)",
-  "feePercentDescription": "Se añade una tarifa sobre el monto del pedido",
   "fixedFee": "Tarifa fija (opcional)",
-  "fixedFeeDescription": "Se añade una tarifa fija sobre el monto del pedido",
-  "iconUrl": "URL del icono (opcional)",
-  "iconUrlDescription": "Usado para mostrar en el frontend",
-  "inputPlaceholder": "Por favor, introduzca",
-  "key": "CLAVE",
-  "notifyUrl": "Dominio de notificación personalizado (opcional)",
-  "notifyUrlDescription": "La notificación del gateway se enviará a este dominio",
-  "payForRecommendations": "Pagar por recomendaciones",
-  "pid": "PID",
-  "saveSuccess": "Guardado exitosamente",
-  "showName": "Mostrar nombre",
-  "showNameDescription": "Usado para mostrar en el frontend",
-  "stripe": {
-    "publicKey": "CLAVE PÚBLICA",
-    "secretKey": "CLAVE SECRETA",
-    "webhookSecret": "FIRMA DE CLAVE WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "Pago con WeChat"
+  "handlingFee": "Tarifa de manejo",
+  "icon": "Ícono",
+  "iconPlaceholder": "Ingrese la URL del ícono",
+  "mark": "Identificador",
+  "markPlaceholder": "Ingrese el identificador del método de pago",
+  "name": "Nombre",
+  "namePlaceholder": "Ingrese el nombre del método de pago",
+  "nameRequired": "El nombre es obligatorio",
+  "noFee": "Sin Tarifa",
+  "notify_url": "URL de notificación",
+  "paymentManagement": "Gestión de Pagos",
+  "percentFee": "Porcentaje",
+  "platform": "Plataforma",
+  "searchPlaceholder": "Ingrese términos de búsqueda",
+  "selectPlatform": "Seleccionar Plataforma",
+  "selectType": "Seleccionar tipo de pago",
+  "submit": "Enviar",
+  "type": "Tipo",
+  "updateSuccess": "Actualizado con éxito"
 }
diff --git a/apps/admin/locales/es-MX/payment.json b/apps/admin/locales/es-MX/payment.json
index dfb6cf6..e0ac77c 100644
--- a/apps/admin/locales/es-MX/payment.json
+++ b/apps/admin/locales/es-MX/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Pago con Alipay",
-  "alipayf2f": {
-    "appId": "ID de la aplicación de Alipay",
-    "invoiceName": "Nombre personalizado del producto",
-    "invoiceNameDescription": "Se mostrará en la factura de Alipay",
-    "privateKey": "Clave privada de Alipay",
-    "publicKey": "Clave pública de Alipay",
-    "sandbox": "Modo sandbox",
-    "sandboxDescription": "Habilitar el modo sandbox para probar el pago"
-  },
+  "AlipayF2F": "Alipay Cara a Cara",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Solicitar Pago",
+  "balance": "Saldo",
+  "batchDelete": "Eliminar en Lote",
+  "cancel": "Cancelar",
+  "config": "Configuración",
+  "configInfo": "Información de Configuración",
+  "configPlaceholder": "Por favor, complete la configuración de {field} proporcionada",
+  "confirm": "Confirmar",
+  "confirmDelete": "Confirmar Eliminación",
+  "copy": "Copiar",
+  "copySuccess": "Copiado con éxito",
+  "create": "Agregar Método de Pago",
+  "createPayment": "Agregar Método de Pago",
+  "createSuccess": "Creado con éxito",
+  "delete": "Eliminar",
+  "deleteSuccess": "Eliminado con éxito",
+  "deleteWarning": "¿Está seguro de que desea eliminar este método de pago? Esta acción no se puede deshacer.",
+  "description": "Descripción",
+  "descriptionPlaceholder": "Ingresa la descripción del método de pago",
+  "domain": "Dominio",
+  "domainPlaceholder": "opcional, p. ej. {example}",
+  "edit": "Editar",
+  "editPayment": "Editar Método de Pago",
   "enable": "Habilitar",
-  "enableDescription": "Habilitar este método de pago",
-  "epay": {
-    "key": "CLAVE",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Monto Fijo",
   "feeMode": "Modo de cobro",
-  "feeModeDescription": "Modo de cobro de tarifas adicionales",
-  "feeModeItems": ["Sin tarifa", "Porcentaje", "Cantidad fija", "Ambos"],
   "feePercent": "Porcentaje de tarifa (opcional)",
-  "feePercentDescription": "Se añade una tarifa sobre el monto del pedido",
   "fixedFee": "Cuota fija (opcional)",
-  "fixedFeeDescription": "Agregar una tarifa fija sobre el monto del pedido",
-  "iconUrl": "URL del ícono (opcional)",
-  "iconUrlDescription": "Usado para mostrar en el frontend",
-  "inputPlaceholder": "Por favor ingrese",
-  "key": "LLAVE",
-  "notifyUrl": "Dominio de notificación personalizado (opcional)",
-  "notifyUrlDescription": "La notificación del gateway se enviará a este dominio",
-  "payForRecommendations": "Pagar por recomendaciones",
-  "pid": "PID",
-  "saveSuccess": "Guardado exitoso",
-  "showName": "Mostrar nombre",
-  "showNameDescription": "Usado para mostrar en el frontend",
-  "stripe": {
-    "publicKey": "CLAVE PÚBLICA",
-    "secretKey": "CLAVE SECRETA",
-    "webhookSecret": "FIRMA DE SECRETO DE WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Cargo por manejo",
+  "icon": "Ícono",
+  "iconPlaceholder": "Ingrese la URL del ícono",
+  "mark": "Identificador",
+  "markPlaceholder": "Ingrese el identificador del método de pago",
+  "name": "Nombre",
+  "namePlaceholder": "Ingrese el nombre del método de pago",
+  "nameRequired": "El nombre es obligatorio",
+  "noFee": "Sin Tarifa",
+  "notify_url": "URL de notificación",
+  "paymentManagement": "Gestión de Pagos",
+  "percentFee": "Porcentaje",
+  "platform": "Plataforma",
+  "searchPlaceholder": "Ingrese términos de búsqueda",
+  "selectPlatform": "Seleccionar Plataforma",
+  "selectType": "Seleccionar tipo de pago",
+  "submit": "Enviar",
+  "type": "Tipo",
+  "updateSuccess": "Actualizado con éxito"
 }
diff --git a/apps/admin/locales/fa-IR/payment.json b/apps/admin/locales/fa-IR/payment.json
index e2380e3..3066878 100644
--- a/apps/admin/locales/fa-IR/payment.json
+++ b/apps/admin/locales/fa-IR/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "پرداخت علی‌پی",
-  "alipayf2f": {
-    "appId": "شناسه برنامه Alipay",
-    "invoiceName": "نام محصول سفارشی",
-    "invoiceNameDescription": "در صورتحساب Alipay نمایش داده خواهد شد",
-    "privateKey": "کلید خصوصی Alipay",
-    "publicKey": "کلید عمومی Alipay",
-    "sandbox": "حالت Sandbox",
-    "sandboxDescription": "حالت sandbox را برای آزمایش پرداخت‌ها فعال کنید"
-  },
+  "AlipayF2F": "علی‌پی چهره به چهره",
+  "EPay": "ای‌پی",
+  "Stripe": "استرایپ",
+  "applyForPayment": "درخواست پرداخت",
+  "balance": "موجودی",
+  "batchDelete": "حذف دسته‌ای",
+  "cancel": "لغو",
+  "config": "پیکربندی",
+  "configInfo": "اطلاعات پیکربندی",
+  "configPlaceholder": "لطفاً پیکربندی {field} ارائه شده را پر کنید",
+  "confirm": "تأیید",
+  "confirmDelete": "تأیید حذف",
+  "copy": "کپی",
+  "copySuccess": "با موفقیت کپی شد",
+  "create": "افزودن روش پرداخت",
+  "createPayment": "افزودن روش پرداخت",
+  "createSuccess": "با موفقیت ایجاد شد",
+  "delete": "حذف",
+  "deleteSuccess": "با موفقیت حذف شد",
+  "deleteWarning": "آیا مطمئن هستید که می‌خواهید این روش پرداخت را حذف کنید؟ این عمل قابل بازگشت نیست.",
+  "description": "توضیحات",
+  "descriptionPlaceholder": "توضیحات روش پرداخت را وارد کنید",
+  "domain": "دامنه",
+  "domainPlaceholder": "اختیاری، به عنوان مثال {example}",
+  "edit": "ویرایش",
+  "editPayment": "ویرایش روش پرداخت",
   "enable": "فعال کردن",
-  "enableDescription": "این روش پرداخت را فعال کنید",
-  "epay": {
-    "key": "کلید",
-    "pid": "شناسه محصول",
-    "url": "نشانی وب"
-  },
+  "feeAmount": "مقدار ثابت",
   "feeMode": "حالت هزینه",
-  "feeModeDescription": "روش دریافت هزینه برای هزینه‌های اضافی",
-  "feeModeItems": ["بدون هزینه", "درصدی", "مبلغ ثابت", "هر دو"],
   "feePercent": "درصد کارمزد (اختیاری)",
-  "feePercentDescription": "افزودن کارمزد به مبلغ سفارش",
   "fixedFee": "هزینه ثابت (اختیاری)",
-  "fixedFeeDescription": "افزودن هزینه ثابت به مبلغ سفارش",
-  "iconUrl": "آدرس آیکون (اختیاری)",
-  "iconUrlDescription": "برای نمایش در رابط کاربری استفاده می‌شود",
-  "inputPlaceholder": "لطفاً وارد کنید",
-  "key": "کلید",
-  "notifyUrl": "دامنه اعلان سفارشی (اختیاری)",
-  "notifyUrlDescription": "اعلان‌های درگاه به این دامنه ارسال خواهند شد",
-  "payForRecommendations": "پرداخت برای توصیه‌ها",
-  "pid": "شناسه فرآیند",
-  "saveSuccess": "ذخیره با موفقیت انجام شد",
-  "showName": "نمایش نام",
-  "showNameDescription": "برای نمایش در قسمت جلویی استفاده می‌شود",
-  "stripe": {
-    "publicKey": "کلید عمومی",
-    "secretKey": "کلید مخفی",
-    "webhookSecret": "کلید مخفی وب‌هوک"
-  },
-  "url": "آدرس اینترنتی",
-  "wechatPay": "وی‌چت پی"
+  "handlingFee": "هزینه خدمات",
+  "icon": "آیکون",
+  "iconPlaceholder": "آدرس URL آیکون را وارد کنید",
+  "mark": "شناسه",
+  "markPlaceholder": "شناسه روش پرداخت را وارد کنید",
+  "name": "نام",
+  "namePlaceholder": "نام روش پرداخت را وارد کنید",
+  "nameRequired": "نام الزامی است",
+  "noFee": "بدون هزینه",
+  "notify_url": "آدرس اطلاع‌رسانی",
+  "paymentManagement": "مدیریت پرداخت",
+  "percentFee": "درصد",
+  "platform": "پلتفرم",
+  "searchPlaceholder": "عبارات جستجو را وارد کنید",
+  "selectPlatform": "انتخاب پلتفرم",
+  "selectType": "انتخاب نوع پرداخت",
+  "submit": "ارسال",
+  "type": "نوع",
+  "updateSuccess": "با موفقیت به‌روزرسانی شد"
 }
diff --git a/apps/admin/locales/fi-FI/payment.json b/apps/admin/locales/fi-FI/payment.json
index 07837c9..e00de3d 100644
--- a/apps/admin/locales/fi-FI/payment.json
+++ b/apps/admin/locales/fi-FI/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Alipay-maksu",
-  "alipayf2f": {
-    "appId": "Alipay-sovelluksen ID",
-    "invoiceName": "Mukautettu tuotteen nimi",
-    "invoiceNameDescription": "Näkyy Alipay-laskussa",
-    "privateKey": "Alipay-yksityinen avain",
-    "publicKey": "Alipay-julkinen avain",
-    "sandbox": "Hiekkalaatikkotila",
-    "sandboxDescription": "Ota hiekkalaatikkotila käyttöön maksujen testaamiseksi"
-  },
+  "AlipayF2F": "Alipay Kasvokkain",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Hae maksua",
+  "balance": "Saldo",
+  "batchDelete": "Ryhmän poisto",
+  "cancel": "Peruuta",
+  "config": "Konfiguraatio",
+  "configInfo": "Konfiguraatio tiedot",
+  "configPlaceholder": "Täytä annettu {field} konfiguraatio",
+  "confirm": "Vahvista",
+  "confirmDelete": "Vahvista poisto",
+  "copy": "Kopioi",
+  "copySuccess": "Kopiointi onnistui",
+  "create": "Lisää maksutapa",
+  "createPayment": "Lisää maksutapa",
+  "createSuccess": "Luonti onnistui",
+  "delete": "Poista",
+  "deleteSuccess": "Poisto onnistui",
+  "deleteWarning": "Oletko varma, että haluat poistaa tämän maksutavan? Tätä toimintoa ei voi peruuttaa.",
+  "description": "Kuvaus",
+  "descriptionPlaceholder": "Syötä maksutavan kuvaus",
+  "domain": "Verkkotunnus",
+  "domainPlaceholder": "valinnainen, esim. {esimerkki}",
+  "edit": "Muokkaa",
+  "editPayment": "Muokkaa maksutapaa",
   "enable": "Ota käyttöön",
-  "enableDescription": "Ota tämä maksutapa käyttöön",
-  "epay": {
-    "key": "AVAIN",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Kiinteä summa",
   "feeMode": "Maksutapa",
-  "feeModeDescription": "Lisämaksun veloitustapa",
-  "feeModeItems": ["Ei käsittelymaksua", "Prosenttiosuus", "Kiinteä summa", "Molemmat yllä olevat"],
   "feePercent": "Prosenttiosuusmaksu (valinnainen)",
-  "feePercentDescription": "Lisätään maksu tilauksen summan päälle",
   "fixedFee": "Kiinteä maksu (valinnainen)",
-  "fixedFeeDescription": "Lisää kiinteä maksu tilauksen summan päälle",
-  "iconUrl": "Kuvakkeen URL (valinnainen)",
-  "iconUrlDescription": "Käytetään etunäytössä",
-  "inputPlaceholder": "Kirjoita tähän",
-  "key": "AVAIN",
-  "notifyUrl": "Mukautettu ilmoitusalue (valinnainen)",
-  "notifyUrlDescription": "Yhdyskäytävän ilmoitus lähetetään tähän verkkotunnukseen",
-  "payForRecommendations": "Maksa suosituksista",
-  "pid": "PID",
-  "saveSuccess": "Tallennus onnistui",
-  "showName": "Näytä nimi",
-  "showNameDescription": "Näytetään käyttöliittymässä",
-  "stripe": {
-    "publicKey": "JULKINEN AVAIN",
-    "secretKey": "SALAINEN AVAIN",
-    "webhookSecret": "WEBHOOK-SALAINEN ALLEKIRJOITUS"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat-maksu"
+  "handlingFee": "Käsittelymaksu",
+  "icon": "Ikoni",
+  "iconPlaceholder": "Syötä ikonin URL-osoite",
+  "mark": "Tunniste",
+  "markPlaceholder": "Syötä maksutavan tunniste",
+  "name": "Nimi",
+  "namePlaceholder": "Syötä maksutavan nimi",
+  "nameRequired": "Nimi on pakollinen",
+  "noFee": "Ei maksua",
+  "notify_url": "Ilmoitus-URL",
+  "paymentManagement": "Maksujen hallinta",
+  "percentFee": "Prosentti",
+  "platform": "Alusta",
+  "searchPlaceholder": "Syötä hakusanat",
+  "selectPlatform": "Valitse alusta",
+  "selectType": "Valitse maksutyyppi",
+  "submit": "Lähetä",
+  "type": "Tyyppi",
+  "updateSuccess": "Päivitys onnistui"
 }
diff --git a/apps/admin/locales/fr-FR/payment.json b/apps/admin/locales/fr-FR/payment.json
index e69f2a5..84eaa46 100644
--- a/apps/admin/locales/fr-FR/payment.json
+++ b/apps/admin/locales/fr-FR/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Paiement par Alipay",
-  "alipayf2f": {
-    "appId": "ID de l'application Alipay",
-    "invoiceName": "Nom personnalisé du produit",
-    "invoiceNameDescription": "S'affichera sur la facture Alipay",
-    "privateKey": "Clé privée Alipay",
-    "publicKey": "Clé publique Alipay",
-    "sandbox": "Mode bac à sable",
-    "sandboxDescription": "Activez le mode bac à sable pour tester le paiement"
-  },
+  "AlipayF2F": "Alipay Face à Face",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Demander un paiement",
+  "balance": "Solde",
+  "batchDelete": "Suppression par lot",
+  "cancel": "Annuler",
+  "config": "Configuration",
+  "configInfo": "Informations de configuration",
+  "configPlaceholder": "Veuillez remplir la configuration {field} fournie",
+  "confirm": "Confirmer",
+  "confirmDelete": "Confirmer la suppression",
+  "copy": "Copier",
+  "copySuccess": "Copié avec succès",
+  "create": "Ajouter un mode de paiement",
+  "createPayment": "Ajouter un mode de paiement",
+  "createSuccess": "Créé avec succès",
+  "delete": "Supprimer",
+  "deleteSuccess": "Supprimé avec succès",
+  "deleteWarning": "Êtes-vous sûr de vouloir supprimer ce mode de paiement ? Cette action ne peut pas être annulée.",
+  "description": "Description",
+  "descriptionPlaceholder": "Entrez la description du mode de paiement",
+  "domain": "Domaine",
+  "domainPlaceholder": "facultatif, par exemple {exemple}",
+  "edit": "Modifier",
+  "editPayment": "Modifier le mode de paiement",
   "enable": "Activer",
-  "enableDescription": "Activer ce mode de paiement",
-  "epay": {
-    "key": "CLÉ",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Montant fixe",
   "feeMode": "Mode de facturation",
-  "feeModeDescription": "Mode de facturation des frais supplémentaires",
-  "feeModeItems": ["Pas de frais", "Pourcentage", "Montant fixe", "Les deux ci-dessus"],
   "feePercent": "Pourcentage de frais (optionnel)",
-  "feePercentDescription": "Ajouter des frais au montant de la commande",
   "fixedFee": "Frais fixes (optionnel)",
-  "fixedFeeDescription": "Ajouter des frais fixes au montant de la commande",
-  "iconUrl": "URL de l'icône (facultatif)",
-  "iconUrlDescription": "Utilisé pour l'affichage frontal",
-  "inputPlaceholder": "Veuillez entrer",
-  "key": "CLÉ",
-  "notifyUrl": "Domaine de notification personnalisé (facultatif)",
-  "notifyUrlDescription": "Les notifications de la passerelle seront envoyées à ce domaine",
-  "payForRecommendations": "Payer pour les recommandations",
-  "pid": "PID",
-  "saveSuccess": "Enregistrement réussi",
-  "showName": "Afficher le nom",
-  "showNameDescription": "Utilisé pour l'affichage frontal",
-  "stripe": {
-    "publicKey": "CLÉ PUBLIQUE",
-    "secretKey": "CLÉ SECRÈTE",
-    "webhookSecret": "SIGNATURE DE CLÉ WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "Paiement WeChat"
+  "handlingFee": "Frais de traitement",
+  "icon": "Icône",
+  "iconPlaceholder": "Entrez l'URL de l'icône",
+  "mark": "Identifiant",
+  "markPlaceholder": "Entrez l'identifiant du mode de paiement",
+  "name": "Nom",
+  "namePlaceholder": "Entrez le nom du mode de paiement",
+  "nameRequired": "Le nom est requis",
+  "noFee": "Pas de frais",
+  "notify_url": "URL de notification",
+  "paymentManagement": "Gestion des paiements",
+  "percentFee": "Pourcentage",
+  "platform": "Plateforme",
+  "searchPlaceholder": "Entrez des termes de recherche",
+  "selectPlatform": "Sélectionner la plateforme",
+  "selectType": "Sélectionner le type de paiement",
+  "submit": "Soumettre",
+  "type": "Type",
+  "updateSuccess": "Mis à jour avec succès"
 }
diff --git a/apps/admin/locales/hi-IN/payment.json b/apps/admin/locales/hi-IN/payment.json
index 16f9bfe..6d9e51f 100644
--- a/apps/admin/locales/hi-IN/payment.json
+++ b/apps/admin/locales/hi-IN/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "अलीपे भुगतान",
-  "alipayf2f": {
-    "appId": "अलीपे एप्लिकेशन आईडी",
-    "invoiceName": "कस्टम उत्पाद नाम",
-    "invoiceNameDescription": "अलीपे बिल में प्रदर्शित होगा",
-    "privateKey": "अलीपे निजी कुंजी",
-    "publicKey": "अलीपे सार्वजनिक कुंजी",
-    "sandbox": "सैंडबॉक्स मोड",
-    "sandboxDescription": "भुगतान का परीक्षण करने के लिए सैंडबॉक्स मोड सक्षम करें"
-  },
+  "AlipayF2F": "अलीपे फेस टू फेस",
+  "EPay": "ईपे",
+  "Stripe": "स्ट्राइप",
+  "applyForPayment": "भुगतान के लिए आवेदन करें",
+  "balance": "शेष",
+  "batchDelete": "बैच हटाएं",
+  "cancel": "रद्द करें",
+  "config": "कॉन्फ़िगरेशन",
+  "configInfo": "कॉन्फ़िगरेशन जानकारी",
+  "configPlaceholder": "कृपया प्रदान किए गए {field} कॉन्फ़िगरेशन को भरें",
+  "confirm": "पुष्टि करें",
+  "confirmDelete": "हटाने की पुष्टि करें",
+  "copy": "कॉपी करें",
+  "copySuccess": "सफलता से कॉपी किया गया",
+  "create": "भुगतान विधि जोड़ें",
+  "createPayment": "भुगतान विधि जोड़ें",
+  "createSuccess": "सफलता से बनाया गया",
+  "delete": "हटाएं",
+  "deleteSuccess": "सफलता से हटाया गया",
+  "deleteWarning": "क्या आप वास्तव में इस भुगतान विधि को हटाना चाहते हैं? यह क्रिया पूर्ववत नहीं की जा सकती।",
+  "description": "विवरण",
+  "descriptionPlaceholder": "भुगतान विधि का विवरण दर्ज करें",
+  "domain": "डोमेन",
+  "domainPlaceholder": "वैकल्पिक, जैसे कि {example}",
+  "edit": "संपादित करें",
+  "editPayment": "भुगतान विधि संपादित करें",
   "enable": "सक्षम करें",
-  "enableDescription": "इस भुगतान विधि को सक्षम करें",
-  "epay": {
-    "key": "कुंजी",
-    "pid": "पीआईडी",
-    "url": "यूआरएल"
-  },
+  "feeAmount": "निश्चित राशि",
   "feeMode": "शुल्क मोड",
-  "feeModeDescription": "अतिरिक्त शुल्क की वसूली का तरीका",
-  "feeModeItems": ["कोई शुल्क नहीं", "प्रतिशत", "निश्चित राशि", "उपरोक्त दोनों"],
   "feePercent": "प्रतिशत शुल्क (वैकल्पिक)",
-  "feePercentDescription": "ऑर्डर राशि के ऊपर शुल्क जोड़ा जाएगा",
   "fixedFee": "निश्चित शुल्क (वैकल्पिक)",
-  "fixedFeeDescription": "ऑर्डर राशि के ऊपर एक निश्चित शुल्क जोड़ा जाता है",
-  "iconUrl": "आइकन URL (वैकल्पिक)",
-  "iconUrlDescription": "फ्रंटएंड प्रदर्शन के लिए उपयोग किया जाता है",
-  "inputPlaceholder": "कृपया दर्ज करें",
-  "key": "कुंजी",
-  "notifyUrl": "कस्टम अधिसूचना डोमेन (वैकल्पिक)",
-  "notifyUrlDescription": "गेटवे सूचना इस डोमेन पर भेजी जाएगी",
-  "payForRecommendations": "सिफारिशों के लिए भुगतान करें",
-  "pid": "पीआईडी",
-  "saveSuccess": "सहेजा गया",
-  "showName": "नाम दिखाएं",
-  "showNameDescription": "फ्रंटएंड प्रदर्शन के लिए उपयोग किया जाता है",
-  "stripe": {
-    "publicKey": "सार्वजनिक कुंजी",
-    "secretKey": "गुप्त कुंजी",
-    "webhookSecret": "वेबहुक कुंजी हस्ताक्षर"
-  },
-  "url": "यूआरएल",
-  "wechatPay": "वीचैट पे"
+  "handlingFee": "हैंडलिंग शुल्क",
+  "icon": "चिन्ह",
+  "iconPlaceholder": "चिन्ह URL दर्ज करें",
+  "mark": "पहचानकर्ता",
+  "markPlaceholder": "भुगतान विधि पहचानकर्ता दर्ज करें",
+  "name": "नाम",
+  "namePlaceholder": "भुगतान विधि का नाम दर्ज करें",
+  "nameRequired": "नाम आवश्यक है",
+  "noFee": "कोई शुल्क नहीं",
+  "notify_url": "सूचना URL",
+  "paymentManagement": "भुगतान प्रबंधन",
+  "percentFee": "प्रतिशत",
+  "platform": "प्लेटफ़ॉर्म",
+  "searchPlaceholder": "खोज शब्द दर्ज करें",
+  "selectPlatform": "प्लेटफ़ॉर्म चुनें",
+  "selectType": "भुगतान प्रकार चुनें",
+  "submit": "जमा करें",
+  "type": "प्रकार",
+  "updateSuccess": "सफलता से अपडेट किया गया"
 }
diff --git a/apps/admin/locales/hu-HU/payment.json b/apps/admin/locales/hu-HU/payment.json
index c6310b1..4bd7465 100644
--- a/apps/admin/locales/hu-HU/payment.json
+++ b/apps/admin/locales/hu-HU/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Alipay fizetés",
-  "alipayf2f": {
-    "appId": "Alipay alkalmazásazonosító",
-    "invoiceName": "Egyedi terméknév",
-    "invoiceNameDescription": "A számlán az Alipay-ben fog megjelenni",
-    "privateKey": "Alipay privát kulcs",
-    "publicKey": "Alipay nyilvános kulcs",
-    "sandbox": "Tesztkörnyezet",
-    "sandboxDescription": "Tesztkörnyezet engedélyezése a fizetések teszteléséhez"
-  },
+  "AlipayF2F": "Alipay Személyesen",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Kérjen kifizetést",
+  "balance": "Egyenleg",
+  "batchDelete": "Tömeges törlés",
+  "cancel": "Mégse",
+  "config": "Beállítások",
+  "configInfo": "Beállítási információk",
+  "configPlaceholder": "Kérjük, töltse ki a megadott {field} beállítást",
+  "confirm": "Megerősít",
+  "confirmDelete": "Törlés megerősítése",
+  "copy": "Másolás",
+  "copySuccess": "Sikeresen másolva",
+  "create": "Fizetési mód hozzáadása",
+  "createPayment": "Fizetési mód hozzáadása",
+  "createSuccess": "Sikeresen létrehozva",
+  "delete": "Törlés",
+  "deleteSuccess": "Sikeresen törölve",
+  "deleteWarning": "Biztosan törölni szeretné ezt a fizetési módot? Ez a művelet nem vonható vissza.",
+  "description": "Leírás",
+  "descriptionPlaceholder": "Írja be a fizetési mód leírását",
+  "domain": "Domain",
+  "domainPlaceholder": "opcionális, pl. {példa}",
+  "edit": "Szerkesztés",
+  "editPayment": "Fizetési mód szerkesztése",
   "enable": "Engedélyezés",
-  "enableDescription": "Engedélyezze ezt a fizetési módot",
-  "epay": {
-    "key": "KULCS",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Fix összeg",
   "feeMode": "Díjfizetési mód",
-  "feeModeDescription": "További díjak felszámításának módja",
-  "feeModeItems": ["Nincs díj", "Százalékos", "Fix összeg", "Mindkettő"],
   "feePercent": "Díjszázalék (opcionális)",
-  "feePercentDescription": "Díj hozzáadása a rendelés összegéhez",
   "fixedFee": "Fix díj (opcionális)",
-  "fixedFeeDescription": "Rögzített díj hozzáadása a rendelés összegéhez",
-  "iconUrl": "Ikon URL (opcionális)",
-  "iconUrlDescription": "Előnézeti kép megjelenítéséhez",
-  "inputPlaceholder": "Kérjük, írja be",
-  "key": "KULCS",
-  "notifyUrl": "Egyéni értesítési domain (opcionális)",
-  "notifyUrlDescription": "A kapu értesítéseket erre a tartományra küldi",
-  "payForRecommendations": "Fizetés ajánlásokért",
-  "pid": "PID",
-  "saveSuccess": "Sikeres mentés",
-  "showName": "Megjelenítési név",
-  "showNameDescription": "Előnézet megjelenítésére használatos",
-  "stripe": {
-    "publicKey": "NYILVÁNOS KULCS",
-    "secretKey": "TITKOS KULCS",
-    "webhookSecret": "WEBHOOK TITKOS ALÁÍRÁS"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat fizetés"
+  "handlingFee": "Kezelési díj",
+  "icon": "Ikon",
+  "iconPlaceholder": "Adja meg az ikon URL-jét",
+  "mark": "Azonosító",
+  "markPlaceholder": "Adja meg a fizetési mód azonosítóját",
+  "name": "Név",
+  "namePlaceholder": "Adja meg a fizetési mód nevét",
+  "nameRequired": "A név megadása kötelező",
+  "noFee": "Nincs díj",
+  "notify_url": "Értesítési URL",
+  "paymentManagement": "Fizetéskezelés",
+  "percentFee": "Százalékos díj",
+  "platform": "Platform",
+  "searchPlaceholder": "Adja meg a keresési kifejezéseket",
+  "selectPlatform": "Válassza ki a platformot",
+  "selectType": "Válassza ki a fizetési típust",
+  "submit": "Beküldés",
+  "type": "Típus",
+  "updateSuccess": "Sikeresen frissítve"
 }
diff --git a/apps/admin/locales/ja-JP/payment.json b/apps/admin/locales/ja-JP/payment.json
index 877236a..c7596e9 100644
--- a/apps/admin/locales/ja-JP/payment.json
+++ b/apps/admin/locales/ja-JP/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "アリペイ決済",
-  "alipayf2f": {
-    "appId": "支付宝アプリID",
-    "invoiceName": "カスタム製品名",
-    "invoiceNameDescription": "支付宝の請求書に表示されます",
-    "privateKey": "支付宝プライベートキー",
-    "publicKey": "支付宝パブリックキー",
-    "sandbox": "サンドボックスモード",
-    "sandboxDescription": "支払いをテストするためにサンドボックスモードを有効にします"
-  },
+  "AlipayF2F": "アリペイ対面",
+  "EPay": "EPay",
+  "Stripe": "ストライプ",
+  "applyForPayment": "支払いを申請する",
+  "balance": "残高",
+  "batchDelete": "一括削除",
+  "cancel": "キャンセル",
+  "config": "設定",
+  "configInfo": "設定情報",
+  "configPlaceholder": "提供された{field}の設定を入力してください",
+  "confirm": "確認",
+  "confirmDelete": "削除を確認",
+  "copy": "コピー",
+  "copySuccess": "コピー成功",
+  "create": "支払い方法を追加",
+  "createPayment": "支払い方法を追加",
+  "createSuccess": "作成成功",
+  "delete": "削除",
+  "deleteSuccess": "削除成功",
+  "deleteWarning": "この支払い方法を削除してもよろしいですか？この操作は元に戻せません。",
+  "description": "説明",
+  "descriptionPlaceholder": "支払い方法の説明を入力してください",
+  "domain": "ドメイン",
+  "domainPlaceholder": "任意、例：{example}",
+  "edit": "編集",
+  "editPayment": "支払い方法を編集",
   "enable": "有効",
-  "enableDescription": "この支払い方法を有効にする",
-  "epay": {
-    "key": "キー",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "固定額",
   "feeMode": "料金方式",
-  "feeModeDescription": "追加手数料の課金方式",
-  "feeModeItems": ["手数料なし", "パーセンテージ", "固定金額", "上記の2つ"],
   "feePercent": "パーセンテージ手数料（オプション）",
-  "feePercentDescription": "注文金額に追加される手数料",
   "fixedFee": "固定料金（オプション）",
-  "fixedFeeDescription": "注文金額に固定料金を追加する",
-  "iconUrl": "アイコンURL（任意）",
-  "iconUrlDescription": "フロントエンド表示用",
-  "inputPlaceholder": "入力してください",
-  "key": "キー",
-  "notifyUrl": "カスタム通知ドメイン（オプション）",
-  "notifyUrlDescription": "ゲートウェイ通知はこのドメインに送信されます",
-  "payForRecommendations": "おすすめの支払い",
-  "pid": "PID",
-  "saveSuccess": "保存が成功しました",
-  "showName": "表示名",
-  "showNameDescription": "フロントエンド表示用",
-  "stripe": {
-    "publicKey": "パブリックキー",
-    "secretKey": "シークレットキー",
-    "webhookSecret": "WEBHOOK シークレットサイン"
-  },
-  "url": "URL",
-  "wechatPay": "WeChatペイ"
+  "handlingFee": "手数料",
+  "icon": "アイコン",
+  "iconPlaceholder": "アイコンのURLを入力してください",
+  "mark": "識別子",
+  "markPlaceholder": "支払い方法の識別子を入力してください",
+  "name": "名前",
+  "namePlaceholder": "支払い方法の名前を入力してください",
+  "nameRequired": "名前は必須です",
+  "noFee": "手数料なし",
+  "notify_url": "通知URL",
+  "paymentManagement": "支払い管理",
+  "percentFee": "パーセンテージ",
+  "platform": "プラットフォーム",
+  "searchPlaceholder": "検索用語を入力してください",
+  "selectPlatform": "プラットフォームを選択",
+  "selectType": "支払いタイプを選択",
+  "submit": "送信",
+  "type": "タイプ",
+  "updateSuccess": "更新成功"
 }
diff --git a/apps/admin/locales/ko-KR/payment.json b/apps/admin/locales/ko-KR/payment.json
index 619f891..b2e4340 100644
--- a/apps/admin/locales/ko-KR/payment.json
+++ b/apps/admin/locales/ko-KR/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "알리페이 결제",
-  "alipayf2f": {
-    "appId": "알리페이 애플리케이션 ID",
-    "invoiceName": "사용자 정의 제품 이름",
-    "invoiceNameDescription": "알리페이 청구서에 표시됩니다",
-    "privateKey": "알리페이 개인 키",
-    "publicKey": "알리페이 공개 키",
-    "sandbox": "샌드박스 모드",
-    "sandboxDescription": "결제를 테스트하기 위해 샌드박스 모드를 활성화합니다"
-  },
+  "AlipayF2F": "알리페이 대면 결제",
+  "EPay": "이페이",
+  "Stripe": "스트라이프",
+  "applyForPayment": "결제 신청",
+  "balance": "잔액",
+  "batchDelete": "일괄 삭제",
+  "cancel": "취소",
+  "config": "설정",
+  "configInfo": "설정 정보",
+  "configPlaceholder": "{field} 설정을 입력해 주세요",
+  "confirm": "확인",
+  "confirmDelete": "삭제 확인",
+  "copy": "복사",
+  "copySuccess": "복사 성공",
+  "create": "결제 수단 추가",
+  "createPayment": "결제 수단 추가",
+  "createSuccess": "생성 성공",
+  "delete": "삭제",
+  "deleteSuccess": "삭제 성공",
+  "deleteWarning": "이 결제 수단을 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.",
+  "description": "설명",
+  "descriptionPlaceholder": "결제 수단 설명을 입력하세요",
+  "domain": "도메인",
+  "domainPlaceholder": "선택 사항, 예: {example}",
+  "edit": "편집",
+  "editPayment": "결제 수단 편집",
   "enable": "사용",
-  "enableDescription": "이 결제 수단을 활성화합니다",
-  "epay": {
-    "key": "키",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "고정 금액",
   "feeMode": "요금 방식",
-  "feeModeDescription": "추가 수수료의 부과 방식",
-  "feeModeItems": ["수수료 없음", "백분율", "고정 금액", "이상 두 가지"],
   "feePercent": "수수료 비율(선택 사항)",
-  "feePercentDescription": "주문 금액에 추가 요금 부과",
   "fixedFee": "고정 수수료(선택 사항)",
-  "fixedFeeDescription": "주문 금액에 고정 요금 추가",
-  "iconUrl": "아이콘 URL(선택 사항)",
-  "iconUrlDescription": "프론트엔드 표시용",
-  "inputPlaceholder": "입력하세요",
-  "key": "키",
-  "notifyUrl": "사용자 정의 알림 도메인 (선택 사항)",
-  "notifyUrlDescription": "게이트웨이 알림이 이 도메인으로 전송됩니다",
-  "payForRecommendations": "추천에 대한 지불",
-  "pid": "PID",
-  "saveSuccess": "저장 성공",
-  "showName": "이름 표시",
-  "showNameDescription": "프론트엔드 표시용",
-  "stripe": {
-    "publicKey": "공개 키",
-    "secretKey": "비밀 키",
-    "webhookSecret": "웹훅 비밀 서명"
-  },
-  "url": "URL",
-  "wechatPay": "위챗페이"
+  "handlingFee": "수수료",
+  "icon": "아이콘",
+  "iconPlaceholder": "아이콘 URL 입력",
+  "mark": "식별자",
+  "markPlaceholder": "결제 수단 식별자 입력",
+  "name": "이름",
+  "namePlaceholder": "결제 수단 이름 입력",
+  "nameRequired": "이름은 필수입니다",
+  "noFee": "수수료 없음",
+  "notify_url": "알림 URL",
+  "paymentManagement": "결제 관리",
+  "percentFee": "백분율",
+  "platform": "플랫폼",
+  "searchPlaceholder": "검색어 입력",
+  "selectPlatform": "플랫폼 선택",
+  "selectType": "결제 유형 선택",
+  "submit": "제출",
+  "type": "유형",
+  "updateSuccess": "업데이트 성공"
 }
diff --git a/apps/admin/locales/no-NO/payment.json b/apps/admin/locales/no-NO/payment.json
index 6cd813f..264a00a 100644
--- a/apps/admin/locales/no-NO/payment.json
+++ b/apps/admin/locales/no-NO/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Betaling med Alipay",
-  "alipayf2f": {
-    "appId": "Alipay-applikasjons-ID",
-    "invoiceName": "Tilpasset produktnavn",
-    "invoiceNameDescription": "Vil vises på Alipay-fakturaen",
-    "privateKey": "Alipay privat nøkkel",
-    "publicKey": "Alipay offentlig nøkkel",
-    "sandbox": "Sandkassemodus",
-    "sandboxDescription": "Aktiver sandkassemodus for å teste betaling"
-  },
+  "AlipayF2F": "Alipay Ansikt-til-Ansikt",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Søk om betaling",
+  "balance": "Saldo",
+  "batchDelete": "Slett i batch",
+  "cancel": "Avbryt",
+  "config": "Konfigurasjon",
+  "configInfo": "Konfigurasjonsinformasjon",
+  "configPlaceholder": "Vennligst fyll inn den angitte {field} konfigurasjonen",
+  "confirm": "Bekreft",
+  "confirmDelete": "Bekreft sletting",
+  "copy": "Kopier",
+  "copySuccess": "Kopiert med suksess",
+  "create": "Legg til betalingsmetode",
+  "createPayment": "Legg til betalingsmetode",
+  "createSuccess": "Opprettet med suksess",
+  "delete": "Slett",
+  "deleteSuccess": "Slettet med suksess",
+  "deleteWarning": "Er du sikker på at du vil slette denne betalingsmetoden? Denne handlingen kan ikke angres.",
+  "description": "Beskrivelse",
+  "descriptionPlaceholder": "Skriv inn beskrivelse av betalingsmetode",
+  "domain": "Domene",
+  "domainPlaceholder": "valgfritt, f.eks. {example}",
+  "edit": "Rediger",
+  "editPayment": "Rediger betalingsmetode",
   "enable": "Aktiver",
-  "enableDescription": "Aktiver denne betalingsmetoden",
-  "epay": {
-    "key": "NØKKEL",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Fast beløp",
   "feeMode": "Avgiftsmåte",
-  "feeModeDescription": "Gebyrmodus for ekstra avgifter",
-  "feeModeItems": ["Ingen gebyr", "Prosentandel", "Fast beløp", "Begge ovennevnte"],
   "feePercent": "Prosentavgift (valgfritt)",
-  "feePercentDescription": "Legg til et gebyr på toppen av ordrebeløpet",
   "fixedFee": "Fast gebyr (valgfritt)",
-  "fixedFeeDescription": "Legg til et fast gebyr i tillegg til ordrebeløpet",
-  "iconUrl": "Ikon URL (valgfritt)",
-  "iconUrlDescription": "Brukes for visning på frontend",
-  "inputPlaceholder": "Vennligst skriv inn",
-  "key": "NØKKEL",
-  "notifyUrl": "Tilpasset varslingsdomene (valgfritt)",
-  "notifyUrlDescription": "Gateway-varsler vil bli sendt til dette domenet",
-  "payForRecommendations": "Betal for anbefalinger",
-  "pid": "PID",
-  "saveSuccess": "Lagring vellykket",
-  "showName": "Vis navn",
-  "showNameDescription": "Brukes for visning på frontend",
-  "stripe": {
-    "publicKey": "OFFENTLIG NØKKEL",
-    "secretKey": "HEMMELIG NØKKEL",
-    "webhookSecret": "WEBHOOK SIGNATUR"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat-betaling"
+  "handlingFee": "Håndteringsgebyr",
+  "icon": "Ikon",
+  "iconPlaceholder": "Skriv inn ikon-URL",
+  "mark": "Identifikator",
+  "markPlaceholder": "Skriv inn identifikator for betalingsmetode",
+  "name": "Navn",
+  "namePlaceholder": "Skriv inn navn på betalingsmetode",
+  "nameRequired": "Navn er påkrevd",
+  "noFee": "Ingen gebyr",
+  "notify_url": "Varslings-URL",
+  "paymentManagement": "Betalingsadministrasjon",
+  "percentFee": "Prosentandel",
+  "platform": "Plattform",
+  "searchPlaceholder": "Skriv inn søkeord",
+  "selectPlatform": "Velg plattform",
+  "selectType": "Velg betalingstype",
+  "submit": "Send inn",
+  "type": "Type",
+  "updateSuccess": "Oppdatert med suksess"
 }
diff --git a/apps/admin/locales/pl-PL/payment.json b/apps/admin/locales/pl-PL/payment.json
index de8808c..3306cf4 100644
--- a/apps/admin/locales/pl-PL/payment.json
+++ b/apps/admin/locales/pl-PL/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Płatność Alipay",
-  "alipayf2f": {
-    "appId": "ID aplikacji Alipay",
-    "invoiceName": "Niestandardowa nazwa produktu",
-    "invoiceNameDescription": "Będzie wyświetlana na rachunku Alipay",
-    "privateKey": "Klucz prywatny Alipay",
-    "publicKey": "Klucz publiczny Alipay",
-    "sandbox": "Tryb piaskownicy",
-    "sandboxDescription": "Włącz tryb piaskownicy, aby przetestować płatności"
-  },
+  "AlipayF2F": "Alipay Twarzą w Twarz",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Złóż wniosek o płatność",
+  "balance": "Saldo",
+  "batchDelete": "Usuwanie zbiorcze",
+  "cancel": "Anuluj",
+  "config": "Konfiguracja",
+  "configInfo": "Informacje o konfiguracji",
+  "configPlaceholder": "Proszę wypełnić konfigurację {field}",
+  "confirm": "Potwierdź",
+  "confirmDelete": "Potwierdź usunięcie",
+  "copy": "Kopiuj",
+  "copySuccess": "Skopiowano pomyślnie",
+  "create": "Dodaj metodę płatności",
+  "createPayment": "Dodaj metodę płatności",
+  "createSuccess": "Utworzono pomyślnie",
+  "delete": "Usuń",
+  "deleteSuccess": "Usunięto pomyślnie",
+  "deleteWarning": "Czy na pewno chcesz usunąć tę metodę płatności? Ta akcja jest nieodwracalna.",
+  "description": "Opis",
+  "descriptionPlaceholder": "Wprowadź opis metody płatności",
+  "domain": "Domena",
+  "domainPlaceholder": "opcjonalnie, np. {example}",
+  "edit": "Edytuj",
+  "editPayment": "Edytuj metodę płatności",
   "enable": "Włącz",
-  "enableDescription": "Włącz tę metodę płatności",
-  "epay": {
-    "key": "KLUCZ",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Kwota stała",
   "feeMode": "Sposób naliczania opłat",
-  "feeModeDescription": "Sposób naliczania dodatkowej opłaty",
-  "feeModeItems": ["Bez opłaty", "Procent", "Stała kwota", "Oba powyższe"],
   "feePercent": "Procentowa opłata (opcjonalnie)",
-  "feePercentDescription": "Dodaj opłatę do kwoty zamówienia",
   "fixedFee": "Stała opłata (opcjonalnie)",
-  "fixedFeeDescription": "Dodaj stałą opłatę do kwoty zamówienia",
-  "iconUrl": "URL ikony (opcjonalnie)",
-  "iconUrlDescription": "Używane do wyświetlania na froncie",
-  "inputPlaceholder": "Wprowadź tekst",
-  "key": "KLUCZ",
-  "notifyUrl": "Niestandardowa domena powiadomień (opcjonalnie)",
-  "notifyUrlDescription": "Powiadomienie bramki zostanie wysłane na tę domenę",
-  "payForRecommendations": "Zapłać za rekomendacje",
-  "pid": "PID",
-  "saveSuccess": "Zapisano pomyślnie",
-  "showName": "Pokaż nazwę",
-  "showNameDescription": "Używane do wyświetlania na froncie",
-  "stripe": {
-    "publicKey": "KLUCZ PUBLICZNY",
-    "secretKey": "KLUCZ TAJNY",
-    "webhookSecret": "PODPIS KLUCZA WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Opłata manipulacyjna",
+  "icon": "Ikona",
+  "iconPlaceholder": "Wprowadź URL ikony",
+  "mark": "Identyfikator",
+  "markPlaceholder": "Wprowadź identyfikator metody płatności",
+  "name": "Nazwa",
+  "namePlaceholder": "Wprowadź nazwę metody płatności",
+  "nameRequired": "Nazwa jest wymagana",
+  "noFee": "Brak opłaty",
+  "notify_url": "URL powiadomienia",
+  "paymentManagement": "Zarządzanie płatnościami",
+  "percentFee": "Procent",
+  "platform": "Platforma",
+  "searchPlaceholder": "Wprowadź hasła do wyszukiwania",
+  "selectPlatform": "Wybierz platformę",
+  "selectType": "Wybierz typ płatności",
+  "submit": "Wyślij",
+  "type": "Typ",
+  "updateSuccess": "Zaktualizowano pomyślnie"
 }
diff --git a/apps/admin/locales/pt-BR/payment.json b/apps/admin/locales/pt-BR/payment.json
index 61a406c..1ead05b 100644
--- a/apps/admin/locales/pt-BR/payment.json
+++ b/apps/admin/locales/pt-BR/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Pagamento com Alipay",
-  "alipayf2f": {
-    "appId": "ID do aplicativo Alipay",
-    "invoiceName": "Nome personalizado do produto",
-    "invoiceNameDescription": "Será exibido na fatura do Alipay",
-    "privateKey": "Chave privada do Alipay",
-    "publicKey": "Chave pública do Alipay",
-    "sandbox": "Modo sandbox",
-    "sandboxDescription": "Ative o modo sandbox para testar pagamentos"
-  },
+  "AlipayF2F": "Alipay Face a Face",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Solicitar Pagamento",
+  "balance": "Saldo",
+  "batchDelete": "Excluir em Lote",
+  "cancel": "Cancelar",
+  "config": "Configuração",
+  "configInfo": "Informações de Configuração",
+  "configPlaceholder": "Por favor, preencha a configuração de {field} fornecida",
+  "confirm": "Confirmar",
+  "confirmDelete": "Confirmar Exclusão",
+  "copy": "Copiar",
+  "copySuccess": "Copiado com sucesso",
+  "create": "Adicionar Método de Pagamento",
+  "createPayment": "Adicionar Método de Pagamento",
+  "createSuccess": "Criado com sucesso",
+  "delete": "Excluir",
+  "deleteSuccess": "Excluído com sucesso",
+  "deleteWarning": "Você tem certeza de que deseja excluir este método de pagamento? Esta ação não pode ser desfeita.",
+  "description": "Descrição",
+  "descriptionPlaceholder": "Insira a descrição do método de pagamento",
+  "domain": "Domínio",
+  "domainPlaceholder": "opcional, por exemplo, {exemplo}",
+  "edit": "Editar",
+  "editPayment": "Editar Método de Pagamento",
   "enable": "Habilitar",
-  "enableDescription": "Ativar este método de pagamento",
-  "epay": {
-    "key": "CHAVE",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Valor Fixo",
   "feeMode": "Modo de Cobrança",
-  "feeModeDescription": "Modo de cobrança de taxas adicionais",
-  "feeModeItems": ["Sem taxa", "Porcentagem", "Valor fixo", "Ambos os anteriores"],
   "feePercent": "Percentual de taxa (opcional)",
-  "feePercentDescription": "Adicionar taxa sobre o valor do pedido",
   "fixedFee": "Taxa fixa (opcional)",
-  "fixedFeeDescription": "Adicionar uma taxa fixa sobre o valor do pedido",
-  "iconUrl": "URL do ícone (opcional)",
-  "iconUrlDescription": "Usado para exibição no front-end",
-  "inputPlaceholder": "Por favor, insira",
-  "key": "CHAVE",
-  "notifyUrl": "Domínio de notificação personalizado (opcional)",
-  "notifyUrlDescription": "A notificação do gateway será enviada para este domínio",
-  "payForRecommendations": "Pagar por recomendações",
-  "pid": "PID",
-  "saveSuccess": "Salvo com sucesso",
-  "showName": "Mostrar Nome",
-  "showNameDescription": "Usado para exibição no front-end",
-  "stripe": {
-    "publicKey": "CHAVE PÚBLICA",
-    "secretKey": "CHAVE SECRETA",
-    "webhookSecret": "ASSINATURA DA CHAVE DO WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Taxa de Manipulação",
+  "icon": "Ícone",
+  "iconPlaceholder": "Digite a URL do ícone",
+  "mark": "Identificador",
+  "markPlaceholder": "Digite o identificador do método de pagamento",
+  "name": "Nome",
+  "namePlaceholder": "Digite o nome do método de pagamento",
+  "nameRequired": "O nome é obrigatório",
+  "noFee": "Sem Taxa",
+  "notify_url": "URL de Notificação",
+  "paymentManagement": "Gerenciamento de Pagamento",
+  "percentFee": "Porcentagem",
+  "platform": "Plataforma",
+  "searchPlaceholder": "Digite os termos de pesquisa",
+  "selectPlatform": "Selecionar Plataforma",
+  "selectType": "Selecionar tipo de pagamento",
+  "submit": "Enviar",
+  "type": "Tipo",
+  "updateSuccess": "Atualizado com sucesso"
 }
diff --git a/apps/admin/locales/ro-RO/payment.json b/apps/admin/locales/ro-RO/payment.json
index 1c1f2c3..3155286 100644
--- a/apps/admin/locales/ro-RO/payment.json
+++ b/apps/admin/locales/ro-RO/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Plată cu Alipay",
-  "alipayf2f": {
-    "appId": "ID aplicație Alipay",
-    "invoiceName": "Nume personalizat produs",
-    "invoiceNameDescription": "Va apărea în factura Alipay",
-    "privateKey": "Cheie privată Alipay",
-    "publicKey": "Cheie publică Alipay",
-    "sandbox": "Modul sandbox",
-    "sandboxDescription": "Activează modul sandbox pentru a testa plățile"
-  },
+  "AlipayF2F": "Alipay Față în Față",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Solicită Plată",
+  "balance": "Sold",
+  "batchDelete": "Ștergere în Lot",
+  "cancel": "Anulează",
+  "config": "Configurare",
+  "configInfo": "Informații de Configurare",
+  "configPlaceholder": "Te rugăm să completezi configurația {field} furnizată",
+  "confirm": "Confirmă",
+  "confirmDelete": "Confirmă Ștergerea",
+  "copy": "Copiază",
+  "copySuccess": "Copiat cu succes",
+  "create": "Adaugă Metodă de Plată",
+  "createPayment": "Adaugă Metodă de Plată",
+  "createSuccess": "Creat cu succes",
+  "delete": "Șterge",
+  "deleteSuccess": "Șters cu succes",
+  "deleteWarning": "Ești sigur că vrei să ștergi această metodă de plată? Această acțiune nu poate fi anulată.",
+  "description": "Descriere",
+  "descriptionPlaceholder": "Introduceți descrierea metodei de plată",
+  "domain": "Domeniu",
+  "domainPlaceholder": "opțional, de exemplu {example}",
+  "edit": "Editează",
+  "editPayment": "Editează Metodă de Plată",
   "enable": "Activare",
-  "enableDescription": "Activează această metodă de plată",
-  "epay": {
-    "key": "CHEIE",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Sumă Fixă",
   "feeMode": "Mod de taxare",
-  "feeModeDescription": "Modul de taxare a comisioanelor suplimentare",
-  "feeModeItems": ["Fără comision", "Procentaj", "Sumă fixă", "Ambele"],
   "feePercent": "Taxă procentuală (opțional)",
-  "feePercentDescription": "Se adaugă o taxă peste suma comenzii",
   "fixedFee": "Taxă fixă (opțional)",
-  "fixedFeeDescription": "Adăugarea unei taxe fixe peste suma comenzii",
-  "iconUrl": "URL pictogramă (opțional)",
-  "iconUrlDescription": "Utilizat pentru afișarea în front-end",
-  "inputPlaceholder": "Introduceți",
-  "key": "CHEIE",
-  "notifyUrl": "Domeniu de notificare personalizat (opțional)",
-  "notifyUrlDescription": "Notificările de la gateway vor fi trimise la acest domeniu",
-  "payForRecommendations": "Plătește pentru recomandări",
-  "pid": "PID",
-  "saveSuccess": "Salvare reușită",
-  "showName": "Afișează Numele",
-  "showNameDescription": "Utilizat pentru afișarea în interfața utilizatorului",
-  "stripe": {
-    "publicKey": "CHEIE PUBLICĂ",
-    "secretKey": "CHEIE SECRETĂ",
-    "webhookSecret": "SEMNĂTURA CHEII WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "Plată WeChat"
+  "handlingFee": "Taxă de manipulare",
+  "icon": "Iconiță",
+  "iconPlaceholder": "Introdu URL-ul iconiței",
+  "mark": "Identificator",
+  "markPlaceholder": "Introdu identificatorul metodei de plată",
+  "name": "Nume",
+  "namePlaceholder": "Introdu numele metodei de plată",
+  "nameRequired": "Numele este necesar",
+  "noFee": "Fără Taxă",
+  "notify_url": "URL de notificare",
+  "paymentManagement": "Gestionare Plăți",
+  "percentFee": "Procentaj",
+  "platform": "Platformă",
+  "searchPlaceholder": "Introdu termeni de căutare",
+  "selectPlatform": "Selectează Platforma",
+  "selectType": "Selectează tipul de plată",
+  "submit": "Trimite",
+  "type": "Tip",
+  "updateSuccess": "Actualizat cu succes"
 }
diff --git a/apps/admin/locales/ru-RU/payment.json b/apps/admin/locales/ru-RU/payment.json
index 49c9dde..e64483b 100644
--- a/apps/admin/locales/ru-RU/payment.json
+++ b/apps/admin/locales/ru-RU/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Оплата через Alipay",
-  "alipayf2f": {
-    "appId": "ID приложения Alipay",
-    "invoiceName": "Пользовательское название продукта",
-    "invoiceNameDescription": "Будет отображаться в счете Alipay",
-    "privateKey": "Приватный ключ Alipay",
-    "publicKey": "Публичный ключ Alipay",
-    "sandbox": "Режим песочницы",
-    "sandboxDescription": "Включите режим песочницы для тестирования платежей"
-  },
+  "AlipayF2F": "Alipay Лицом к Лицу",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Подать заявку на оплату",
+  "balance": "Баланс",
+  "batchDelete": "Пакетное удаление",
+  "cancel": "Отмена",
+  "config": "Конфигурация",
+  "configInfo": "Информация о конфигурации",
+  "configPlaceholder": "Пожалуйста, заполните предоставленную конфигурацию {field}",
+  "confirm": "Подтвердить",
+  "confirmDelete": "Подтвердить удаление",
+  "copy": "Копировать",
+  "copySuccess": "Успешно скопировано",
+  "create": "Добавить способ оплаты",
+  "createPayment": "Добавить способ оплаты",
+  "createSuccess": "Успешно создано",
+  "delete": "Удалить",
+  "deleteSuccess": "Успешно удалено",
+  "deleteWarning": "Вы уверены, что хотите удалить этот способ оплаты? Это действие нельзя отменить.",
+  "description": "Описание",
+  "descriptionPlaceholder": "Введите описание метода оплаты",
+  "domain": "Домен",
+  "domainPlaceholder": "необязательно, например, {example}",
+  "edit": "Редактировать",
+  "editPayment": "Редактировать способ оплаты",
   "enable": "Включить",
-  "enableDescription": "Включить этот способ оплаты",
-  "epay": {
-    "key": "КЛЮЧ",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Фиксированная сумма",
   "feeMode": "Способ оплаты",
-  "feeModeDescription": "Способ взимания дополнительной комиссии",
-  "feeModeItems": ["Без комиссии", "Процент", "Фиксированная сумма", "Оба вышеуказанных"],
   "feePercent": "Процентная комиссия (необязательно)",
-  "feePercentDescription": "Добавление комиссии к сумме заказа",
   "fixedFee": "Фиксированная плата (по желанию)",
-  "fixedFeeDescription": "Добавление фиксированной платы к сумме заказа",
-  "iconUrl": "URL значка (необязательно)",
-  "iconUrlDescription": "Используется для отображения на фронтенде",
-  "inputPlaceholder": "Пожалуйста, введите",
-  "key": "КЛЮЧ",
-  "notifyUrl": "Пользовательский домен уведомлений (необязательно)",
-  "notifyUrlDescription": "Уведомление шлюза будет отправлено на этот домен",
-  "payForRecommendations": "Оплатить рекомендации",
-  "pid": "PID",
-  "saveSuccess": "Сохранение успешно",
-  "showName": "Показать имя",
-  "showNameDescription": "Используется для отображения на фронтенде",
-  "stripe": {
-    "publicKey": "ОТКРЫТЫЙ КЛЮЧ",
-    "secretKey": "СЕКРЕТНЫЙ КЛЮЧ",
-    "webhookSecret": "СЕКРЕТ ПОДПИСИ ВЕБХУКА"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Плата за обработку",
+  "icon": "Иконка",
+  "iconPlaceholder": "Введите URL иконки",
+  "mark": "Идентификатор",
+  "markPlaceholder": "Введите идентификатор способа оплаты",
+  "name": "Название",
+  "namePlaceholder": "Введите название способа оплаты",
+  "nameRequired": "Название обязательно",
+  "noFee": "Без комиссии",
+  "notify_url": "URL уведомления",
+  "paymentManagement": "Управление платежами",
+  "percentFee": "Процент",
+  "platform": "Платформа",
+  "searchPlaceholder": "Введите поисковые запросы",
+  "selectPlatform": "Выберите платформу",
+  "selectType": "Выберите тип оплаты",
+  "submit": "Отправить",
+  "type": "Тип",
+  "updateSuccess": "Успешно обновлено"
 }
diff --git a/apps/admin/locales/th-TH/payment.json b/apps/admin/locales/th-TH/payment.json
index 03a3ffe..0253a77 100644
--- a/apps/admin/locales/th-TH/payment.json
+++ b/apps/admin/locales/th-TH/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "ชำระเงินผ่านอาลีเพย์",
-  "alipayf2f": {
-    "appId": "รหัสแอปพลิเคชัน Alipay",
-    "invoiceName": "ชื่อผลิตภัณฑ์ที่กำหนดเอง",
-    "invoiceNameDescription": "จะแสดงในใบแจ้งหนี้ของ Alipay",
-    "privateKey": "กุญแจส่วนตัวของ Alipay",
-    "publicKey": "กุญแจสาธารณะของ Alipay",
-    "sandbox": "โหมดแซนด์บ็อกซ์",
-    "sandboxDescription": "เปิดใช้งานโหมดแซนด์บ็อกซ์เพื่อทดสอบการชำระเงิน"
-  },
+  "AlipayF2F": "Alipay แบบพบหน้า",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "ขอชำระเงิน",
+  "balance": "ยอดคงเหลือ",
+  "batchDelete": "ลบเป็นชุด",
+  "cancel": "ยกเลิก",
+  "config": "การตั้งค่า",
+  "configInfo": "ข้อมูลการตั้งค่า",
+  "configPlaceholder": "กรุณากรอกการตั้งค่า {field} ที่ให้มา",
+  "confirm": "ยืนยัน",
+  "confirmDelete": "ยืนยันการลบ",
+  "copy": "คัดลอก",
+  "copySuccess": "คัดลอกสำเร็จ",
+  "create": "เพิ่มวิธีการชำระเงิน",
+  "createPayment": "เพิ่มวิธีการชำระเงิน",
+  "createSuccess": "สร้างสำเร็จ",
+  "delete": "ลบ",
+  "deleteSuccess": "ลบสำเร็จ",
+  "deleteWarning": "คุณแน่ใจหรือไม่ว่าต้องการลบวิธีการชำระเงินนี้? การกระทำนี้ไม่สามารถย้อนกลับได้",
+  "description": "คำอธิบาย",
+  "descriptionPlaceholder": "กรอกคำอธิบายวิธีการชำระเงิน",
+  "domain": "โดเมน",
+  "domainPlaceholder": "ไม่บังคับ เช่น {example}",
+  "edit": "แก้ไข",
+  "editPayment": "แก้ไขวิธีการชำระเงิน",
   "enable": "เปิดใช้งาน",
-  "enableDescription": "เปิดใช้งานวิธีการชำระเงินนี้",
-  "epay": {
-    "key": "คีย์",
-    "pid": "พีไอดี",
-    "url": "ยูอาร์แอล"
-  },
+  "feeAmount": "จำนวนคงที่",
   "feeMode": "วิธีการคิดค่าบริการ",
-  "feeModeDescription": "วิธีการคิดค่าธรรมเนียมเพิ่มเติม",
-  "feeModeItems": ["ไม่มีค่าธรรมเนียม", "เปอร์เซ็นต์", "จำนวนเงินคงที่", "ทั้งสองอย่าง"],
   "feePercent": "เปอร์เซ็นต์ค่าธรรมเนียม (ไม่บังคับ)",
-  "feePercentDescription": "เพิ่มค่าธรรมเนียมจากยอดสั่งซื้อ",
   "fixedFee": "ค่าธรรมเนียมคงที่ (ไม่บังคับ)",
-  "fixedFeeDescription": "เพิ่มค่าธรรมเนียมคงที่เหนือจำนวนเงินในคำสั่งซื้อ",
-  "iconUrl": "URL ไอคอน (ไม่บังคับ)",
-  "iconUrlDescription": "ใช้สำหรับแสดงผลด้านหน้า",
-  "inputPlaceholder": "กรุณาใส่ข้อมูล",
-  "key": "กุญแจ",
-  "notifyUrl": "โดเมนการแจ้งเตือนที่กำหนดเอง (ไม่บังคับ)",
-  "notifyUrlDescription": "การแจ้งเตือนเกตเวย์จะถูกส่งไปยังโดเมนนี้",
-  "payForRecommendations": "ชำระเงินสำหรับคำแนะนำ",
-  "pid": "PID",
-  "saveSuccess": "บันทึกสำเร็จ",
-  "showName": "แสดงชื่อ",
-  "showNameDescription": "ใช้สำหรับแสดงผลด้านหน้า",
-  "stripe": {
-    "publicKey": "PUBLIC KEY",
-    "secretKey": "SECRET KEY",
-    "webhookSecret": "WEBHOOK คีย์ลับ"
-  },
-  "url": "URL",
-  "wechatPay": "วีแชทเพย์"
+  "handlingFee": "ค่าธรรมเนียมการจัดการ",
+  "icon": "ไอคอน",
+  "iconPlaceholder": "กรอก URL ไอคอน",
+  "mark": "ตัวระบุ",
+  "markPlaceholder": "กรอกตัวระบุวิธีการชำระเงิน",
+  "name": "ชื่อ",
+  "namePlaceholder": "กรอกชื่อวิธีการชำระเงิน",
+  "nameRequired": "ชื่อเป็นสิ่งจำเป็น",
+  "noFee": "ไม่มีค่าธรรมเนียม",
+  "notify_url": "URL การแจ้งเตือน",
+  "paymentManagement": "การจัดการการชำระเงิน",
+  "percentFee": "เปอร์เซ็นต์",
+  "platform": "แพลตฟอร์ม",
+  "searchPlaceholder": "กรอกคำค้นหา",
+  "selectPlatform": "เลือกแพลตฟอร์ม",
+  "selectType": "เลือกประเภทการชำระเงิน",
+  "submit": "ส่ง",
+  "type": "ประเภท",
+  "updateSuccess": "อัปเดตสำเร็จ"
 }
diff --git a/apps/admin/locales/tr-TR/payment.json b/apps/admin/locales/tr-TR/payment.json
index 668f823..fe754be 100644
--- a/apps/admin/locales/tr-TR/payment.json
+++ b/apps/admin/locales/tr-TR/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Alipay ile ödeme",
-  "alipayf2f": {
-    "appId": "Alipay Uygulama Kimliği",
-    "invoiceName": "Özel Ürün Adı",
-    "invoiceNameDescription": "Alipay faturasına gösterilecektir",
-    "privateKey": "Alipay Özel Anahtarı",
-    "publicKey": "Alipay Genel Anahtarı",
-    "sandbox": "Sandbox Modu",
-    "sandboxDescription": "Ödemeyi test etmek için sandbox modunu etkinleştirin"
-  },
+  "AlipayF2F": "Alipay Yüz Yüze",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Ödeme Başvurusu",
+  "balance": "Bakiye",
+  "batchDelete": "Toplu Sil",
+  "cancel": "İptal",
+  "config": "Yapılandırma",
+  "configInfo": "Yapılandırma Bilgisi",
+  "configPlaceholder": "Lütfen sağlanan {field} yapılandırmasını doldurun",
+  "confirm": "Onayla",
+  "confirmDelete": "Silme İşlemini Onayla",
+  "copy": "Kopyala",
+  "copySuccess": "Başarıyla kopyalandı",
+  "create": "Ödeme Yöntemi Ekle",
+  "createPayment": "Ödeme Yöntemi Ekle",
+  "createSuccess": "Başarıyla oluşturuldu",
+  "delete": "Sil",
+  "deleteSuccess": "Başarıyla silindi",
+  "deleteWarning": "Bu ödeme yöntemini silmek istediğinize emin misiniz? Bu işlem geri alınamaz.",
+  "description": "Açıklama",
+  "descriptionPlaceholder": "Ödeme yöntemi açıklamasını girin",
+  "domain": "Alan Adı",
+  "domainPlaceholder": "isteğe bağlı, örn. {example}",
+  "edit": "Düzenle",
+  "editPayment": "Ödeme Yöntemini Düzenle",
   "enable": "Etkinleştir",
-  "enableDescription": "Bu ödeme yöntemini etkinleştir",
-  "epay": {
-    "key": "ANAHTAR",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Sabit Tutar",
   "feeMode": "Ücretlendirme Modu",
-  "feeModeDescription": "Ekstra ücretin tahsilat yöntemi",
-  "feeModeItems": ["Ücretsiz", "Yüzde", "Sabit Tutar", "Her İkisi"],
   "feePercent": "Yüzde Ücreti (isteğe bağlı)",
-  "feePercentDescription": "Sipariş tutarının üzerine eklenen ücret",
   "fixedFee": "Sabit Ücret (isteğe bağlı)",
-  "fixedFeeDescription": "Sipariş tutarına ek olarak sabit ücret eklenir",
-  "iconUrl": "Simge URL'si (isteğe bağlı)",
-  "iconUrlDescription": "Ön uçta görüntüleme için kullanılır",
-  "inputPlaceholder": "Lütfen girin",
-  "key": "ANAHTAR",
-  "notifyUrl": "Özel bildirim alanı (isteğe bağlı)",
-  "notifyUrlDescription": "Ağ geçidi bildirimi bu alana gönderilecektir",
-  "payForRecommendations": "Öneriler için ödeme yap",
-  "pid": "PID",
-  "saveSuccess": "Başarıyla kaydedildi",
-  "showName": "Görünen Ad",
-  "showNameDescription": "Ön uçta görüntüleme için kullanılır",
-  "stripe": {
-    "publicKey": "GENEL ANAHTAR",
-    "secretKey": "GİZLİ ANAHTAR",
-    "webhookSecret": "WEBHOOK GİZLİ İMZA"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "İşlem Ücreti",
+  "icon": "Simge",
+  "iconPlaceholder": "Simge URL'sini girin",
+  "mark": "Tanımlayıcı",
+  "markPlaceholder": "Ödeme yöntemi tanımlayıcısını girin",
+  "name": "İsim",
+  "namePlaceholder": "Ödeme yöntemi adını girin",
+  "nameRequired": "İsim gereklidir",
+  "noFee": "Ücret Yok",
+  "notify_url": "Bildirim URL'si",
+  "paymentManagement": "Ödeme Yönetimi",
+  "percentFee": "Yüzde",
+  "platform": "Platform",
+  "searchPlaceholder": "Arama terimlerini girin",
+  "selectPlatform": "Platform Seçin",
+  "selectType": "Ödeme türünü seçin",
+  "submit": "Gönder",
+  "type": "Tür",
+  "updateSuccess": "Başarıyla güncellendi"
 }
diff --git a/apps/admin/locales/uk-UA/payment.json b/apps/admin/locales/uk-UA/payment.json
index 9bf668d..482c4fb 100644
--- a/apps/admin/locales/uk-UA/payment.json
+++ b/apps/admin/locales/uk-UA/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Оплата через Alipay",
-  "alipayf2f": {
-    "appId": "Ідентифікатор додатку Alipay",
-    "invoiceName": "Назва продукту на замовлення",
-    "invoiceNameDescription": "Буде відображено у рахунку Alipay",
-    "privateKey": "Приватний ключ Alipay",
-    "publicKey": "Публічний ключ Alipay",
-    "sandbox": "Режим пісочниці",
-    "sandboxDescription": "Увімкніть режим пісочниці для тестування платежів"
-  },
+  "AlipayF2F": "Alipay Face to Face",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Подати заявку на оплату",
+  "balance": "Баланс",
+  "batchDelete": "Пакетне видалення",
+  "cancel": "Скасувати",
+  "config": "Налаштування",
+  "configInfo": "Інформація про налаштування",
+  "configPlaceholder": "Будь ласка, заповніть надану конфігурацію {field}",
+  "confirm": "Підтвердити",
+  "confirmDelete": "Підтвердити видалення",
+  "copy": "Копіювати",
+  "copySuccess": "Успішно скопійовано",
+  "create": "Додати спосіб оплати",
+  "createPayment": "Додати спосіб оплати",
+  "createSuccess": "Успішно створено",
+  "delete": "Видалити",
+  "deleteSuccess": "Успішно видалено",
+  "deleteWarning": "Ви впевнені, що хочете видалити цей спосіб оплати? Цю дію не можна скасувати.",
+  "description": "Опис",
+  "descriptionPlaceholder": "Введіть опис способу оплати",
+  "domain": "Домен",
+  "domainPlaceholder": "необов'язково, наприклад, {example}",
+  "edit": "Редагувати",
+  "editPayment": "Редагувати спосіб оплати",
   "enable": "Увімкнути",
-  "enableDescription": "Увімкнути цей спосіб оплати",
-  "epay": {
-    "key": "КЛЮЧ",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Фіксована сума",
   "feeMode": "Спосіб оплати",
-  "feeModeDescription": "Спосіб стягнення додаткової комісії",
-  "feeModeItems": ["Без комісії", "Відсоток", "Фіксована сума", "Обидва варіанти"],
   "feePercent": "Відсоткова комісія (необов'язково)",
-  "feePercentDescription": "Додати комісію до суми замовлення",
   "fixedFee": "Фіксована плата (необов'язково)",
-  "fixedFeeDescription": "Додати фіксовану плату до суми замовлення",
-  "iconUrl": "URL значка (необов'язково)",
-  "iconUrlDescription": "Використовується для відображення на фронтенді",
-  "inputPlaceholder": "Введіть, будь ласка",
-  "key": "КЛЮЧ",
-  "notifyUrl": "Користувацька область сповіщень (необов'язково)",
-  "notifyUrlDescription": "Сповіщення шлюзу буде надіслано на цей домен",
-  "payForRecommendations": "Оплатити рекомендації",
-  "pid": "PID",
-  "saveSuccess": "Збережено успішно",
-  "showName": "Показати ім'я",
-  "showNameDescription": "Використовується для відображення на фронтенді",
-  "stripe": {
-    "publicKey": "ПУБЛІЧНИЙ КЛЮЧ",
-    "secretKey": "СЕКРЕТНИЙ КЛЮЧ",
-    "webhookSecret": "ПІДПИС ВЕБХУКА"
-  },
-  "url": "URL",
-  "wechatPay": "WeChat Pay"
+  "handlingFee": "Плата за обробку",
+  "icon": "Іконка",
+  "iconPlaceholder": "Введіть URL іконки",
+  "mark": "Ідентифікатор",
+  "markPlaceholder": "Введіть ідентифікатор способу оплати",
+  "name": "Назва",
+  "namePlaceholder": "Введіть назву способу оплати",
+  "nameRequired": "Назва є обов'язковою",
+  "noFee": "Без комісії",
+  "notify_url": "URL сповіщення",
+  "paymentManagement": "Управління платежами",
+  "percentFee": "Відсоток",
+  "platform": "Платформа",
+  "searchPlaceholder": "Введіть пошукові терміни",
+  "selectPlatform": "Виберіть платформу",
+  "selectType": "Виберіть тип оплати",
+  "submit": "Надіслати",
+  "type": "Тип",
+  "updateSuccess": "Успішно оновлено"
 }
diff --git a/apps/admin/locales/vi-VN/payment.json b/apps/admin/locales/vi-VN/payment.json
index 4ad42f3..854c0eb 100644
--- a/apps/admin/locales/vi-VN/payment.json
+++ b/apps/admin/locales/vi-VN/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "Thanh toán qua Alipay",
-  "alipayf2f": {
-    "appId": "ID ứng dụng Alipay",
-    "invoiceName": "Tên sản phẩm tùy chỉnh",
-    "invoiceNameDescription": "Sẽ hiển thị trên hóa đơn Alipay",
-    "privateKey": "Khóa riêng Alipay",
-    "publicKey": "Khóa công khai Alipay",
-    "sandbox": "Chế độ sandbox",
-    "sandboxDescription": "Kích hoạt chế độ sandbox để kiểm tra thanh toán"
-  },
+  "AlipayF2F": "Alipay Gặp Mặt",
+  "EPay": "EPay",
+  "Stripe": "Stripe",
+  "applyForPayment": "Đăng Ký Thanh Toán",
+  "balance": "Số Dư",
+  "batchDelete": "Xóa Theo Lô",
+  "cancel": "Hủy",
+  "config": "Cấu Hình",
+  "configInfo": "Thông Tin Cấu Hình",
+  "configPlaceholder": "Vui lòng điền vào cấu hình {field} đã cung cấp",
+  "confirm": "Xác Nhận",
+  "confirmDelete": "Xác Nhận Xóa",
+  "copy": "Sao Chép",
+  "copySuccess": "Sao chép thành công",
+  "create": "Thêm Phương Thức Thanh Toán",
+  "createPayment": "Thêm Phương Thức Thanh Toán",
+  "createSuccess": "Tạo thành công",
+  "delete": "Xóa",
+  "deleteSuccess": "Xóa thành công",
+  "deleteWarning": "Bạn có chắc chắn muốn xóa phương thức thanh toán này không? Hành động này không thể hoàn tác.",
+  "description": "Mô tả",
+  "descriptionPlaceholder": "Nhập mô tả phương thức thanh toán",
+  "domain": "Miền",
+  "domainPlaceholder": "tùy chọn, ví dụ: {example}",
+  "edit": "Chỉnh Sửa",
+  "editPayment": "Chỉnh Sửa Phương Thức Thanh Toán",
   "enable": "Kích hoạt",
-  "enableDescription": "Kích hoạt phương thức thanh toán này",
-  "epay": {
-    "key": "KHÓA",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "Số Tiền Cố Định",
   "feeMode": "Phương thức tính phí",
-  "feeModeDescription": "Cách tính phí bổ sung",
-  "feeModeItems": ["Không phí dịch vụ", "Phần trăm", "Số tiền cố định", "Hai loại trên"],
   "feePercent": "Phí phần trăm (tùy chọn)",
-  "feePercentDescription": "Thêm phí trên số tiền đơn hàng",
   "fixedFee": "Phí cố định (tùy chọn)",
-  "fixedFeeDescription": "Thêm phí cố định vào trên số tiền đơn hàng",
-  "iconUrl": "URL biểu tượng (tùy chọn)",
-  "iconUrlDescription": "Dùng để hiển thị phía trước",
-  "inputPlaceholder": "Vui lòng nhập",
-  "key": "KEY",
-  "notifyUrl": "Miền thông báo tùy chỉnh (tùy chọn)",
-  "notifyUrlDescription": "Thông báo cổng sẽ được gửi đến miền này",
-  "payForRecommendations": "Thanh toán cho đề xuất",
-  "pid": "PID",
-  "saveSuccess": "Lưu thành công",
-  "showName": "Hiển thị tên",
-  "showNameDescription": "Dùng để hiển thị phía trước",
-  "stripe": {
-    "publicKey": "KHÓA CÔNG KHAI",
-    "secretKey": "KHÓA BÍ MẬT",
-    "webhookSecret": "CHỮ KÝ KHÓA WEBHOOK"
-  },
-  "url": "URL",
-  "wechatPay": "Thanh toán WeChat"
+  "handlingFee": "Phí Xử Lý",
+  "icon": "Biểu Tượng",
+  "iconPlaceholder": "Nhập URL biểu tượng",
+  "mark": "Định Danh",
+  "markPlaceholder": "Nhập định danh phương thức thanh toán",
+  "name": "Tên",
+  "namePlaceholder": "Nhập tên phương thức thanh toán",
+  "nameRequired": "Tên là bắt buộc",
+  "noFee": "Không Có Phí",
+  "notify_url": "URL Thông Báo",
+  "paymentManagement": "Quản Lý Thanh Toán",
+  "percentFee": "Phần Trăm",
+  "platform": "Nền Tảng",
+  "searchPlaceholder": "Nhập từ khóa tìm kiếm",
+  "selectPlatform": "Chọn Nền Tảng",
+  "selectType": "Chọn loại thanh toán",
+  "submit": "Gửi",
+  "type": "Loại",
+  "updateSuccess": "Cập nhật thành công"
 }
diff --git a/apps/admin/locales/zh-CN/payment.json b/apps/admin/locales/zh-CN/payment.json
index c6d1eb8..d033aa6 100644
--- a/apps/admin/locales/zh-CN/payment.json
+++ b/apps/admin/locales/zh-CN/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "支付宝支付",
-  "alipayf2f": {
-    "appId": "支付宝应用ID",
-    "invoiceName": "自定义产品名称",
-    "invoiceNameDescription": "将显示在支付宝账单中",
-    "privateKey": "支付宝私钥",
-    "publicKey": "支付宝公钥",
-    "sandbox": "沙箱模式",
-    "sandboxDescription": "启用沙箱模式以测试支付"
-  },
+  "AlipayF2F": "支付宝面对面",
+  "EPay": "电子支付",
+  "Stripe": "Stripe",
+  "applyForPayment": "申请付款",
+  "balance": "余额",
+  "batchDelete": "批量删除",
+  "cancel": "取消",
+  "config": "配置",
+  "configInfo": "配置信息",
+  "configPlaceholder": "请填写提供的 {field} 配置",
+  "confirm": "确认",
+  "confirmDelete": "确认删除",
+  "copy": "复制",
+  "copySuccess": "复制成功",
+  "create": "添加支付方式",
+  "createPayment": "添加支付方式",
+  "createSuccess": "创建成功",
+  "delete": "删除",
+  "deleteSuccess": "删除成功",
+  "deleteWarning": "您确定要删除此支付方式吗？此操作无法撤销。",
+  "description": "描述",
+  "descriptionPlaceholder": "输入支付方式描述",
+  "domain": "域名",
+  "domainPlaceholder": "可选，例如 {example}",
+  "edit": "编辑",
+  "editPayment": "编辑支付方式",
   "enable": "启用",
-  "enableDescription": "启用此支付方式",
-  "epay": {
-    "key": "KEY",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "固定金额",
   "feeMode": "收费方式",
-  "feeModeDescription": "额外手续费的收费方式",
-  "feeModeItems": ["无手续费", "百分比", "固定金额", "以上两种"],
-  "feePercent": "百分比费用（可选）",
-  "feePercentDescription": "在订单金额之上添加费用",
-  "fixedFee": "固定费用（可选）",
-  "fixedFeeDescription": "在订单金额之上添加固定费用",
-  "iconUrl": "图标 URL（可选）",
-  "iconUrlDescription": "用于前端显示",
-  "inputPlaceholder": "请输入",
-  "key": "KEY",
-  "notifyUrl": "自定义通知域（可选）",
-  "notifyUrlDescription": "网关通知将发送到此域",
-  "payForRecommendations": "支付推荐",
-  "pid": "PID",
-  "saveSuccess": "保存成功",
-  "showName": "显示名称",
-  "showNameDescription": "用于前端显示",
-  "stripe": {
-    "publicKey": "PUBLIC KEY",
-    "secretKey": "SECRET KEY",
-    "webhookSecret": "WEBHOOK 密钥签名"
-  },
-  "url": "URL",
-  "wechatPay": "微信支付"
+  "feePercent": "百分比费用",
+  "fixedFee": "固定费用",
+  "handlingFee": "手续费",
+  "icon": "图标",
+  "iconPlaceholder": "输入图标 URL",
+  "mark": "标识符",
+  "markPlaceholder": "输入支付方式标识符",
+  "name": "名称",
+  "namePlaceholder": "输入支付方式名称",
+  "nameRequired": "名称是必填项",
+  "noFee": "无费用",
+  "notify_url": "通知网址",
+  "paymentManagement": "支付管理",
+  "percentFee": "百分比",
+  "platform": "平台",
+  "searchPlaceholder": "输入搜索词",
+  "selectPlatform": "选择平台",
+  "selectType": "选择支付类型",
+  "submit": "提交",
+  "type": "类型",
+  "updateSuccess": "更新成功"
 }
diff --git a/apps/admin/locales/zh-HK/payment.json b/apps/admin/locales/zh-HK/payment.json
index 0fe0f67..30329ee 100644
--- a/apps/admin/locales/zh-HK/payment.json
+++ b/apps/admin/locales/zh-HK/payment.json
@@ -1,44 +1,52 @@
 {
-  "aliPay": "支付寶支付",
-  "alipayf2f": {
-    "appId": "支付寶應用ID",
-    "invoiceName": "自訂產品名稱",
-    "invoiceNameDescription": "將顯示在支付寶賬單中",
-    "privateKey": "支付寶私鑰",
-    "publicKey": "支付寶公鑰",
-    "sandbox": "沙箱模式",
-    "sandboxDescription": "啟用沙箱模式以測試支付"
-  },
+  "AlipayF2F": "支付寶面對面",
+  "EPay": "電子支付",
+  "Stripe": "Stripe",
+  "applyForPayment": "申請付款",
+  "balance": "餘額",
+  "batchDelete": "批量刪除",
+  "cancel": "取消",
+  "config": "配置",
+  "configInfo": "配置資訊",
+  "configPlaceholder": "請填寫提供的 {field} 配置",
+  "confirm": "確認",
+  "confirmDelete": "確認刪除",
+  "copy": "複製",
+  "copySuccess": "複製成功",
+  "create": "新增付款方式",
+  "createPayment": "新增付款方式",
+  "createSuccess": "創建成功",
+  "delete": "刪除",
+  "deleteSuccess": "刪除成功",
+  "deleteWarning": "您確定要刪除此付款方式嗎？此操作無法撤銷。",
+  "description": "描述",
+  "descriptionPlaceholder": "輸入付款方式描述",
+  "domain": "域名",
+  "domainPlaceholder": "可選，例如 {example}",
+  "edit": "編輯",
+  "editPayment": "編輯付款方式",
   "enable": "啟用",
-  "enableDescription": "啟用此支付方式",
-  "epay": {
-    "key": "KEY",
-    "pid": "PID",
-    "url": "URL"
-  },
+  "feeAmount": "固定金額",
   "feeMode": "收費方式",
-  "feeModeDescription": "額外手續費的收費方式",
-  "feeModeItems": ["無手續費", "百分比", "固定金額", "以上兩種"],
   "feePercent": "百分比費用（可選）",
-  "feePercentDescription": "在訂單金額之上添加費用",
   "fixedFee": "固定費用（可選）",
-  "fixedFeeDescription": "在訂單金額之上添加固定費用",
-  "iconUrl": "圖示 URL（可選）",
-  "iconUrlDescription": "用於前端顯示",
-  "inputPlaceholder": "請輸入",
-  "key": "KEY",
-  "notifyUrl": "自訂通知域（可選）",
-  "notifyUrlDescription": "閘道通知將發送到此網域",
-  "payForRecommendations": "支付推薦",
-  "pid": "PID",
-  "saveSuccess": "儲存成功",
-  "showName": "顯示名稱",
-  "showNameDescription": "用於前端顯示",
-  "stripe": {
-    "publicKey": "PUBLIC KEY",
-    "secretKey": "SECRET KEY",
-    "webhookSecret": "WEBHOOK 密鑰簽名"
-  },
-  "url": "URL",
-  "wechatPay": "微信支付"
+  "handlingFee": "手續費",
+  "icon": "圖標",
+  "iconPlaceholder": "輸入圖標網址",
+  "mark": "標識",
+  "markPlaceholder": "輸入付款方式標識",
+  "name": "名稱",
+  "namePlaceholder": "輸入付款方式名稱",
+  "nameRequired": "名稱為必填",
+  "noFee": "無費用",
+  "notify_url": "通知網址",
+  "paymentManagement": "付款管理",
+  "percentFee": "百分比",
+  "platform": "平台",
+  "searchPlaceholder": "輸入搜索詞",
+  "selectPlatform": "選擇平台",
+  "selectType": "選擇付款類型",
+  "submit": "提交",
+  "type": "類型",
+  "updateSuccess": "更新成功"
 }
diff --git a/apps/admin/services/admin/payment.ts b/apps/admin/services/admin/payment.ts
index c5b6ba2..05b8825 100644
--- a/apps/admin/services/admin/payment.ts
+++ b/apps/admin/services/admin/payment.ts
@@ -2,20 +2,12 @@
 /* eslint-disable */
 import request from '@/utils/request';
 
-/** Get alipay f2f payment config GET /v1/admin/payment/alipay_f2f */
-export async function getAlipayF2FPaymentConfig(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/alipay_f2f', {
-    method: 'GET',
-    ...(options || {}),
-  });
-}
-
-/** Update alipay f2f payment config PUT /v1/admin/payment/alipay_f2f */
-export async function updateAlipayF2FPaymentConfig(
-  body: API.UpdateAlipayF2fRequest,
+/** Update Payment Method PUT /v1/admin/payment/ */
+export async function updatePaymentMethod(
+  body: API.UpdatePaymentMethodRequest,
   options?: { [key: string]: any },
 ) {
-  return request<API.Response & { data?: any }>('/v1/admin/payment/alipay_f2f', {
+  return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/', {
     method: 'PUT',
     headers: {
       'Content-Type': 'application/json',
@@ -25,85 +17,58 @@ export async function updateAlipayF2FPaymentConfig(
   });
 }
 
-/** Get all payment config GET /v1/admin/payment/all */
-export async function getAllPaymentConfig(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.GetAllPaymentConfigResponse }>(
-    '/v1/admin/payment/all',
+/** Create Payment Method POST /v1/admin/payment/ */
+export async function createPaymentMethod(
+  body: API.CreatePaymentMethodRequest,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: body,
+    ...(options || {}),
+  });
+}
+
+/** Delete Payment Method DELETE /v1/admin/payment/ */
+export async function deletePaymentMethod(
+  body: API.DeletePaymentMethodRequest,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: any }>('/v1/admin/payment/', {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: body,
+    ...(options || {}),
+  });
+}
+
+/** Get Payment Method List GET /v1/admin/payment/list */
+export async function getPaymentMethodList(
+  // 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
+  params: API.GetPaymentMethodListParams,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.GetPaymentMethodListResponse }>(
+    '/v1/admin/payment/list',
     {
       method: 'GET',
+      params: {
+        ...params,
+      },
       ...(options || {}),
     },
   );
 }
 
-/** Get epay payment config GET /v1/admin/payment/epay */
-export async function getEpayPaymentConfig(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/epay', {
+/** Get supported payment platform GET /v1/admin/payment/platform */
+export async function getPaymentPlatform(options?: { [key: string]: any }) {
+  return request<API.Response & { data?: API.PlatformResponse }>('/v1/admin/payment/platform', {
     method: 'GET',
     ...(options || {}),
   });
 }
-
-/** Update epay payment config PUT /v1/admin/payment/epay */
-export async function updateEpayPaymentConfig(
-  body: API.UpdateEpayRequest,
-  options?: { [key: string]: any },
-) {
-  return request<API.Response & { data?: any }>('/v1/admin/payment/epay', {
-    method: 'PUT',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    data: body,
-    ...(options || {}),
-  });
-}
-
-/** Get stripe alipay payment config GET /v1/admin/payment/stripe_alipay */
-export async function getStripeAlipayPaymentConfig(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.PaymentConfig }>('/v1/admin/payment/stripe_alipay', {
-    method: 'GET',
-    ...(options || {}),
-  });
-}
-
-/** Update stripe alipay payment config PUT /v1/admin/payment/stripe_alipay */
-export async function updateStripeAlipayPaymentConfig(
-  body: API.UpdateStripeRequest,
-  options?: { [key: string]: any },
-) {
-  return request<API.Response & { data?: any }>('/v1/admin/payment/stripe_alipay', {
-    method: 'PUT',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    data: body,
-    ...(options || {}),
-  });
-}
-
-/** Get stripe wechat pay payment config GET /v1/admin/payment/stripe_wechat_pay */
-export async function getStripeWeChatPayPaymentConfig(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.PaymentConfig }>(
-    '/v1/admin/payment/stripe_wechat_pay',
-    {
-      method: 'GET',
-      ...(options || {}),
-    },
-  );
-}
-
-/** Update stripe wechat pay payment config PUT /v1/admin/payment/stripe_wechat_pay */
-export async function updateStripeWeChatPayPaymentConfig(
-  body: API.UpdateStripeRequest,
-  options?: { [key: string]: any },
-) {
-  return request<API.Response & { data?: any }>('/v1/admin/payment/stripe_wechat_pay', {
-    method: 'PUT',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    data: body,
-    ...(options || {}),
-  });
-}
diff --git a/apps/admin/services/admin/typings.d.ts b/apps/admin/services/admin/typings.d.ts
index 565e79d..286059b 100644
--- a/apps/admin/services/admin/typings.d.ts
+++ b/apps/admin/services/admin/typings.d.ts
@@ -13,12 +13,8 @@ declare namespace API {
     updated_at: number;
   };
 
-  type AlipayF2FConfig = {
-    app_id: string;
-    private_key: string;
-    public_key: string;
-    invoice_name: string;
-    sandbox: boolean;
+  type AlipayNotifyResponse = {
+    return_code: string;
   };
 
   type Announcement = {
@@ -120,17 +116,6 @@ declare namespace API {
     ids: number[];
   };
 
-  type CheckoutOrderRequest = {
-    orderNo: string;
-    returnUrl?: string;
-  };
-
-  type CheckoutOrderResponse = {
-    type: string;
-    checkout_url?: string;
-    stripe?: StripePayment;
-  };
-
   type CloseOrderRequest = {
     orderNo: string;
   };
@@ -239,12 +224,25 @@ declare namespace API {
     coupon_discount?: number;
     commission: number;
     fee_amount: number;
-    method?: string;
+    payment_id: number;
     trade_no?: string;
     status?: number;
     subscribe_id?: number;
   };
 
+  type CreatePaymentMethodRequest = {
+    name: string;
+    platform: string;
+    description: string;
+    icon?: string;
+    domain?: string;
+    config: Record<string, any>;
+    fee_mode: number;
+    fee_percent?: number;
+    fee_amount?: number;
+    enable: boolean;
+  };
+
   type CreateRuleGroupRequest = {
     name: string;
     icon: string;
@@ -352,6 +350,10 @@ declare namespace API {
     id: number;
   };
 
+  type DeletePaymentMethodRequest = {
+    id: number;
+  };
+
   type DeleteRuleGroupRequest = {
     id: number;
   };
@@ -398,10 +400,17 @@ declare namespace API {
     domain_suffix_list: string;
   };
 
-  type EpayConfig = {
-    pid: string;
-    url: string;
-    key: string;
+  type EPayNotifyRequest = {
+    pid: number;
+    trade_no: string;
+    out_trade_no: string;
+    type: string;
+    name: string;
+    money: string;
+    trade_status: string;
+    param: string;
+    sign: string;
+    sign_type: string;
   };
 
   type Follow = {
@@ -440,10 +449,6 @@ declare namespace API {
     list: Ads[];
   };
 
-  type GetAllPaymentConfigResponse = {
-    list: PaymentConfig[];
-  };
-
   type GetAnnouncementListParams = {
     page: number;
     size: number;
@@ -488,7 +493,7 @@ declare namespace API {
   };
 
   type GetAvailablePaymentMethodsResponse = {
-    list: PaymentConfig[];
+    list: PaymentMethod[];
   };
 
   type GetCouponListParams = {
@@ -625,6 +630,27 @@ declare namespace API {
     list: Order[];
   };
 
+  type GetPaymentMethodListParams = {
+    page: number;
+    size: number;
+    platform?: string;
+    search?: string;
+    enable?: boolean;
+  };
+
+  type GetPaymentMethodListRequest = {
+    page: number;
+    size: number;
+    platform?: string;
+    search?: string;
+    enable?: boolean;
+  };
+
+  type GetPaymentMethodListResponse = {
+    total: number;
+    list: PaymentMethodDetail[];
+  };
+
   type GetRuleGroupResponse = {
     total: number;
     list: ServerRuleGroup[];
@@ -797,6 +823,8 @@ declare namespace API {
     size: number;
     user_id: number;
     subscribe_id: number;
+    start_time: number;
+    end_time: number;
   };
 
   type GetUserSubscribeTrafficLogsRequest = {
@@ -804,6 +832,8 @@ declare namespace API {
     size: number;
     user_id: number;
     subscribe_id: number;
+    start_time: number;
+    end_time: number;
   };
 
   type GetUserSubscribeTrafficLogsResponse = {
@@ -891,7 +921,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
-    method: string;
+    payment: PaymentMethod;
     fee_amount: number;
     trade_no: string;
     status: number;
@@ -913,6 +943,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
+    payment: PaymentMethod;
     method: string;
     fee_amount: number;
     trade_no: string;
@@ -934,7 +965,8 @@ declare namespace API {
   type PaymentConfig = {
     id: number;
     name: string;
-    mark: string;
+    platform: string;
+    description: string;
     icon?: string;
     domain?: string;
     config: Record<string, any>;
@@ -944,6 +976,32 @@ declare namespace API {
     enable: boolean;
   };
 
+  type PaymentMethod = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+  };
+
+  type PaymentMethodDetail = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    domain: string;
+    config: Record<string, any>;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+    enable: boolean;
+    notify_url: string;
+  };
+
   type PlatformInfo = {
     platform: string;
     platform_url: string;
@@ -986,7 +1044,7 @@ declare namespace API {
   type PurchaseOrderRequest = {
     subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -1029,9 +1087,24 @@ declare namespace API {
     list: OrderDetail[];
   };
 
+  type QuerySubscribeGroupListResponse = {
+    list: SubscribeGroup[];
+    total: number;
+  };
+
+  type QuerySubscribeListResponse = {
+    list: Subscribe[];
+    total: number;
+  };
+
+  type QueryUserAffiliateListResponse = {
+    list: UserAffiliate[];
+    total: number;
+  };
+
   type RechargeOrderRequest = {
     amount: number;
-    payment: string;
+    payment: number;
   };
 
   type RechargeOrderResponse = {
@@ -1052,7 +1125,7 @@ declare namespace API {
   type RenewalOrderRequest = {
     user_subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -1062,7 +1135,7 @@ declare namespace API {
 
   type ResetTrafficOrderRequest = {
     user_subscribe_id: number;
-    payment: string;
+    payment: number;
   };
 
   type ResetTrafficOrderResponse = {
@@ -1187,13 +1260,6 @@ declare namespace API {
     sort: number;
   };
 
-  type StripeConfig = {
-    public_key: string;
-    secret_key: string;
-    webhook_secret: string;
-    payment: string;
-  };
-
   type StripePayment = {
     method: string;
     client_secret: string;
@@ -1365,19 +1431,6 @@ declare namespace API {
     status: number;
   };
 
-  type UpdateAlipayF2fRequest = {
-    id: number;
-    name: string;
-    mark: string;
-    icon?: string;
-    domain?: string;
-    config: AlipayF2FConfig;
-    fee_mode: number;
-    fee_percent?: number;
-    fee_amount?: number;
-    enable: boolean;
-  };
-
   type UpdateAnnouncementEnableRequest = {
     id: number;
     enable: boolean;
@@ -1441,19 +1494,6 @@ declare namespace API {
     show: boolean;
   };
 
-  type UpdateEpayRequest = {
-    id: number;
-    name: string;
-    mark: string;
-    icon?: string;
-    domain?: string;
-    config: EpayConfig;
-    fee_mode: number;
-    fee_percent?: number;
-    fee_amount?: number;
-    enable: boolean;
-  };
-
   type UpdateNodeGroupRequest = {
     id: number;
     name: string;
@@ -1481,10 +1521,24 @@ declare namespace API {
   type UpdateOrderStatusRequest = {
     id: number;
     status: number;
-    method?: string;
+    payment_id?: number;
     trade_no?: string;
   };
 
+  type UpdatePaymentMethodRequest = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon?: string;
+    domain?: string;
+    config: Record<string, any>;
+    fee_mode: number;
+    fee_percent?: number;
+    fee_amount?: number;
+    enable: boolean;
+  };
+
   type UpdateRuleGroupRequest = {
     id: number;
     name: string;
@@ -1493,19 +1547,6 @@ declare namespace API {
     enable: boolean;
   };
 
-  type UpdateStripeRequest = {
-    id: number;
-    name: string;
-    mark: string;
-    icon?: string;
-    domain?: string;
-    config: StripeConfig;
-    fee_mode: number;
-    fee_percent?: number;
-    fee_amount?: number;
-    enable: boolean;
-  };
-
   type UpdateSubscribeGroupRequest = {
     id: number;
     name: string;
@@ -1603,8 +1644,8 @@ declare namespace API {
   };
 
   type UserAffiliate = {
-    email: string;
     avatar: string;
+    identifier: string;
     registered_at: number;
     enable: boolean;
   };
diff --git a/apps/admin/services/common/common.ts b/apps/admin/services/common/common.ts
index 685ef9c..99d74e8 100644
--- a/apps/admin/services/common/common.ts
+++ b/apps/admin/services/common/common.ts
@@ -2,6 +2,21 @@
 /* eslint-disable */
 import request from '@/utils/request';
 
+/** Get Ads GET /v1/common/ads */
+export async function getAds(
+  // 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
+  params: API.GetAdsParams,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.GetAdsResponse }>('/v1/common/ads', {
+    method: 'GET',
+    params: {
+      ...params,
+    },
+    ...(options || {}),
+  });
+}
+
 /** Get Tos Content GET /v1/common/application */
 export async function getApplication(options?: { [key: string]: any }) {
   return request<API.Response & { data?: API.GetAppcationResponse }>('/v1/common/application', {
@@ -58,17 +73,6 @@ export async function getStat(options?: { [key: string]: any }) {
   });
 }
 
-/** Get Subscription GET /v1/common/site/subscribe */
-export async function getSubscription(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.GetSubscriptionResponse }>(
-    '/v1/common/site/subscribe',
-    {
-      method: 'GET',
-      ...(options || {}),
-    },
-  );
-}
-
 /** Get Tos Content GET /v1/common/site/tos */
 export async function getTos(options?: { [key: string]: any }) {
   return request<API.Response & { data?: API.GetTosResponse }>('/v1/common/site/tos', {
diff --git a/apps/admin/services/common/typings.d.ts b/apps/admin/services/common/typings.d.ts
index 566eeb9..9b3c09c 100644
--- a/apps/admin/services/common/typings.d.ts
+++ b/apps/admin/services/common/typings.d.ts
@@ -13,6 +13,10 @@ declare namespace API {
     updated_at: number;
   };
 
+  type AlipayNotifyResponse = {
+    return_code: string;
+  };
+
   type Announcement = {
     id: number;
     title: string;
@@ -90,17 +94,6 @@ declare namespace API {
     enabled: boolean;
   };
 
-  type CheckoutOrderRequest = {
-    orderNo: string;
-    returnUrl?: string;
-  };
-
-  type CheckoutOrderResponse = {
-    type: string;
-    checkout_url?: string;
-    stripe?: StripePayment;
-  };
-
   type CheckUserParams = {
     email: string;
   };
@@ -160,6 +153,19 @@ declare namespace API {
     domain_suffix_list: string;
   };
 
+  type EPayNotifyRequest = {
+    pid: number;
+    trade_no: string;
+    out_trade_no: string;
+    type: string;
+    name: string;
+    money: string;
+    trade_status: string;
+    param: string;
+    sign: string;
+    sign_type: string;
+  };
+
   type Follow = {
     id: number;
     ticket_id: number;
@@ -169,13 +175,27 @@ declare namespace API {
     created_at: number;
   };
 
+  type GetAdsParams = {
+    device: string;
+    position: string;
+  };
+
+  type GetAdsRequest = {
+    device: string;
+    position: string;
+  };
+
+  type GetAdsResponse = {
+    list: Ads[];
+  };
+
   type GetAppcationResponse = {
     config: ApplicationConfig;
     applications: ApplicationResponseInfo[];
   };
 
   type GetAvailablePaymentMethodsResponse = {
-    list: PaymentConfig[];
+    list: PaymentMethod[];
   };
 
   type GetGlobalConfigResponse = {
@@ -187,6 +207,7 @@ declare namespace API {
     subscribe: SubscribeConfig;
     verify_code: PubilcVerifyCodeConfig;
     oauth_methods: string[];
+    web_ad: boolean;
   };
 
   type GetStatResponse = {
@@ -196,14 +217,24 @@ declare namespace API {
     protocol: string[];
   };
 
-  type GetSubscriptionResponse = {
-    list: Subscribe[];
-  };
-
   type GetTosResponse = {
     tos_content: string;
   };
 
+  type GetUserSubscribeTrafficLogsRequest = {
+    page: number;
+    size: number;
+    user_id: number;
+    subscribe_id: number;
+    start_time: number;
+    end_time: number;
+  };
+
+  type GetUserSubscribeTrafficLogsResponse = {
+    list: TrafficLog[];
+    total: number;
+  };
+
   type GoogleLoginCallbackRequest = {
     code: string;
     state: string;
@@ -297,7 +328,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
-    method: string;
+    payment: PaymentMethod;
     fee_amount: number;
     trade_no: string;
     status: number;
@@ -319,6 +350,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
+    payment: PaymentMethod;
     method: string;
     fee_amount: number;
     trade_no: string;
@@ -332,7 +364,8 @@ declare namespace API {
   type PaymentConfig = {
     id: number;
     name: string;
-    mark: string;
+    platform: string;
+    description: string;
     icon?: string;
     domain?: string;
     config: Record<string, any>;
@@ -342,6 +375,42 @@ declare namespace API {
     enable: boolean;
   };
 
+  type PaymentMethod = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+  };
+
+  type PaymentMethodDetail = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    domain: string;
+    config: Record<string, any>;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+    enable: boolean;
+    notify_url: string;
+  };
+
+  type PlatformInfo = {
+    platform: string;
+    platform_url: string;
+    platform_field_description: Record<string, any>;
+  };
+
+  type PlatformResponse = {
+    list: PlatformInfo[];
+  };
+
   type PreOrderResponse = {
     price: number;
     amount: number;
@@ -374,7 +443,7 @@ declare namespace API {
   type PurchaseOrderRequest = {
     subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -417,9 +486,24 @@ declare namespace API {
     list: OrderDetail[];
   };
 
+  type QuerySubscribeGroupListResponse = {
+    list: SubscribeGroup[];
+    total: number;
+  };
+
+  type QuerySubscribeListResponse = {
+    list: Subscribe[];
+    total: number;
+  };
+
+  type QueryUserAffiliateListResponse = {
+    list: UserAffiliate[];
+    total: number;
+  };
+
   type RechargeOrderRequest = {
     amount: number;
-    payment: string;
+    payment: number;
   };
 
   type RechargeOrderResponse = {
@@ -440,7 +524,7 @@ declare namespace API {
   type RenewalOrderRequest = {
     user_subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -457,7 +541,7 @@ declare namespace API {
 
   type ResetTrafficOrderRequest = {
     user_subscribe_id: number;
-    payment: string;
+    payment: number;
   };
 
   type ResetTrafficOrderResponse = {
@@ -737,8 +821,8 @@ declare namespace API {
   };
 
   type UserAffiliate = {
-    email: string;
     avatar: string;
+    identifier: string;
     registered_at: number;
     enable: boolean;
   };
diff --git a/apps/user/.env.template b/apps/user/.env.template
index 220084d..8b81c94 100644
--- a/apps/user/.env.template
+++ b/apps/user/.env.template
@@ -4,6 +4,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=en-US
 # Site URL and API URL
 NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
 NEXT_PUBLIC_API_URL=https://api.ppanel.dev
+NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
 
 # Home Page Settings
 NEXT_PUBLIC_HOME_USER_COUNT=999
diff --git a/apps/user/app/(main)/(user)/dashboard/content.tsx b/apps/user/app/(main)/(user)/dashboard/content.tsx
index f2b7c07..b2ccdce 100644
--- a/apps/user/app/(main)/(user)/dashboard/content.tsx
+++ b/apps/user/app/(main)/(user)/dashboard/content.tsx
@@ -32,8 +32,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/componen
 import { Separator } from '@workspace/ui/components/separator';
 import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 import { Icon } from '@workspace/ui/custom-components/icon';
-import { formatDate, isBrowser } from '@workspace/ui/utils';
-import { differenceInDays } from 'date-fns';
+import { differenceInDays, formatDate, isBrowser } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -58,7 +57,11 @@ export default function Content() {
 
   const [protocol, setProtocol] = useState('');
 
-  const { data: userSubscribe = [], refetch } = useQuery({
+  const {
+    data: userSubscribe = [],
+    refetch,
+    isLoading,
+  } = useQuery({
     queryKey: ['queryUserSubscribe'],
     queryFn: async () => {
       const { data } = await queryUserSubscribe();
@@ -89,10 +92,27 @@ export default function Content() {
     <>
       {userSubscribe.length ? (
         <>
-          <h2 className='flex items-center gap-1.5 font-semibold'>
-            <Icon icon='uil:servers' className='size-5' />
-            {t('mySubscriptions')}
-          </h2>
+          <div className='flex items-center justify-between'>
+            <h2 className='flex items-center gap-1.5 font-semibold'>
+              <Icon icon='uil:servers' className='size-5' />
+              {t('mySubscriptions')}
+            </h2>
+            <div className='flex gap-2'>
+              <Button
+                size='sm'
+                variant='outline'
+                onClick={() => {
+                  refetch();
+                }}
+                className={isLoading ? 'animate-pulse' : ''}
+              >
+                <Icon icon='uil:sync' />
+              </Button>
+              <Button size='sm' asChild>
+                <Link href='/subscribe'>{t('purchaseSubscription')}</Link>
+              </Button>
+            </div>
+          </div>
           <div className='flex flex-wrap justify-between gap-4'>
             <Tabs
               value={platform}
@@ -206,12 +226,13 @@ export default function Content() {
                     <span className='text-2xl font-semibold'>
                       {item.reset_time
                         ? differenceInDays(new Date(item.reset_time), new Date())
-                        : t('unknown')}
+                        : t('noReset')}
                     </span>
                   </li>
                   <li>
                     <span className='text-muted-foreground'>{t('expirationDays')}</span>
                     <span className='text-2xl font-semibold'>
+                      {}
                       {item.expire_time
                         ? differenceInDays(new Date(item.expire_time), new Date()) || t('unknown')
                         : t('noLimit')}
diff --git a/apps/user/app/(main)/(user)/payment/page.tsx b/apps/user/app/(main)/(user)/payment/page.tsx
index 8449812..efa3a7e 100644
--- a/apps/user/app/(main)/(user)/payment/page.tsx
+++ b/apps/user/app/(main)/(user)/payment/page.tsx
@@ -1,10 +1,12 @@
 'use client';
 
 import { Display } from '@/components/display';
+import StripePayment from '@/components/payment/stripe';
 import { SubscribeBilling } from '@/components/subscribe/billing';
 import { SubscribeDetail } from '@/components/subscribe/detail';
 import useGlobalStore from '@/config/use-global';
-import { checkoutOrder, queryOrderDetail } from '@/services/user/order';
+import { queryOrderDetail } from '@/services/user/order';
+import { purchaseCheckout } from '@/services/user/portal';
 import { useQuery } from '@tanstack/react-query';
 import { Badge } from '@workspace/ui/components/badge';
 import { Button } from '@workspace/ui/components/button';
@@ -24,7 +26,6 @@ import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { QRCodeCanvas } from 'qrcode.react';
 import { useEffect, useState } from 'react';
-import StripePayment from './stripe';
 
 export default function Page() {
   const t = useTranslations('order');
@@ -48,9 +49,15 @@ export default function Page() {
 
   const { data: payment } = useQuery({
     enabled: !!orderNo && data?.status === 1,
-    queryKey: ['checkoutOrder', orderNo],
+    queryKey: ['purchaseCheckout', orderNo],
     queryFn: async () => {
-      const { data } = await checkoutOrder({ orderNo: orderNo!, returnUrl: window.location.href });
+      const { data } = await purchaseCheckout({
+        orderNo: orderNo!,
+        returnUrl: window.location.href,
+      });
+      if (data.data?.type === 'url' && data.data.checkout_url) {
+        window.open(data.data.checkout_url, '_blank');
+      }
       return data?.data;
     },
   });
@@ -99,7 +106,7 @@ export default function Page() {
           <dl className='grid gap-3'>
             <div className='flex items-center justify-between'>
               <dt className='text-muted-foreground'>
-                {data?.method && <Badge>{t(`methods.${data?.method}`)}</Badge>}
+                <Badge>{data?.payment.name || data?.payment.platform}</Badge>
               </dt>
             </div>
           </dl>
@@ -169,7 +176,7 @@ export default function Page() {
               </div>
             </div>
           )}
-          {data?.status === 1 && payment?.type === 'link' && (
+          {data?.status === 1 && payment?.type === 'url' && (
             <div className='flex flex-col items-center gap-8 text-center'>
               <h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
               <p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
@@ -218,17 +225,17 @@ export default function Page() {
 
           {data?.status === 1 && payment?.type === 'stripe' && (
             <div className='flex flex-col items-center gap-8 text-center'>
-              <h3 className='text-2xl font-bold tracking-tight'>{t('scanToPay')}</h3>
+              <h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
               <p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
               {payment.stripe && <StripePayment {...payment.stripe} />}
-              <div className='flex gap-4'>
+              {/* <div className='flex gap-4'>
                 <Button asChild>
                   <Link href='/subscribe'>{t('productList')}</Link>
                 </Button>
                 <Button asChild variant='outline'>
                   <Link href='/order'>{t('orderList')}</Link>
                 </Button>
-              </div>
+              </div> */}
             </div>
           )}
 
diff --git a/apps/user/app/(main)/(user)/payment/stripe.tsx b/apps/user/app/(main)/(user)/payment/stripe.tsx
deleted file mode 100644
index 62f5741..0000000
--- a/apps/user/app/(main)/(user)/payment/stripe.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Elements, useStripe } from '@stripe/react-stripe-js';
-import { loadStripe, PaymentIntentResult } from '@stripe/stripe-js';
-import { QRCodeCanvas } from 'qrcode.react';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-interface StripePaymentProps {
-  method: string;
-  client_secret: string;
-  publishable_key: string;
-}
-
-const StripePayment: React.FC<StripePaymentProps> = ({
-  method,
-  client_secret,
-  publishable_key,
-}) => {
-  const stripePromise = useMemo(() => loadStripe(publishable_key), [publishable_key]);
-
-  return (
-    <Elements stripe={stripePromise}>
-      <CheckoutForm method={method} client_secret={client_secret} />
-    </Elements>
-  );
-};
-
-const CheckoutForm: React.FC<Omit<StripePaymentProps, 'publishable_key'>> = ({
-  client_secret,
-  method,
-}) => {
-  const stripe = useStripe();
-  const [errorMessage, setErrorMessage] = useState<string | null>(null);
-  const [qrCodeUrl, setQrCodeUrl] = useState<string | null>(null);
-  const [isSubmitted, setIsSubmitted] = useState(false);
-
-  const handleError = useCallback((message: string) => {
-    setErrorMessage(message);
-    setIsSubmitted(false);
-  }, []);
-
-  const confirmPayment = useCallback(async (): Promise<PaymentIntentResult | null> => {
-    if (!stripe) {
-      handleError('Stripe.js is not loaded.');
-      return null;
-    }
-
-    if (method === 'alipay') {
-      return await stripe.confirmAlipayPayment(
-        client_secret,
-        { return_url: window.location.href },
-        { handleActions: false },
-      );
-    }
-
-    return await stripe.confirmWechatPayPayment(
-      client_secret,
-      {
-        payment_method_options: { wechat_pay: { client: 'web' } },
-      },
-      { handleActions: false },
-    );
-  }, [client_secret, method, stripe, handleError]);
-
-  const autoSubmit = useCallback(async () => {
-    if (isSubmitted) return;
-
-    setIsSubmitted(true);
-
-    try {
-      const result = await confirmPayment();
-      if (!result) return;
-
-      const { error, paymentIntent } = result;
-      if (error) return handleError(error.message!);
-
-      if (paymentIntent?.status === 'requires_action') {
-        const nextAction = paymentIntent.next_action as any;
-        const qrUrl =
-          method === 'alipay'
-            ? nextAction?.alipay_handle_redirect?.url
-            : nextAction?.wechat_pay_display_qr_code?.image_url_svg;
-
-        setQrCodeUrl(qrUrl || null);
-      }
-    } catch (error) {
-      handleError('An unexpected error occurred');
-    }
-  }, [confirmPayment, isSubmitted, handleError, method]);
-
-  useEffect(() => {
-    autoSubmit();
-  }, [autoSubmit]);
-
-  return qrCodeUrl ? (
-    <QRCodeCanvas
-      value={qrCodeUrl}
-      size={208}
-      imageSettings={{
-        src: `/payment/${method}.svg`,
-        width: 24,
-        height: 24,
-        excavate: true,
-      }}
-    />
-  ) : (
-    errorMessage
-  );
-};
-
-export default StripePayment;
diff --git a/apps/user/app/(main)/(user)/wallet/page.tsx b/apps/user/app/(main)/(user)/wallet/page.tsx
index 6787e07..fff3e06 100644
--- a/apps/user/app/(main)/(user)/wallet/page.tsx
+++ b/apps/user/app/(main)/(user)/wallet/page.tsx
@@ -21,11 +21,11 @@ export default function Page() {
     <>
       <Card className='mb-4'>
         <CardContent className='p-6'>
-          <h2 className='text-foreground mb-4 text-2xl font-bold'>{t('totalAssets')}</h2>
+          <h2 className='text-foreground mb-4 text-2xl font-bold'>{t('assetOverview')}</h2>
           <div className='mb-4'>
             <div className='flex items-center justify-between'>
               <div>
-                <p className='text-sm font-medium'>总资产</p>
+                <p className='text-sm font-medium'>{t('totalAssets')}</p>
                 <p className='text-3xl font-bold'>
                   <Display type='currency' value={totalAssets} />
                 </p>
diff --git a/apps/user/app/(main)/page.tsx b/apps/user/app/(main)/page.tsx
index a62603b..3d540bb 100644
--- a/apps/user/app/(main)/page.tsx
+++ b/apps/user/app/(main)/page.tsx
@@ -1,6 +1,6 @@
 import { GlobalMap } from '@/components/main/global-map';
 import { Hero } from '@/components/main/hero';
-import { ProductShowcase } from '@/components/main/product-showcase';
+import { ProductShowcase } from '@/components/main/product-showcase/index';
 import { Stats } from '@/components/main/stats';
 
 export default function Home() {
diff --git a/apps/user/app/(main)/purchasing/content.tsx b/apps/user/app/(main)/purchasing/content.tsx
new file mode 100644
index 0000000..2f1ca78
--- /dev/null
+++ b/apps/user/app/(main)/purchasing/content.tsx
@@ -0,0 +1,221 @@
+'use client';
+
+import { SubscribeBilling } from '@/components/subscribe/billing';
+import CouponInput from '@/components/subscribe/coupon-input';
+import { SubscribeDetail } from '@/components/subscribe/detail';
+import DurationSelector from '@/components/subscribe/duration-selector';
+import PaymentMethods from '@/components/subscribe/payment-methods';
+import useGlobalStore from '@/config/use-global';
+import { prePurchaseOrder, purchase } from '@/services/user/portal';
+import { useQuery } from '@tanstack/react-query';
+import { Button } from '@workspace/ui/components/button';
+import { Card, CardContent, CardHeader } from '@workspace/ui/components/card';
+import { Separator } from '@workspace/ui/components/separator';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { cn } from '@workspace/ui/lib/utils';
+import { LoaderCircle } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useRouter } from 'next/navigation';
+import { useCallback, useEffect, useState, useTransition } from 'react';
+
+export default function Content({ subscription }: { subscription?: API.Subscribe }) {
+  const t = useTranslations('subscribe');
+  const { common } = useGlobalStore();
+  const router = useRouter();
+  const [params, setParams] = useState<API.PortalPurchaseRequest>({
+    quantity: 1,
+    subscribe_id: 0,
+    payment: -1,
+    coupon: '',
+    platform: 'email',
+    identifier: '',
+    password: '',
+  });
+  const [loading, startTransition] = useTransition();
+  const [isEmailValid, setIsEmailValid] = useState({
+    valid: false,
+    message: '',
+  });
+
+  const { data: order } = useQuery({
+    enabled: !!subscription?.id && !!params.payment,
+    queryKey: ['preCreateOrder', params.coupon, params.quantity, params.payment],
+    queryFn: async () => {
+      const { data } = await prePurchaseOrder({
+        ...params,
+        subscribe_id: subscription?.id as number,
+      } as API.PrePurchaseOrderRequest);
+      return data.data;
+    },
+  });
+
+  useEffect(() => {
+    if (subscription) {
+      setParams((prev) => ({
+        ...prev,
+        quantity: 1,
+        subscribe_id: subscription?.id,
+      }));
+    }
+  }, [subscription]);
+
+  const handleChange = useCallback((field: keyof typeof params, value: string | number) => {
+    setParams((prev) => ({
+      ...prev,
+      [field]: value,
+    }));
+  }, []);
+
+  const handleSubmit = useCallback(async () => {
+    startTransition(async () => {
+      try {
+        const { data } = await purchase(params);
+        console.log(data);
+        const { order_no, check_url, type } = data.data!;
+        if (order_no) {
+          if (type === 'link') {
+            window.location.href = check_url!;
+          }
+          router.push(`/purchasing/order?order_no=${order_no}`);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    });
+  }, [params, router, subscription?.id]);
+
+  if (!subscription) {
+    return <div className='p-6 text-center'>{t('subscriptionNotFound')}</div>;
+  }
+
+  return (
+    <div className='mx-auto mt-8 flex max-w-4xl flex-col gap-8 md:grid md:grid-cols-2 md:flex-row'>
+      <div className='flex flex-col gap-6'>
+        <Card>
+          <CardHeader>输入要用于 {common.site.site_name} 账户的电子邮件地址</CardHeader>
+          <CardContent className='flex flex-col gap-2'>
+            <div className='flex flex-col gap-2'>
+              <EnhancedInput
+                className={cn({
+                  'border-destructive': !isEmailValid.valid && params.identifier !== '',
+                })}
+                placeholder='Email'
+                type='email'
+                value={params.identifier || ''}
+                onValueChange={(value) => {
+                  const email = value as string;
+                  setParams((prev) => ({
+                    ...prev,
+                    identifier: email,
+                  }));
+                  const reg = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                  if (!reg.test(email)) {
+                    setIsEmailValid({
+                      valid: false,
+                      message: '请输入有效的邮箱地址',
+                    });
+                  } else if (common.auth.email.enable_domain_suffix) {
+                    const domain = email.split('@')[1];
+                    const isValid = common.auth.email?.domain_suffix_list
+                      .split('\n')
+                      .includes(domain || '');
+                    if (!isValid) {
+                      setIsEmailValid({
+                        valid: false,
+                        message: '邮箱域名不在白名单中',
+                      });
+                      return;
+                    }
+                  } else {
+                    setIsEmailValid({
+                      valid: true,
+                      message: '',
+                    });
+                  }
+                }}
+                required
+              />
+              <p
+                className={cn('text-muted-foreground text-xs', {
+                  'text-destructive': !isEmailValid.valid && params.identifier !== '',
+                })}
+              >
+                {isEmailValid.message || '请填写您的电子邮件地址。'}
+              </p>
+            </div>
+            {params.identifier && isEmailValid.valid && (
+              <div className='flex flex-col gap-2'>
+                <EnhancedInput
+                  placeholder='Password'
+                  type='password'
+                  value={params.password || ''}
+                  onValueChange={(value) => handleChange('password', value)}
+                />
+                <p className='text-muted-foreground text-xs'>
+                  如果您不填写密码，我们将会自动生成密码并发送到您的邮箱。
+                </p>
+              </div>
+            )}
+            {/* <div>
+              <OAuthMethods />
+            </div> */}
+          </CardContent>
+        </Card>
+        <Card>
+          <CardContent className='grid gap-3 p-6 text-sm'>
+            <h2 className='text-xl font-semibold'>{subscription.name}</h2>
+            <p className='text-muted-foreground'>{subscription.description}</p>
+            <SubscribeDetail
+              subscribe={{
+                ...subscription,
+                quantity: params.quantity,
+              }}
+            />
+            <Separator />
+            <SubscribeBilling
+              order={{
+                ...order,
+                quantity: params.quantity,
+                unit_price: subscription?.unit_price,
+              }}
+            />
+          </CardContent>
+        </Card>
+      </div>
+
+      <div className='flex flex-col gap-6'>
+        <Card>
+          <CardContent className='p-6'>
+            <div className='grid gap-6'>
+              <DurationSelector
+                quantity={params.quantity!}
+                unitTime={subscription?.unit_time}
+                discounts={subscription?.discount}
+                onChange={(value) => handleChange('quantity', value)}
+              />
+              <CouponInput
+                coupon={params.coupon}
+                onChange={(value) => handleChange('coupon', value)}
+              />
+              <PaymentMethods
+                balance={false}
+                value={params.payment!}
+                onChange={(value) => handleChange('payment', value)}
+              />
+            </div>
+          </CardContent>
+        </Card>
+
+        <Button
+          className='w-full'
+          size='lg'
+          disabled={!isEmailValid.valid || loading}
+          onClick={handleSubmit}
+        >
+          {loading && <LoaderCircle className='mr-2 animate-spin' />}
+          {t('buyNow')}
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/user/app/(main)/purchasing/order/page.tsx b/apps/user/app/(main)/purchasing/order/page.tsx
new file mode 100644
index 0000000..50cd4bc
--- /dev/null
+++ b/apps/user/app/(main)/purchasing/order/page.tsx
@@ -0,0 +1,266 @@
+'use client';
+
+import { Display } from '@/components/display';
+import StripePayment from '@/components/payment/stripe';
+import { SubscribeBilling } from '@/components/subscribe/billing';
+import { SubscribeDetail } from '@/components/subscribe/detail';
+import useGlobalStore from '@/config/use-global';
+import { purchaseCheckout, queryPurchaseOrder } from '@/services/user/portal';
+import { setAuthorization } from '@/utils/common';
+import { useQuery } from '@tanstack/react-query';
+import { Badge } from '@workspace/ui/components/badge';
+import { Button } from '@workspace/ui/components/button';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@workspace/ui/components/card';
+import { Separator } from '@workspace/ui/components/separator';
+import { Icon } from '@workspace/ui/custom-components/icon';
+import { formatDate } from '@workspace/ui/utils';
+import { useCountDown } from 'ahooks';
+import { addMinutes, format } from 'date-fns';
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+import { QRCodeCanvas } from 'qrcode.react';
+import { useEffect, useState } from 'react';
+
+export default function Page() {
+  const t = useTranslations('order');
+  const { getUserInfo } = useGlobalStore();
+  const [orderNo, setOrderNo] = useState<string>();
+  const [enabled, setEnabled] = useState<boolean>(false);
+
+  const { data } = useQuery({
+    enabled: enabled,
+    queryKey: ['queryPurchaseOrder', orderNo],
+    queryFn: async () => {
+      const { data } = await queryPurchaseOrder({ order_no: orderNo! });
+      if (data?.data?.status !== 1) {
+        setEnabled(false);
+        if (data?.data?.token) {
+          setAuthorization(data?.data?.token);
+          await new Promise((resolve) => setTimeout(resolve, 100));
+          await getUserInfo();
+        }
+      }
+      return data?.data;
+    },
+    refetchInterval: 3000,
+  });
+
+  const { data: payment } = useQuery({
+    enabled: !!orderNo && data?.status === 1,
+    queryKey: ['purchaseCheckout', orderNo],
+    queryFn: async () => {
+      const { data } = await purchaseCheckout({
+        orderNo: orderNo!,
+        returnUrl: window.location.href,
+      });
+      if (data.data?.type === 'url' && data.data?.checkout_url) {
+        window.open(data.data.checkout_url, '_blank');
+      }
+      return data?.data;
+    },
+  });
+
+  useEffect(() => {
+    const searchParams = new URLSearchParams(location.search);
+    if (searchParams.get('order_no')) {
+      setOrderNo(searchParams.get('order_no')!);
+      setEnabled(true);
+    }
+  }, []);
+
+  const [countDown, formattedRes] = useCountDown({
+    targetDate: data && format(addMinutes(data?.created_at, 15), "yyyy-MM-dd'T'HH:mm:ss.SSSxxx"),
+  });
+
+  const { hours, minutes, seconds } = formattedRes;
+
+  const countdownDisplay =
+    countDown > 0 ? (
+      <>
+        {hours.toString().length === 1 ? `0${hours}` : hours} :{' '}
+        {minutes.toString().length === 1 ? `0${minutes}` : minutes} :{' '}
+        {seconds.toString().length === 1 ? `0${seconds}` : seconds}
+      </>
+    ) : (
+      <>{t('timeExpired')}</>
+    );
+
+  return (
+    <main className='container lg:mt-16'>
+      <div className='grid gap-4 xl:grid-cols-2'>
+        <Card className='order-2 xl:order-1'>
+          <CardHeader className='bg-muted/50 flex flex-row items-start'>
+            <div className='grid gap-0.5'>
+              <CardTitle className='flex flex-col text-lg'>
+                {t('orderNumber')}
+                <span>{data?.order_no}</span>
+              </CardTitle>
+              <CardDescription>
+                {t('createdAt')}: {formatDate(data?.created_at)}
+              </CardDescription>
+            </div>
+          </CardHeader>
+          <CardContent className='grid gap-3 p-6 text-sm'>
+            <div className='font-semibold'>{t('paymentMethod')}</div>
+            <dl className='grid gap-3'>
+              <div className='flex items-center justify-between'>
+                <dt className='text-muted-foreground'>
+                  <Badge>{data?.payment.name || data?.payment.platform}</Badge>
+                </dt>
+              </div>
+            </dl>
+            <Separator />
+
+            {data?.status && [1, 2].includes(data.status) && (
+              <SubscribeDetail
+                subscribe={{
+                  ...data?.subscribe,
+                  quantity: data?.quantity,
+                }}
+              />
+            )}
+            {data?.status === 3 && (
+              <>
+                <div className='font-semibold'>{t('resetTraffic')}</div>
+                <ul className='grid grid-cols-2 gap-3 *:flex *:items-center *:justify-between lg:grid-cols-1'>
+                  <li className='flex items-center justify-between'>
+                    <span className='text-muted-foreground line-clamp-2 flex-1'>
+                      {t('resetPrice')}
+                    </span>
+                    <span>
+                      <Display type='currency' value={data.amount} />
+                    </span>
+                  </li>
+                </ul>
+              </>
+            )}
+
+            {data?.status === 4 && (
+              <>
+                <div className='font-semibold'>{t('balanceRecharge')}</div>
+                <ul className='grid grid-cols-2 gap-3 *:flex *:items-center *:justify-between lg:grid-cols-1'>
+                  <li className='flex items-center justify-between'>
+                    <span className='text-muted-foreground line-clamp-2 flex-1'>
+                      {t('rechargeAmount')}
+                    </span>
+                    <span>
+                      <Display type='currency' value={data.amount} />
+                    </span>
+                  </li>
+                </ul>
+              </>
+            )}
+            <Separator />
+            <SubscribeBilling
+              order={{
+                ...data,
+                unit_price: data?.subscribe?.unit_price,
+              }}
+            />
+          </CardContent>
+        </Card>
+        <Card className='order-1 flex flex-auto items-center justify-center xl:order-2'>
+          <CardContent className='py-16'>
+            {data?.status && [2, 5].includes(data?.status) && (
+              <div className='flex flex-col items-center gap-8 text-center'>
+                <h3 className='text-2xl font-bold tracking-tight'>{t('paymentSuccess')}</h3>
+                <Icon icon='mdi:success-circle-outline' className='text-7xl text-green-500' />
+                <div className='flex gap-4'>
+                  <Button asChild>
+                    <Link href='/dashboard'>{t('subscribeNow')}</Link>
+                  </Button>
+                  <Button variant='outline'>
+                    <Link href='/document'>{t('viewDocument')}</Link>
+                  </Button>
+                </div>
+              </div>
+            )}
+            {data?.status === 1 && payment?.type === 'url' && (
+              <div className='flex flex-col items-center gap-8 text-center'>
+                <h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
+                <p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
+                <Icon icon='mdi:access-time' className='text-muted-foreground text-7xl' />
+                <div className='flex gap-4'>
+                  <Button
+                    onClick={() => {
+                      if (payment?.checkout_url) {
+                        window.location.href = payment?.checkout_url;
+                      }
+                    }}
+                  >
+                    {t('goToPayment')}
+                  </Button>
+                  <Button variant='outline'>
+                    <Link href='/'>{t('productList')}</Link>
+                  </Button>
+                </div>
+              </div>
+            )}
+
+            {data?.status === 1 && payment?.type === 'qr' && (
+              <div className='flex flex-col items-center gap-8 text-center'>
+                <h3 className='text-2xl font-bold tracking-tight'>{t('scanToPay')}</h3>
+                <p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
+                <QRCodeCanvas
+                  value={payment?.checkout_url || ''}
+                  size={208}
+                  imageSettings={{
+                    src: `/payment/alipay_f2f.svg`,
+                    width: 24,
+                    height: 24,
+                    excavate: true,
+                  }}
+                />
+                <div className='flex gap-4'>
+                  <Button asChild>
+                    <Link href='/subscribe'>{t('productList')}</Link>
+                  </Button>
+                  <Button asChild variant='outline'>
+                    <Link href='/order'>{t('orderList')}</Link>
+                  </Button>
+                </div>
+              </div>
+            )}
+
+            {data?.status === 1 && payment?.type === 'stripe' && (
+              <div className='flex flex-col items-center gap-8 text-center'>
+                <h3 className='text-2xl font-bold tracking-tight'>{t('waitingForPayment')}</h3>
+                <p className='flex items-center text-3xl font-bold'>{countdownDisplay}</p>
+                {payment.stripe && <StripePayment {...payment.stripe} />}
+                {/* <div className='flex gap-4'>
+                <Button asChild>
+                  <Link href='/subscribe'>{t('productList')}</Link>
+                </Button>
+                <Button asChild variant='outline'>
+                  <Link href='/order'>{t('orderList')}</Link>
+                </Button>
+              </div> */}
+              </div>
+            )}
+
+            {data?.status && [3, 4].includes(data?.status) && (
+              <div className='flex flex-col items-center gap-8 text-center'>
+                <h3 className='text-2xl font-bold tracking-tight'>{t('orderClosed')}</h3>
+                <Icon icon='mdi:cancel' className='text-7xl text-red-500' />
+                <div className='flex gap-4'>
+                  <Button asChild>
+                    <Link href='/subscribe'>{t('productList')}</Link>
+                  </Button>
+                  <Button asChild variant='outline'>
+                    <Link href='/order'>{t('orderList')}</Link>
+                  </Button>
+                </div>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+    </main>
+  );
+}
diff --git a/apps/user/app/(main)/purchasing/page.tsx b/apps/user/app/(main)/purchasing/page.tsx
new file mode 100644
index 0000000..dd0e9be
--- /dev/null
+++ b/apps/user/app/(main)/purchasing/page.tsx
@@ -0,0 +1,23 @@
+import { getSubscription } from '@/services/user/portal';
+import Content from './content';
+
+export default async function Page({
+  searchParams,
+}: {
+  searchParams: Promise<{
+    id: string;
+  }>;
+}) {
+  const { id } = await searchParams;
+  const { data } = await getSubscription({
+    skipErrorHandler: true,
+  });
+  const subscriptionList = data.data?.list || [];
+  const subscription = subscriptionList.find((item) => item.id === Number(id));
+
+  return (
+    <main className='container space-y-16'>
+      <Content subscription={subscription} />
+    </main>
+  );
+}
diff --git a/apps/user/app/auth/page.tsx b/apps/user/app/auth/page.tsx
index 6fa4e43..5864082 100644
--- a/apps/user/app/auth/page.tsx
+++ b/apps/user/app/auth/page.tsx
@@ -1,13 +1,11 @@
 'use client';
 
+import { OAuthMethods } from '@/components/auth/oauth-methods';
 import LanguageSwitch from '@/components/language-switch';
 import ThemeSwitch from '@/components/theme-switch';
 import useGlobalStore from '@/config/use-global';
-import { oAuthLogin } from '@/services/common/oauth';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
-import { Button } from '@workspace/ui/components/button';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
-import { Icon } from '@workspace/ui/custom-components/icon';
 import LoginLottie from '@workspace/ui/lotties/login.json';
 import { useTranslations } from 'next-intl';
 import Image from 'next/legacy/image';
@@ -15,18 +13,10 @@ import Link from 'next/link';
 import EmailAuthForm from './email/auth-form';
 import PhoneAuthForm from './phone/auth-form';
 
-const icons = {
-  apple: 'uil:apple',
-  google: 'logos:google-icon',
-  facebook: 'logos:facebook',
-  github: 'uil:github',
-  telegram: 'logos:telegram',
-};
-
 export default function Page() {
   const t = useTranslations('auth');
   const { common } = useGlobalStore();
-  const { site, auth, oauth_methods } = common;
+  const { site, auth } = common;
 
   const AUTH_METHODS = [
     {
@@ -41,10 +31,6 @@ export default function Page() {
     },
   ].filter((method) => method.enabled);
 
-  const OAUTH_METHODS = oauth_methods?.filter(
-    (method) => !['mobile', 'email', 'device'].includes(method),
-  );
-
   return (
     <main className='bg-muted/50 flex h-full min-h-screen items-center'>
       <div className='flex size-full flex-auto flex-col lg:flex-row'>
@@ -95,38 +81,7 @@ export default function Page() {
                     )}
               </div>
               <div className='py-8'>
-                {OAUTH_METHODS?.length > 0 && (
-                  <>
-                    <div className='after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t'>
-                      <span className='bg-background text-muted-foreground relative z-10 px-2'>
-                        Or continue with
-                      </span>
-                    </div>
-                    <div className='mt-6 flex justify-center gap-4 *:size-12 *:p-2'>
-                      {OAUTH_METHODS?.map((method: any) => {
-                        return (
-                          <Button
-                            key={method}
-                            variant='ghost'
-                            size='icon'
-                            asChild
-                            onClick={async () => {
-                              const { data } = await oAuthLogin({
-                                method,
-                                redirect: `${window.location.origin}/oauth/${method}`,
-                              });
-                              if (data.data?.redirect) {
-                                window.location.href = data.data?.redirect;
-                              }
-                            }}
-                          >
-                            <Icon icon={icons[method as keyof typeof icons]} />
-                          </Button>
-                        );
-                      })}
-                    </div>
-                  </>
-                )}
+                <OAuthMethods />
               </div>
               <div className='flex items-center justify-between'>
                 <div className='flex items-center gap-5'>
diff --git a/apps/user/components/affiliate/index.tsx b/apps/user/components/affiliate/index.tsx
index 43f7951..80fd4c2 100644
--- a/apps/user/components/affiliate/index.tsx
+++ b/apps/user/components/affiliate/index.tsx
@@ -96,8 +96,8 @@ export default function Affiliate() {
               <CardContent className='p-3 text-sm'>
                 <ul className='grid grid-cols-2 gap-3 *:flex *:flex-col'>
                   <li className='font-semibold'>
-                    <span className='text-muted-foreground'>{t('userEmail')}</span>
-                    <span>{item.email}</span>
+                    <span className='text-muted-foreground'>{t('userIdentifier')}</span>
+                    <span>{item.identifier}</span>
                   </li>
                   <li className='font-semibold'>
                     <span className='text-muted-foreground'>{t('registrationTime')}</span>
diff --git a/apps/user/components/auth/oauth-methods.tsx b/apps/user/components/auth/oauth-methods.tsx
new file mode 100644
index 0000000..c805e65
--- /dev/null
+++ b/apps/user/components/auth/oauth-methods.tsx
@@ -0,0 +1,56 @@
+'use client';
+
+import useGlobalStore from '@/config/use-global';
+import { oAuthLogin } from '@/services/common/oauth';
+import { Button } from '@workspace/ui/components/button';
+import { Icon } from '@workspace/ui/custom-components/icon';
+
+const icons = {
+  apple: 'uil:apple',
+  google: 'logos:google-icon',
+  facebook: 'logos:facebook',
+  github: 'uil:github',
+  telegram: 'logos:telegram',
+};
+
+export function OAuthMethods() {
+  const { common } = useGlobalStore();
+  const { oauth_methods } = common;
+  const OAUTH_METHODS = oauth_methods?.filter(
+    (method) => !['mobile', 'email', 'device'].includes(method),
+  );
+  return (
+    OAUTH_METHODS?.length > 0 && (
+      <>
+        <div className='after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t'>
+          <span className='bg-background text-muted-foreground relative z-10 px-2'>
+            Or continue with
+          </span>
+        </div>
+        <div className='mt-6 flex justify-center gap-4 *:size-12 *:p-2'>
+          {OAUTH_METHODS?.map((method: any) => {
+            return (
+              <Button
+                key={method}
+                variant='ghost'
+                size='icon'
+                asChild
+                onClick={async () => {
+                  const { data } = await oAuthLogin({
+                    method,
+                    redirect: `${window.location.origin}/oauth/${method}`,
+                  });
+                  if (data.data?.redirect) {
+                    window.location.href = data.data?.redirect;
+                  }
+                }}
+              >
+                <Icon icon={icons[method as keyof typeof icons]} />
+              </Button>
+            );
+          })}
+        </div>
+      </>
+    )
+  );
+}
diff --git a/apps/user/components/footer.tsx b/apps/user/components/footer.tsx
index f45aa52..09be8a0 100644
--- a/apps/user/components/footer.tsx
+++ b/apps/user/components/footer.tsx
@@ -67,12 +67,14 @@ export default function Footer() {
         </nav>
         <div>
           <strong className='text-foreground'>{site.site_name}</strong> © All rights reserved.
-          <Link href='/tos' className='ml-2 underline'>
-            {t('tos')}
-          </Link>
-          <Link href='/privacy-policy' className='ml-2 underline'>
-            {t('privacyPolicy')}
-          </Link>
+          <div>
+            <Link href='/tos' className='underline'>
+              {t('tos')}
+            </Link>
+            <Link href='/privacy-policy' className='ml-2 underline'>
+              {t('privacyPolicy')}
+            </Link>
+          </div>
         </div>
       </div>
     </footer>
diff --git a/apps/user/components/header.tsx b/apps/user/components/header.tsx
index b3bc992..aa1c1b8 100644
--- a/apps/user/components/header.tsx
+++ b/apps/user/components/header.tsx
@@ -19,7 +19,7 @@ export default function Header() {
       {site.site_logo && (
         <Image src={site.site_logo} width={48} height={48} alt='logo' unoptimized />
       )}
-      <span>{site.site_name}</span>
+      <span className=''>{site.site_name}</span>
     </Link>
   );
   return (
diff --git a/apps/user/components/main/product-showcase.tsx b/apps/user/components/main/product-showcase/content.tsx
similarity index 90%
rename from apps/user/components/main/product-showcase.tsx
rename to apps/user/components/main/product-showcase/content.tsx
index 4083e63..8f859a7 100644
--- a/apps/user/components/main/product-showcase.tsx
+++ b/apps/user/components/main/product-showcase/content.tsx
@@ -2,8 +2,7 @@
 
 import { Display } from '@/components/display';
 import { SubscribeDetail } from '@/components/subscribe/detail';
-import { getSubscription } from '@/services/common/common';
-import { useQuery } from '@tanstack/react-query';
+import useGlobalStore from '@/config/use-global';
 import { Button } from '@workspace/ui/components/button';
 import { Card, CardContent, CardFooter, CardHeader } from '@workspace/ui/components/card';
 import { Separator } from '@workspace/ui/components/separator';
@@ -14,19 +13,15 @@ import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { Key, ReactNode } from 'react';
 
-export function ProductShowcase() {
+interface ProductShowcaseProps {
+  subscriptionData: API.Subscribe[];
+}
+
+export function Content({ subscriptionData }: ProductShowcaseProps) {
   const t = useTranslations('index');
 
-  const { data } = useQuery({
-    queryKey: ['getSubscription'],
-    queryFn: async () => {
-      const { data } = await getSubscription({
-        skipErrorHandler: true,
-      });
-      return data.data?.list || [];
-    },
-  });
-  if (data?.length === 0) return null;
+  const { user } = useGlobalStore();
+
   return (
     <motion.section
       initial={{ opacity: 0 }}
@@ -51,7 +46,7 @@ export function ProductShowcase() {
         {t('product_showcase_description')}
       </motion.p>
       <div className='mx-auto flex flex-wrap justify-center gap-8 overflow-x-auto overflow-y-hidden *:max-w-80 *:flex-auto'>
-        {data?.map((item, index) => (
+        {subscriptionData?.map((item, index) => (
           <motion.div
             key={item.id}
             initial={{ opacity: 0, y: 50 }}
@@ -132,7 +127,9 @@ export function ProductShowcase() {
                     className='absolute bottom-0 left-0 w-full rounded-b-xl rounded-t-none'
                     asChild
                   >
-                    <Link href='/subscribe'>{t('subscribe')}</Link>
+                    <Link href={user ? '/subscribe' : `/purchasing?id=${item.id}`}>
+                      {t('subscribe')}
+                    </Link>
                   </Button>
                 </motion.div>
               </CardFooter>
diff --git a/apps/user/components/main/product-showcase/index.tsx b/apps/user/components/main/product-showcase/index.tsx
new file mode 100644
index 0000000..27046de
--- /dev/null
+++ b/apps/user/components/main/product-showcase/index.tsx
@@ -0,0 +1,17 @@
+import { getSubscription } from '@/services/user/portal';
+import { Content } from './content';
+
+export async function ProductShowcase() {
+  try {
+    const { data } = await getSubscription({
+      skipErrorHandler: true,
+    });
+    const subscriptionList = data.data?.list || [];
+
+    if (subscriptionList.length === 0) return null;
+
+    return <Content subscriptionData={subscriptionList} />;
+  } catch (error) {
+    return null;
+  }
+}
diff --git a/apps/user/components/payment/stripe.tsx b/apps/user/components/payment/stripe.tsx
new file mode 100644
index 0000000..99028be
--- /dev/null
+++ b/apps/user/components/payment/stripe.tsx
@@ -0,0 +1,329 @@
+import {
+  CardCvcElement,
+  CardExpiryElement,
+  CardNumberElement,
+  Elements,
+  useElements,
+  useStripe,
+} from '@stripe/react-stripe-js';
+import {
+  loadStripe,
+  PaymentIntentResult,
+  StripeCardNumberElementOptions,
+  StripeElementStyle,
+} from '@stripe/stripe-js';
+import { Button } from '@workspace/ui/components/button';
+import { Input } from '@workspace/ui/components/input';
+import { Label } from '@workspace/ui/components/label';
+import { CheckCircle } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useTheme } from 'next-themes';
+import { QRCodeCanvas } from 'qrcode.react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+interface StripePaymentProps {
+  method: string;
+  client_secret: string;
+  publishable_key: string;
+}
+
+interface CardPaymentFormProps {
+  clientSecret: string;
+  onError: (message: string) => void;
+}
+
+const CardPaymentForm: React.FC<CardPaymentFormProps> = ({ clientSecret, onError }) => {
+  const stripe = useStripe();
+  const { theme, systemTheme } = useTheme();
+  const elements = useElements();
+  const [processing, setProcessing] = useState(false);
+  const [succeeded, setSucceeded] = useState(false);
+  const [errors, setErrors] = useState<{
+    cardNumber?: string;
+    cardExpiry?: string;
+    cardCvc?: string;
+    name?: string;
+  }>({});
+  const [cardholderName, setCardholderName] = useState('');
+  const t = useTranslations('payment.stripe.card');
+
+  const currentTheme = theme === 'system' ? systemTheme : theme;
+  const elementStyle: StripeElementStyle = {
+    base: {
+      'fontSize': '16px',
+      'color': currentTheme === 'dark' ? '#fff' : '#000',
+      '::placeholder': {
+        color: '#aab7c4',
+      },
+    },
+    invalid: {
+      color: '#EF4444',
+      iconColor: '#EF4444',
+    },
+  };
+
+  const elementOptions: StripeCardNumberElementOptions = {
+    style: elementStyle,
+    showIcon: true,
+  };
+
+  const handleChange = (event: any, field: keyof typeof errors) => {
+    if (event.error) {
+      setErrors((prev) => ({ ...prev, [field]: event.error.message }));
+    } else {
+      setErrors((prev) => ({ ...prev, [field]: undefined }));
+    }
+  };
+
+  const handleSubmit = async (event: React.FormEvent) => {
+    event.preventDefault();
+
+    if (!stripe || !elements) {
+      onError(t('loading'));
+      return;
+    }
+
+    if (!cardholderName.trim()) {
+      setErrors((prev) => ({ ...prev, name: t('name_required') }));
+      return;
+    }
+
+    setProcessing(true);
+
+    const cardNumber = elements.getElement(CardNumberElement);
+    const cardExpiry = elements.getElement(CardExpiryElement);
+    const cardCvc = elements.getElement(CardCvcElement);
+
+    if (!cardNumber || !cardExpiry || !cardCvc) {
+      onError(t('element_error'));
+      setProcessing(false);
+      return;
+    }
+
+    const { error, paymentIntent } = await stripe.confirmCardPayment(clientSecret, {
+      payment_method: {
+        card: cardNumber,
+        billing_details: {
+          name: cardholderName,
+        },
+      },
+    });
+
+    if (error) {
+      onError(error.message || t('payment_failed'));
+      setProcessing(false);
+    } else if (paymentIntent && paymentIntent.status === 'succeeded') {
+      setSucceeded(true);
+      setProcessing(false);
+    } else {
+      onError(t('processing'));
+      setProcessing(false);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      {succeeded ? (
+        <div className='py-6 text-center'>
+          <div className='mb-4 flex justify-center'>
+            <CheckCircle className='h-12 w-12 text-green-500' />
+          </div>
+          <p className='text-xl font-medium'>{t('success_title')}</p>
+          <p className='text-muted-foreground mt-2'>{t('success_message')}</p>
+        </div>
+      ) : (
+        <>
+          <div className='space-y-4'>
+            {/* Cardholder Name */}
+            <div className='space-y-1'>
+              <Label htmlFor='cardholderName' className='text-sm font-medium'>
+                {t('card_name')}
+              </Label>
+              <Input
+                id='cardholderName'
+                type='text'
+                value={cardholderName}
+                onChange={(e) => setCardholderName(e.target.value)}
+                placeholder={t('name_placeholder')}
+                className={errors.name ? 'border-destructive' : ''}
+              />
+              {errors.name && <p className='text-destructive text-xs'>{errors.name}</p>}
+            </div>
+
+            {/* Card Number */}
+            <div className='space-y-1'>
+              <Label htmlFor='cardNumber' className='text-sm font-medium'>
+                {t('card_number')}
+              </Label>
+              <div className='relative'>
+                <div
+                  className={`focus-within:border-primary focus-within:ring-primary rounded-md border p-3 focus-within:ring-1 ${errors.cardNumber ? 'border-red-500' : ''}`}
+                >
+                  <CardNumberElement
+                    id='cardNumber'
+                    options={elementOptions}
+                    onChange={(e) => handleChange(e, 'cardNumber')}
+                  />
+                </div>
+              </div>
+              {errors.cardNumber && <p className='text-destructive text-xs'>{errors.cardNumber}</p>}
+            </div>
+
+            <div className='grid grid-cols-2 gap-4'>
+              {/* Expiry Date */}
+              <div className='space-y-1'>
+                <Label htmlFor='cardExpiry' className='text-sm font-medium'>
+                  {t('expiry_date')}
+                </Label>
+                <div
+                  className={`focus-within:border-primary focus-within:ring-primary rounded-md border p-3 focus-within:ring-1 ${errors.cardExpiry ? 'border-red-500' : ''}`}
+                >
+                  <CardExpiryElement
+                    id='cardExpiry'
+                    options={{ style: elementStyle }}
+                    onChange={(e) => handleChange(e, 'cardExpiry')}
+                  />
+                </div>
+                {errors.cardExpiry && (
+                  <p className='text-destructive text-xs'>{errors.cardExpiry}</p>
+                )}
+              </div>
+
+              {/* Security Code */}
+              <div className='space-y-1'>
+                <Label htmlFor='cardCvc' className='text-sm font-medium'>
+                  {t('security_code')}
+                </Label>
+                <div
+                  className={`focus-within:border-primary focus-within:ring-primary rounded-md border p-3 focus-within:ring-1 ${errors.cardCvc ? 'border-red-500' : ''}`}
+                >
+                  <CardCvcElement
+                    id='cardCvc'
+                    options={{ style: elementStyle }}
+                    onChange={(e) => handleChange(e, 'cardCvc')}
+                  />
+                </div>
+                {errors.cardCvc && <p className='text-destructive text-xs'>{errors.cardCvc}</p>}
+              </div>
+            </div>
+          </div>
+          <div className='mt-6 flex flex-col space-y-4'>
+            <Button type='submit' disabled={processing || !stripe || !elements} className='w-full'>
+              {processing ? t('processing_button') : t('pay_button')}
+            </Button>
+            <p className='text-muted-foreground text-center text-xs'>{t('secure_notice')}</p>
+          </div>
+        </>
+      )}
+    </form>
+  );
+};
+
+const StripePayment: React.FC<StripePaymentProps> = ({
+  method,
+  client_secret,
+  publishable_key,
+}) => {
+  const stripePromise = useMemo(() => loadStripe(publishable_key), [publishable_key]);
+
+  return (
+    <Elements stripe={stripePromise}>
+      <CheckoutForm method={method} client_secret={client_secret} />
+    </Elements>
+  );
+};
+
+const CheckoutForm: React.FC<Omit<StripePaymentProps, 'publishable_key'>> = ({
+  client_secret,
+  method,
+}) => {
+  const stripe = useStripe();
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const [qrCodeUrl, setQrCodeUrl] = useState<string | null>(null);
+  const [isSubmitted, setIsSubmitted] = useState(false);
+  const t = useTranslations('payment.stripe');
+
+  const handleError = useCallback((message: string) => {
+    setErrorMessage(message);
+    setIsSubmitted(false);
+  }, []);
+
+  const confirmPayment = useCallback(async (): Promise<PaymentIntentResult | null> => {
+    if (!stripe) {
+      handleError(t('card.loading'));
+      return null;
+    }
+
+    if (method === 'alipay') {
+      return await stripe.confirmAlipayPayment(
+        client_secret,
+        { return_url: window.location.href },
+        { handleActions: false },
+      );
+    }
+    if (method === 'wechat_pay') {
+      return await stripe.confirmWechatPayPayment(
+        client_secret,
+        {
+          payment_method_options: { wechat_pay: { client: 'web' } },
+        },
+        { handleActions: false },
+      );
+    }
+    return null;
+  }, [client_secret, method, stripe, handleError, t]);
+
+  const autoSubmit = useCallback(async () => {
+    if (isSubmitted || method === 'card') return;
+
+    setIsSubmitted(true);
+
+    try {
+      const result = await confirmPayment();
+      if (!result) return;
+
+      const { error, paymentIntent } = result;
+      if (error) return handleError(error.message!);
+
+      if (paymentIntent?.status === 'requires_action') {
+        const nextAction = paymentIntent.next_action as any;
+        const qrUrl =
+          method === 'alipay'
+            ? nextAction?.alipay_handle_redirect?.url
+            : nextAction?.wechat_pay_display_qr_code?.image_url_svg;
+
+        setQrCodeUrl(qrUrl || null);
+      }
+    } catch (error) {
+      handleError(t('error'));
+    }
+  }, [confirmPayment, isSubmitted, handleError, method, t]);
+
+  useEffect(() => {
+    autoSubmit();
+  }, [autoSubmit]);
+
+  return method === 'card' ? (
+    <div className='min-w-80 text-left'>
+      <CardPaymentForm clientSecret={client_secret} onError={handleError} />
+    </div>
+  ) : qrCodeUrl ? (
+    <>
+      <QRCodeCanvas
+        value={qrCodeUrl}
+        size={208}
+        imageSettings={{
+          src: `/payment/${method}.svg`,
+          width: 24,
+          height: 24,
+          excavate: true,
+        }}
+      />
+      <p className='text-muted-foreground mt-4 text-center'>{t(`qrcode.${method}`)}</p>
+    </>
+  ) : (
+    errorMessage
+  );
+};
+
+export default StripePayment;
diff --git a/apps/user/components/subscribe/duration-selector.tsx b/apps/user/components/subscribe/duration-selector.tsx
index 4b2f146..666d9c6 100644
--- a/apps/user/components/subscribe/duration-selector.tsx
+++ b/apps/user/components/subscribe/duration-selector.tsx
@@ -27,11 +27,7 @@ const DurationSelector: React.FC<DurationSelectorProps> = ({
     [onChange],
   );
 
-  const DurationOption: React.FC<{ value: string; label: string; discount?: number }> = ({
-    value,
-    label,
-    discount,
-  }) => (
+  const DurationOption: React.FC<{ value: string; label: string }> = ({ value, label }) => (
     <div className='relative'>
       <RadioGroupItem value={value} id={value} className='peer sr-only' />
       <Label
@@ -39,11 +35,14 @@ const DurationSelector: React.FC<DurationSelectorProps> = ({
         className='border-muted bg-popover hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary relative flex h-full flex-col items-center justify-center gap-2 rounded-md border-2 p-2'
       >
         {label}
-        {discount && <Badge variant='destructive'>-{discount}%</Badge>}
       </Label>
     </div>
   );
 
+  // 查找当前选中项的折扣信息
+  const currentDiscount = discounts?.find((item) => item.quantity === quantity)?.discount;
+  const discountPercentage = currentDiscount ? 100 - currentDiscount : 0;
+
   return (
     <>
       <div className='font-semibold'>{t('purchaseDuration')}</div>
@@ -58,10 +57,19 @@ const DurationSelector: React.FC<DurationSelectorProps> = ({
             key={item.quantity}
             value={String(item.quantity)}
             label={`${item.quantity} / ${t(unitTime)}`}
-            discount={100 - item.discount}
           />
         ))}
       </RadioGroup>
+      <div className='flex items-center justify-between'>
+        <span className='text-muted-foreground text-sm'>{t('discountInfo')}:</span>
+        {discountPercentage > 0 ? (
+          <Badge variant='destructive' className='h-6 text-sm'>
+            -{discountPercentage}% {t('discount')}
+          </Badge>
+        ) : (
+          <span className='text-muted-foreground h-6 text-sm'>--</span>
+        )}
+      </div>
     </>
   );
 };
diff --git a/apps/user/components/subscribe/payment-methods.tsx b/apps/user/components/subscribe/payment-methods.tsx
index d440fe9..b2a5c25 100644
--- a/apps/user/components/subscribe/payment-methods.tsx
+++ b/apps/user/components/subscribe/payment-methods.tsx
@@ -1,49 +1,68 @@
 'use client';
 
-import { getAvailablePaymentMethods } from '@/services/user/payment';
+import { getAvailablePaymentMethods } from '@/services/user/portal';
 import { useQuery } from '@tanstack/react-query';
 import { Label } from '@workspace/ui/components/label';
 import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
+import { cn } from '@workspace/ui/lib/utils';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import React, { memo } from 'react';
 
 interface PaymentMethodsProps {
-  value: string;
-  onChange: (value: string) => void;
+  value: number;
+  onChange: (value: number) => void;
+  balance?: boolean;
 }
 
-const PaymentMethods: React.FC<PaymentMethodsProps> = ({ value, onChange }) => {
+const PaymentMethods: React.FC<PaymentMethodsProps> = ({ value, onChange, balance = true }) => {
   const t = useTranslations('subscribe');
 
   const { data } = useQuery({
-    queryKey: ['getAvailablePaymentMethods'],
+    queryKey: ['getAvailablePaymentMethods', { balance }],
     queryFn: async () => {
       const { data } = await getAvailablePaymentMethods();
-      return data.data?.list || [];
+      const methods = data.data?.list || [];
+      if (!value && methods[0]?.id) onChange(methods[0]?.id);
+      if (balance) return methods;
+      return methods.filter((item) => item.id !== -1);
     },
   });
   return (
     <>
       <div className='font-semibold'>{t('paymentMethod')}</div>
-      <RadioGroup className='grid grid-cols-5 gap-2' value={value} onValueChange={onChange}>
+      <RadioGroup
+        className='grid grid-cols-2 gap-2 md:grid-cols-5'
+        value={String(value)}
+        onValueChange={(val) => {
+          console.log(val);
+          onChange(Number(val));
+        }}
+      >
         {data?.map((item) => (
-          <div key={item.mark}>
-            <RadioGroupItem value={item.mark} id={item.mark} className='peer sr-only' />
+          <div key={item.id} className='relative'>
+            <RadioGroupItem
+              value={String(item.id)}
+              id={String(item.id)}
+              className='absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0'
+            />
             <Label
-              htmlFor={item.mark}
-              className='border-muted bg-popover hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary flex flex-col items-center justify-between rounded-md border-2 py-2'
+              htmlFor={String(item.id)}
+              className={cn(
+                'border-muted bg-popover hover:bg-accent hover:text-accent-foreground flex flex-col items-center justify-between rounded-md border-2 py-2',
+                String(value) === String(item.id) ? 'border-primary' : '',
+              )}
             >
               <div className='mb-3 size-12'>
                 <Image
-                  src={item.icon || `/payment/${item.mark}.svg`}
+                  src={item.icon || `/payment/balance.svg`}
                   width={48}
                   height={48}
-                  alt={item.name || t(`methods.${item.mark}`)}
+                  alt={item.name}
                 />
               </div>
               <span className='w-full overflow-hidden text-ellipsis whitespace-nowrap text-center'>
-                {item.name || t(`methods.${item.mark}`)}
+                {item.name}
               </span>
             </Label>
           </div>
diff --git a/apps/user/components/subscribe/purchase.tsx b/apps/user/components/subscribe/purchase.tsx
index 88e1ce7..89fad07 100644
--- a/apps/user/components/subscribe/purchase.tsx
+++ b/apps/user/components/subscribe/purchase.tsx
@@ -4,7 +4,7 @@ import CouponInput from '@/components/subscribe/coupon-input';
 import DurationSelector from '@/components/subscribe/duration-selector';
 import PaymentMethods from '@/components/subscribe/payment-methods';
 import useGlobalStore from '@/config/use-global';
-import { checkoutOrder, preCreateOrder, purchase } from '@/services/user/order';
+import { preCreateOrder, purchase } from '@/services/user/order';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@workspace/ui/components/button';
 import { Card, CardContent } from '@workspace/ui/components/card';
@@ -29,7 +29,7 @@ export default function Purchase({ subscribe, setSubscribe }: Readonly<PurchaseP
   const [params, setParams] = useState<Partial<API.PurchaseOrderRequest>>({
     quantity: 1,
     subscribe_id: 0,
-    payment: 'balance',
+    payment: -1,
     coupon: '',
   });
   const [loading, startTransition] = useTransition();
@@ -69,20 +69,11 @@ export default function Purchase({ subscribe, setSubscribe }: Readonly<PurchaseP
         const response = await purchase(params as API.PurchaseOrderRequest);
         const orderNo = response.data.data?.order_no;
         if (orderNo) {
-          const { data } = await checkoutOrder({
-            orderNo,
-            returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
-          });
-          const type = data.data?.type;
-          const checkout_url = data.data?.checkout_url;
-          if (type === 'link') {
-            window.location.href = checkout_url!;
-          }
           getUserInfo();
           router.push(`/payment?order_no=${orderNo}`);
         }
       } catch (error) {
-        console.log(error);
+        /* empty */
       }
     });
   }, [params, router, getUserInfo]);
diff --git a/apps/user/components/subscribe/recharge.tsx b/apps/user/components/subscribe/recharge.tsx
index 2128fa5..9373837 100644
--- a/apps/user/components/subscribe/recharge.tsx
+++ b/apps/user/components/subscribe/recharge.tsx
@@ -1,9 +1,7 @@
 'use client';
 
 import useGlobalStore from '@/config/use-global';
-import { checkoutOrder, recharge } from '@/services/user/order';
-import { getAvailablePaymentMethods } from '@/services/user/payment';
-import { useQuery } from '@tanstack/react-query';
+import { recharge } from '@/services/user/order';
 import { Button, ButtonProps } from '@workspace/ui/components/button';
 import {
   Dialog,
@@ -13,15 +11,13 @@ import {
   DialogTitle,
   DialogTrigger,
 } from '@workspace/ui/components/dialog';
-import { Label } from '@workspace/ui/components/label';
-import { RadioGroup, RadioGroupItem } from '@workspace/ui/components/radio-group';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
 import { unitConversion } from '@workspace/ui/utils';
 import { LoaderCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
-import Image from 'next/image';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState, useTransition } from 'react';
+import { useState, useTransition } from 'react';
+import PaymentMethods from './payment-methods';
 
 export default function Recharge(props: Readonly<ButtonProps>) {
   const t = useTranslations('subscribe');
@@ -34,27 +30,9 @@ export default function Recharge(props: Readonly<ButtonProps>) {
 
   const [params, setParams] = useState<API.RechargeOrderRequest>({
     amount: 0,
-    payment: '',
+    payment: 1,
   });
 
-  const { data: paymentMethods } = useQuery({
-    enabled: open,
-    queryKey: ['getAvailablePaymentMethods'],
-    queryFn: async () => {
-      const { data } = await getAvailablePaymentMethods();
-      return data.data?.list || [];
-    },
-  });
-
-  useEffect(() => {
-    if (paymentMethods?.length) {
-      setParams((prev) => ({
-        ...prev,
-        payment: paymentMethods.find((item) => item.mark !== 'balance')?.mark as string,
-      }));
-    }
-  }, [paymentMethods]);
-
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
@@ -86,43 +64,10 @@ export default function Recharge(props: Readonly<ButtonProps>) {
                 suffix={currency.currency_unit}
               />
             </div>
-            <div className='font-semibold'>{t('paymentMethod')}</div>
-            <RadioGroup
-              className='grid grid-cols-5 gap-2'
+            <PaymentMethods
               value={params.payment}
-              onValueChange={(value) => {
-                setParams({
-                  ...params,
-                  payment: value,
-                });
-              }}
-            >
-              {paymentMethods
-                ?.filter((item) => item.mark !== 'balance')
-                ?.map((item) => {
-                  return (
-                    <div key={item.mark}>
-                      <RadioGroupItem value={item.mark} id={item.mark} className='peer sr-only' />
-                      <Label
-                        htmlFor={item.mark}
-                        className='border-muted bg-popover hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary [&:has([data-state=checked])]:border-primary flex flex-col items-center justify-between rounded-md border-2 py-2'
-                      >
-                        <div className='mb-3 size-12'>
-                          <Image
-                            src={item.icon || `/payment/${item.mark}.svg`}
-                            width={48}
-                            height={48}
-                            alt={item.name!}
-                          />
-                        </div>
-                        <span className='w-full overflow-hidden text-ellipsis whitespace-nowrap text-center'>
-                          {item.name || t(`methods.${item.mark}`)}
-                        </span>
-                      </Label>
-                    </div>
-                  );
-                })}
-            </RadioGroup>
+              onChange={(value) => setParams({ ...params, payment: value })}
+            />
           </div>
           <Button
             className='fixed bottom-0 left-0 w-full rounded-none md:relative md:mt-6'
@@ -133,15 +78,6 @@ export default function Recharge(props: Readonly<ButtonProps>) {
                   const response = await recharge(params);
                   const orderNo = response.data.data?.order_no;
                   if (orderNo) {
-                    const { data } = await checkoutOrder({
-                      orderNo,
-                      returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
-                    });
-                    const type = data.data?.type;
-                    const checkout_url = data.data?.checkout_url;
-                    if (type === 'link') {
-                      window.location.href = checkout_url!;
-                    }
                     router.push(`/payment?order_no=${orderNo}`);
                     setOpen(false);
                   }
diff --git a/apps/user/components/subscribe/renewal.tsx b/apps/user/components/subscribe/renewal.tsx
index f5ebcf8..b067e85 100644
--- a/apps/user/components/subscribe/renewal.tsx
+++ b/apps/user/components/subscribe/renewal.tsx
@@ -4,7 +4,7 @@ import CouponInput from '@/components/subscribe/coupon-input';
 import DurationSelector from '@/components/subscribe/duration-selector';
 import PaymentMethods from '@/components/subscribe/payment-methods';
 import useGlobalStore from '@/config/use-global';
-import { checkoutOrder, preCreateOrder, renewal } from '@/services/user/order';
+import { preCreateOrder, renewal } from '@/services/user/order';
 import { useQuery } from '@tanstack/react-query';
 import { Button } from '@workspace/ui/components/button';
 import { Card, CardContent } from '@workspace/ui/components/card';
@@ -35,7 +35,7 @@ export default function Renewal({ id, subscribe }: Readonly<RenewalProps>) {
   const router = useRouter();
   const [params, setParams] = useState<Partial<API.RenewalOrderRequest>>({
     quantity: 1,
-    payment: 'balance',
+    payment: -1,
     coupon: '',
     user_subscribe_id: id,
   });
@@ -77,20 +77,11 @@ export default function Renewal({ id, subscribe }: Readonly<RenewalProps>) {
         const response = await renewal(params as API.RenewalOrderRequest);
         const orderNo = response.data.data?.order_no;
         if (orderNo) {
-          const { data } = await checkoutOrder({
-            orderNo,
-            returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
-          });
-          const type = data.data?.type;
-          const checkout_url = data.data?.checkout_url;
-          if (type === 'link') {
-            window.location.href = checkout_url!;
-          }
           getUserInfo();
           router.push(`/payment?order_no=${orderNo}`);
         }
       } catch (error) {
-        console.log(error);
+        /* empty */
       }
     });
   }, [params, router, getUserInfo]);
diff --git a/apps/user/components/subscribe/reset-traffic.tsx b/apps/user/components/subscribe/reset-traffic.tsx
index 42d8413..1e88f4f 100644
--- a/apps/user/components/subscribe/reset-traffic.tsx
+++ b/apps/user/components/subscribe/reset-traffic.tsx
@@ -2,7 +2,7 @@
 
 import { Display } from '@/components/display';
 import useGlobalStore from '@/config/use-global';
-import { checkoutOrder, resetTraffic } from '@/services/user/order';
+import { resetTraffic } from '@/services/user/order';
 import { Button } from '@workspace/ui/components/button';
 import {
   Dialog,
@@ -28,7 +28,7 @@ export default function ResetTraffic({ id, replacement }: Readonly<ResetTrafficP
   const [open, setOpen] = useState<boolean>(false);
   const router = useRouter();
   const [params, setParams] = useState<API.ResetTrafficOrderRequest>({
-    payment: 'balance',
+    payment: -1,
     user_subscribe_id: id,
   });
   const [loading, startTransition] = useTransition();
@@ -84,15 +84,6 @@ export default function ResetTraffic({ id, replacement }: Readonly<ResetTrafficP
                   const response = await resetTraffic(params);
                   const orderNo = response.data.data?.order_no;
                   if (orderNo) {
-                    const { data } = await checkoutOrder({
-                      orderNo,
-                      returnUrl: `${window.location.origin}/payment?order_no=${orderNo}`,
-                    });
-                    const type = data.data?.type;
-                    const checkout_url = data.data?.checkout_url;
-                    if (type === 'link') {
-                      window.location.href = checkout_url!;
-                    }
                     getUserInfo();
                     router.push(`/payment?order_no=${orderNo}`);
                   }
diff --git a/apps/user/components/user-nav.tsx b/apps/user/components/user-nav.tsx
index b1451b0..b2f7cd0 100644
--- a/apps/user/components/user-nav.tsx
+++ b/apps/user/components/user-nav.tsx
@@ -4,13 +4,11 @@ import { navs } from '@/config/navs';
 import useGlobalStore from '@/config/use-global';
 import { Logout } from '@/utils/common';
 import { Avatar, AvatarFallback, AvatarImage } from '@workspace/ui/components/avatar';
-import { Button } from '@workspace/ui/components/button';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuGroup,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@workspace/ui/components/dropdown-menu';
@@ -27,37 +25,61 @@ export function UserNav() {
     return (
       <DropdownMenu>
         <DropdownMenuTrigger asChild>
-          <Button size='icon' variant='default'>
-            <Avatar className='size-8'>
-              <AvatarImage alt={user?.avatar ?? ''} src={user?.avatar ?? ''} />
-              <AvatarFallback className='rounded-none bg-transparent'>
+          <div className='bg-background hover:bg-accent flex cursor-pointer items-center gap-2 rounded-full border px-2 py-1.5 transition-colors duration-200'>
+            <Avatar className='h-6 w-6'>
+              <AvatarImage
+                alt={user?.avatar ?? ''}
+                src={user?.auth_methods?.[0]?.auth_identifier ?? ''}
+                className='object-cover'
+              />
+              <AvatarFallback className='from-primary/90 to-primary text-background bg-gradient-to-br font-medium'>
                 {user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
               </AvatarFallback>
             </Avatar>
-          </Button>
+            <span className='max-w-[40px] truncate text-sm sm:max-w-[100px]'>
+              {user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
+            </span>
+            <Icon icon='lucide:chevron-down' className='text-muted-foreground size-4' />
+          </div>
         </DropdownMenuTrigger>
-        <DropdownMenuContent forceMount align='end' className='w-56'>
-          <DropdownMenuLabel className='font-normal'>
-            <div className='flex flex-col space-y-1'>
-              <p className='text-muted-foreground text-xs leading-none'>ID: {user?.id}</p>
+        <DropdownMenuContent forceMount align='end' className='w-64'>
+          <div className='flex items-center justify-start gap-2 p-2'>
+            <Avatar className='h-10 w-10'>
+              <AvatarImage
+                alt={user?.avatar ?? ''}
+                src={user?.avatar ?? ''}
+                className='object-cover'
+              />
+              <AvatarFallback className='from-primary/90 to-primary text-background bg-gradient-to-br'>
+                {user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
+              </AvatarFallback>
+            </Avatar>
+            <div className='flex flex-col space-y-0.5'>
               <p className='text-sm font-medium leading-none'>
+                {user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
+              </p>
+              <p className='text-muted-foreground text-xs'>
                 {user?.auth_methods?.[0]?.auth_identifier}
               </p>
             </div>
-          </DropdownMenuLabel>
+          </div>
           <DropdownMenuSeparator />
           {navs.map((nav) => (
             <DropdownMenuGroup key={nav.title}>
-              {/* {nav.items && <DropdownMenuLabel>{t(nav.title)}</DropdownMenuLabel>} */}
               {(nav.items || [nav]).map((item) => (
                 <DropdownMenuItem
                   key={item.title}
                   onClick={() => {
                     router.push(`${item.url}`);
                   }}
+                  className='flex cursor-pointer items-center gap-2 py-2'
                 >
-                  <Icon className='mr-2 size-4 flex-none' icon={item.icon!} />
-                  <span className='truncate'>{t(item.title)}</span>
+                  <Icon className='text-muted-foreground size-4 flex-none' icon={item.icon!} />
+                  <span className='flex-grow truncate'>{t(item.title)}</span>
+                  <Icon
+                    icon='lucide:chevron-right'
+                    className='text-muted-foreground size-4 opacity-50'
+                  />
                 </DropdownMenuItem>
               ))}
             </DropdownMenuGroup>
@@ -68,10 +90,10 @@ export function UserNav() {
               Logout();
               setUser();
             }}
+            className='text-destructive focus:text-destructive flex cursor-pointer items-center gap-2 py-2'
           >
-            <Icon className='mr-2 size-4 flex-none' icon='uil:exit' />
-
-            {t('logout')}
+            <Icon className='size-4 flex-none' icon='uil:exit' />
+            <span className='flex-grow'>{t('logout')}</span>
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
diff --git a/apps/user/config/constants.ts b/apps/user/config/constants.ts
index ecd6b76..7211d89 100644
--- a/apps/user/config/constants.ts
+++ b/apps/user/config/constants.ts
@@ -9,6 +9,8 @@ export const NEXT_PUBLIC_DEFAULT_LANGUAGE =
 
 export const NEXT_PUBLIC_SITE_URL = env('NEXT_PUBLIC_SITE_URL') ?? process.env.NEXT_PUBLIC_SITE_URL;
 export const NEXT_PUBLIC_API_URL = env('NEXT_PUBLIC_API_URL') ?? process.env.NEXT_PUBLIC_API_URL;
+export const NEXT_PUBLIC_CDN_URL =
+  env('NEXT_PUBLIC_CDN_URL') || process.env.NEXT_PUBLIC_CDN_URL || 'https://fastly.jsdelivr.net';
 
 export const NEXT_PUBLIC_DEFAULT_USER_EMAIL =
   env('NEXT_PUBLIC_DEFAULT_USER_EMAIL') ?? process.env.NEXT_PUBLIC_DEFAULT_USER_EMAIL;
diff --git a/apps/user/config/use-global.tsx b/apps/user/config/use-global.tsx
index cd99084..444a4fc 100644
--- a/apps/user/config/use-global.tsx
+++ b/apps/user/config/use-global.tsx
@@ -69,6 +69,7 @@ export const useGlobalStore = create<GlobalStore>((set, get) => ({
       verify_code_interval: 60,
     },
     oauth_methods: [],
+    web_ad: false,
   },
   user: undefined,
   setCommon: (common) =>
diff --git a/apps/user/locales/cs-CZ/affiliate.json b/apps/user/locales/cs-CZ/affiliate.json
index 52eb2f0..2220f14 100644
--- a/apps/user/locales/cs-CZ/affiliate.json
+++ b/apps/user/locales/cs-CZ/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Záznamy o pozvání",
   "registrationTime": "Čas registrace",
   "totalCommission": "Celková provize",
-  "userEmail": "Uživatelský e-mail"
+  "userIdentifier": "Identifikátor uživatele"
 }
diff --git a/apps/user/locales/cs-CZ/dashboard.json b/apps/user/locales/cs-CZ/dashboard.json
index 5e0df04..5fec8a1 100644
--- a/apps/user/locales/cs-CZ/dashboard.json
+++ b/apps/user/locales/cs-CZ/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Moje předplatné",
   "nextResetDays": "Příští reset/den",
   "noLimit": "Bez omezení",
+  "noReset": "Žádné obnovení",
   "prompt": "Výzva",
   "purchaseSubscription": "Zakoupit předplatné",
   "qrCode": "QR kód",
diff --git a/apps/user/locales/cs-CZ/payment.json b/apps/user/locales/cs-CZ/payment.json
new file mode 100644
index 0000000..9c818ae
--- /dev/null
+++ b/apps/user/locales/cs-CZ/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Jméno držitele karty",
+      "card_number": "Číslo karty",
+      "element_error": "Nelze získat prvek karty.",
+      "expiry_date": "Datum expirace",
+      "loading": "Stripe.js není načten. Zkuste to prosím znovu později.",
+      "name_placeholder": "Zadejte jméno držitele karty",
+      "name_required": "Jméno držitele karty je povinné",
+      "pay_button": "Zaplatit nyní",
+      "payment_failed": "Platba se nezdařila, zkuste to prosím znovu.",
+      "processing": "Platba se zpracovává, prosím zkontrolujte výsledek později.",
+      "processing_button": "Zpracovává se...",
+      "secure_notice": "Vaše platební informace jsou bezpečně šifrovány",
+      "security_code": "Bezpečnostní kód",
+      "success_message": "Děkujeme za vaši platbu!",
+      "success_title": "Platba byla úspěšná"
+    },
+    "error": "Došlo k neočekávané chybě",
+    "qrcode": {
+      "alipay": "Naskenujte pomocí Alipay pro platbu",
+      "wechat_pay": "Naskenujte pomocí WeChat pro platbu"
+    }
+  }
+}
diff --git a/apps/user/locales/cs-CZ/subscribe.json b/apps/user/locales/cs-CZ/subscribe.json
index fa59c66..42166c9 100644
--- a/apps/user/locales/cs-CZ/subscribe.json
+++ b/apps/user/locales/cs-CZ/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Rychlost připojení",
     "productDetail": "Detaily produktu"
   },
+  "discount": "Sleva",
+  "discountInfo": "Informace o slevě",
   "enterAmount": "Zadejte částku dobití",
   "enterCoupon": "Zadejte kód kupónu",
   "methods": {
diff --git a/apps/user/locales/cs-CZ/wallet.json b/apps/user/locales/cs-CZ/wallet.json
index 510b20a..9c7f261 100644
--- a/apps/user/locales/cs-CZ/wallet.json
+++ b/apps/user/locales/cs-CZ/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Částka",
+  "assetOverview": "Přehled aktiv",
   "balance": "zůstatek",
   "commission": "Provize",
   "createdAt": "čas",
diff --git a/apps/user/locales/de-DE/affiliate.json b/apps/user/locales/de-DE/affiliate.json
index 8255489..98bb042 100644
--- a/apps/user/locales/de-DE/affiliate.json
+++ b/apps/user/locales/de-DE/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Einladungsprotokolle",
   "registrationTime": "Registrierungszeit",
   "totalCommission": "Gesamtprovision",
-  "userEmail": "Benutzer-E-Mail"
+  "userIdentifier": "Benutzerkennung"
 }
diff --git a/apps/user/locales/de-DE/dashboard.json b/apps/user/locales/de-DE/dashboard.json
index 8a22033..bd31574 100644
--- a/apps/user/locales/de-DE/dashboard.json
+++ b/apps/user/locales/de-DE/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Meine Abonnements",
   "nextResetDays": "Nächster Reset/Tage",
   "noLimit": "Kein Limit",
+  "noReset": "Kein Zurücksetzen",
   "prompt": "Aufforderung",
   "purchaseSubscription": "Abonnement kaufen",
   "qrCode": "QR-Code",
diff --git a/apps/user/locales/de-DE/payment.json b/apps/user/locales/de-DE/payment.json
new file mode 100644
index 0000000..25388f3
--- /dev/null
+++ b/apps/user/locales/de-DE/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Karteninhabername",
+      "card_number": "Kartennummer",
+      "element_error": "Konnte das Kartenelement nicht abrufen.",
+      "expiry_date": "Ablaufdatum",
+      "loading": "Stripe.js ist nicht geladen. Bitte versuchen Sie es später erneut.",
+      "name_placeholder": "Geben Sie den Namen des Karteninhabers ein",
+      "name_required": "Der Name des Karteninhabers ist erforderlich",
+      "pay_button": "Jetzt bezahlen",
+      "payment_failed": "Zahlung fehlgeschlagen, bitte versuchen Sie es erneut.",
+      "processing": "Zahlung wird verarbeitet, bitte überprüfen Sie das Ergebnis später.",
+      "processing_button": "Wird verarbeitet...",
+      "secure_notice": "Ihre Zahlungsinformationen sind sicher verschlüsselt",
+      "security_code": "Sicherheitscode",
+      "success_message": "Vielen Dank für Ihre Zahlung!",
+      "success_title": "Zahlung Erfolgreich"
+    },
+    "error": "Ein unerwarteter Fehler ist aufgetreten",
+    "qrcode": {
+      "alipay": "Mit Alipay scannen, um zu bezahlen",
+      "wechat_pay": "Mit WeChat scannen, um zu bezahlen"
+    }
+  }
+}
diff --git a/apps/user/locales/de-DE/subscribe.json b/apps/user/locales/de-DE/subscribe.json
index c4d96f5..54a3cf6 100644
--- a/apps/user/locales/de-DE/subscribe.json
+++ b/apps/user/locales/de-DE/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Verbindungsgeschwindigkeit",
     "productDetail": "Produktdetails"
   },
+  "discount": "Rabatt",
+  "discountInfo": "Rabattinformationen",
   "enterAmount": "Geben Sie den Aufladebetrag ein",
   "enterCoupon": "Gutscheincode eingeben",
   "methods": {
diff --git a/apps/user/locales/de-DE/wallet.json b/apps/user/locales/de-DE/wallet.json
index 6da3c0d..e5fa87e 100644
--- a/apps/user/locales/de-DE/wallet.json
+++ b/apps/user/locales/de-DE/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Betrag",
+  "assetOverview": "Vermögensübersicht",
   "balance": "Kontostand",
   "commission": "Provision",
   "createdAt": "Zeit",
diff --git a/apps/user/locales/en-US/affiliate.json b/apps/user/locales/en-US/affiliate.json
index 1a4a5cb..26e815b 100644
--- a/apps/user/locales/en-US/affiliate.json
+++ b/apps/user/locales/en-US/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Invite Records",
   "registrationTime": "Registration Time",
   "totalCommission": "Total Commission",
-  "userEmail": "User Email"
+  "userIdentifier": "User Identifier"
 }
diff --git a/apps/user/locales/en-US/dashboard.json b/apps/user/locales/en-US/dashboard.json
index c535a6a..4b60c3b 100644
--- a/apps/user/locales/en-US/dashboard.json
+++ b/apps/user/locales/en-US/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "My Subscriptions",
   "nextResetDays": "Next Reset in Days",
   "noLimit": "No Limit",
+  "noReset": "No Reset",
   "prompt": "Prompt",
   "purchaseSubscription": "Purchase Subscription",
   "qrCode": "QR Code",
diff --git a/apps/user/locales/en-US/payment.json b/apps/user/locales/en-US/payment.json
new file mode 100644
index 0000000..63c9278
--- /dev/null
+++ b/apps/user/locales/en-US/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Cardholder Name",
+      "card_number": "Card Number",
+      "element_error": "Unable to get card element.",
+      "expiry_date": "Expiry Date",
+      "loading": "Stripe.js is not loaded. Please try again later.",
+      "name_placeholder": "Enter cardholder name",
+      "name_required": "Cardholder name is required",
+      "pay_button": "Pay Now",
+      "payment_failed": "Payment failed, please try again.",
+      "processing": "Payment processing, please check the result later.",
+      "processing_button": "Processing...",
+      "secure_notice": "Your payment information is securely encrypted",
+      "security_code": "Security Code",
+      "success_message": "Thank you for your payment!",
+      "success_title": "Payment Successful"
+    },
+    "error": "An unexpected error occurred",
+    "qrcode": {
+      "alipay": "Scan with Alipay to pay",
+      "wechat_pay": "Scan with WeChat to pay"
+    }
+  }
+}
diff --git a/apps/user/locales/en-US/subscribe.json b/apps/user/locales/en-US/subscribe.json
index e7f2dfa..3be2501 100644
--- a/apps/user/locales/en-US/subscribe.json
+++ b/apps/user/locales/en-US/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Connection Speed",
     "productDetail": "Product Details"
   },
+  "discount": "Discount",
+  "discountInfo": "Discount Info",
   "enterAmount": "Enter recharge amount",
   "enterCoupon": "Enter Coupon Code",
   "methods": {
diff --git a/apps/user/locales/en-US/wallet.json b/apps/user/locales/en-US/wallet.json
index 4934770..a3550fd 100644
--- a/apps/user/locales/en-US/wallet.json
+++ b/apps/user/locales/en-US/wallet.json
@@ -1,10 +1,11 @@
 {
   "amount": "Amount",
+  "assetOverview": "Asset Overview",
   "balance": "Balance",
   "commission": "Commission",
   "createdAt": "Time",
   "giftAmount": "Girt Amount",
-  "totalAssets": "Asset overview",
+  "totalAssets": "Total Assets",
   "type": {
     "0": "Type",
     "1": "Recharge",
diff --git a/apps/user/locales/es-ES/affiliate.json b/apps/user/locales/es-ES/affiliate.json
index e3bc236..a5ce9fa 100644
--- a/apps/user/locales/es-ES/affiliate.json
+++ b/apps/user/locales/es-ES/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Registros de invitación",
   "registrationTime": "Hora de registro",
   "totalCommission": "Comisión total",
-  "userEmail": "Correo electrónico del usuario"
+  "userIdentifier": "Identificador de usuario"
 }
diff --git a/apps/user/locales/es-ES/dashboard.json b/apps/user/locales/es-ES/dashboard.json
index 8c28ae7..57254e1 100644
--- a/apps/user/locales/es-ES/dashboard.json
+++ b/apps/user/locales/es-ES/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Mis suscripciones",
   "nextResetDays": "Próximo reinicio/días",
   "noLimit": "Sin límite",
+  "noReset": "Sin Reinicio",
   "prompt": "sugerencia",
   "purchaseSubscription": "Comprar suscripción",
   "qrCode": "Código QR",
diff --git a/apps/user/locales/es-ES/payment.json b/apps/user/locales/es-ES/payment.json
new file mode 100644
index 0000000..dec1ca7
--- /dev/null
+++ b/apps/user/locales/es-ES/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Nombre del titular de la tarjeta",
+      "card_number": "Número de tarjeta",
+      "element_error": "No se pudo obtener el elemento de la tarjeta.",
+      "expiry_date": "Fecha de caducidad",
+      "loading": "Stripe.js no está cargado. Por favor, inténtalo de nuevo más tarde.",
+      "name_placeholder": "Introduce el nombre del titular de la tarjeta",
+      "name_required": "Se requiere el nombre del titular de la tarjeta",
+      "pay_button": "Pagar Ahora",
+      "payment_failed": "El pago ha fallado, por favor inténtalo de nuevo.",
+      "processing": "Procesando el pago, por favor verifica el resultado más tarde.",
+      "processing_button": "Procesando...",
+      "secure_notice": "Tu información de pago está encriptada de forma segura",
+      "security_code": "Código de seguridad",
+      "success_message": "¡Gracias por tu pago!",
+      "success_title": "Pago Exitoso"
+    },
+    "error": "Ocurrió un error inesperado",
+    "qrcode": {
+      "alipay": "Escanea con Alipay para pagar",
+      "wechat_pay": "Escanea con WeChat para pagar"
+    }
+  }
+}
diff --git a/apps/user/locales/es-ES/subscribe.json b/apps/user/locales/es-ES/subscribe.json
index f10bc15..9fe3d68 100644
--- a/apps/user/locales/es-ES/subscribe.json
+++ b/apps/user/locales/es-ES/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Velocidad de conexión",
     "productDetail": "Detalles del producto"
   },
+  "discount": "Descuento",
+  "discountInfo": "Información del Descuento",
   "enterAmount": "Ingrese el monto de recarga",
   "enterCoupon": "Introduce el código de cupón",
   "methods": {
diff --git a/apps/user/locales/es-ES/wallet.json b/apps/user/locales/es-ES/wallet.json
index 575687f..f51d71b 100644
--- a/apps/user/locales/es-ES/wallet.json
+++ b/apps/user/locales/es-ES/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Cantidad",
+  "assetOverview": "Descripción del activo",
   "balance": "saldo",
   "commission": "Comisión",
   "createdAt": "hora",
diff --git a/apps/user/locales/es-MX/affiliate.json b/apps/user/locales/es-MX/affiliate.json
index 704bac2..edb9661 100644
--- a/apps/user/locales/es-MX/affiliate.json
+++ b/apps/user/locales/es-MX/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Registros de invitación",
   "registrationTime": "Hora de registro",
   "totalCommission": "Comisión total",
-  "userEmail": "Correo electrónico del usuario"
+  "userIdentifier": "Identificador de Usuario"
 }
diff --git a/apps/user/locales/es-MX/dashboard.json b/apps/user/locales/es-MX/dashboard.json
index 8292a7c..f6602fd 100644
--- a/apps/user/locales/es-MX/dashboard.json
+++ b/apps/user/locales/es-MX/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Mis suscripciones",
   "nextResetDays": "Próximo reinicio/días",
   "noLimit": "Sin Límite",
+  "noReset": "Sin Reinicio",
   "prompt": "Sugerencia",
   "purchaseSubscription": "Comprar suscripción",
   "qrCode": "Código QR",
diff --git a/apps/user/locales/es-MX/payment.json b/apps/user/locales/es-MX/payment.json
new file mode 100644
index 0000000..6fd2989
--- /dev/null
+++ b/apps/user/locales/es-MX/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Nombre del titular de la tarjeta",
+      "card_number": "Número de tarjeta",
+      "element_error": "No se pudo obtener el elemento de la tarjeta.",
+      "expiry_date": "Fecha de expiración",
+      "loading": "Stripe.js no se ha cargado. Por favor, inténtalo de nuevo más tarde.",
+      "name_placeholder": "Ingresa el nombre del titular de la tarjeta",
+      "name_required": "Se requiere el nombre del titular de la tarjeta",
+      "pay_button": "Pagar Ahora",
+      "payment_failed": "El pago falló, por favor inténtalo de nuevo.",
+      "processing": "Procesando el pago, por favor verifica el resultado más tarde.",
+      "processing_button": "Procesando...",
+      "secure_notice": "Tu información de pago está encriptada de forma segura",
+      "security_code": "Código de seguridad",
+      "success_message": "¡Gracias por tu pago!",
+      "success_title": "Pago Exitoso"
+    },
+    "error": "Ocurrió un error inesperado",
+    "qrcode": {
+      "alipay": "Escanea con Alipay para pagar",
+      "wechat_pay": "Escanea con WeChat para pagar"
+    }
+  }
+}
diff --git a/apps/user/locales/es-MX/subscribe.json b/apps/user/locales/es-MX/subscribe.json
index 6a90516..18a2ccf 100644
--- a/apps/user/locales/es-MX/subscribe.json
+++ b/apps/user/locales/es-MX/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Velocidad de conexión",
     "productDetail": "Detalles del producto"
   },
+  "discount": "Descuento",
+  "discountInfo": "Información del Descuento",
   "enterAmount": "Ingresa el monto de recarga",
   "enterCoupon": "Ingresa el código de cupón",
   "methods": {
diff --git a/apps/user/locales/es-MX/wallet.json b/apps/user/locales/es-MX/wallet.json
index 5faed0c..1531d49 100644
--- a/apps/user/locales/es-MX/wallet.json
+++ b/apps/user/locales/es-MX/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Monto",
+  "assetOverview": "Descripción del Activo",
   "balance": "saldo",
   "commission": "Comisión",
   "createdAt": "Hora",
diff --git a/apps/user/locales/fa-IR/affiliate.json b/apps/user/locales/fa-IR/affiliate.json
index 3ad965b..c551559 100644
--- a/apps/user/locales/fa-IR/affiliate.json
+++ b/apps/user/locales/fa-IR/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "سوابق دعوت",
   "registrationTime": "زمان ثبت‌نام",
   "totalCommission": "کمیسیون کل",
-  "userEmail": "ایمیل کاربر"
+  "userIdentifier": "شناسه کاربر"
 }
diff --git a/apps/user/locales/fa-IR/dashboard.json b/apps/user/locales/fa-IR/dashboard.json
index 15bff60..4f39cca 100644
--- a/apps/user/locales/fa-IR/dashboard.json
+++ b/apps/user/locales/fa-IR/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "اشتراک‌های من",
   "nextResetDays": "روزهای باقی‌مانده تا بازنشانی بعدی",
   "noLimit": "بدون محدودیت",
+  "noReset": "عدم بازنشانی",
   "prompt": "پیشنهاد",
   "purchaseSubscription": "خرید اشتراک",
   "qrCode": "کد QR",
diff --git a/apps/user/locales/fa-IR/payment.json b/apps/user/locales/fa-IR/payment.json
new file mode 100644
index 0000000..91aac37
--- /dev/null
+++ b/apps/user/locales/fa-IR/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "نام دارنده کارت",
+      "card_number": "شماره کارت",
+      "element_error": "عدم توانایی در دریافت عنصر کارت.",
+      "expiry_date": "تاریخ انقضا",
+      "loading": "Stripe.js بارگذاری نشده است. لطفاً بعداً دوباره تلاش کنید.",
+      "name_placeholder": "نام دارنده کارت را وارد کنید",
+      "name_required": "نام دارنده کارت الزامی است",
+      "pay_button": "همین حالا پرداخت کنید",
+      "payment_failed": "پرداخت ناموفق بود، لطفاً دوباره تلاش کنید.",
+      "processing": "پرداخت در حال پردازش است، لطفاً نتیجه را بعداً بررسی کنید.",
+      "processing_button": "در حال پردازش...",
+      "secure_notice": "اطلاعات پرداخت شما به صورت ایمن رمزگذاری شده است",
+      "security_code": "کد امنیتی",
+      "success_message": "از پرداخت شما متشکریم!",
+      "success_title": "پرداخت موفق"
+    },
+    "error": "یک خطای غیرمنتظره رخ داده است",
+    "qrcode": {
+      "alipay": "برای پرداخت با Alipay اسکن کنید",
+      "wechat_pay": "برای پرداخت با WeChat اسکن کنید"
+    }
+  }
+}
diff --git a/apps/user/locales/fa-IR/subscribe.json b/apps/user/locales/fa-IR/subscribe.json
index 9ed660a..3e38a51 100644
--- a/apps/user/locales/fa-IR/subscribe.json
+++ b/apps/user/locales/fa-IR/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "سرعت اتصال",
     "productDetail": "جزئیات محصول"
   },
+  "discount": "تخفیف",
+  "discountInfo": "اطلاعات تخفیف",
   "enterAmount": "مبلغ شارژ را وارد کنید",
   "enterCoupon": "کد تخفیف را وارد کنید",
   "methods": {
diff --git a/apps/user/locales/fa-IR/wallet.json b/apps/user/locales/fa-IR/wallet.json
index 1ae61f2..1dcec66 100644
--- a/apps/user/locales/fa-IR/wallet.json
+++ b/apps/user/locales/fa-IR/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "مقدار",
+  "assetOverview": "بررسی دارایی",
   "balance": "تعادل",
   "commission": "کمیسیون",
   "createdAt": "زمان",
diff --git a/apps/user/locales/fi-FI/affiliate.json b/apps/user/locales/fi-FI/affiliate.json
index e0bd537..007adab 100644
--- a/apps/user/locales/fi-FI/affiliate.json
+++ b/apps/user/locales/fi-FI/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Kutsuhistoria",
   "registrationTime": "Rekisteröintiaika",
   "totalCommission": "Kokonaisprovisio",
-  "userEmail": "Käyttäjän sähköposti"
+  "userIdentifier": "Käyttäjän tunnus"
 }
diff --git a/apps/user/locales/fi-FI/dashboard.json b/apps/user/locales/fi-FI/dashboard.json
index d461475..796574b 100644
--- a/apps/user/locales/fi-FI/dashboard.json
+++ b/apps/user/locales/fi-FI/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Omat tilaukset",
   "nextResetDays": "Seuraava nollaus/päivää",
   "noLimit": "Ei rajoitusta",
+  "noReset": "Ei nollata",
   "prompt": "kehotus",
   "purchaseSubscription": "Osta tilaus",
   "qrCode": "QR-koodi",
diff --git a/apps/user/locales/fi-FI/payment.json b/apps/user/locales/fi-FI/payment.json
new file mode 100644
index 0000000..f9a191d
--- /dev/null
+++ b/apps/user/locales/fi-FI/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Kortinhaltijan nimi",
+      "card_number": "Korttinumero",
+      "element_error": "Korttielementtiä ei voitu saada.",
+      "expiry_date": "Voimassaoloaika",
+      "loading": "Stripe.js ei ole ladattu. Yritä myöhemmin uudelleen.",
+      "name_placeholder": "Syötä kortinhaltijan nimi",
+      "name_required": "Kortinhaltijan nimi on pakollinen",
+      "pay_button": "Maksa nyt",
+      "payment_failed": "Maksu epäonnistui, yritä uudelleen.",
+      "processing": "Maksua käsitellään, tarkista tulos myöhemmin.",
+      "processing_button": "Käsitellään...",
+      "secure_notice": "Maksutietosi on salattu turvallisesti",
+      "security_code": "Turvakoodi",
+      "success_message": "Kiitos maksustasi!",
+      "success_title": "Maksu onnistui"
+    },
+    "error": "Odottamaton virhe tapahtui",
+    "qrcode": {
+      "alipay": "Skannaa Alipaylla maksamista varten",
+      "wechat_pay": "Skannaa WeChatilla maksamista varten"
+    }
+  }
+}
diff --git a/apps/user/locales/fi-FI/subscribe.json b/apps/user/locales/fi-FI/subscribe.json
index dacfd2f..db8b880 100644
--- a/apps/user/locales/fi-FI/subscribe.json
+++ b/apps/user/locales/fi-FI/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Yhteysnopeus",
     "productDetail": "Tuotteen tiedot"
   },
+  "discount": "Alennus",
+  "discountInfo": "Alennustiedot",
   "enterAmount": "Syötä latausmäärä",
   "enterCoupon": "Syötä alennuskoodi",
   "methods": {
diff --git a/apps/user/locales/fi-FI/wallet.json b/apps/user/locales/fi-FI/wallet.json
index 1bdfef0..3070e06 100644
--- a/apps/user/locales/fi-FI/wallet.json
+++ b/apps/user/locales/fi-FI/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Määrä",
+  "assetOverview": "Omaisuuden yleiskatsaus",
   "balance": "Saldo",
   "commission": "Komissio",
   "createdAt": "Aika",
diff --git a/apps/user/locales/fr-FR/affiliate.json b/apps/user/locales/fr-FR/affiliate.json
index b58030f..bedf014 100644
--- a/apps/user/locales/fr-FR/affiliate.json
+++ b/apps/user/locales/fr-FR/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Historique des invitations",
   "registrationTime": "Heure d'inscription",
   "totalCommission": "Commission totale",
-  "userEmail": "Adresse e-mail de l'utilisateur"
+  "userIdentifier": "Identifiant de l'utilisateur"
 }
diff --git a/apps/user/locales/fr-FR/dashboard.json b/apps/user/locales/fr-FR/dashboard.json
index 318d3a9..d73e9e3 100644
--- a/apps/user/locales/fr-FR/dashboard.json
+++ b/apps/user/locales/fr-FR/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Mes abonnements",
   "nextResetDays": "Prochain réinitialisation/jours",
   "noLimit": "Pas de limite",
+  "noReset": "Pas de réinitialisation",
   "prompt": "invite",
   "purchaseSubscription": "Acheter un abonnement",
   "qrCode": "Code QR",
diff --git a/apps/user/locales/fr-FR/payment.json b/apps/user/locales/fr-FR/payment.json
new file mode 100644
index 0000000..deaab85
--- /dev/null
+++ b/apps/user/locales/fr-FR/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Nom du titulaire de la carte",
+      "card_number": "Numéro de la carte",
+      "element_error": "Impossible d'obtenir l'élément de carte.",
+      "expiry_date": "Date d'expiration",
+      "loading": "Stripe.js n'est pas chargé. Veuillez réessayer plus tard.",
+      "name_placeholder": "Entrez le nom du titulaire de la carte",
+      "name_required": "Le nom du titulaire de la carte est requis",
+      "pay_button": "Payer maintenant",
+      "payment_failed": "Le paiement a échoué, veuillez réessayer.",
+      "processing": "Traitement du paiement, veuillez vérifier le résultat plus tard.",
+      "processing_button": "Traitement...",
+      "secure_notice": "Vos informations de paiement sont cryptées de manière sécurisée",
+      "security_code": "Code de sécurité",
+      "success_message": "Merci pour votre paiement !",
+      "success_title": "Paiement réussi"
+    },
+    "error": "Une erreur inattendue est survenue",
+    "qrcode": {
+      "alipay": "Scannez avec Alipay pour payer",
+      "wechat_pay": "Scannez avec WeChat pour payer"
+    }
+  }
+}
diff --git a/apps/user/locales/fr-FR/subscribe.json b/apps/user/locales/fr-FR/subscribe.json
index eaa5ae7..21f6fb5 100644
--- a/apps/user/locales/fr-FR/subscribe.json
+++ b/apps/user/locales/fr-FR/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Vitesse de connexion",
     "productDetail": "Détails du produit"
   },
+  "discount": "Remise",
+  "discountInfo": "Informations sur la remise",
   "enterAmount": "Entrez le montant de la recharge",
   "enterCoupon": "Entrez le code promo",
   "methods": {
diff --git a/apps/user/locales/fr-FR/wallet.json b/apps/user/locales/fr-FR/wallet.json
index 17dcff6..8571aea 100644
--- a/apps/user/locales/fr-FR/wallet.json
+++ b/apps/user/locales/fr-FR/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Montant",
+  "assetOverview": "Aperçu des actifs",
   "balance": "Solde",
   "commission": "Commission",
   "createdAt": "temps",
diff --git a/apps/user/locales/hi-IN/affiliate.json b/apps/user/locales/hi-IN/affiliate.json
index 549ae42..5fbf7c4 100644
--- a/apps/user/locales/hi-IN/affiliate.json
+++ b/apps/user/locales/hi-IN/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "आमंत्रण रिकॉर्ड",
   "registrationTime": "पंजीकरण समय",
   "totalCommission": "कुल कमीशन",
-  "userEmail": "उपयोगकर्ता ईमेल"
+  "userIdentifier": "उपयोगकर्ता पहचान"
 }
diff --git a/apps/user/locales/hi-IN/dashboard.json b/apps/user/locales/hi-IN/dashboard.json
index 4069873..b779e93 100644
--- a/apps/user/locales/hi-IN/dashboard.json
+++ b/apps/user/locales/hi-IN/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "मेरी सदस्यताएँ",
   "nextResetDays": "अगली रीसेट/दिन",
   "noLimit": "कोई सीमा नहीं",
+  "noReset": "कोई रीसेट नहीं",
   "prompt": "प्रॉम्प्ट",
   "purchaseSubscription": "सदस्यता खरीदें",
   "qrCode": "क्यूआर कोड",
diff --git a/apps/user/locales/hi-IN/payment.json b/apps/user/locales/hi-IN/payment.json
new file mode 100644
index 0000000..8e4babc
--- /dev/null
+++ b/apps/user/locales/hi-IN/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "कार्डधारक का नाम",
+      "card_number": "कार्ड नंबर",
+      "element_error": "कार्ड तत्व प्राप्त करने में असमर्थ।",
+      "expiry_date": "समाप्ति तिथि",
+      "loading": "Stripe.js लोड नहीं हुआ है। कृपया बाद में पुनः प्रयास करें।",
+      "name_placeholder": "कार्डधारक का नाम दर्ज करें",
+      "name_required": "कार्डधारक का नाम आवश्यक है",
+      "pay_button": "अभी भुगतान करें",
+      "payment_failed": "भुगतान विफल, कृपया पुनः प्रयास करें।",
+      "processing": "भुगतान प्रक्रिया में है, कृपया बाद में परिणाम जांचें।",
+      "processing_button": "प्रसंस्करण हो रहा है...",
+      "secure_notice": "आपकी भुगतान जानकारी सुरक्षित रूप से एन्क्रिप्ट की गई है",
+      "security_code": "सुरक्षा कोड",
+      "success_message": "आपके भुगतान के लिए धन्यवाद!",
+      "success_title": "भुगतान सफल"
+    },
+    "error": "एक अप्रत्याशित त्रुटि हुई",
+    "qrcode": {
+      "alipay": "भुगतान करने के लिए Alipay के साथ स्कैन करें",
+      "wechat_pay": "भुगतान करने के लिए WeChat के साथ स्कैन करें"
+    }
+  }
+}
diff --git a/apps/user/locales/hi-IN/subscribe.json b/apps/user/locales/hi-IN/subscribe.json
index ff12083..9254937 100644
--- a/apps/user/locales/hi-IN/subscribe.json
+++ b/apps/user/locales/hi-IN/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "कनेक्शन गति",
     "productDetail": "उत्पाद विवरण"
   },
+  "discount": "छूट",
+  "discountInfo": "छूट जानकारी",
   "enterAmount": "रिचार्ज राशि दर्ज करें",
   "enterCoupon": "कूपन कोड दर्ज करें",
   "methods": {
diff --git a/apps/user/locales/hi-IN/wallet.json b/apps/user/locales/hi-IN/wallet.json
index c37c7e7..d493139 100644
--- a/apps/user/locales/hi-IN/wallet.json
+++ b/apps/user/locales/hi-IN/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "राशि",
+  "assetOverview": "संपत्ति अवलोकन",
   "balance": "शेष",
   "commission": "आयोग",
   "createdAt": "समय",
diff --git a/apps/user/locales/hu-HU/affiliate.json b/apps/user/locales/hu-HU/affiliate.json
index 619e329..5c30f74 100644
--- a/apps/user/locales/hu-HU/affiliate.json
+++ b/apps/user/locales/hu-HU/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Meghívási rekordok",
   "registrationTime": "Regisztráció ideje",
   "totalCommission": "Teljes jutalék",
-  "userEmail": "Felhasználó e-mail"
+  "userIdentifier": "Felhasználói azonosító"
 }
diff --git a/apps/user/locales/hu-HU/dashboard.json b/apps/user/locales/hu-HU/dashboard.json
index 7a539cf..0a3ec7c 100644
--- a/apps/user/locales/hu-HU/dashboard.json
+++ b/apps/user/locales/hu-HU/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Előfizetéseim",
   "nextResetDays": "Következő visszaállítás/nap",
   "noLimit": "Nincs korlát",
+  "noReset": "Nincs visszaállítás",
   "prompt": "figyelmeztetés",
   "purchaseSubscription": "Előfizetés vásárlása",
   "qrCode": "QR-kód",
diff --git a/apps/user/locales/hu-HU/payment.json b/apps/user/locales/hu-HU/payment.json
new file mode 100644
index 0000000..662bc8e
--- /dev/null
+++ b/apps/user/locales/hu-HU/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Kártyabirtokos neve",
+      "card_number": "Kártyaszám",
+      "element_error": "Nem sikerült megszerezni a kártya elemet.",
+      "expiry_date": "Lejárati dátum",
+      "loading": "A Stripe.js nem töltődött be. Kérjük, próbálja újra később.",
+      "name_placeholder": "Írd be a kártyabirtokos nevét",
+      "name_required": "A kártyabirtokos neve kötelező",
+      "pay_button": "Fizetés most",
+      "payment_failed": "A fizetés meghiúsult, kérjük, próbálja újra.",
+      "processing": "Fizetés feldolgozása, kérjük, ellenőrizze az eredményt később.",
+      "processing_button": "Feldolgozás...",
+      "secure_notice": "A fizetési információi biztonságosan titkosítva vannak",
+      "security_code": "Biztonsági kód",
+      "success_message": "Köszönjük a fizetését!",
+      "success_title": "Fizetés Sikeres"
+    },
+    "error": "Váratlan hiba történt",
+    "qrcode": {
+      "alipay": "Fizesd a Alipay segítségével",
+      "wechat_pay": "Fizesd a WeChat segítségével"
+    }
+  }
+}
diff --git a/apps/user/locales/hu-HU/subscribe.json b/apps/user/locales/hu-HU/subscribe.json
index f39504e..d50520a 100644
--- a/apps/user/locales/hu-HU/subscribe.json
+++ b/apps/user/locales/hu-HU/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Kapcsolati sebesség",
     "productDetail": "Termék részletei"
   },
+  "discount": "Kedvezmény",
+  "discountInfo": "Kedvezmény Információ",
   "enterAmount": "Adja meg a feltöltési összeget",
   "enterCoupon": "Adja meg a kuponkódot",
   "methods": {
diff --git a/apps/user/locales/hu-HU/wallet.json b/apps/user/locales/hu-HU/wallet.json
index f191026..ec1f469 100644
--- a/apps/user/locales/hu-HU/wallet.json
+++ b/apps/user/locales/hu-HU/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Összeg",
+  "assetOverview": "Eszköz áttekintés",
   "balance": "Egyenleg",
   "commission": "Jutalék",
   "createdAt": "idő",
diff --git a/apps/user/locales/ja-JP/affiliate.json b/apps/user/locales/ja-JP/affiliate.json
index 6003736..dd39f71 100644
--- a/apps/user/locales/ja-JP/affiliate.json
+++ b/apps/user/locales/ja-JP/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "招待記録",
   "registrationTime": "登録時間",
   "totalCommission": "総手数料",
-  "userEmail": "ユーザーのメールアドレス"
+  "userIdentifier": "ユーザー識別子"
 }
diff --git a/apps/user/locales/ja-JP/dashboard.json b/apps/user/locales/ja-JP/dashboard.json
index 78dd871..a946e29 100644
--- a/apps/user/locales/ja-JP/dashboard.json
+++ b/apps/user/locales/ja-JP/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "私の購読",
   "nextResetDays": "次のリセット/日",
   "noLimit": "無制限",
+  "noReset": "リセットしない",
   "prompt": "プロンプト",
   "purchaseSubscription": "サブスクリプションを購入",
   "qrCode": "QRコード",
diff --git a/apps/user/locales/ja-JP/payment.json b/apps/user/locales/ja-JP/payment.json
new file mode 100644
index 0000000..1389115
--- /dev/null
+++ b/apps/user/locales/ja-JP/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "カード名義人",
+      "card_number": "カード番号",
+      "element_error": "カード要素を取得できませんでした。",
+      "expiry_date": "有効期限",
+      "loading": "Stripe.jsが読み込まれていません。後でもう一度お試しください。",
+      "name_placeholder": "カード名義人を入力してください",
+      "name_required": "カード名義人は必須です",
+      "pay_button": "今すぐ支払う",
+      "payment_failed": "支払いに失敗しました。もう一度お試しください。",
+      "processing": "支払い処理中です。結果を後で確認してください。",
+      "processing_button": "処理中...",
+      "secure_notice": "お支払い情報は安全に暗号化されています",
+      "security_code": "セキュリティコード",
+      "success_message": "お支払いありがとうございます！",
+      "success_title": "支払い成功"
+    },
+    "error": "予期しないエラーが発生しました",
+    "qrcode": {
+      "alipay": "Alipayで支払うにはスキャンしてください",
+      "wechat_pay": "WeChatで支払うにはスキャンしてください"
+    }
+  }
+}
diff --git a/apps/user/locales/ja-JP/subscribe.json b/apps/user/locales/ja-JP/subscribe.json
index e1ffcb5..157ef0a 100644
--- a/apps/user/locales/ja-JP/subscribe.json
+++ b/apps/user/locales/ja-JP/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "接続速度",
     "productDetail": "商品詳細"
   },
+  "discount": "割引",
+  "discountInfo": "割引情報",
   "enterAmount": "リチャージ金額を入力してください",
   "enterCoupon": "クーポンコードを入力",
   "methods": {
diff --git a/apps/user/locales/ja-JP/wallet.json b/apps/user/locales/ja-JP/wallet.json
index 77c6f97..f1f6ca3 100644
--- a/apps/user/locales/ja-JP/wallet.json
+++ b/apps/user/locales/ja-JP/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "金額",
+  "assetOverview": "資産概要",
   "balance": "残高",
   "commission": "手数料",
   "createdAt": "時間",
diff --git a/apps/user/locales/ko-KR/affiliate.json b/apps/user/locales/ko-KR/affiliate.json
index 4e1bdc3..f4aa128 100644
--- a/apps/user/locales/ko-KR/affiliate.json
+++ b/apps/user/locales/ko-KR/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "초대 기록",
   "registrationTime": "등록 시간",
   "totalCommission": "총 수수료",
-  "userEmail": "사용자 이메일"
+  "userIdentifier": "사용자 식별자"
 }
diff --git a/apps/user/locales/ko-KR/dashboard.json b/apps/user/locales/ko-KR/dashboard.json
index 24ca3db..cbddcc2 100644
--- a/apps/user/locales/ko-KR/dashboard.json
+++ b/apps/user/locales/ko-KR/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "내 구독",
   "nextResetDays": "다음 초기화/일",
   "noLimit": "제한 없음",
+  "noReset": "리셋 없음",
   "prompt": "프롬프트",
   "purchaseSubscription": "구독 구매",
   "qrCode": "QR코드",
diff --git a/apps/user/locales/ko-KR/payment.json b/apps/user/locales/ko-KR/payment.json
new file mode 100644
index 0000000..53e25f0
--- /dev/null
+++ b/apps/user/locales/ko-KR/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "카드 소지자 이름",
+      "card_number": "카드 번호",
+      "element_error": "카드 요소를 가져올 수 없습니다.",
+      "expiry_date": "유효 기간",
+      "loading": "Stripe.js가 로드되지 않았습니다. 나중에 다시 시도해 주세요.",
+      "name_placeholder": "카드 소지자 이름을 입력하세요",
+      "name_required": "카드 소지자 이름은 필수입니다",
+      "pay_button": "지금 결제하기",
+      "payment_failed": "결제에 실패했습니다. 다시 시도해 주세요.",
+      "processing": "결제 처리 중입니다. 결과를 나중에 확인해 주세요.",
+      "processing_button": "처리 중...",
+      "secure_notice": "귀하의 결제 정보는 안전하게 암호화됩니다.",
+      "security_code": "보안 코드",
+      "success_message": "결제해 주셔서 감사합니다!",
+      "success_title": "결제 성공"
+    },
+    "error": "예기치 않은 오류가 발생했습니다.",
+    "qrcode": {
+      "alipay": "Alipay로 스캔하여 결제하세요",
+      "wechat_pay": "WeChat으로 스캔하여 결제하세요"
+    }
+  }
+}
diff --git a/apps/user/locales/ko-KR/subscribe.json b/apps/user/locales/ko-KR/subscribe.json
index 69e15c1..14ba5e0 100644
--- a/apps/user/locales/ko-KR/subscribe.json
+++ b/apps/user/locales/ko-KR/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "연결 속도",
     "productDetail": "제품 세부 정보"
   },
+  "discount": "할인",
+  "discountInfo": "할인 정보",
   "enterAmount": "충전 금액을 입력하세요",
   "enterCoupon": "쿠폰 코드 입력",
   "methods": {
diff --git a/apps/user/locales/ko-KR/wallet.json b/apps/user/locales/ko-KR/wallet.json
index 0c6bc71..ffdbc34 100644
--- a/apps/user/locales/ko-KR/wallet.json
+++ b/apps/user/locales/ko-KR/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "금액",
+  "assetOverview": "자산 개요",
   "balance": "잔액",
   "commission": "위원회",
   "createdAt": "시간",
diff --git a/apps/user/locales/no-NO/affiliate.json b/apps/user/locales/no-NO/affiliate.json
index fd2639b..098baf0 100644
--- a/apps/user/locales/no-NO/affiliate.json
+++ b/apps/user/locales/no-NO/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Invitasjonsoppføringer",
   "registrationTime": "Registreringstid",
   "totalCommission": "Totalprovisjon",
-  "userEmail": "Brukerens e-post"
+  "userIdentifier": "Brukeridentifikator"
 }
diff --git a/apps/user/locales/no-NO/dashboard.json b/apps/user/locales/no-NO/dashboard.json
index b9fd29f..a1dc7e5 100644
--- a/apps/user/locales/no-NO/dashboard.json
+++ b/apps/user/locales/no-NO/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Mine abonnementer",
   "nextResetDays": "Neste tilbakestilling/dager",
   "noLimit": "Ingen grense",
+  "noReset": "Ingen tilbakestilling",
   "prompt": "Hint",
   "purchaseSubscription": "Kjøp abonnement",
   "qrCode": "QR-kode",
diff --git a/apps/user/locales/no-NO/payment.json b/apps/user/locales/no-NO/payment.json
new file mode 100644
index 0000000..8905dd2
--- /dev/null
+++ b/apps/user/locales/no-NO/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Kortholderens navn",
+      "card_number": "Kortnummer",
+      "element_error": "Kunne ikke hente kortelement.",
+      "expiry_date": "Utløpsdato",
+      "loading": "Stripe.js er ikke lastet inn. Vennligst prøv igjen senere.",
+      "name_placeholder": "Skriv inn kortholderens navn",
+      "name_required": "Kortholderens navn er påkrevd",
+      "pay_button": "Betal Nå",
+      "payment_failed": "Betaling mislyktes, vennligst prøv igjen.",
+      "processing": "Betaling behandles, vennligst sjekk resultatet senere.",
+      "processing_button": "Behandler...",
+      "secure_notice": "Din betalingsinformasjon er sikkert kryptert",
+      "security_code": "Sikkerhetskode",
+      "success_message": "Takk for betalingen!",
+      "success_title": "Betaling Vel Lykket"
+    },
+    "error": "En uventet feil oppstod",
+    "qrcode": {
+      "alipay": "Skann med Alipay for å betale",
+      "wechat_pay": "Skann med WeChat for å betale"
+    }
+  }
+}
diff --git a/apps/user/locales/no-NO/subscribe.json b/apps/user/locales/no-NO/subscribe.json
index 6b85f0f..7d36327 100644
--- a/apps/user/locales/no-NO/subscribe.json
+++ b/apps/user/locales/no-NO/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Tilkoblingshastighet",
     "productDetail": "Produktdetaljer"
   },
+  "discount": "Rabatt",
+  "discountInfo": "Rabattinformasjon",
   "enterAmount": "Skriv inn påfyllingsbeløp",
   "enterCoupon": "Skriv inn kupongkode",
   "methods": {
diff --git a/apps/user/locales/no-NO/wallet.json b/apps/user/locales/no-NO/wallet.json
index 71c7eb1..ed9aec4 100644
--- a/apps/user/locales/no-NO/wallet.json
+++ b/apps/user/locales/no-NO/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Beløp",
+  "assetOverview": "Eiendomsoversikt",
   "balance": "Balanse",
   "commission": "Kommisjon",
   "createdAt": "Tid",
diff --git a/apps/user/locales/pl-PL/affiliate.json b/apps/user/locales/pl-PL/affiliate.json
index d2982a3..5d9fcf5 100644
--- a/apps/user/locales/pl-PL/affiliate.json
+++ b/apps/user/locales/pl-PL/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Rekordy zaproszeń",
   "registrationTime": "Czas rejestracji",
   "totalCommission": "Łączna prowizja",
-  "userEmail": "Adres e-mail użytkownika"
+  "userIdentifier": "Identyfikator Użytkownika"
 }
diff --git a/apps/user/locales/pl-PL/dashboard.json b/apps/user/locales/pl-PL/dashboard.json
index a0cd93f..c15bc6f 100644
--- a/apps/user/locales/pl-PL/dashboard.json
+++ b/apps/user/locales/pl-PL/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Moje subskrypcje",
   "nextResetDays": "Następny reset/dni",
   "noLimit": "Bez limitu",
+  "noReset": "Brak resetu",
   "prompt": "Podpowiedź",
   "purchaseSubscription": "Zakup subskrypcji",
   "qrCode": "Kod QR",
diff --git a/apps/user/locales/pl-PL/payment.json b/apps/user/locales/pl-PL/payment.json
new file mode 100644
index 0000000..47d8c4c
--- /dev/null
+++ b/apps/user/locales/pl-PL/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Imię i nazwisko posiadacza karty",
+      "card_number": "Numer karty",
+      "element_error": "Nie można uzyskać elementu karty.",
+      "expiry_date": "Data ważności",
+      "loading": "Stripe.js nie został załadowany. Proszę spróbować ponownie później.",
+      "name_placeholder": "Wprowadź imię i nazwisko posiadacza karty",
+      "name_required": "Imię i nazwisko posiadacza karty jest wymagane",
+      "pay_button": "Zapłać teraz",
+      "payment_failed": "Płatność nie powiodła się, proszę spróbować ponownie.",
+      "processing": "Przetwarzanie płatności, proszę sprawdzić wynik później.",
+      "processing_button": "Przetwarzanie...",
+      "secure_notice": "Twoje dane płatnicze są bezpiecznie szyfrowane",
+      "security_code": "Kod zabezpieczający",
+      "success_message": "Dziękujemy za dokonanie płatności!",
+      "success_title": "Płatność zakończona sukcesem"
+    },
+    "error": "Wystąpił nieoczekiwany błąd",
+    "qrcode": {
+      "alipay": "Skanuj z Alipay, aby zapłacić",
+      "wechat_pay": "Skanuj z WeChat, aby zapłacić"
+    }
+  }
+}
diff --git a/apps/user/locales/pl-PL/subscribe.json b/apps/user/locales/pl-PL/subscribe.json
index f5720c1..c077096 100644
--- a/apps/user/locales/pl-PL/subscribe.json
+++ b/apps/user/locales/pl-PL/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Prędkość połączenia",
     "productDetail": "Szczegóły produktu"
   },
+  "discount": "Zniżka",
+  "discountInfo": "Informacje o zniżce",
   "enterAmount": "Wprowadź kwotę doładowania",
   "enterCoupon": "Wprowadź kod kuponu",
   "methods": {
diff --git a/apps/user/locales/pl-PL/wallet.json b/apps/user/locales/pl-PL/wallet.json
index abaa54e..8af3b19 100644
--- a/apps/user/locales/pl-PL/wallet.json
+++ b/apps/user/locales/pl-PL/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "kwota",
+  "assetOverview": "Przegląd aktywów",
   "balance": "saldo",
   "commission": "Prowizja",
   "createdAt": "czas",
diff --git a/apps/user/locales/pt-BR/affiliate.json b/apps/user/locales/pt-BR/affiliate.json
index 8cce85c..fa50c62 100644
--- a/apps/user/locales/pt-BR/affiliate.json
+++ b/apps/user/locales/pt-BR/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Registros de Convite",
   "registrationTime": "Hora de Registro",
   "totalCommission": "Comissão Total",
-  "userEmail": "Email do usuário"
+  "userIdentifier": "Identificador do Usuário"
 }
diff --git a/apps/user/locales/pt-BR/dashboard.json b/apps/user/locales/pt-BR/dashboard.json
index d112baf..eab91f4 100644
--- a/apps/user/locales/pt-BR/dashboard.json
+++ b/apps/user/locales/pt-BR/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Minhas assinaturas",
   "nextResetDays": "Próxima redefinição/dias",
   "noLimit": "Sem Limite",
+  "noReset": "Sem Redefinição",
   "prompt": "Sugestão",
   "purchaseSubscription": "Comprar Assinatura",
   "qrCode": "Código QR",
diff --git a/apps/user/locales/pt-BR/payment.json b/apps/user/locales/pt-BR/payment.json
new file mode 100644
index 0000000..e9e1760
--- /dev/null
+++ b/apps/user/locales/pt-BR/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Nome do Titular",
+      "card_number": "Número do Cartão",
+      "element_error": "Não foi possível obter o elemento do cartão.",
+      "expiry_date": "Data de Validade",
+      "loading": "Stripe.js não está carregado. Por favor, tente novamente mais tarde.",
+      "name_placeholder": "Digite o nome do titular",
+      "name_required": "O nome do titular é obrigatório",
+      "pay_button": "Pagar Agora",
+      "payment_failed": "Pagamento falhou, por favor tente novamente.",
+      "processing": "Processando pagamento, por favor verifique o resultado mais tarde.",
+      "processing_button": "Processando...",
+      "secure_notice": "Suas informações de pagamento estão criptografadas com segurança",
+      "security_code": "Código de Segurança",
+      "success_message": "Obrigado pelo seu pagamento!",
+      "success_title": "Pagamento Bem-Sucedido"
+    },
+    "error": "Ocorreu um erro inesperado",
+    "qrcode": {
+      "alipay": "Escaneie com Alipay para pagar",
+      "wechat_pay": "Escaneie com WeChat para pagar"
+    }
+  }
+}
diff --git a/apps/user/locales/pt-BR/subscribe.json b/apps/user/locales/pt-BR/subscribe.json
index 15f76b6..a3cc4b2 100644
--- a/apps/user/locales/pt-BR/subscribe.json
+++ b/apps/user/locales/pt-BR/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Velocidade de conexão",
     "productDetail": "Detalhes do produto"
   },
+  "discount": "Desconto",
+  "discountInfo": "Informações sobre o Desconto",
   "enterAmount": "Digite o valor da recarga",
   "enterCoupon": "Insira o Código do Cupom",
   "methods": {
diff --git a/apps/user/locales/pt-BR/wallet.json b/apps/user/locales/pt-BR/wallet.json
index f042426..395a755 100644
--- a/apps/user/locales/pt-BR/wallet.json
+++ b/apps/user/locales/pt-BR/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "quantia",
+  "assetOverview": "Visão Geral do Ativo",
   "balance": "saldo",
   "commission": "Comissão",
   "createdAt": "hora",
diff --git a/apps/user/locales/request.ts b/apps/user/locales/request.ts
index 4d175e4..6081675 100644
--- a/apps/user/locales/request.ts
+++ b/apps/user/locales/request.ts
@@ -19,6 +19,7 @@ export default getRequestConfig(async () => {
     profile: (await import(`./${locale}/profile.json`)).default,
     subscribe: (await import(`./${locale}/subscribe.json`)).default,
     order: (await import(`./${locale}/order.json`)).default,
+    payment: (await import(`./${locale}/payment.json`)).default,
     wallet: (await import(`./${locale}/wallet.json`)).default,
     ticket: (await import(`./${locale}/ticket.json`)).default,
     document: (await import(`./${locale}/document.json`)).default,
diff --git a/apps/user/locales/ro-RO/affiliate.json b/apps/user/locales/ro-RO/affiliate.json
index 559bf3c..b1acfd5 100644
--- a/apps/user/locales/ro-RO/affiliate.json
+++ b/apps/user/locales/ro-RO/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Înregistrări de invitații",
   "registrationTime": "Timp de înregistrare",
   "totalCommission": "Comision total",
-  "userEmail": "Email utilizator"
+  "userIdentifier": "Identificator utilizator"
 }
diff --git a/apps/user/locales/ro-RO/dashboard.json b/apps/user/locales/ro-RO/dashboard.json
index f7c806e..0989928 100644
--- a/apps/user/locales/ro-RO/dashboard.json
+++ b/apps/user/locales/ro-RO/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Abonamentele mele",
   "nextResetDays": "Următoarea resetare/zile",
   "noLimit": "Fără limită",
+  "noReset": "Fără Resetare",
   "prompt": "Sfat",
   "purchaseSubscription": "Achiziționează abonament",
   "qrCode": "cod QR",
diff --git a/apps/user/locales/ro-RO/payment.json b/apps/user/locales/ro-RO/payment.json
new file mode 100644
index 0000000..8f522ff
--- /dev/null
+++ b/apps/user/locales/ro-RO/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Numele titularului cardului",
+      "card_number": "Numărul cardului",
+      "element_error": "Nu s-a putut obține elementul cardului.",
+      "expiry_date": "Data expirării",
+      "loading": "Stripe.js nu este încărcat. Vă rugăm să încercați din nou mai târziu.",
+      "name_placeholder": "Introduceți numele titularului cardului",
+      "name_required": "Numele titularului cardului este necesar",
+      "pay_button": "Plătește acum",
+      "payment_failed": "Plata a eșuat, vă rugăm să încercați din nou.",
+      "processing": "Plata este în procesare, vă rugăm să verificați rezultatul mai târziu.",
+      "processing_button": "Se procesează...",
+      "secure_notice": "Informațiile dumneavoastră de plată sunt criptate în siguranță",
+      "security_code": "Cod de securitate",
+      "success_message": "Vă mulțumim pentru plata dumneavoastră!",
+      "success_title": "Plata a fost efectuată cu succes"
+    },
+    "error": "A apărut o eroare neașteptată",
+    "qrcode": {
+      "alipay": "Scanați cu Alipay pentru a plăti",
+      "wechat_pay": "Scanați cu WeChat pentru a plăti"
+    }
+  }
+}
diff --git a/apps/user/locales/ro-RO/subscribe.json b/apps/user/locales/ro-RO/subscribe.json
index e3e9a0d..d6b680f 100644
--- a/apps/user/locales/ro-RO/subscribe.json
+++ b/apps/user/locales/ro-RO/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Viteza de conectare",
     "productDetail": "Detalii produs"
   },
+  "discount": "Reducere",
+  "discountInfo": "Informații despre reducere",
   "enterAmount": "Introduceți suma de reîncărcare",
   "enterCoupon": "Introduceți codul cuponului",
   "methods": {
diff --git a/apps/user/locales/ro-RO/wallet.json b/apps/user/locales/ro-RO/wallet.json
index c6c7bef..4a4cfba 100644
--- a/apps/user/locales/ro-RO/wallet.json
+++ b/apps/user/locales/ro-RO/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Sumă",
+  "assetOverview": "Prezentare generală a activelor",
   "balance": "Sold",
   "commission": "Comision",
   "createdAt": "Timp",
diff --git a/apps/user/locales/ru-RU/affiliate.json b/apps/user/locales/ru-RU/affiliate.json
index 9f36d91..7df7855 100644
--- a/apps/user/locales/ru-RU/affiliate.json
+++ b/apps/user/locales/ru-RU/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Записи приглашений",
   "registrationTime": "Время регистрации",
   "totalCommission": "Общая сумма комиссии",
-  "userEmail": "Электронная почта пользователя"
+  "userIdentifier": "Идентификатор пользователя"
 }
diff --git a/apps/user/locales/ru-RU/dashboard.json b/apps/user/locales/ru-RU/dashboard.json
index 8fb5016..847bc88 100644
--- a/apps/user/locales/ru-RU/dashboard.json
+++ b/apps/user/locales/ru-RU/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Мои подписки",
   "nextResetDays": "Следующее сброс/дней",
   "noLimit": "Без ограничений",
+  "noReset": "Нет сброса",
   "prompt": "Подсказка",
   "purchaseSubscription": "Купить подписку",
   "qrCode": "QR-код",
diff --git a/apps/user/locales/ru-RU/payment.json b/apps/user/locales/ru-RU/payment.json
new file mode 100644
index 0000000..7e03b7f
--- /dev/null
+++ b/apps/user/locales/ru-RU/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Имя держателя карты",
+      "card_number": "Номер карты",
+      "element_error": "Не удалось получить элемент карты.",
+      "expiry_date": "Срок действия",
+      "loading": "Stripe.js не загружен. Пожалуйста, попробуйте позже.",
+      "name_placeholder": "Введите имя держателя карты",
+      "name_required": "Имя держателя карты обязательно",
+      "pay_button": "Оплатить сейчас",
+      "payment_failed": "Платеж не удался, пожалуйста, попробуйте снова.",
+      "processing": "Обработка платежа, пожалуйста, проверьте результат позже.",
+      "processing_button": "Обработка...",
+      "secure_notice": "Ваша платежная информация надежно зашифрована",
+      "security_code": "Код безопасности",
+      "success_message": "Спасибо за ваш платеж!",
+      "success_title": "Платеж успешен"
+    },
+    "error": "Произошла неожиданная ошибка",
+    "qrcode": {
+      "alipay": "Сканируйте с помощью Alipay для оплаты",
+      "wechat_pay": "Сканируйте с помощью WeChat для оплаты"
+    }
+  }
+}
diff --git a/apps/user/locales/ru-RU/subscribe.json b/apps/user/locales/ru-RU/subscribe.json
index 1596d62..c035002 100644
--- a/apps/user/locales/ru-RU/subscribe.json
+++ b/apps/user/locales/ru-RU/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Скорость соединения",
     "productDetail": "Детали продукта"
   },
+  "discount": "Скидка",
+  "discountInfo": "Информация о скидке",
   "enterAmount": "Введите сумму пополнения",
   "enterCoupon": "Введите промокод",
   "methods": {
diff --git a/apps/user/locales/ru-RU/wallet.json b/apps/user/locales/ru-RU/wallet.json
index e134ffa..a62ceec 100644
--- a/apps/user/locales/ru-RU/wallet.json
+++ b/apps/user/locales/ru-RU/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "сумма",
+  "assetOverview": "Обзор актива",
   "balance": "Баланс",
   "commission": "Комиссия",
   "createdAt": "время",
diff --git a/apps/user/locales/th-TH/affiliate.json b/apps/user/locales/th-TH/affiliate.json
index 3dcc460..51f5c3f 100644
--- a/apps/user/locales/th-TH/affiliate.json
+++ b/apps/user/locales/th-TH/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "บันทึกการเชิญ",
   "registrationTime": "เวลาลงทะเบียน",
   "totalCommission": "ค่าคอมมิชชั่นทั้งหมด",
-  "userEmail": "อีเมลผู้ใช้"
+  "userIdentifier": "รหัสผู้ใช้"
 }
diff --git a/apps/user/locales/th-TH/dashboard.json b/apps/user/locales/th-TH/dashboard.json
index 0c6fa5e..22c3290 100644
--- a/apps/user/locales/th-TH/dashboard.json
+++ b/apps/user/locales/th-TH/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "การสมัครสมาชิกของฉัน",
   "nextResetDays": "รีเซ็ตครั้งถัดไป/วัน",
   "noLimit": "ไม่จำกัด",
+  "noReset": "ไม่มีการรีเซ็ต",
   "prompt": "คำแนะนำ",
   "purchaseSubscription": "ซื้อการสมัครสมาชิก",
   "qrCode": "คิวอาร์โค้ด",
diff --git a/apps/user/locales/th-TH/payment.json b/apps/user/locales/th-TH/payment.json
new file mode 100644
index 0000000..4d83e58
--- /dev/null
+++ b/apps/user/locales/th-TH/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "ชื่อผู้ถือบัตร",
+      "card_number": "หมายเลขบัตร",
+      "element_error": "ไม่สามารถดึงข้อมูลองค์ประกอบบัตรได้.",
+      "expiry_date": "วันหมดอายุ",
+      "loading": "ไม่สามารถโหลด Stripe.js ได้ กรุณาลองใหม่ในภายหลัง.",
+      "name_placeholder": "กรอกชื่อผู้ถือบัตร",
+      "name_required": "ชื่อผู้ถือบัตรเป็นสิ่งจำเป็น",
+      "pay_button": "ชำระเงินตอนนี้",
+      "payment_failed": "การชำระเงินล้มเหลว กรุณาลองใหม่อีกครั้ง.",
+      "processing": "กำลังประมวลผลการชำระเงิน กรุณาตรวจสอบผลในภายหลัง.",
+      "processing_button": "กำลังประมวลผล...",
+      "secure_notice": "ข้อมูลการชำระเงินของคุณถูกเข้ารหัสอย่างปลอดภัย",
+      "security_code": "รหัสความปลอดภัย",
+      "success_message": "ขอบคุณสำหรับการชำระเงินของคุณ!",
+      "success_title": "การชำระเงินสำเร็จ"
+    },
+    "error": "เกิดข้อผิดพลาดที่ไม่คาดคิด",
+    "qrcode": {
+      "alipay": "สแกนด้วย Alipay เพื่อชำระเงิน",
+      "wechat_pay": "สแกนด้วย WeChat เพื่อชำระเงิน"
+    }
+  }
+}
diff --git a/apps/user/locales/th-TH/subscribe.json b/apps/user/locales/th-TH/subscribe.json
index a3a4c73..b70541f 100644
--- a/apps/user/locales/th-TH/subscribe.json
+++ b/apps/user/locales/th-TH/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "ความเร็วในการเชื่อมต่อ",
     "productDetail": "รายละเอียดสินค้า"
   },
+  "discount": "ส่วนลด",
+  "discountInfo": "ข้อมูลส่วนลด",
   "enterAmount": "กรอกจำนวนเงินที่ต้องการเติม",
   "enterCoupon": "กรอกรหัสคูปอง",
   "methods": {
diff --git a/apps/user/locales/th-TH/wallet.json b/apps/user/locales/th-TH/wallet.json
index 3826b03..55c1c35 100644
--- a/apps/user/locales/th-TH/wallet.json
+++ b/apps/user/locales/th-TH/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "จำนวนเงิน",
+  "assetOverview": "ภาพรวมสินทรัพย์",
   "balance": "ยอดคงเหลือ",
   "commission": "คอมมิชชั่น",
   "createdAt": "เวลา",
diff --git a/apps/user/locales/tr-TR/affiliate.json b/apps/user/locales/tr-TR/affiliate.json
index b0516af..d1031ff 100644
--- a/apps/user/locales/tr-TR/affiliate.json
+++ b/apps/user/locales/tr-TR/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Davet Kayıtları",
   "registrationTime": "Kayıt Zamanı",
   "totalCommission": "Toplam Komisyon",
-  "userEmail": "Kullanıcı E-postası"
+  "userIdentifier": "Kullanıcı Tanımlayıcı"
 }
diff --git a/apps/user/locales/tr-TR/dashboard.json b/apps/user/locales/tr-TR/dashboard.json
index 862eb57..22d2243 100644
--- a/apps/user/locales/tr-TR/dashboard.json
+++ b/apps/user/locales/tr-TR/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Aboneliklerim",
   "nextResetDays": "Sonraki Sıfırlama/Gün",
   "noLimit": "Sınırsız",
+  "noReset": "Sıfırlama Yok",
   "prompt": "istem",
   "purchaseSubscription": "Abonelik Satın Al",
   "qrCode": "QR kodu",
diff --git a/apps/user/locales/tr-TR/payment.json b/apps/user/locales/tr-TR/payment.json
new file mode 100644
index 0000000..7549929
--- /dev/null
+++ b/apps/user/locales/tr-TR/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Kart Sahibi Adı",
+      "card_number": "Kart Numarası",
+      "element_error": "Kart öğesi alınamadı.",
+      "expiry_date": "Son Kullanma Tarihi",
+      "loading": "Stripe.js yüklenmedi. Lütfen daha sonra tekrar deneyin.",
+      "name_placeholder": "Kart sahibi adını girin",
+      "name_required": "Kart sahibi adı gereklidir",
+      "pay_button": "Şimdi Öde",
+      "payment_failed": "Ödeme başarısız oldu, lütfen tekrar deneyin.",
+      "processing": "Ödeme işleniyor, lütfen sonucu daha sonra kontrol edin.",
+      "processing_button": "İşleniyor...",
+      "secure_notice": "Ödeme bilgileriniz güvenli bir şekilde şifrelenmiştir.",
+      "security_code": "Güvenlik Kodu",
+      "success_message": "Ödemeniz için teşekkür ederiz!",
+      "success_title": "Ödeme Başarılı"
+    },
+    "error": "Beklenmedik bir hata oluştu.",
+    "qrcode": {
+      "alipay": "Ödemek için Alipay ile tara",
+      "wechat_pay": "Ödemek için WeChat ile tara"
+    }
+  }
+}
diff --git a/apps/user/locales/tr-TR/subscribe.json b/apps/user/locales/tr-TR/subscribe.json
index 1db74c3..5adbb1b 100644
--- a/apps/user/locales/tr-TR/subscribe.json
+++ b/apps/user/locales/tr-TR/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Bağlantı Hızı",
     "productDetail": "Ürün Detayları"
   },
+  "discount": "İndirim",
+  "discountInfo": "İndirim Bilgisi",
   "enterAmount": "Yükleme tutarını girin",
   "enterCoupon": "Kupon Kodunu Girin",
   "methods": {
diff --git a/apps/user/locales/tr-TR/wallet.json b/apps/user/locales/tr-TR/wallet.json
index 4609d53..75c21fa 100644
--- a/apps/user/locales/tr-TR/wallet.json
+++ b/apps/user/locales/tr-TR/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Tutar",
+  "assetOverview": "Varlık Genel Görünümü",
   "balance": "Bakiye",
   "commission": "Komisyon",
   "createdAt": "zaman",
diff --git a/apps/user/locales/uk-UA/affiliate.json b/apps/user/locales/uk-UA/affiliate.json
index 89fab64..6953d87 100644
--- a/apps/user/locales/uk-UA/affiliate.json
+++ b/apps/user/locales/uk-UA/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Записи запрошень",
   "registrationTime": "Час реєстрації",
   "totalCommission": "Загальна сума комісії",
-  "userEmail": "Електронна пошта користувача"
+  "userIdentifier": "Ідентифікатор користувача"
 }
diff --git a/apps/user/locales/uk-UA/dashboard.json b/apps/user/locales/uk-UA/dashboard.json
index 4fcbe4c..2815aae 100644
--- a/apps/user/locales/uk-UA/dashboard.json
+++ b/apps/user/locales/uk-UA/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Мої підписки",
   "nextResetDays": "Наступне скидання/днів",
   "noLimit": "Без обмежень",
+  "noReset": "Без скидання",
   "prompt": "підказка",
   "purchaseSubscription": "Придбати підписку",
   "qrCode": "QR-код",
diff --git a/apps/user/locales/uk-UA/payment.json b/apps/user/locales/uk-UA/payment.json
new file mode 100644
index 0000000..64dbd47
--- /dev/null
+++ b/apps/user/locales/uk-UA/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Ім'я власника картки",
+      "card_number": "Номер картки",
+      "element_error": "Не вдалося отримати елемент картки.",
+      "expiry_date": "Термін дії",
+      "loading": "Stripe.js не завантажено. Будь ласка, спробуйте ще раз пізніше.",
+      "name_placeholder": "Введіть ім'я власника картки",
+      "name_required": "Ім'я власника картки обов'язкове",
+      "pay_button": "Оплатити зараз",
+      "payment_failed": "Платіж не вдався, будь ласка, спробуйте ще раз.",
+      "processing": "Обробка платежу, будь ласка, перевірте результат пізніше.",
+      "processing_button": "Обробка...",
+      "secure_notice": "Ваша платіжна інформація надійно зашифрована",
+      "security_code": "Код безпеки",
+      "success_message": "Дякуємо за ваш платіж!",
+      "success_title": "Платіж успішний"
+    },
+    "error": "Сталася несподівана помилка",
+    "qrcode": {
+      "alipay": "Скануйте з Alipay для оплати",
+      "wechat_pay": "Скануйте з WeChat для оплати"
+    }
+  }
+}
diff --git a/apps/user/locales/uk-UA/subscribe.json b/apps/user/locales/uk-UA/subscribe.json
index 2f582ef..c8a1e5a 100644
--- a/apps/user/locales/uk-UA/subscribe.json
+++ b/apps/user/locales/uk-UA/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Швидкість з'єднання",
     "productDetail": "Деталі товару"
   },
+  "discount": "Знижка",
+  "discountInfo": "Інформація про знижку",
   "enterAmount": "Введіть суму поповнення",
   "enterCoupon": "Введіть код купона",
   "methods": {
diff --git a/apps/user/locales/uk-UA/wallet.json b/apps/user/locales/uk-UA/wallet.json
index 13824c6..e46d0d3 100644
--- a/apps/user/locales/uk-UA/wallet.json
+++ b/apps/user/locales/uk-UA/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Сума",
+  "assetOverview": "Огляд активів",
   "balance": "Баланс",
   "commission": "Комісія",
   "createdAt": "Час",
diff --git a/apps/user/locales/vi-VN/affiliate.json b/apps/user/locales/vi-VN/affiliate.json
index 2fcac95..1d5c936 100644
--- a/apps/user/locales/vi-VN/affiliate.json
+++ b/apps/user/locales/vi-VN/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "Hồ sơ mời",
   "registrationTime": "Thời gian đăng ký",
   "totalCommission": "Tổng hoa hồng",
-  "userEmail": "Email người dùng"
+  "userIdentifier": "Mã người dùng"
 }
diff --git a/apps/user/locales/vi-VN/dashboard.json b/apps/user/locales/vi-VN/dashboard.json
index d11cae3..e469aab 100644
--- a/apps/user/locales/vi-VN/dashboard.json
+++ b/apps/user/locales/vi-VN/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "Đăng ký của tôi",
   "nextResetDays": "Lần đặt lại tiếp theo/ngày",
   "noLimit": "Không Giới Hạn",
+  "noReset": "Không đặt lại",
   "prompt": "gợi ý",
   "purchaseSubscription": "Mua đăng ký",
   "qrCode": "Mã QR",
diff --git a/apps/user/locales/vi-VN/payment.json b/apps/user/locales/vi-VN/payment.json
new file mode 100644
index 0000000..0f6a844
--- /dev/null
+++ b/apps/user/locales/vi-VN/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "Tên chủ thẻ",
+      "card_number": "Số thẻ",
+      "element_error": "Không thể lấy phần tử thẻ.",
+      "expiry_date": "Ngày hết hạn",
+      "loading": "Stripe.js chưa được tải. Vui lòng thử lại sau.",
+      "name_placeholder": "Nhập tên chủ thẻ",
+      "name_required": "Tên chủ thẻ là bắt buộc",
+      "pay_button": "Thanh toán ngay",
+      "payment_failed": "Thanh toán không thành công, vui lòng thử lại.",
+      "processing": "Đang xử lý thanh toán, vui lòng kiểm tra kết quả sau.",
+      "processing_button": "Đang xử lý...",
+      "secure_notice": "Thông tin thanh toán của bạn được mã hóa an toàn",
+      "security_code": "Mã bảo mật",
+      "success_message": "Cảm ơn bạn đã thanh toán!",
+      "success_title": "Thanh toán thành công"
+    },
+    "error": "Đã xảy ra lỗi không mong muốn",
+    "qrcode": {
+      "alipay": "Quét với Alipay để thanh toán",
+      "wechat_pay": "Quét với WeChat để thanh toán"
+    }
+  }
+}
diff --git a/apps/user/locales/vi-VN/subscribe.json b/apps/user/locales/vi-VN/subscribe.json
index b756e1e..9f51c0d 100644
--- a/apps/user/locales/vi-VN/subscribe.json
+++ b/apps/user/locales/vi-VN/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "Tốc độ kết nối",
     "productDetail": "Chi tiết sản phẩm"
   },
+  "discount": "Giảm giá",
+  "discountInfo": "Thông tin giảm giá",
   "enterAmount": "Nhập số tiền nạp",
   "enterCoupon": "Nhập Mã Phiếu Giảm Giá",
   "methods": {
diff --git a/apps/user/locales/vi-VN/wallet.json b/apps/user/locales/vi-VN/wallet.json
index aac935c..b8d3517 100644
--- a/apps/user/locales/vi-VN/wallet.json
+++ b/apps/user/locales/vi-VN/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "Số tiền",
+  "assetOverview": "Tổng Quan Tài Sản",
   "balance": "Số dư",
   "commission": "Hoa hồng",
   "createdAt": "Thời gian",
diff --git a/apps/user/locales/zh-CN/affiliate.json b/apps/user/locales/zh-CN/affiliate.json
index f5df07f..967ec6e 100644
--- a/apps/user/locales/zh-CN/affiliate.json
+++ b/apps/user/locales/zh-CN/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "邀请记录",
   "registrationTime": "注册时间",
   "totalCommission": "佣金总额",
-  "userEmail": "用户邮箱"
+  "userIdentifier": "用户标识符"
 }
diff --git a/apps/user/locales/zh-CN/dashboard.json b/apps/user/locales/zh-CN/dashboard.json
index 4e01a2b..b152f21 100644
--- a/apps/user/locales/zh-CN/dashboard.json
+++ b/apps/user/locales/zh-CN/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "我的订阅",
   "nextResetDays": "下次重置/天",
   "noLimit": "无限制",
+  "noReset": "不重置",
   "prompt": "提示",
   "purchaseSubscription": "购买订阅",
   "qrCode": "二维码",
diff --git a/apps/user/locales/zh-CN/payment.json b/apps/user/locales/zh-CN/payment.json
new file mode 100644
index 0000000..713dafb
--- /dev/null
+++ b/apps/user/locales/zh-CN/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "持卡人姓名",
+      "card_number": "卡号",
+      "element_error": "无法获取卡片元素。",
+      "expiry_date": "有效期",
+      "loading": "Stripe.js 未加载完成，请稍后再试。",
+      "name_placeholder": "输入持卡人姓名",
+      "name_required": "持卡人姓名为必填项",
+      "pay_button": "立即支付",
+      "payment_failed": "支付失败，请重试。",
+      "processing": "支付处理中，请稍后查看结果。",
+      "processing_button": "处理中...",
+      "secure_notice": "您的支付信息已安全加密",
+      "security_code": "安全码",
+      "success_message": "感谢您的付款！",
+      "success_title": "支付成功"
+    },
+    "error": "发生意外错误",
+    "qrcode": {
+      "alipay": "使用支付宝扫描支付",
+      "wechat_pay": "使用微信扫描支付"
+    }
+  }
+}
diff --git a/apps/user/locales/zh-CN/subscribe.json b/apps/user/locales/zh-CN/subscribe.json
index e3b4ef5..c6d6af5 100644
--- a/apps/user/locales/zh-CN/subscribe.json
+++ b/apps/user/locales/zh-CN/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "连接速度",
     "productDetail": "商品详情"
   },
+  "discount": "折扣",
+  "discountInfo": "折扣信息",
   "enterAmount": "输入充值金额",
   "enterCoupon": "输入优惠券代码",
   "methods": {
diff --git a/apps/user/locales/zh-CN/wallet.json b/apps/user/locales/zh-CN/wallet.json
index f1c627d..f6152db 100644
--- a/apps/user/locales/zh-CN/wallet.json
+++ b/apps/user/locales/zh-CN/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "金额",
+  "assetOverview": "资产概览",
   "balance": "余额",
   "commission": "佣金",
   "createdAt": "时间",
diff --git a/apps/user/locales/zh-HK/affiliate.json b/apps/user/locales/zh-HK/affiliate.json
index d28ba1b..68f00dc 100644
--- a/apps/user/locales/zh-HK/affiliate.json
+++ b/apps/user/locales/zh-HK/affiliate.json
@@ -7,5 +7,5 @@
   "inviteRecords": "邀請記錄",
   "registrationTime": "註冊時間",
   "totalCommission": "佣金總額",
-  "userEmail": "使用者信箱"
+  "userIdentifier": "用戶識別碼"
 }
diff --git a/apps/user/locales/zh-HK/dashboard.json b/apps/user/locales/zh-HK/dashboard.json
index 6bf1e81..e9681f8 100644
--- a/apps/user/locales/zh-HK/dashboard.json
+++ b/apps/user/locales/zh-HK/dashboard.json
@@ -13,6 +13,7 @@
   "mySubscriptions": "我的訂閱",
   "nextResetDays": "下次重置/天",
   "noLimit": "無限制",
+  "noReset": "無重置",
   "prompt": "提示",
   "purchaseSubscription": "購買訂閱",
   "qrCode": "QR碼",
diff --git a/apps/user/locales/zh-HK/payment.json b/apps/user/locales/zh-HK/payment.json
new file mode 100644
index 0000000..f5afd77
--- /dev/null
+++ b/apps/user/locales/zh-HK/payment.json
@@ -0,0 +1,26 @@
+{
+  "stripe": {
+    "card": {
+      "card_name": "持卡人姓名",
+      "card_number": "卡號",
+      "element_error": "無法獲取卡片元素。",
+      "expiry_date": "到期日",
+      "loading": "Stripe.js 尚未加載。請稍後再試。",
+      "name_placeholder": "請輸入持卡人姓名",
+      "name_required": "持卡人姓名為必填項",
+      "pay_button": "立即付款",
+      "payment_failed": "付款失敗，請再試一次。",
+      "processing": "付款處理中，請稍後查看結果。",
+      "processing_button": "處理中...",
+      "secure_notice": "您的付款信息已安全加密",
+      "security_code": "安全碼",
+      "success_message": "感謝您的付款！",
+      "success_title": "付款成功"
+    },
+    "error": "發生意外錯誤",
+    "qrcode": {
+      "alipay": "用 Alipay 掃描付款",
+      "wechat_pay": "用 WeChat 掃描付款"
+    }
+  }
+}
diff --git a/apps/user/locales/zh-HK/subscribe.json b/apps/user/locales/zh-HK/subscribe.json
index 46d1b8c..9c2d242 100644
--- a/apps/user/locales/zh-HK/subscribe.json
+++ b/apps/user/locales/zh-HK/subscribe.json
@@ -27,6 +27,8 @@
     "connectionSpeed": "連接速度",
     "productDetail": "商品詳情"
   },
+  "discount": "折扣",
+  "discountInfo": "折扣資訊",
   "enterAmount": "輸入充值金額",
   "enterCoupon": "輸入優惠券代碼",
   "methods": {
diff --git a/apps/user/locales/zh-HK/wallet.json b/apps/user/locales/zh-HK/wallet.json
index ab3afaf..3b58273 100644
--- a/apps/user/locales/zh-HK/wallet.json
+++ b/apps/user/locales/zh-HK/wallet.json
@@ -1,5 +1,6 @@
 {
   "amount": "金額",
+  "assetOverview": "資產概覽",
   "balance": "餘額",
   "commission": "佣金",
   "createdAt": "時間",
diff --git a/apps/user/package.json b/apps/user/package.json
index 4a562e1..676025c 100644
--- a/apps/user/package.json
+++ b/apps/user/package.json
@@ -10,8 +10,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "@stripe/react-stripe-js": "^3.1.1",
-    "@stripe/stripe-js": "^5.5.0",
+    "@stripe/react-stripe-js": "^3.4.0",
+    "@stripe/stripe-js": "^6.0.0",
     "@tanstack/react-query": "^5.63.0",
     "@tanstack/react-query-next-experimental": "^5.63.0",
     "@workspace/ui": "workspace:*",
diff --git a/apps/user/services/common/common.ts b/apps/user/services/common/common.ts
index 685ef9c..99d74e8 100644
--- a/apps/user/services/common/common.ts
+++ b/apps/user/services/common/common.ts
@@ -2,6 +2,21 @@
 /* eslint-disable */
 import request from '@/utils/request';
 
+/** Get Ads GET /v1/common/ads */
+export async function getAds(
+  // 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
+  params: API.GetAdsParams,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.GetAdsResponse }>('/v1/common/ads', {
+    method: 'GET',
+    params: {
+      ...params,
+    },
+    ...(options || {}),
+  });
+}
+
 /** Get Tos Content GET /v1/common/application */
 export async function getApplication(options?: { [key: string]: any }) {
   return request<API.Response & { data?: API.GetAppcationResponse }>('/v1/common/application', {
@@ -58,17 +73,6 @@ export async function getStat(options?: { [key: string]: any }) {
   });
 }
 
-/** Get Subscription GET /v1/common/site/subscribe */
-export async function getSubscription(options?: { [key: string]: any }) {
-  return request<API.Response & { data?: API.GetSubscriptionResponse }>(
-    '/v1/common/site/subscribe',
-    {
-      method: 'GET',
-      ...(options || {}),
-    },
-  );
-}
-
 /** Get Tos Content GET /v1/common/site/tos */
 export async function getTos(options?: { [key: string]: any }) {
   return request<API.Response & { data?: API.GetTosResponse }>('/v1/common/site/tos', {
diff --git a/apps/user/services/common/typings.d.ts b/apps/user/services/common/typings.d.ts
index 566eeb9..9b3c09c 100644
--- a/apps/user/services/common/typings.d.ts
+++ b/apps/user/services/common/typings.d.ts
@@ -13,6 +13,10 @@ declare namespace API {
     updated_at: number;
   };
 
+  type AlipayNotifyResponse = {
+    return_code: string;
+  };
+
   type Announcement = {
     id: number;
     title: string;
@@ -90,17 +94,6 @@ declare namespace API {
     enabled: boolean;
   };
 
-  type CheckoutOrderRequest = {
-    orderNo: string;
-    returnUrl?: string;
-  };
-
-  type CheckoutOrderResponse = {
-    type: string;
-    checkout_url?: string;
-    stripe?: StripePayment;
-  };
-
   type CheckUserParams = {
     email: string;
   };
@@ -160,6 +153,19 @@ declare namespace API {
     domain_suffix_list: string;
   };
 
+  type EPayNotifyRequest = {
+    pid: number;
+    trade_no: string;
+    out_trade_no: string;
+    type: string;
+    name: string;
+    money: string;
+    trade_status: string;
+    param: string;
+    sign: string;
+    sign_type: string;
+  };
+
   type Follow = {
     id: number;
     ticket_id: number;
@@ -169,13 +175,27 @@ declare namespace API {
     created_at: number;
   };
 
+  type GetAdsParams = {
+    device: string;
+    position: string;
+  };
+
+  type GetAdsRequest = {
+    device: string;
+    position: string;
+  };
+
+  type GetAdsResponse = {
+    list: Ads[];
+  };
+
   type GetAppcationResponse = {
     config: ApplicationConfig;
     applications: ApplicationResponseInfo[];
   };
 
   type GetAvailablePaymentMethodsResponse = {
-    list: PaymentConfig[];
+    list: PaymentMethod[];
   };
 
   type GetGlobalConfigResponse = {
@@ -187,6 +207,7 @@ declare namespace API {
     subscribe: SubscribeConfig;
     verify_code: PubilcVerifyCodeConfig;
     oauth_methods: string[];
+    web_ad: boolean;
   };
 
   type GetStatResponse = {
@@ -196,14 +217,24 @@ declare namespace API {
     protocol: string[];
   };
 
-  type GetSubscriptionResponse = {
-    list: Subscribe[];
-  };
-
   type GetTosResponse = {
     tos_content: string;
   };
 
+  type GetUserSubscribeTrafficLogsRequest = {
+    page: number;
+    size: number;
+    user_id: number;
+    subscribe_id: number;
+    start_time: number;
+    end_time: number;
+  };
+
+  type GetUserSubscribeTrafficLogsResponse = {
+    list: TrafficLog[];
+    total: number;
+  };
+
   type GoogleLoginCallbackRequest = {
     code: string;
     state: string;
@@ -297,7 +328,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
-    method: string;
+    payment: PaymentMethod;
     fee_amount: number;
     trade_no: string;
     status: number;
@@ -319,6 +350,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
+    payment: PaymentMethod;
     method: string;
     fee_amount: number;
     trade_no: string;
@@ -332,7 +364,8 @@ declare namespace API {
   type PaymentConfig = {
     id: number;
     name: string;
-    mark: string;
+    platform: string;
+    description: string;
     icon?: string;
     domain?: string;
     config: Record<string, any>;
@@ -342,6 +375,42 @@ declare namespace API {
     enable: boolean;
   };
 
+  type PaymentMethod = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+  };
+
+  type PaymentMethodDetail = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    domain: string;
+    config: Record<string, any>;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+    enable: boolean;
+    notify_url: string;
+  };
+
+  type PlatformInfo = {
+    platform: string;
+    platform_url: string;
+    platform_field_description: Record<string, any>;
+  };
+
+  type PlatformResponse = {
+    list: PlatformInfo[];
+  };
+
   type PreOrderResponse = {
     price: number;
     amount: number;
@@ -374,7 +443,7 @@ declare namespace API {
   type PurchaseOrderRequest = {
     subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -417,9 +486,24 @@ declare namespace API {
     list: OrderDetail[];
   };
 
+  type QuerySubscribeGroupListResponse = {
+    list: SubscribeGroup[];
+    total: number;
+  };
+
+  type QuerySubscribeListResponse = {
+    list: Subscribe[];
+    total: number;
+  };
+
+  type QueryUserAffiliateListResponse = {
+    list: UserAffiliate[];
+    total: number;
+  };
+
   type RechargeOrderRequest = {
     amount: number;
-    payment: string;
+    payment: number;
   };
 
   type RechargeOrderResponse = {
@@ -440,7 +524,7 @@ declare namespace API {
   type RenewalOrderRequest = {
     user_subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -457,7 +541,7 @@ declare namespace API {
 
   type ResetTrafficOrderRequest = {
     user_subscribe_id: number;
-    payment: string;
+    payment: number;
   };
 
   type ResetTrafficOrderResponse = {
@@ -737,8 +821,8 @@ declare namespace API {
   };
 
   type UserAffiliate = {
-    email: string;
     avatar: string;
+    identifier: string;
     registered_at: number;
     enable: boolean;
   };
diff --git a/apps/user/services/user/index.ts b/apps/user/services/user/index.ts
index a3487d7..f988131 100644
--- a/apps/user/services/user/index.ts
+++ b/apps/user/services/user/index.ts
@@ -1,11 +1,12 @@
 // @ts-ignore
-/* eslint-disable */
+
 // API 更新时间：
 // API 唯一标识：
 import * as announcement from './announcement';
 import * as document from './document';
 import * as order from './order';
 import * as payment from './payment';
+import * as portal from './portal';
 import * as subscribe from './subscribe';
 import * as ticket from './ticket';
 import * as user from './user';
@@ -14,6 +15,7 @@ export default {
   document,
   order,
   payment,
+  portal,
   subscribe,
   ticket,
   user,
diff --git a/apps/user/services/user/order.ts b/apps/user/services/user/order.ts
index 59db689..aeebc8d 100644
--- a/apps/user/services/user/order.ts
+++ b/apps/user/services/user/order.ts
@@ -2,21 +2,6 @@
 /* eslint-disable */
 import request from '@/utils/request';
 
-/** Checkout order POST /v1/public/order/checkout */
-export async function checkoutOrder(
-  body: API.CheckoutOrderRequest,
-  options?: { [key: string]: any },
-) {
-  return request<API.Response & { data?: API.CheckoutOrderResponse }>('/v1/public/order/checkout', {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    data: body,
-    ...(options || {}),
-  });
-}
-
 /** Close order POST /v1/public/order/close */
 export async function closeOrder(body: API.CloseOrderRequest, options?: { [key: string]: any }) {
   return request<API.Response & { data?: any }>('/v1/public/order/close', {
diff --git a/apps/user/services/user/portal.ts b/apps/user/services/user/portal.ts
new file mode 100644
index 0000000..abac9f9
--- /dev/null
+++ b/apps/user/services/user/portal.ts
@@ -0,0 +1,91 @@
+// @ts-ignore
+/* eslint-disable */
+import request from '@/utils/request';
+
+/** Purchase Checkout POST /v1/public/portal/order/checkout */
+export async function purchaseCheckout(
+  body: API.CheckoutOrderRequest,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.CheckoutOrderResponse }>(
+    '/v1/public/portal/order/checkout',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      data: body,
+      ...(options || {}),
+    },
+  );
+}
+
+/** Query Purchase Order GET /v1/public/portal/order/status */
+export async function queryPurchaseOrder(
+  // 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
+  params: API.QueryPurchaseOrderParams,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.QueryPurchaseOrderResponse }>(
+    '/v1/public/portal/order/status',
+    {
+      method: 'GET',
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    },
+  );
+}
+
+/** Get available payment methods GET /v1/public/portal/payment-method */
+export async function getAvailablePaymentMethods(options?: { [key: string]: any }) {
+  return request<API.Response & { data?: API.GetAvailablePaymentMethodsResponse }>(
+    '/v1/public/portal/payment-method',
+    {
+      method: 'GET',
+      ...(options || {}),
+    },
+  );
+}
+
+/** Pre Purchase Order POST /v1/public/portal/pre */
+export async function prePurchaseOrder(
+  body: API.PrePurchaseOrderRequest,
+  options?: { [key: string]: any },
+) {
+  return request<API.Response & { data?: API.PrePurchaseOrderResponse }>('/v1/public/portal/pre', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    data: body,
+    ...(options || {}),
+  });
+}
+
+/** Purchase subscription POST /v1/public/portal/purchase */
+export async function purchase(body: API.PortalPurchaseRequest, options?: { [key: string]: any }) {
+  return request<API.Response & { data?: API.PortalPurchaseResponse }>(
+    '/v1/public/portal/purchase',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      data: body,
+      ...(options || {}),
+    },
+  );
+}
+
+/** Get Subscription GET /v1/public/portal/subscribe */
+export async function getSubscription(options?: { [key: string]: any }) {
+  return request<API.Response & { data?: API.GetSubscriptionResponse }>(
+    '/v1/public/portal/subscribe',
+    {
+      method: 'GET',
+      ...(options || {}),
+    },
+  );
+}
diff --git a/apps/user/services/user/typings.d.ts b/apps/user/services/user/typings.d.ts
index 06e50d6..93a654e 100644
--- a/apps/user/services/user/typings.d.ts
+++ b/apps/user/services/user/typings.d.ts
@@ -13,6 +13,10 @@ declare namespace API {
     updated_at: number;
   };
 
+  type AlipayNotifyResponse = {
+    return_code: string;
+  };
+
   type Announcement = {
     id: number;
     title: string;
@@ -177,6 +181,19 @@ declare namespace API {
     domain_suffix_list: string;
   };
 
+  type EPayNotifyRequest = {
+    pid: number;
+    trade_no: string;
+    out_trade_no: string;
+    type: string;
+    name: string;
+    money: string;
+    trade_status: string;
+    param: string;
+    sign: string;
+    sign_type: string;
+  };
+
   type Follow = {
     id: number;
     ticket_id: number;
@@ -187,7 +204,7 @@ declare namespace API {
   };
 
   type GetAvailablePaymentMethodsResponse = {
-    list: PaymentConfig[];
+    list: PaymentMethod[];
   };
 
   type GetLoginLogParams = {
@@ -224,6 +241,24 @@ declare namespace API {
     total: number;
   };
 
+  type GetSubscriptionResponse = {
+    list: Subscribe[];
+  };
+
+  type GetUserSubscribeTrafficLogsRequest = {
+    page: number;
+    size: number;
+    user_id: number;
+    subscribe_id: number;
+    start_time: number;
+    end_time: number;
+  };
+
+  type GetUserSubscribeTrafficLogsResponse = {
+    list: TrafficLog[];
+    total: number;
+  };
+
   type GetUserTicketDetailRequest = {
     id: number;
   };
@@ -319,7 +354,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
-    method: string;
+    payment: PaymentMethod;
     fee_amount: number;
     trade_no: string;
     status: number;
@@ -341,6 +376,7 @@ declare namespace API {
     coupon: string;
     coupon_discount: number;
     commission?: number;
+    payment: PaymentMethod;
     method: string;
     fee_amount: number;
     trade_no: string;
@@ -354,7 +390,8 @@ declare namespace API {
   type PaymentConfig = {
     id: number;
     name: string;
-    mark: string;
+    platform: string;
+    description: string;
     icon?: string;
     domain?: string;
     config: Record<string, any>;
@@ -364,6 +401,57 @@ declare namespace API {
     enable: boolean;
   };
 
+  type PaymentMethod = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+  };
+
+  type PaymentMethodDetail = {
+    id: number;
+    name: string;
+    platform: string;
+    description: string;
+    icon: string;
+    domain: string;
+    config: Record<string, any>;
+    fee_mode: number;
+    fee_percent: number;
+    fee_amount: number;
+    enable: boolean;
+    notify_url: string;
+  };
+
+  type PlatformInfo = {
+    platform: string;
+    platform_url: string;
+    platform_field_description: Record<string, any>;
+  };
+
+  type PlatformResponse = {
+    list: PlatformInfo[];
+  };
+
+  type PortalPurchaseRequest = {
+    identifier: string;
+    platform: string;
+    password?: string;
+    payment: number;
+    subscribe_id: number;
+    quantity: number;
+    coupon?: string;
+    turnstile_token?: string;
+  };
+
+  type PortalPurchaseResponse = {
+    order_no: string;
+  };
+
   type PreOrderResponse = {
     price: number;
     amount: number;
@@ -374,6 +462,22 @@ declare namespace API {
     fee_amount: number;
   };
 
+  type PrePurchaseOrderRequest = {
+    payment: number;
+    subscribe_id: number;
+    quantity: number;
+    coupon?: string;
+  };
+
+  type PrePurchaseOrderResponse = {
+    price: number;
+    amount: number;
+    discount: number;
+    coupon: string;
+    coupon_discount: number;
+    fee_amount: number;
+  };
+
   type PreRenewalOrderResponse = {
     orderNo: string;
   };
@@ -404,7 +508,7 @@ declare namespace API {
   type PurchaseOrderRequest = {
     subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -467,6 +571,30 @@ declare namespace API {
     list: OrderDetail[];
   };
 
+  type QueryPurchaseOrderParams = {
+    order_no: string;
+  };
+
+  type QueryPurchaseOrderRequest = {
+    order_no: string;
+  };
+
+  type QueryPurchaseOrderResponse = {
+    order_no: string;
+    subscribe: Subscribe;
+    quantity: number;
+    price: number;
+    amount: number;
+    discount: number;
+    coupon: string;
+    coupon_discount: number;
+    fee_amount: number;
+    payment: PaymentMethod;
+    status: number;
+    created_at: number;
+    token?: string;
+  };
+
   type QuerySubscribeGroupListResponse = {
     list: SubscribeGroup[];
     total: number;
@@ -524,7 +652,7 @@ declare namespace API {
 
   type RechargeOrderRequest = {
     amount: number;
-    payment: string;
+    payment: number;
   };
 
   type RechargeOrderResponse = {
@@ -545,7 +673,7 @@ declare namespace API {
   type RenewalOrderRequest = {
     user_subscribe_id: number;
     quantity: number;
-    payment: string;
+    payment: number;
     coupon?: string;
   };
 
@@ -555,7 +683,7 @@ declare namespace API {
 
   type ResetTrafficOrderRequest = {
     user_subscribe_id: number;
-    payment: string;
+    payment: number;
   };
 
   type ResetTrafficOrderResponse = {
@@ -824,8 +952,8 @@ declare namespace API {
   };
 
   type UserAffiliate = {
-    email: string;
     avatar: string;
+    identifier: string;
     registered_at: number;
     enable: boolean;
   };
diff --git a/apps/user/utils/common.ts b/apps/user/utils/common.ts
index 28ac162..932315f 100644
--- a/apps/user/utils/common.ts
+++ b/apps/user/utils/common.ts
@@ -52,6 +52,7 @@ export function Logout() {
   const pathname = location.pathname;
   if (
     !['', '/', '/auth', '/tos', '/privacy-policy'].includes(pathname) &&
+    !pathname.startsWith('/purchasing') &&
     !pathname.startsWith('/oauth/')
   ) {
     setRedirectUrl(location.pathname);
diff --git a/apps/user/utils/tutorial.ts b/apps/user/utils/tutorial.ts
index a635c03..c6dcb4c 100644
--- a/apps/user/utils/tutorial.ts
+++ b/apps/user/utils/tutorial.ts
@@ -1,14 +1,15 @@
+import { NEXT_PUBLIC_CDN_URL } from '@/config/constants';
 import matter from 'gray-matter';
 
-const BASE_URL = 'https://cdn.jsdelivr.net/gh/perfect-panel/ppanel-tutorial';
+const BASE_URL = `${NEXT_PUBLIC_CDN_URL}/gh/perfect-panel/ppanel-tutorial`;
 
 async function getVersion() {
   // API rate limit: 60 requests per hour
   const response = await fetch(
-    'https://api.github.com/repos/perfect-panel/ppanel-tutorial/commits',
+    'https://data.jsdelivr.com/v1/stats/packages/gh/perfect-panel/ppanel-tutorial/versions',
   );
   const json = await response.json();
-  return json[0].sha;
+  return json[0].version;
 }
 
 async function getVersionPath() {
diff --git a/bun.lockb b/bun.lockb
index 71fc117..0037f43 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/packages/ui/src/utils/formatting.ts b/packages/ui/src/utils/formatting.ts
index c128852..da3bf91 100644
--- a/packages/ui/src/utils/formatting.ts
+++ b/packages/ui/src/utils/formatting.ts
@@ -1,4 +1,4 @@
-import { intlFormat } from 'date-fns';
+import { differenceInMilliseconds, intlFormat } from 'date-fns';
 
 export function formatBytes(bytes: number) {
   if (bytes === 0) return '0 B';
@@ -24,3 +24,10 @@ export function formatDate(date?: Date | number, showTime: boolean = true) {
     hour12: false,
   });
 }
+
+export function differenceInDays(dateLeft: Date | number, dateRight: Date | number) {
+  const diffInMs = differenceInMilliseconds(dateLeft, dateRight);
+  const diffInDays = diffInMs / (1000 * 60 * 60 * 24);
+  if (diffInDays % 1 === 0) return diffInDays;
+  return Number(diffInDays.toFixed(1));
+}