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

@@ -13,10 +13,10 @@
         <!-- 底部：价格 + 购买按钮 -->
         <view class="card-footer p-[12px] flex flex-justify-between flex-items-center">
           <view class="border-box">
-            <view class="font-size-14 font-500 color-333 ellipsis-1">
+            <view class="font-size-14 font-500 text-[#333333] ellipsis-1">
               {{ card.commodityName }}
             </view>
-            <view class="card-price-row color-333">
+            <view class="card-price-row text-[#333333]">
               <text class="font-size-11">￥</text>
               <text class="font-size-24 font-bold">
                 {{ card.specificationPrice }}