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

@@ -1,8 +1,8 @@
 v
 <template>
-  <div class="welcome-content border-box p-12">
+  <div class="welcome-content  p-[12px]">
     <div class="wrap rounded-20">
-      <div class="flex flex-items-center flex-justify-between border-box pl-12 pr-12">
+      <div class="flex flex-items-center flex-justify-between  pl-12 pr-12">
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />