style: fix style utility class inconsistencies and correct CSS syntax

Clean up style-related code across all components:
- Replace deprecated color-* classes with text-[color]/text-white equivalents
- Remove redundant border-box declarations and fix broken empty box-sizing rule
- Correct invalid rounded corner class syntax
- Standardize line-height to leading-[value] utilities
- Uniform margin and padding notation to [xxpx] format

src/components/DetailPopup/index.vue

@@ -1,7 +1,7 @@
 <template>
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
-    <div class="refund-popup bg-F5F7FA border-box">
-      <div class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+    <div class="refund-popup bg-F5F7FA ">
+      <div class=" flex flex-items-center justify-between pt-12 pb-12 relative">
         <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
           明细详情
         </div>
@@ -9,12 +9,12 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
-      <div class="rounded-12 bg-white ml-12 mr-12 mb-40">
-        <div class="border-box border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
+      <div class="rounded-[12px] bg-white ml-12 mr-12 mb-40">
+        <div class=" border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
           <span class="font-size-16 font-500 color-171717">在线支付</span>
           <span class="text-[14px] color-171717">239</span>
         </div>
-        <div class="border-box flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
+        <div class=" flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
           <span class="font-size-16 font-500 color-171717">房费</span>
           <span class="text-[14px] color-171717">239</span>
         </div>