chore: independent page style update (#17176)

web/app/reset-password/layout.tsx

@@ -1,24 +1,11 @@
 import Header from '../signin/_header'
-import style from '../signin/page.module.css'
 
 import cn from '@/utils/classnames'
 
 export default async function SignInLayout({ children }: any) {
   return <>
-    <div className={cn(
-      'bg-background-body',
-      style.background,
-      'flex min-h-screen w-full',
-      'sm:p-4 lg:p-8',
-      'gap-x-20',
-      'justify-center lg:justify-start',
-    )}>
-      <div className={
-        cn(
-          'flex w-full shrink-0 flex-col rounded-2xl bg-background-section-burn shadow',
-          'space-between',
-        )
-      }>
+    <div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
+      <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
         <Header />
         <div className={
           cn(

web/app/reset-password/page.tsx

@@ -91,8 +91,8 @@ export default function CheckCode() {
     <div className='py-2'>
       <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div>
     </div>
-    <Link href={`/signin?${searchParams.toString()}`} className='flex h-9 items-center justify-center text-text-tertiary'>
-      <div className='bg-background-default-dimm inline-block rounded-full p-1'>
+    <Link href={`/signin?${searchParams.toString()}`} className='flex h-9 items-center justify-center text-text-tertiary hover:text-text-primary'>
+      <div className='inline-block rounded-full bg-background-default-dimmed p-1'>
         <RiArrowLeftLine size={12} />
       </div>
       <span className='system-xs-regular ml-2'>{t('login.backToLogin')}</span>