一、 頂部主標簽頁
這三個圖標決定了你正在修改區塊的哪一類屬性。
General (常規)：控制區塊的基礎結構、對齊方式和布局邏輯。
Style (樣式)：控制視覺外觀，如背景顏色、邊距 (Padding)、邊框等。
Advanced (高級)：控制底層邏輯，如層級 (Z-Index)、響應式顯示和自定義代碼。
二、 General (常規) 標簽頁下的設置
1. 容器與內容寬度 (Container & Content)
Container Width (容器寬度)：指整個區塊最外層的寬度。
Full Width：全寬，橫跨整個屏幕邊緣。
Boxed：盒子模式，寬度限制在設定的像素內。
Content Width (內容寬度)：指容器內部放置文字或圖片的區域寬度。
Content Box Width (內容盒寬度)：具體設定內部內容的像素數值（如 1140px）。
Minimum Height (最小高度)：設定該區塊在垂直方向上的最低高度。
Equal Height (等高)：開啟后，會讓容器內的多個子區塊保持高度一致。
HTML Tag (HTML 標簽)：給這個區塊定義網頁代碼結構（如
Div,Section,Main等）。Overflow (溢出)：當內容超過容器邊界時如何處理。
Visible：可見；Hidden：隱藏多出部分；Auto：自動。
2. 布局邏輯 (Layout)
Flex / Grid：選擇布局模式。Flex 就像橡皮筋一樣靈活排列，Grid 則是像棋盤一樣的格子。
Direction (方向)：子元素的排列方向。
圖標分別代表：水平從左向右、垂直從上向下、水平反向、垂直反向。
Children Width (子元素寬度)：
Auto：自動根據內容長度分配空間。
Equal：讓所有子元素平分布局寬度。
Align Items (對齊項/垂直對齊)：控制內容在垂直方向上的位置（居頂、居中、居底、拉伸）。
Justify Content (主軸對齊/水平分布)：這是解決你紅圈留白的關鍵。
圖標含義：左對齊、居中對齊、右對齊、兩端對齊、平均分布、環繞分布。
Wrap (換行)：當屏幕變窄時，內部內容是否自動換到下一行。
一、 Style (樣式) 標簽頁面板
1. Background (背景)
Type (類型)：選擇背景的種類。
畫筆圖標：經典顏色背景（純色）。
漸變圖標：顏色漸變效果。
圖片圖標：使用上傳的圖片作為背景。
視頻圖標：使用視頻作為背景（通常用于網頁頂部的氛圍渲染）。
Color (顏色)：點擊右側圓圈可選擇具體的背景顏色。
Overlay Type (覆蓋層類型)：在背景圖片或視頻之上再加一層顏色（比如讓背景圖變暗，好讓上面的文字更清晰）。
2. Color (顏色)
設置容器內文本、標題、鏈接的默認顏色。
3. Border (邊框)
Color: 線條顏色。
Width: 線條粗細。
Radius: 圓角。數值越大，方塊的角就越圓（甚至變橢圓）。
4. Box Shadow (盒子陰影)
給整個區塊增加陰影，使其看起來有立體感，像是從頁面里“飄”起來一樣。
5. Shape Dividers (形狀分隔符)
在區塊的頂部或底部添加波浪、斜線等幾何形狀，用于兩個大區塊之間的平滑過渡。
6. Spacing (間距) —— 解決你紅圈留白的最核心設置
這個設置通常就在 Spacing 折疊欄下面。
Padding (內邊距)：控制容器邊緣到內部內容之間的距離。
Margin (外邊距)：控制整個區塊與外部其他區塊之間的距離。
Advanced (高級) 標簽頁
Global Block Styles (全局區塊樣式)：如果你之前保存過一套標準的樣式模板，可以在這里直接套用，保持全站統一。
Sticky (吸頂/粘性)：設置該區塊在頁面滾動時，是否“粘”在屏幕頂部不隨頁面滑走（常用于導航欄）。
Animations (動畫)：設置區塊進入頁面時的動態效果，如“漸入”、“由下至上滑入”等。
Display Conditions (顯示條件)：根據邏輯判斷是否顯示。例如：只對登錄用戶顯示，或者只在特定時間內顯示。
Responsive Conditions (響應式條件)：控制在不同設備上的顯示狀態。
Hide on Mobile/Tablet/Desktop：可以在這里勾選，讓該區塊在手機端消失或在電腦端消失。
Z-Index (層級)：控制重疊順序。如果兩個區塊疊在一起，Z-Index 數值大的會擋住數值小的。
高級 (HTML 錨點/CSS 類)：
HTML Anchor：給區塊設一個 ID（如
section1），可以通過鏈接直接跳轉到這里。Additional CSS Class：為程序員預留，手動輸入 CSS 類名進行更復雜的定制。