feat: 添加 Tailwind CSS 配置并优化组件样式

src/theme/index.css

@@ -1 +1,2 @@
 @import "tailwindcss";
+@config "../../tailwind.config.ts";

src/views/user/components/recharge-channel.vue

@@ -12,27 +12,27 @@ async function handleFiatRecharge() {
 </script>
 
 <template>
-  <div class="w-full h-200px p-20px flex justify-center flex-col gap-30px">
-    <div class="flex items-center gap-10px">
+  <div class="w-full h-50 p-5 flex justify-center flex-col gap-7.5">
+    <div class="flex items-center gap-2.5">
       <i-ic-baseline-downloading class="text-2xl" />
       <ion-label class="flex-1">
         <h2>Chain recharge</h2>
-        <p class="w-80% text-sm">
+        <p class="w-[80%] text-sm">
           Transfer crypto from on-chain wallet or exchange.
         </p>
       </ion-label>
-      <i-ic-round-arrow-forward-ios class="ml-auto color-text-400" />
+      <i-ic-round-arrow-forward-ios class="ml-auto text-text-400" />
     </div>
 
-    <div class="flex items-center gap-10px" @click="handleFiatRecharge">
+    <div class="flex items-center gap-2.5" @click="handleFiatRecharge">
       <i-ic-baseline-data-saver-off class="text-2xl" />
       <ion-label class="flex-1">
         <h2>Fiat currency</h2>
-        <p class="w-80% text-sm">
+        <p class="w-[80%] text-sm">
           Transfer fiat currency through bank or other financial institutions.
         </p>
       </ion-label>
-      <i-ic-round-arrow-forward-ios class="ml-auto color-text-400" />
+      <i-ic-round-arrow-forward-ios class="ml-auto text-text-400" />
     </div>
   </div>
 </template>

src/views/withdraw/index.vue

@@ -66,7 +66,7 @@ async function onSubmit() {
       </ion-toolbar>
     </IonHeader>
     <IonContent :fullscreen="true" class="ion-padding">
-      <div class="flex flex-col gap-20px">
+      <div class="flex flex-col gap-5">
         <ion-radio-group v-model="form.assetCode" @ion-change="handleCurrentChange">
           <ion-label class="text-sm">
             Choose Currency