- 生成簡報案例指令（顏色的部分可以自己找色票代碼來套入）
<aside>
💡
幫我生成一份6頁的簡報，有關影片的各種方案規劃，及各方案的計費方式，方便業務去談生意。附件檔案是我們影片拍攝的方案費用說明，不足的請以一般商業拍攝的條件補齊。
簡報必須包含：
1.各項方案說明
2.各方案的費用計算
3.拍攝合作的額外補充細節
請參照以下的風格設定來製作簡報：
| Element | specification | usage |
| Primary color | #DAF437 | Headers ,accent elements |
| Secondary color | #1668FF | highlights , charts |
| Text color | #0f1e35| body text |
| Background color | #DAF437 | Light Background |
讓這份簡報視覺化的呈現，是可以直接上台報告的版型。
</aside>
<aside>
💡
請建立一個**可獨立嵌入（standalone embeddable）**的「影片製作費用報價計算器」元件。
1) 元件定位與嵌入方式（重要）
- 這不是完整網站，也不是獨立頁面
- 必須是浮動視窗（floating widget），常駐在頁面右下角（sticky / fixed position）
- 不可以有導覽列、頁首、頁尾，也不可以佔滿整頁
- 元件需提供可直接嵌入既有網站的形式（例如一段 HTML + CSS + JS、或一個可被掛載的 component）
- 要能與既有頁面共存，不影響原本網站主內容排版
- 預設狀態：右下角顯示「小浮動按鈕」（例如：💬「立即估價」或「影片報價」）
- 點擊後展開成「浮動視窗面板」，再次點擊可收合
- 提供右上角「×」關閉、以及「—」最小化（最小化後回到小按鈕狀態）
2) 視窗尺寸與自適應（RWD）
- 桌機：寬約 360–420px，高度約 70vh 內（不超出視窗）
- 手機：展開後改為貼底抽屜（bottom sheet）或接近全寬的面板（例如寬 92–96vw、高度 75–85vh），仍需保留右下角觸發入口
- 視窗必須可捲動內容（內部 scroll），避免超出畫面
- 需處理安全區（iPhone bottom safe area）與不同螢幕比例
- 需支援深色背景頁面也能清楚辨識（陰影、邊框、對比要夠）
3) 計算器需詢問欄位（表單）
- 影片類型（下拉選單）
- 形象影片
- 產品介紹影片
- 社群短影音（Reels / Shorts / TikTok）
- 活動紀錄／花絮影片
- 影片長度（下拉選單）
- 拍攝天數（滑桿）
- 剪輯複雜度（下拉選單）
- 基礎剪輯（轉場、字幕、配樂）
- 進階剪輯（動畫、節奏剪輯、多機）
- 高階製作（Motion、特效、調光、音效設計）
- 是否包含以下服務（勾選項目）
- 腳本企劃
- 專業配音
- 動畫／Motion Graphics
- 空拍攝影
- 社群多尺寸輸出
4) 結果顯示（面板內呈現）
- 顯示一個大且醒目的預估總製作費用金額（置頂、加粗、數字放大）
- 顯示一個視覺化費用組成圖表（折線圖或區塊圖皆可，但要清楚易讀、成為視覺重點）
- 顯示一個費用拆解區塊
- 人力成本
- 拍攝天數費用
- 剪輯與後期製作費用
- 加值服務費用
動態更新效果
當使用者調整任何條件時：
- 價格數字、圖表、費用拆解需平滑動畫更新（例如數字滾動、圖表 transition、區塊淡入淡出）
- 更新不應造成版面跳動或閃爍
5) 結果下方加入 Lead Capture（潛在客戶蒐集）
- 標題文字：「想取得專屬的影片製作報價與建議嗎？」
- 表單欄位：
- 行動按鈕（二選一或兩顆按鈕皆可）：
- 需提供基本驗證（Email 格式、必填提示），錯誤訊息要清楚但不刺眼
6) 設計與視覺規格
-
現代、專業、影像產業感強烈
-
主配色：深藍色（主體）＋金色點綴（重點按鈕、強調線條、重要數字）
-
元件視覺：圓角卡片＋細緻陰影，有高質感與信任感
-
視窗需有層級感（z-index 足夠高），不要被網站其他元素蓋住
-
互動細節要精緻：hover、focus、點擊回饋、表單狀態、loading 狀態（如果需要）
</aside>
-
旅遊行程規劃結合google map
<aside>
💡
</aside>
<aside>
💡
</aside>
<aside>
💡
</aside>
<aside>
💡
</aside>