快速打造具備霓虹極光光暈、雜色紋理、內凹/外凸立體感的橢圓網頁按鈕。全程純圖層樣式非破壞編輯，參數可直接套用於設計系統組件庫。

效果預覽

製作步驟與關鍵參數

1. 新建圓角矩形（或橢圓）形狀圖層，填充深色基底。
2. 添加圖層樣式：
     • 倒角與浮雕：內部倒角、平滑、深度 100%、大小 5px、角度 90°、高度 30°。
     • 漸變疊加：徑向、中心亮色（青綠/紫紅極光色）→ 邊緣暗色。
     • 內發光：極光色、螢幕、大小 10px。
     • 雜色：濾鏡＞雜色＞添加雜色（量 3-5%、均勻分佈、單色），賦予顆粒質感。
     • 描邊：1px、深色、內部。
     • 投影：距離 2px、大小 4px。

狀態擴展

• Hover：漸變中心亮度提升 10%、外發光大小 +5px。
• Active：倒角改為「外部倒角」、漸變翻轉（暗→亮）、內陰影增強。
• Disabled：飽和度 -80%、不透明度 50%、移除發光。

組件化建議

• 存為 .asl 樣式庫，團隊共享。
• 轉為智能對象封裝，雙擊編輯基底形狀/顏色即同步所有實例。
• 導出規格含：尺寸、色值、模糊半徑、雜色參數、狀態對照表。