/* 费用表格撑满容器样式 */
.cost-table {
  border-collapse: collapse;
  width: 100%; /* 关键：表格宽度100%撑满容器 */
  margin: 15px 0;
  font-size: 14px;
  color: #333;
  table-layout: fixed; /* 固定列宽算法，避免内容撑开比例 */
}

.cost-table td {
  border: 1px solid #ddd; /* 浅灰色边框更柔和 */
  padding: 8px 8px; /* 适当增加内边距 */
  vertical-align: middle;
}

/* 优化列宽分配（总宽度100%） */
.cost-table td:nth-child(1),
.cost-table td:nth-child(3) {
  width: 25%; /* 标签列各占25% */
  text-align: right;
  background-color: #f9f9f9; /* 标签列浅灰底色区分 */
  font-weight: 500; /* 标签文字稍粗 */
}

.cost-table td:nth-child(2),
.cost-table td:nth-child(4) {
  width: 25%; /* 内容列各占25% */
  text-align: left;
  padding-left: 15px; /* 内容列左内边距增加，与标签拉开距离 */
}

/* 总费用行样式强化 */
.cost-table tr:last-child td:first-child {
  width: 25%;
  text-align: right;
  background-color: #f0f0f0;
  font-weight: bold;
}

.cost-table tr:last-child td:last-child {
  width: 75%; /* 总费用内容占75%（跨3列） */
  text-align: center;
  color: #e53e3e; /* 深红色更醒目 */
  font-weight: bold;
  font-size: 22px; /* 总费用文字稍大 */
  background-color: #fff5f5; /* 总费用行底色突出 */
}