background: linear-gradient(154deg, #07070915 30%, hsl(var(--primary) / 30%) 48%, #07070915 64%);
filter: blur(100px);

1. background: linear-gradient(154deg, #07070915 30%, hsl(var(--primary) / 30%) 48%, #07070915 64%);

   • 這是一個線性漸變背景設置，角度為154度。
   • 漸變開始于顏色#07070915（這是一個帶有透明度的顏色值，前6位代表顏色，最后兩位代表透明度，這里的透明度為20%），并且這個顏色會覆蓋從起點到30%位置的區域。
   • 在48%的位置上，顏色變為由hsl(var(--primary) / 30%)定義的顏色，這里使用了HSL顏色模式，并且亮度或飽和度通過變量--primary來動態調整，同時設置了透明度為30%。
   • 最后，在64%的位置之后，顏色再次變為#07070915。

2. filter: blur(100px);

   • 這個屬性給整個元素添加了一個模糊效果，模糊半徑為100px。這意味著任何在這個元素上的內容都會看起來像是被涂抹開來，創建一種朦朧的效果。

效果是這樣的 有興趣有的小伙伴可以自行試一下 還是好看的