如何在Bootstrap中更改折叠选项卡的背景色？

<div class="accordion" id="accordionExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        折叠选项卡标题
      </button>
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <div class="accordion-body" style="background-color: red;">
        折叠选项卡内容
      </div>
    </div>
  </div>
</div>

<style>
  .custom-accordion .accordion-body {
    background-color: blue;
  }
</style>

<div class="accordion custom-accordion" id="accordionExample">
  <!-- 折叠选项卡内容 -->
</div>