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

@@ -1,7 +1,7 @@
 <template>
   <div class="survey-questionnaire w-vw-24">
-    <div class="bg-white border-box border-ff overflow-hidden rounded-20">
-      <div class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
+    <div class="bg-white  border-ff overflow-hidden rounded-20">
+      <div class=" flex flex-items-center flex-justify-between bg-theme-color-50">
         <span class="font-size-18 font-500 color-171717 text-left ml-12">
           调查问卷
         </span>
@@ -10,7 +10,7 @@
 
       <img class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
-      <div class="h-44 m-12 rounded-50 bg-button color-white flex flex-items-center flex-justify-center"
+      <div class="h-44 m-[12px] rounded-[5px]0 bg-button text-white flex flex-items-center flex-justify-center"
         @click="handleCall">
         前往填写
       </div>