feat: update

delete-account.html

@@ -60,23 +60,27 @@
       </div>
     </header>
 
-    <main class="container mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-16">
+    <main class="container mx-auto px-3 sm:px-6 lg:px-8 py-6 sm:py-8 md:py-16">
       <div class="max-w-3xl mx-auto">
         <!-- 页面标题 -->
-        <div class="text-center mb-10">
+        <div class="text-center mb-6 sm:mb-10">
           <div
-            class="inline-flex items-center justify-center w-16 h-16 bg-red-100 rounded-full mb-4"
+            class="inline-flex items-center justify-center w-14 h-14 sm:w-16 sm:h-16 bg-red-100 rounded-full mb-3 sm:mb-4"
           >
-            <i class="fa fa-user-times text-3xl text-red-500"></i>
+            <i class="fa fa-user-times text-2xl sm:text-3xl text-red-500"></i>
           </div>
-          <h1 class="text-2xl md:text-3xl font-semibold text-dark mb-2">
+          <h1
+            class="text-xl sm:text-2xl md:text-3xl font-semibold text-dark mb-2"
+          >
             Request Account Deletion
           </h1>
           <p class="text-gray-600">Aisoco - AI & Social & Commerce Platform</p>
         </div>
 
         <!-- 主要内容卡片 -->
-        <div class="bg-white rounded-2xl shadow-lg p-6 md:p-10">
+        <div
+          class="bg-white rounded-xl sm:rounded-2xl shadow-lg p-4 sm:p-6 md:p-10"
+        >
           <!-- 重要提示 -->
           <div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mb-8">
             <div class="flex items-start">
@@ -98,53 +102,55 @@
 
           <!-- 删除账号步骤 -->
           <section class="mb-8">
-            <h2 class="text-xl font-semibold mb-4 flex items-center">
+            <h2
+              class="text-lg sm:text-xl font-semibold mb-4 flex items-start sm:items-center"
+            >
               <span
-                class="inline-flex items-center justify-center w-8 h-8 bg-primary text-white rounded-full text-sm mr-3"
+                class="inline-flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 bg-primary text-white rounded-full text-xs sm:text-sm mr-2 sm:mr-3 flex-shrink-0 mt-0.5 sm:mt-0"
                 >1</span
               >
-              Steps to Request Account Deletion
+              <span>Steps to Request Account Deletion</span>
             </h2>
-            <div class="bg-gray-50 rounded-xl p-5 ml-11">
+            <div class="bg-gray-50 rounded-xl p-4 sm:p-5 ml-0 sm:ml-11">
               <ol class="space-y-3 text-gray-700">
                 <li class="flex items-start">
                   <span
-                    class="inline-flex items-center justify-center w-6 h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-3 mt-0.5 flex-shrink-0"
+                    class="inline-flex items-center justify-center w-5 h-5 sm:w-6 sm:h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-2 sm:mr-3 mt-0.5 flex-shrink-0"
                     >1</span
                   >
-                  <span
+                  <span class="text-sm sm:text-base"
                     >Fill out the account deletion request form below with your
-                    registered email address.</span
+                    username and password.</span
                   >
                 </li>
                 <li class="flex items-start">
                   <span
-                    class="inline-flex items-center justify-center w-6 h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-3 mt-0.5 flex-shrink-0"
+                    class="inline-flex items-center justify-center w-5 h-5 sm:w-6 sm:h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-2 sm:mr-3 mt-0.5 flex-shrink-0"
                     >2</span
                   >
-                  <span
-                    >You will receive a verification email to confirm your
-                    identity.</span
+                  <span class="text-sm sm:text-base"
+                    >Our team will verify your identity and review your
+                    request.</span
                   >
                 </li>
                 <li class="flex items-start">
                   <span
-                    class="inline-flex items-center justify-center w-6 h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-3 mt-0.5 flex-shrink-0"
+                    class="inline-flex items-center justify-center w-5 h-5 sm:w-6 sm:h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-2 sm:mr-3 mt-0.5 flex-shrink-0"
                     >3</span
                   >
-                  <span
-                    >Click the confirmation link in the email to verify your
-                    deletion request.</span
+                  <span class="text-sm sm:text-base"
+                    >You will receive a notification once your request is
+                    approved.</span
                   >
                 </li>
                 <li class="flex items-start">
                   <span
-                    class="inline-flex items-center justify-center w-6 h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-3 mt-0.5 flex-shrink-0"
+                    class="inline-flex items-center justify-center w-5 h-5 sm:w-6 sm:h-6 bg-primary/10 text-primary rounded-full text-xs font-medium mr-2 sm:mr-3 mt-0.5 flex-shrink-0"
                     >4</span
                   >
-                  <span
+                  <span class="text-sm sm:text-base"
                     >Your account and associated data will be deleted within
-                    <strong>30 days</strong> after confirmation.</span
+                    <strong>30 business days</strong> after approval.</span
                   >
                 </li>
               </ol>
@@ -153,20 +159,26 @@
 
           <!-- 数据删除说明 -->
           <section class="mb-8">
-            <h2 class="text-xl font-semibold mb-4 flex items-center">
+            <h2
+              class="text-lg sm:text-xl font-semibold mb-4 flex items-start sm:items-center"
+            >
               <span
-                class="inline-flex items-center justify-center w-8 h-8 bg-primary text-white rounded-full text-sm mr-3"
+                class="inline-flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 bg-primary text-white rounded-full text-xs sm:text-sm mr-2 sm:mr-3 flex-shrink-0 mt-0.5 sm:mt-0"
                 >2</span
               >
-              Data That Will Be Deleted
+              <span>Data That Will Be Deleted</span>
             </h2>
-            <div class="ml-11">
-              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div class="bg-red-50 rounded-xl p-4">
-                  <h4 class="font-medium text-red-800 mb-2 flex items-center">
+            <div class="ml-0 sm:ml-11">
+              <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                <div class="bg-red-50 rounded-xl p-3 sm:p-4">
+                  <h4
+                    class="font-medium text-red-800 mb-2 flex items-center text-sm sm:text-base"
+                  >
                     <i class="fa fa-trash-o mr-2"></i>Permanently Deleted
                   </h4>
-                  <ul class="text-sm text-red-700 space-y-1.5">
+                  <ul
+                    class="text-xs sm:text-sm text-red-700 space-y-1 sm:space-y-1.5"
+                  >
                     <li class="flex items-center">
                       <i class="fa fa-check mr-2 text-xs"></i>Account profile
                       information
@@ -193,12 +205,16 @@
                     </li>
                   </ul>
                 </div>
-                <div class="bg-blue-50 rounded-xl p-4">
-                  <h4 class="font-medium text-blue-800 mb-2 flex items-center">
+                <div class="bg-blue-50 rounded-xl p-3 sm:p-4">
+                  <h4
+                    class="font-medium text-blue-800 mb-2 flex items-center text-sm sm:text-base"
+                  >
                     <i class="fa fa-archive mr-2"></i>Retained for Legal
                     Compliance
                   </h4>
-                  <ul class="text-sm text-blue-700 space-y-1.5">
+                  <ul
+                    class="text-xs sm:text-sm text-blue-700 space-y-1 sm:space-y-1.5"
+                  >
                     <li class="flex items-center">
                       <i class="fa fa-clock-o mr-2 text-xs"></i>Transaction
                       records (7 years)
@@ -227,14 +243,16 @@
 
           <!-- 删除请求表单 -->
           <section>
-            <h2 class="text-xl font-semibold mb-4 flex items-center">
+            <h2
+              class="text-lg sm:text-xl font-semibold mb-4 flex items-start sm:items-center"
+            >
               <span
-                class="inline-flex items-center justify-center w-8 h-8 bg-primary text-white rounded-full text-sm mr-3"
+                class="inline-flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 bg-primary text-white rounded-full text-xs sm:text-sm mr-2 sm:mr-3 flex-shrink-0 mt-0.5 sm:mt-0"
                 >3</span
               >
-              Submit Deletion Request
+              <span>Submit Deletion Request</span>
             </h2>
-            <div class="ml-11">
+            <div class="ml-0 sm:ml-11">
               <form id="delete-account-form" class="space-y-5">
                 <div>
                   <label
@@ -364,7 +382,10 @@
         <!-- 页脚信息 -->
         <div class="mt-8 text-center text-sm text-gray-500">
           <p>
-            <a href="index.html" class="text-primary hover:underline">
+            <a
+              href="https://www.aisoco.net/"
+              class="text-primary hover:underline"
+            >
               <i class="fa fa-arrow-left mr-1"></i>Back to Aisoco Homepage
             </a>
           </p>