style(components): standardize borders and refactor popup

Replace legacy `border-bottom` CSS classes with design system's `border-b border-ink-200` across all vue components. Refactor DetailPopup to use van-popup instead of uni-popup, update icon usage, component logic and styling.

src/pages/home/components/LongTextGuideCard/index.vue

@@ -20,7 +20,7 @@
     </div>
 
     <div v-else class="long-text-guide-card__detail-card bg-white rounded-[24px]  overflow-hidden">
-      <div class="long-text-guide-card__detail-header flex items-center border-bottom-F1F5F9">
+      <div class="long-text-guide-card__detail-header flex items-center border-b border-ink-200">
         <div class="long-text-guide-card__back flex items-center justify-center rounded-full font-700"
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>

src/pages/home/components/MoreService/index.vue

@@ -7,7 +7,7 @@
       </div>
 
       <div class="list bg-white  pl-20 pr-20">
-        <div class="item  border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
+        <div class="item  border-b border-ink-200 pt-20 pb-20" v-for="(item, index) in list" :key="index">
           <div class="flex items-center justify-center">
             <img v-if="item.icon" class="left" :src="item.icon" />
             <div class="center flex-1">

src/pages/home/components/SharedVisual/DetailShell.vue

@@ -1,6 +1,6 @@
 <template>
   <CardShell variant="detail">
-    <div class="min-h-[48px] flex items-center px-[16px]  border-bottom-F1F5F9">
+    <div class="min-h-[48px] flex items-center px-[16px]  border-b border-ink-200">
       <div
         class="w-[30px] h-[30px] text-[22px] leading-[28px] mr-[8px] rounded-full bg-[#f8fafc] text-[#334155] font-bold text-center"
         @click="$emit('back')">