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/SharedVisual/DetailShell.vue

@@ -1,6 +1,6 @@
 <template>
   <CardShell variant="detail">
-    <div class="visual-detail__header flex flex-items-center px-16 border-box border-bottom-F1F5F9">
+    <div class="visual-detail__header flex flex-items-center px-16  border-bottom-F1F5F9">
       <div class="visual-detail__back mr-8 rounded-full bg-F8FAFC color-334155 font-900 text-center"
         @click="$emit('back')">
         <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>