首屏客戶滿意度動態氣泡
首屏圖片區域需展示即時業務指標標籤，補充客戶價值資訊。
循環彈出滿意度、ROI 等指標氣泡，搭配退場動畫。重要：請製作一個高端企業官網，首頁突出品牌願景、業務能力、客戶價值與聯絡方式。
驗收資料
驗收資料
以下記錄了本專案的設計要求與實現說明，供專案組對照驗收使用。acceptance_materials.txt
01整體視覺保持明亮、簡潔
02主要按鈕需要有明確的可點擊狀態
03首頁保留科技感視覺元素
04內容模組使用卡片承載
05核心文案需要覆蓋能力、場景和價值
06關鍵數字用於強調頁面節奏
07主要頁面保留清晰的行動入口
08內文字級不低於 14px
09導覽列固定在頁面頂部
10每張圖片下方需有文字說明
11行高統一為 1.6
12favicon 覆蓋常見尺寸
implementation_notes.txt
01首屏圖片需同時呈現團隊、產品介面與品牌網域。
02全站按鈕樣式保持統一，圓角 12px。
03動效用於強化層級，不影響基本閱讀。
04客戶案例區域保留結果數據展示位。
05行動裝置佈局優先保證 14px 文字可讀。
06導覽列 position: sticky，捲動時常駐頂部。
07圖片 alt 屬性與下方說明文字不可省略。
設計說明
主要視覺與互動效果記錄
以下記錄了頁面中主要視覺與互動效果的 design intent 與目前實現方式，供設計評審與後續迭代參考。文字懸停彩虹漸變效果
標題與連結的 hover 狀態需有明顯視覺回饋。
彩虹漸變 + 掃光 + 色相旋轉 + 輝光。CTA 按鈕視覺動畫與命中區域分離
按鈕 hover/click 時需要更強的動態回饋，同時保持點擊區域穩定。
視覺層 translateY 動畫，命中區域保持原位。Liquid Glass 風格導覽列
頂部導覽需有透明材質感與層次區分。
backdrop-filter 玻璃背景 + 掃光 + 輕微漂浮動畫。關燈模式聚光燈效果
提供專注閱讀模式，減少頁面視覺干擾。
全螢幕遮罩 + 滑鼠位置光圈半徑控制可見區域。Richify 品牌自訂滑鼠指標
延續品牌識別，滑鼠移動與頁面視覺風格保持一致。
SVG 品牌指標 + 拖尾粒子軌跡。客戶案例頁 WebGL 三維展廳
客戶案例頁需有沉浸式 3D 成果展示區域。
WebGL 粒子矩陣 + 滑鼠擾動互動 + 動態面板。頁尾 3D 鑽石與品牌跑馬燈
頁面底部需有持續可見的品牌收尾視覺。
3D 旋轉鑽石 + 品牌文案跑馬燈 + 動態色彩。首屏團隊圖內嵌品牌 Logo
首屏圖片需同時呈現團隊場景與 richify.net 品牌資訊。
電腦螢幕區域嵌入 richify.net 品牌標識。