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/pages/booking/index.vue

@@ -6,9 +6,9 @@
       </template>
     </TopNavBar>
 
-    <div class="booking-content flex-full border-box p-12 overflow-hidden scroll-y">
+    <div class="booking-content flex-full  p-[12px] overflow-hidden scroll-y">
       <!-- 预约内容 -->
-      <div class="border-box bg-white p-12 rounded-12 mb-12">
+      <div class=" bg-white p-[12px] rounded-[12px] mb-12">
         <!-- 酒店类型入住离店日期部分 -->
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
@@ -17,22 +17,22 @@
           {{ orderData.commodityName }}
         </div>
 
-        <div class="border-box border-bottom">
+        <div class=" border-bottom">
           <div class="text-[12px] color-99A0AE line-height-16 pb-12 break-all">
             {{ orderData.commodityDescription }}
           </div>
 
           <!-- 权益部分 -->
           <div class="flex flex-items-center mb-8">
-            <span class="bg-F7F7F7 border-box rounded-4 font-size-11 color-525866 mr-4 pt-4 pb-4 pl-6 pr-6"
+            <span class="bg-F7F7F7  rounded-4 font-size-11 text-[#525866] mr-[4px] pt-4 pb-4 pl-6 pr-6"
               v-for="(item, index) in orderData.commodityFacilityList" :key="index">
               {{ item }}
             </span>
           </div>
         </div>
 
-        <div class="border-box flex flex-items-center flex-justify-between pt-12">
-          <span class="text-[12px] color-525866 line-height-18">取消政策及说明</span>
+        <div class=" flex flex-items-center flex-justify-between pt-12">
+          <span class="text-[12px] text-[#525866] line-height-18">取消政策及说明</span>
           <div class="flex flex-items-center">
             <span class="text-[12px] theme-color-500 line-height-16" @click="refundVisible = true">取消政策</span>
             <uni-icons type="right" size="15" color="#99A0AE" />