Flat 摺疊小號斜背包 | 橘紅

<div class="feature-toggle-container">  <div class="feature-toggle-header">    產品特色    <span class="feature-arrow" id="featureArrow">▶</span>  </div>  <div class="feature-toggle-content" id="featureContent">    <ul>      <li>可容納無反相機或電子書閱讀器</li>      <li>3x 相同大小的隔間和拉鍊網袋，輕鬆收納瑣碎個人小物</li>      <li>多環織帶設計能讓用家掛上個性物件或隨行小物</li>      <li>防潑水材質（抓毛絨除外）</li>    </ul>  </div></div><div class="feature-toggle-container">  <div class="feature-toggle-header">    商品規格    <span class="feature-arrow" id="specArrow">▶</span>  </div>  <div class="feature-toggle-content" id="specContent">    <ul>      <li>環保尼龍（顏色：菁苔綠、海洋藍、電光紫、霓黃）</li>      <li>聚酯纖維（顏色：黑色、Topologie 橘紅、銅棕）</li>      <li>防潑環保尼龍及PU塗層（顏色：黑色）</li>      <li>絎縫環保尼龍（顏色：米灰色）</li>    </ul>  </div></div><style>  .feature-toggle-container {    margin: 20px auto;    max-width: 700px;    background: #fff;    border-radius: 10px;    box-shadow: 0 2px 10px rgba(0,0,0,0.1);    overflow: hidden;  }  .feature-toggle-header {    background: #007BFF;    color: #fff;    padding: 15px 20px;    cursor: pointer;    font-size: 18px;    display: flex;    justify-content: space-between;    align-items: center;  }  .feature-arrow {    transition: transform 0.3s ease;    transform: rotate(90deg);  }  .feature-arrow.collapsed {    transform: rotate(0deg);  }  .feature-toggle-content {    display: block;    padding: 20px;    line-height: 1.6;    background-color: #fff;  }  .feature-toggle-content ul {    padding-left: 20px;    margin: 0;  }  .feature-toggle-content li {    margin-bottom: 10px;  }</style>