<!-- 美國黑金產品特色 -->
<section class="product-features py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="features-title wow fadeInDown">產品特色</h2>
<p class="features-subtitle wow fadeInUp" data-wow-delay="200ms">
採用高端配方，專注提升活力與健康
</p>
</div>
<div class="row">
<!-- 特色1 -->
<div class="col-md-3 col-sm-6 mb-4 wow fadeInUp" data-wow-delay="300ms">
<div class="feature-card text-center">
<img src="{pboot:sitetplpath}/images/icon1.png" alt="高品質原料" class="feature-icon mb-3">
<h5 class="feature-title">高品質原料</h5>
<p class="feature-desc">嚴選進口原料，純淨安全，效果更顯著</p>
</div>
</div>
<!-- 特色2 -->
<div class="col-md-3 col-sm-6 mb-4 wow fadeInUp" data-wow-delay="400ms">
<div class="feature-card text-center">
<img src="{pboot:sitetplpath}/images/icon2.png" alt="科學配方" class="feature-icon mb-3">
<h5 class="feature-title">科學配方</h5>
<p class="feature-desc">專業團隊研發，精準比例提升活力與耐力</p>
</div>
</div>
<!-- 特色3 -->
<div class="col-md-3 col-sm-6 mb-4 wow fadeInUp" data-wow-delay="500ms">
<div class="feature-card text-center">
<img src="{pboot:sitetplpath}/images/icon3.png" alt="快速見效" class="feature-icon mb-3">
<h5 class="feature-title">快速見效</h5>
<p class="feature-desc">吸收迅速，短時間即可感受產品效果</p>
</div>
</div>
<!-- 特色4 -->
<div class="col-md-3 col-sm-6 mb-4 wow fadeInUp" data-wow-delay="600ms">
<div class="feature-card text-center">
<img src="{pboot:sitetplpath}/images/icon4.png" alt="安全可靠" class="feature-icon mb-3">
<h5 class="feature-title">安全可靠</h5>
<p class="feature-desc">嚴格檢測，符合國際標準，無副作用</p>
</div>
</div>
</div>
</div>
</section>
<!-- CSS -->
<style>
.product-features {
background-color: #0d0d0d;
color: #fff;
}
.features-title {
font-size: 2.5rem;
font-weight: 800;
color: gold;
margin-bottom: 1rem;
}
.features-subtitle {
font-size: 1.2rem;
color: #ccc;
}
.feature-card {
background: rgba(255, 255, 255, 0.05);
padding: 2rem 1rem;
border-radius: 12px;
transition: all 0.3s;
}
.feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(255,215,0,0.3);
}
.feature-icon {
width: 60px;
height: 60px;
}
.feature-title {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: gold;
}
.feature-desc {
font-size: 0.95rem;
color: #ddd;
line-height: 1.6;
}
@media(max-width:768px){
.features-title { font-size:2rem; }
.features-subtitle { font-size:1rem; }
}
</style>