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/pages-order/order/components/FooterSection/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="footer bg-white flex flex-items-center flex-justify-between p-[12px]">
     <button v-if="['1', '2'].includes(statusCode)"
-      class="left border-none bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
+      class="left border-none bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-12"
       @click="emit('refund', orderData)">
       申请退款
     </button>
@@ -9,7 +9,7 @@
       'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
-        'color-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
+        'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
       },
     ]" @click="handleButtonClick(orderData)">
       {{ buttonText }}