如何改变不同宽度的折叠内折叠背景颜色。来自bootstrap 4.5的手风琴

<!-- 引入 Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css">

<!-- 引入 Bootstrap 的 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"></script>

<div id="accordion">

  <!-- 第一个折叠面板 -->
  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          折叠面板 1
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
        这是折叠面板 1 的内容
      </div>
    </div>
  </div>

  <!-- 第二个折叠面板 -->
  <div class="card">
    <div class="card-header" id="headingTwo">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          折叠面板 2
        </button>
      </h5>
    </div>

    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
      <div class="card-body">
        这是折叠面板 2 的内容
      </div>
    </div>
  </div>

  <!-- 其他折叠面板... -->

</div>

<div class="card custom-panel-1">
  <!-- 折叠面板的内容... -->
</div>

/* 在 CSS 文件中定义自定义背景颜色 */
.custom-panel-1 {
  background-color: #e8f0fe;
}