feat(mobile): 全面重构移动端首页与详情页布局并统一3*3顶级保险高光视觉

frontend/src/features/listings/views/ListingDetailView.vue

@@ -39,6 +39,7 @@ import {
   readAssetNumber,
   readAssetString,
   getRatioValue,
+  isTopTierInsurance,
   type ListingDisplayResource,
 } from '@/shared/utils/listingDisplay'
 
@@ -112,6 +113,8 @@ const insuranceSlot = computed(() => {
   return readAssetString(listing.value, 'season_insurance') || '--'
 })
 
+const isTopTierInsuranceSlot = computed(() => isTopTierInsurance(insuranceSlot.value))
+
 const ratioValue = computed(() => {
   if (!listing.value) return 0
   return getRatioValue(listing.value)
@@ -479,9 +482,15 @@ function goBack() {
             </div>
 
             <!-- 保险格数 -->
-            <div class="asset-tile slot-tile">
+            <div
+              class="asset-tile slot-tile"
+              :class="{ 'top-insurance': isTopTierInsuranceSlot }"
+            >
               <span class="tile-label">安全箱格数</span>
-              <strong class="tile-value text-slate">{{ insuranceSlot }}</strong>
+              <strong
+                class="tile-value"
+                :class="isTopTierInsuranceSlot ? 'text-orange' : 'text-slate'"
+              >{{ insuranceSlot }}</strong>
             </div>
 
             <!-- 折算币比 -->