refactor: migrate legacy color classes to inline tailwind text utilities

Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.

src/components/SurveyQuestionnaire/index.vue

@@ -2,7 +2,7 @@
   <view class="survey-questionnaire w-vw-24">
     <view class="bg-white border-ff overflow-hidden rounded-20">
       <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
+        <text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
           调查问卷
         </text>
         <image class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
@@ -11,7 +11,7 @@
       <image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
       <view
-        class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] color-white flex flex-items-center flex-justify-center"
+        class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
         @click="handleCall">
         前往填写
       </view>