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/RefundPopup/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,7 +9,7 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
-      <div class="border-box rounded-12 bg-white p-12 ml-12 mr-12 mb-40">
+      <div class=" rounded-[12px] bg-white p-[12px] ml-12 mr-12 mb-40">
         <div class="flex flex-items-center mb-8">
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ iconsMap["zn-refund"] }}
@@ -18,8 +18,8 @@
             {{ refundTitle }}
           </span>
         </div>
-        <div class="text-[14px] color-525866 line-height-16 mb-4" v-for="(item, index) in commodityPurchaseInstruction"
-          :key="index">
+        <div class="text-[14px] text-[#525866] line-height-16 mb-4"
+          v-for="(item, index) in commodityPurchaseInstruction" :key="index">
           {{ item }}
         </div>
       </div>