feat: 修改样式

apps/user/app/(main)/(content)/(user)/payment/page.tsx

@@ -80,7 +80,7 @@ export default function Page() {
     );
 
   return (
-    <div className=''>
+    <div className='max-w-[490px]'>
       <Card className='border-none shadow-none sm:border sm:shadow'>
         <CardContent className='grid gap-2 p-6 text-sm'>
           <div className='relative'>

apps/user/app/(main)/(content)/(user)/profile/change-password.tsx

@@ -2,6 +2,7 @@
 
 import { updateUserPassword } from '@/services/user/user';
 import { zodResolver } from '@hookform/resolvers/zod';
+import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
 import { Button } from '@workspace/airo-ui/components/button';
 import { Card } from '@workspace/airo-ui/components/card';
 import {
@@ -100,16 +101,14 @@ export default function ChangePassword() {
         </form>
       </Form>
       <div className={'mt-8 hidden justify-center sm:flex'}>
-        <Button
+        <AiroButton
           type='submit'
-          size='sm'
+          variant={'default'}
           form='password-form'
-          className={
-            'h-full rounded-[50px] border-0 border-[#0F2C53] bg-[#0F2C53] px-[55px] py-[9px] text-xl font-bold text-white transition hover:bg-[#225BA9] hover:text-white'
-          }
+          className={'h-full rounded-[50px] px-[55px] py-[9px] text-xl'}
         >
           {t('save')}
-        </Button>
+        </AiroButton>
       </div>
     </Card>
   );

apps/user/app/(main)/(content)/(user)/profile/notify-settings.tsx

@@ -5,6 +5,8 @@ import { updateUserNotify } from '@/services/user/user';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Button } from '@workspace/airo-ui/components/button';
 import { Card } from '@workspace/airo-ui/components/card';
+
+import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
 import {
   Form,
   FormControl,
@@ -102,16 +104,13 @@ export default function NotifySettings() {
         </form>
       </Form>
       <div className={'mt-8 hidden justify-center sm:flex'}>
-        <Button
+        <AiroButton
           type='submit'
-          size='sm'
           form='notify-form'
-          className={
-            'h-full rounded-[50px] border-0 border-[#0F2C53] bg-[#0F2C53] px-[55px] py-[9px] text-xl font-bold text-white transition hover:bg-[#225BA9] hover:text-white'
-          }
+          className={'h-full px-[55px] py-[9px] text-xl'}
         >
           {t('notify.save')}
-        </Button>
+        </AiroButton>
       </div>
     </Card>
   );

apps/user/app/(main)/(content)/(user)/subscribe/page.tsx

@@ -30,10 +30,10 @@ export default function Page() {
       const discountItem = item.discount?.find((v) => v.quantity === 12);
       return {
         ...item,
-        origin_price: unitConversion('centsToDollars', item.unit_price * 12).toString(), // 原价
+        origin_price: unitConversion('centsToDollars', item.unit_price).toString(), // 原价
         discount_price: unitConversion(
           'centsToDollars',
-          item.unit_price * ((discountItem?.discount || 100) / 100) * 12,
+          item.unit_price * ((discountItem?.discount || 100) / 100),
         ).toString(), // 优惠价格
       };
     } else {

apps/user/app/(main)/(content)/(user)/ticket/page.tsx

@@ -158,7 +158,7 @@ export default function Page() {
         }}
         renderItem={(item) => {
           return (
-            <Card className='overflow-hidden sm:pl-16'>
+            <Card className='overflow-hidden rounded-[32px] sm:pl-16'>
               <CardHeader className='flex flex-row items-center justify-between gap-2 space-y-0 bg-transparent p-3 pb-0 sm:pb-3'>
                 <CardTitle>
                   <span