style: standardize design token classes and spacing units

Standardize styling across all components:
1. Replace legacy color utilities and hardcoded hex values with official design token classes
2. Update margin/padding/rounded corner values to use wrapped [px] syntax for consistency
3. Fix inconsistent line-height class names to use leading-[value] format

src/pages/quick/components/Card/index.vue

@@ -5,7 +5,7 @@
       <div class="text-[16px] leading-[24px] text-[#171717] mb-[4px]">
         {{ item.commodityName }}
       </div>
-      <div v-if="item.commodityFacility" class="text-[12px] leading-[16px] text-[#99A0AE] mb-4 truncate">
+      <div v-if="item.commodityFacility" class="text-[12px] leading-[16px] text-ink-400 mb-4 truncate">
         {{ item.commodityFacility.join(" ") }}
       </div>
       <div class="text-[12px] leading-[18px] text-[#43669A]">
@@ -19,7 +19,7 @@
             {{ item.specificationPrice }}
           </span>
         </div>
-        <span v-if="item.stockUnitLabel" class="text-[12px] leading-[16px] text-[#99A0AE]">
+        <span v-if="item.stockUnitLabel" class="text-[12px] leading-[16px] text-ink-400">
           /{{ item.stockUnitLabel }}
         </span>
         <span