專案背景與願景
「萌萌（小種子）」是一個由十歲孩童發起的現代公益團體，核心理念為**「永續 × 公益 × 創意」**。為了承載其數位影響力，SGOplus 為其量身訂製了全靜態品牌官網，完美呈現其溫暖、純真與大地的有機品牌形象。
技術與美學實現
1. 極致美學視覺調色盤
全站設計強制採用微醺暖白底色（#fcfbf9），搭配深灰色高對比文字（#1f2937），在極簡格線與留白之間，營造充滿溫度的人文與環保氛圍，讓孩童們的故事與手繪插圖躍然紙上。
2. Astro 6 靜態生成 (SSG)
採用最新的 Astro 6 框架與全新的 Content Layer API。全站文章、最新消息皆在編譯期靜態化，達成首屏網頁預設零 JavaScript 的極致效能，極大縮短了首位字元時間 (TTFB)，並提升 Google Lighthouse SEO 評分。
3. 新世代 AVIF 圖片最佳化
公益網站往往包含大量活動照片與豐富手繪 LOGO。我們在編譯管道中配置了自動圖像壓縮，將全站媒體預先轉化為高效能 AVIF 格式，在完全不犧牲視覺畫質與色彩表現的前提下，將網頁載入體積壓縮至極致。
4. 互動式成員卡片設計
在「關於我們」頁面，我們實作了具備 CSS scroll-snap-type（滾動捕捉）效果的 7:9 橫向滑動成員卡片。這能讓訪客在滑動瀏覽小團員名單時，體驗到與行動端原生 App 完全一致的段落定位與流暢阻尼感。
成果亮點
- 首頁三大核心區塊（永續選物店、小老闆市集、把愛傳出去）生動呈現，完美傳遞品牌日常與公益理念。
- 全站靜態編譯（
dist/），可直接部署於 StarServer JP Lite 或 CoreServer v2 邊緣伺服器，伺服器營運成本趨近於 $0$。