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/pages/home/components/PoiCompareCard/index.vue

@@ -30,7 +30,7 @@
       </div>
 
       <div
-        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-0F172A color-white font-size-15 font-900"
+        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-0F172A text-white font-size-15 font-900"
         :class="{ 'is-disabled': disabled }" @click="openDetail">
         {{ data.detailButtonText }}
       </div>
@@ -86,7 +86,7 @@
       <div class="poi-compare-card__actions grid grid-cols-2 gap-14">
         <div v-for="action in detail.actions" :key="action.id || action.text"
           class="poi-compare-card__action flex flex-items-center flex-justify-center font-size-15 font-900"
-          :class="[action.primary ? 'poi-compare-card__action--primary bg-0F172A color-white' : 'poi-compare-card__action--secondary color-334155', { 'is-disabled': disabled }]"
+          :class="[action.primary ? 'poi-compare-card__action--primary bg-0F172A text-white' : 'poi-compare-card__action--secondary color-334155', { 'is-disabled': disabled }]"
           @click="handleAction(action)">
           <span class="poi-compare-card__action-icon">{{ action.icon }}</span>
           <span>{{ action.text }}</span>