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/home/components/LongTextGuideCardPreview/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="w-full bg-white border-box border-ff overflow-hidden rounded-20 flex flex-col">
+  <div class="w-full bg-white  border-ff overflow-hidden rounded-20 flex flex-col">
     <!-- 占位撑开 -->
     <div class="w-vw"></div>
-    <div class="flex flex-col px-16 pt-16 pb-12 border-box" @click="openDetail(item)">
+    <div class="flex flex-col px-16 pt-16 pb-12 " @click="openDetail(item)">
 
       <div class="long-text-guide-card__badge text-[12px] font-900" :class="`is-${item.badgeTone}`">
         {{ item.badge }}