style(settlement): 统一弹窗卡片样式并优化标签页样式

- 将结算调整单编辑弹窗内各板块统一替换为全局 section-card 组件
- “添加费用”按钮移至 section-card 的 #extra 插槽，删除多余样式
- 应付/应收对账页、收付明细弹窗标签页使用 border-card 类型提升视觉效果
- 调整对账页表格区域上间距由 8px 增加到 12px
- 确保修改均通过 SFC 解析与模板编译检查

src/views/settlement/receivable-payable-detail.vue

@@ -111,7 +111,7 @@
       destroy-on-close
       class="settlement-detail-dialog"
     >
-      <el-tabs v-model="detailDialog.activeTab" @tab-change="handleDetailTabChange">
+      <el-tabs type="border-card" style="background-color: #ffffff" v-model="detailDialog.activeTab" @tab-change="handleDetailTabChange">
         <el-tab-pane label="费用明细" name="fee">
           <el-table v-loading="detailDialog.loading" :data="feeRows" border>
             <el-table-column type="index" label="序号" width="64" align="center" />

src/views/settlement/transport-reconciliation.vue

@@ -31,7 +31,7 @@
     </section>
 
     <section class="reconciliation-page__table-panel">
-      <el-tabs v-model="settlementType" @tab-change="handleTabChange">
+      <el-tabs type="border-card" v-model="settlementType" @tab-change="handleTabChange">
         <el-tab-pane label="应付" name="payable" />
         <el-tab-pane label="应收" name="receivable" />
       </el-tabs>
@@ -300,7 +300,7 @@ export default {
   margin-bottom: 8px;
 }
 .reconciliation-page__table-panel {
-  margin-top: 8px;
+  margin-top: 12px;
 }
 .reconciliation-page__toolbar {
   display: flex;