优化

src/modules/unified-orders/pages/UnifiedOrdersView.vue

@@ -977,13 +977,14 @@ onBeforeUnmount(() => {
             </template>
 
             <template v-else-if="activeDetailTab === 'fees'">
-              <div class="panel-title"><div><h2>费用信息</h2><p>维护运单与入库单应收应付费用</p></div><WalletCards :size="19" /></div>
+              <div class="panel-title"><div><h2>费用信息</h2><p>头程自动初算与其他人工费用在同一页维护</p></div><WalletCards :size="19" /></div>
+              <h3 class="fee-section-title">头程自动初算</h3>
               <InboundFeePanel
                 :customer-id="String(detail.summary.tenantId)"
                 :inbound-id="String(detail.summary.inboundId)"
                 @changed="loadDetail(true)"
               />
-              <el-divider content-position="left">费用明细与审核</el-divider>
+              <h3 class="fee-section-title fee-section-title--secondary">其他费用明细</h3>
               <InboundFeeDetailManager
                 :account-id="String(detail.summary.tenantId)"
                 :inbound-id="String(detail.summary.inboundId)"
@@ -1293,6 +1294,8 @@ onBeforeUnmount(() => {
 .panel-title h2 { margin: 0; color: #344054; font-size: 16px; }
 .panel-title p { margin: 5px 0 0; color: var(--cc-muted); font-size: 11px; }
 .panel-title > svg { color: var(--cc-primary); }
+.fee-section-title { margin: 14px 0 8px; color: #344054; font-size: 13px; line-height: 1.4; }
+.fee-section-title--secondary { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--cc-border); }
 .order-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; overflow: hidden; border: 1px solid #edf0f4; background: #fff; }
 .order-info-grid > div, .measurement-grid > div { display: flex; min-width: 0; min-height: 38px; align-items: baseline; gap: 8px; padding: 8px 12px; border-right: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; background: #fff; }
 .order-info-grid > div.wide { grid-column: span 2; }