fix(admin): unify inbound fee refresh controls

src/modules/inbounds/fee/InboundFeePanel.vue

@@ -364,7 +364,8 @@ defineExpose({ reload: loadFee })
 <template>
   <section class="inbound-fee-panel" :aria-busy="loading" aria-labelledby="inbound-fee-title">
     <header class="fee-heading" :class="{ 'fee-heading--compact': compact }">
-      <div v-if="!compact" class="fee-heading-copy">
+      <h3 v-if="compact" id="inbound-fee-title" class="fee-heading-title--compact">头程自动初算</h3>
+      <div v-else class="fee-heading-copy">
         <span class="fee-heading-icon" aria-hidden="true"><CircleDollarSign :size="20" /></span>
         <div>
           <h3 id="inbound-fee-title">入库费用快照</h3>
@@ -374,12 +375,13 @@ defineExpose({ reload: loadFee })
       <div class="fee-heading-actions">
         <el-tooltip content="刷新费用快照" placement="top">
           <el-button
+            class="fee-refresh-button"
             circle
             aria-label="刷新费用快照"
-            :loading="loading"
-            :disabled="!customerContextId || !normalizedInboundId || !canView"
+            :aria-busy="loading"
+            :disabled="loading || !customerContextId || !normalizedInboundId || !canView"
             @click="loadFee()"
-          ><RefreshCw :size="16" /></el-button>
+          ><RefreshCw :size="16" :class="{ 'is-spinning': loading }" /></el-button>
         </el-tooltip>
         <el-button
           v-if="!displayOnly && canCalculate"
@@ -584,7 +586,8 @@ defineExpose({ reload: loadFee })
 <style scoped>
 .inbound-fee-panel { min-width: 0; color: var(--cc-text); }
 .fee-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 16px; }
-.fee-heading--compact { justify-content: flex-end; padding-bottom: 6px; }
+.fee-heading--compact { align-items: center; justify-content: space-between; padding: 12px 0 8px; }
+.fee-heading h3.fee-heading-title--compact { color: #344054; font-size: var(--admin-font-section, 14px); line-height: 1.4; }
 .fee-heading-copy { display: flex; min-width: 0; align-items: flex-start; gap: 12px; }
 .fee-heading-icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: #eef4ff; color: var(--cc-primary); }
 .fee-heading h3, .section-title h4 { margin: 0; }
@@ -592,6 +595,7 @@ defineExpose({ reload: loadFee })
 .fee-heading p, .section-title p { margin: 5px 0 0; color: var(--cc-muted); font-size: 12px; line-height: 1.55; }
 .fee-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
 .fee-heading-actions .el-button { margin-left: 0; }
+.fee-refresh-button .is-spinning { animation: fee-refresh-spin 0.8s linear infinite; }
 .fee-loading { padding: 20px 0; }
 .inbound-fee-panel :deep(.el-alert p) { margin: 5px 0 0; line-height: 1.55; }
 .inbound-fee-panel :deep(.el-alert .el-button) { margin-top: 8px; }
@@ -605,6 +609,7 @@ defineExpose({ reload: loadFee })
 .fee-total strong { color: #0f5c49; font-size: 21px; letter-spacing: -.01em; }
 .fee-summary-item strong { font-size: 15px; }
 .version-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+@keyframes fee-refresh-spin { to { transform: rotate(360deg); } }
 .calculation-section, .fee-timeline { padding: 10px 0; border-bottom: 1px solid var(--cc-border); }
 .section-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
 .calculation-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }