<div class="budget-container">
  <div class="budget-header">
    <div class="budget-title">本月预算</div>
    <div class="budget-amount">¥{{ total.toFixed(2) }}</div>
  </div>
  <div class="progress-container">
    <div class="progress-bar"></div>
  </div>
  <div class="progress-text">
    已消费 ¥{{ spent.toFixed(2) }} / 剩余 ¥{{ remaining.toFixed(2) }}
  </div>
</div>