一、 顶部主标签页
这三个图标决定了你正在修改区块的哪一类属性。
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 类名进行更复杂的定制。