<div style="font-family: 'Noto Sans TC', Arial, sans-serif; max-width: 800px; margin: 0 auto; background: #fff; border-radius: 10px; box-shadow: 0 4px 16px rgba(0,0,0,0.10); overflow: hidden;">
<!-- 標題區 -->
<div style="background: #20355b; color: #fff; padding: 24px 32px;">
<h2 style="margin:0; font-size: 2em;">成功案例</h2>
<div style="margin-top: 8px; color: #20355b; background: #ede7de; display: inline-block; padding: 2px 14px; border-radius: 6px; font-weight: bold;">Deepunch</div>
</div>
<!-- 內容區 -->
<div style="display: flex; gap: 32px; padding: 32px; flex-wrap: wrap;">
<!-- 左側：行銷工具/效益 -->
<div style="flex: 1 1 260px; min-width: 220px;">
<div>
<div style="font-size: 1.1em; font-weight: bold; color: #20355b; margin-bottom: 8px; border-left: 4px solid #20355b; padding-left: 10px;">採用行銷工具</div>
<ul style="padding-left: 18px; margin-bottom: 24px;">
<li>全網行銷建置、一頁式網站</li>
<li>社群經營、FB/IG廣告投放</li>
<li>問卷名單蒐集、產品體驗會</li>
<li>商業攝影、影片拍攝、KOL網紅行銷</li>
</ul>
</div>
<div>
<div style="font-size: 1.1em; font-weight: bold; color: #20355b; margin-bottom: 8px; border-left: 4px solid #20355b; padding-left: 10px;">重點效益</div>
<ul style="padding-left: 18px;">
<li>行銷走期約3個月，總行銷預算85萬元</li>
<li>線上募資：2,930,408元</li>
<li>ROAS：9.02</li>
<li>線下團購約80萬元</li>
<li>群募總金額約400萬元</li>
</ul>
</div>
</div>
<!-- 右側：flyingV 募資頁+圖片 -->
<div style="flex: 1 1 350px; min-width: 300px; text-align: center;">
<img src="https://i.imgur.com/4vNCh6T.png" alt="Deepunch 募資頁" style="width: 100%; max-width: 370px; border-radius: 8px; box-shadow: 0 2px 8px rgba(32,53,91,0.09);" />
<div style="margin-top: 16px; text-align: left;">
<div style="font-weight: bold; color: #20355b;">募資成績</div>
<div style="font-size: 2em; font-weight: bold; color: #20355b;">$2,930,408</div>
<div style="color: #777; margin-bottom: 8px;">贊助人數 409人</div>
<div style="font-size: 0.95em; color: #b66e23;">
2020/04/14 - 2020/06/30 募資，專案已成功！
</div>
</div>
</div>
</div>
</div>
