1. 01選擇盒陰影、新擬態或毛玻璃。
2. 02盒陰影模式可添加多層，點選一層後調整 X/Y、模糊、擴散、不透明度、顏色與內陰影。
3. 03新擬態選擇背景色、凸起/凹陷，並調距離、模糊和明暗強度。
4. 04毛玻璃設置色調、背景透明度、模糊和邊框透明度；底部複製實時生成的 CSS。

• 盒陰影 X/Y 範圍 -100–100 px、模糊 0–200 px、擴散 -50–50 px、不透明度 0–100%，至少保留一層。
• 新擬態距離 2–50 px、模糊 0–100 px、強度 5–30%；深淺色通過 colord 對背景色做 darken/lighten 得到。
• 毛玻璃模糊 0–40 px，背景和邊框透明度 0–100%；代碼同時輸出標準和 -webkit-backdrop-filter。
• 預覽僅展示瀏覽器 CSS 效果；實際頁面還受父級背景、疊層、性能與瀏覽器支持影響。
• 不做什麼：不導出圖片、不生成複雜 SVG 陰影，也不自動寫入你的項目樣式表。

所有參數和 CSS 都只在瀏覽器當前頁面中計算，不上傳、不持久化。