修复仲裁退款并新增免押额度

frontend/src/features/orders/views/OrderDetailView.vue

@@ -766,6 +766,9 @@ async function copyListingCode() {
           <div class="metric-card">
             <span class="metric-label">押金</span>
             <strong class="metric-value">¥{{ money(order.deposit_amount) }}</strong>
+            <span v-if="order.deposit_waived_amount > 0" class="metric-note"
+              >已免押 ¥{{ money(order.deposit_waived_amount) }}</span
+            >
           </div>
         </div>
 
@@ -950,7 +953,12 @@ async function copyListingCode() {
             </div>
             <div class="summary-row">
               <span>预收押金</span>
-              <strong>¥{{ money(order.checkout.deposit_amount) }}</strong>
+              <strong>
+                ¥{{ money(order.checkout.deposit_amount) }}
+                <em v-if="order.deposit_waived_amount > 0"
+                  >已免押 ¥{{ money(order.deposit_waived_amount) }}</em
+                >
+              </strong>
             </div>
             <div class="summary-row">
               <span>额外消耗品已用</span>
@@ -1441,6 +1449,11 @@ async function copyListingCode() {
   color: #ff6a00;
 }
 
+.metric-note {
+  font-size: 12px;
+  color: #2563eb;
+}
+
 .info-section {
   margin-bottom: 32px;
 }
@@ -1772,11 +1785,21 @@ async function copyListingCode() {
 }
 
 .summary-row strong {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
   font-size: 18px;
   font-weight: 700;
   color: #1f2937;
 }
 
+.summary-row strong em {
+  font-style: normal;
+  font-size: 12px;
+  font-weight: 500;
+  color: #2563eb;
+}
+
 .summary-row strong.amount {
   color: #10b981;
   font-size: 20px;