fix: Fix styles with Safari.

src/app/my/collect/layout.tsx

@@ -24,12 +24,12 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <main className="w-1200px mx-auto pt-80px">
       {/* Nav */}
-      <ul className="mt-[22px] h-[39px]">
+      <ul className="mt-22px h-39px">
         {tabList.map((item) => (
           <Link key={item.value} href={`/my/collect/${item.value}`}>
             <li
               key={item.value}
-              className={`relative float-left w-[85px] mr-[37px] text-[rgba(0,0,0,0.4)] text-[17px] leading-[24px] hover:text-base cursor-pointer ${type === item.value && styles['tab-active']}`}
+              className={`relative float-left w-fit mr-37px text-[rgba(0,0,0,0.4)] text-17px leading-24px hover:text-base cursor-pointer ${type === item.value && styles['tab-active']}`}
             >
               {item.label}
             </li>

src/components/Login/LoginForm.tsx

@@ -134,7 +134,7 @@ export default function LoginForm({ className }: { className?: string }) {
 
         <div className="relative w-full mt-[20px]">
           <input
-            className="w-full h-56px rounded-100px px-24px !placeholder-[rgba(0,0,0,0.4)] !placeholder-text-14px text-[rgba(0,0,0,0.95)] bg-#fff leading-20px border-1px border-1px border-#fff focus:border-#000/70 transition-all-100"
+            className="w-full h-56px rounded-100px pl-24px pr-[calc(24px_+_60px)] !placeholder-[rgba(0,0,0,0.4)] !placeholder-text-14px text-[rgba(0,0,0,0.95)] bg-#fff leading-20px border-1px border-1px border-#fff focus:border-#000/70 transition-all-100"
             type="text"
             value={authCode}
             maxLength={6}