refactor: remove unused border.scss and update styles

Remove the deprecated border.scss stylesheet and its import from the main SCSS entry file. Replace all legacy border utility class usages with explicit border classes:
- Replace border-ff with border border-white
- Replace border-F1F5F9 with border border-[#f1f5f9]
- Replace border-bottom with border-b border-[#e5e8ee]
- Replace border-top-8 with border-t-8 border-[#f5f5f5]
- Update border-none button styles to add after:!hidden to retain original pseudo-element hiding behavior

src/components/CreateServiceOrder/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="create-service-order">
-    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
+    <view class="w-full bg-white border border-white overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-screen flex items-center justify-between bg-[#F0F8F3]">
         <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}

src/components/DetailPopup/index.vue

@@ -9,7 +9,7 @@
       <!-- 内容区域 -->
       <view class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
         <view
-          class="border-box border-bottom flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
+          class="border-box border-b border-[#e5e8ee] flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
           <text class="text-[16px] font-[500] text-[#171717]">在线支付</text>
           <text class="text-[14px] text-[#171717]">239</text>
         </view>

src/components/Feedback/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="create-service-order">
-    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
+    <view class="w-full bg-white border border-white overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-screen flex items-center justify-between bg-[#F0F8F3]">
         <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}

src/components/SurveyQuestionnaire/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="survey-questionnaire w-[calc(100vw_-_24px)]">
-    <view class="bg-white border-ff overflow-hidden rounded-[20px]">
+    <view class="bg-white border border-white overflow-hidden rounded-[20px]">
       <view class="border-box flex items-center justify-between bg-[#F0F8F3]">
         <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           调查问卷

src/pages-booking/components/ConactSection/index.vue

@@ -18,7 +18,8 @@
 
   <!-- 联系方式 -->
   <view class="bg-white rounded-[12px] overflow-hidden">
-    <view class="border-box border-bottom text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">联系方式</view>
+    <view class="border-box border-b border-[#e5e8ee] text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">
+      联系方式</view>
     <view class="flex items-center p-[12px]">
       <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
       <view class="right">

src/pages-booking/components/UserSection/index.vue

@@ -8,8 +8,8 @@
     </view>
 
     <view class="border-box pl-[12px] pr-[12px]">
-      <view class="border-box border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
+      <view class="border-box border-b border-[#e5e8ee] pt-[12px] pb-[12px] flex items-center"
-        :key="index">
+        v-for="(item, index) in userFormList" :key="index">
         <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
         <view class="right">
           <input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"

src/pages-order/order/components/AmtSection/index.vue

@@ -14,7 +14,7 @@
       超时后，订单将自动取消
     </view>
     <view v-if="['1', '2'].includes(orderData.orderStatus)"
-      class="border-box border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
+      class="border-box border-t  border-[#e5e8ee] flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
       <view class="text-[#525866]">取消政策及说明</view>
       <view class="flex items-center" @click="emit('click')">
         <text class="theme-color-500 mr-[4px]">查看详情</text>

src/pages-order/order/components/FooterSection/index.vue

@@ -1,12 +1,12 @@
 <template>
   <view class="footer bg-white flex items-center justify-between p-[12px]">
     <button v-if="['1', '2'].includes(statusCode)"
-      class="left border-none bg-white rounded-[10px] flex items-center justify-center text-[14px] font-[500] text-[#525866] mr-[12px]"
+      class="left border-none after:!hidden bg-white rounded-[10px] flex items-center justify-center text-[14px] font-[500] text-[#525866] mr-[12px]"
       @click="emit('refund', orderData)">
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-[500] bg-[#0CCD58]',
+      'right border-none after:!hidden rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-[500] bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
         'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),

src/pages-order/order/components/GoodsInfo/index.vue

@@ -7,7 +7,7 @@
       {{ orderData.commodityName }}
     </view>
 
-    <view class="border-box border-bottom text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
+    <view class="border-box border-b border-[#e5e8ee] text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
       {{ orderData.commodityDescription }}
     </view>
 
@@ -31,7 +31,8 @@
     </view>
 
     <view v-if="orderData.orderStatus === '0'"
-      class="border-box border-top pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">凭[电子凭证]直接验证使用</view>
+      class="border-box border-t  border-[#e5e8ee] pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">
+      凭[电子凭证]直接验证使用</view>
   </view>
 </template>
 

src/pages-order/order/components/OrderCard/index.vue

@@ -21,7 +21,7 @@
 
     <view v-if="orderData.orderStatus === '0'" class="text-right">
       <button
-        class="go-pay border-none text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
+        class="go-pay border-none after:!hidden text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
         @click.stop="handleCardClick">
         去支付
       </button>

src/pages/ChatModule/AigcPhotoCard/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+  <view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
 

src/pages/ChatModule/AnswerComponent/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <view v-if="shouldRenderCard" class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+  <view v-if="shouldRenderCard"
+    class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">

src/pages/ChatModule/GeneratorPhotoComponent/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
+  <view class="container w-full border border-white overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="content flex flex-col m-[4px] rounded-[24px]">

src/pages/ChatModule/LongTextGuideCardPreview/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+  <view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">

src/pages/ChatModule/MoreService/index.vue

@@ -7,7 +7,7 @@
       </view>
 
       <view class="list bg-white pl-[20px] pr-[20px]">
-        <view class="item border-bottom pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
+        <view class="item border-b border-[#e5e8ee] pt-[20px] pb-[20px]" v-for="(item, index) in list" :key="index">
           <view class="flex items-center justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
             <view class="center flex-1">

src/pages/ChatModule/OpenMapComponent/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
+    <view class="w-full bg-white border border-white overflow-hidden rounded-[20px] flex flex-col">
         <!-- 占位撑开 -->
         <view class="w-screen"></view>
         <view class="flex items-center justify-between p-[12px] border-box" @click="openMap">

src/pages/ChatModule/SharedVisual/CardShell.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-[24px] overflow-hidden"
+  <view class="visual-card-shell w-full bg-white border border-[#f1f5f9] rounded-[24px] overflow-hidden"
     :class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
     <slot />
   </view>

src/pages/ChatModule/ZModuleBase/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
+  <view class="container w-full border border-white overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
     <view class="w-screen"></view>
     <view class="flex flex-col m-[4px] rounded-[24px]">

src/pages/goods/components/GoodPackage/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="border-box border-top-8 pl-[12px] pr-[12px] pt-[6px] pb-[12px]">
+  <view class="border-box border-t-8 border-[#f5f5f5] pl-[12px] pr-[12px] pt-[6px] pb-[12px]">
     <ModuleTitle v-if="showTitle" title="套餐包含内容" />
     <view class="flex flex-items-start flex-col" v-for="(item, index) in goodsData.commodityPackageConfig" :key="index">
       <view class="title-row py-[4px] ml-[4px]">

src/static/scss/border.scss

@@ -1,31 +0,0 @@
-.border-top {
-  border-top: 1px solid #e5e8ee;
-}
-
-.border-bottom {
-  border-bottom: 1px solid #e5e8ee;
-}
-
-.border-top-8 {
-  border-top: 8px solid #f5f5f5;
-}
-
-.border-ff {
-  border: 1px solid #fff;
-}
-
-.border-F1F5F9 {
-  border: 1px solid #f1f5f9;
-}
-
-.border-bottom-F1F5F9 {
-  border-bottom: 1px solid #f1f5f9;
-}
-
-.border-none {
-  border: none;
-
-  &::after {
-    display: none !important;
-  }
-}

src/static/scss/index.scss

@@ -1,3 +1,2 @@
 @import "./background.scss";
-@import "./border.scss";
 @import "./font-family.scss";