逐層拆解 QQ 首頁左側欄視覺結構：從畫布建立、標題列漸變、多層高光矩形（旋轉透明漸變+橢圓遮罩+縮放模糊高斯模糊）、外層圓角邊框、內容區內側高光按鈕、樣式 2 按鈕，完整還原清新大方的官方風格。

製作重點

1. 550×550px 白色畫布。
2. 標題背景：基底 #EBF4FB + 右側 165px 線性漸變至 #C3DFF5。

3. 高光組（最考驗耐心）：三條白色透明漸變矩形旋轉疊加 + 橢圓交集裁切 + 1px 縮放模糊+高斯模糊 65% 透明度。

4. 外框：346×275px 白底 #AACBEE 1px 內描邊圓角 3px。

5. 內容區：矩形平面化→裁切右/底邊→內部漸變增層次；按鈕同法做圓角高光。

作者強調：教程旨在提供設計思路，非入門也非高手教程，請配合源檔對照練習。