feat: 横向对比改为会员阶梯式排列

- 列按套装可做配方数从少到多排（小套装左，大套装右）
- 行按可用套装数从多到少排（所有套装都能做的在上，独占的在下）
- 形成左上到右下的阶梯视觉效果
- 有值格子绿色背景，无值格子灰色，区分更明显

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/views/KitExport.vue

@@ -84,7 +84,7 @@
           <tbody>
             <tr v-for="row in crossComparison" :key="row.id">
               <td class="td-name">{{ row.name }}</td>
-              <td v-for="ka in kitAnalysis" :key="ka.id" class="td-kit-cost">
+              <td v-for="ka in kitAnalysis" :key="ka.id" :class="row.costs[ka.id] != null ? 'td-kit-available' : 'td-kit-na'">
                 <template v-if="row.costs[ka.id] != null">{{ fmtPrice(row.costs[ka.id]) }}</template>
                 <template v-else><span class="na">—</span></template>
               </td>
@@ -404,8 +404,9 @@ async function exportExcel(mode) {
 .td-cost.original { color: #999; font-weight: 400; }
 .td-profit { font-weight: 600; color: #4a9d7e; }
 .td-profit.negative { color: #ef5350; }
-.td-kit-cost { font-weight: 500; }
-.na { color: #ccc; }
+.td-kit-available { font-weight: 500; color: #4a9d7e; background: #f0faf5; }
+.td-kit-na { background: #fafafa; }
+.na { color: #ddd; }
 
 .price-input-wrap {
   display: inline-flex; align-items: center; gap: 2px; font-size: 13px; color: #3e3a44;