從經典論壇按鈕逆向拆解：六層月牙構建玻璃質感

見到經典論壇精美按鈕，逆向拆解發現其核心結構為：陰影底圓 + 深藍月牙 + 青綠月牙 + 兩層白色高光月牙（不同羽化）+ 兩層微小白月牙，透過「羽化、混合模式（正常/變暗/變亮）、描邊位置（外部/中央）」的精密組合，營造出極具厚度、光澤、凹凸感的玻璃按鈕。全程矢量，可無限縮放。

參考原版按鈕

圖層結構自下而上（關鍵參數）

1. 陰影底圓： 藍色 (51,153,255) 正圓 + 投影 (距離 8、透明度 60%、柔和 20) → 奠定懸浮感（圖 1）。
2. 深藍月牙（主體厚度）： 複製底圓去陰影，色改 (51,51,204)；再複製白圓縮小置頂 → 兩圓選中 ▸ 修改 ▸ 組合路徑 ▸ 打孔 (Punch) 得月牙 → 羽化 19、描邊外部、模式「變暗」（圖 2-3）。
3. 青綠月牙（高光層）： 複製深藍月牙，色改 (102,255,255)，透明度 84%、模式「變亮」、描邊中央、羽化 18 → 按 Ctrl+G 檢視真實色（圖 3）。
4. 白色高光月牙 A： 複製青綠月牙，色改白、模式「正常」、描邊中央、透明度 100%、羽化 30（圖 4）。
5. 白色高光月牙 B： 同 A，羽化 17（圖 4）。
6. 微小白月牙 ×2： 半徑 52 px 小圓同法打孔，模式「正常」、描邊中央、透明度 100%，羽化分別 2 和 8 → 精細邊緣高光（圖 5）。

組裝順序與核心邏輯

從最底層疊上：陰影底圓 → 深藍月牙 → 青綠月牙 → 羽化 30 白月牙 → 羽化 17 白月牙 → 兩微小白月牙。關鍵在於「打孔 (Punch) 產生月牙」而非繪製弧線，「羽化+混合模式」替代濾鏡發光，「描邊位置（外部/中央）」控制邊緣銳度。此結構可輕鬆衍生不同顏色、尺寸、狀態（hover/active/disabled）的按鈕組件庫。