用途：在网页主内容容器的左右边缘绘制细微的竖向参考线，并可在区块四角添加小方块，用来显示容器宽度、营造结构感。适用于 hero、区块或产品页显得松散、需要更有结构张力的场景。
主要能力：
- 在布局外壳上用伪元素 ::before / ::after 画出左右两条 1px 低透明度竖线，位置与内容容器边缘对齐。
- 通过 .corner-squares 及其子元素 .corner 在区块四角放置小方块，通常 4px 到 8px。
- 提供基础 CSS 变量：--container-max、--container-pad、--line-color、--line-strong、--corner-size，用于统一容器宽度、内边距与线条样式。
使用方式：给布局外壳加 .container-lines，给需要精确量度的区块加 .corner-squares 并放入四个 corner 元素。内容容器使用 .content-container，其宽度为 width: min(100% - (var(--container-pad) * 2), var(--container-max)); margin-inline: auto。
规则与限制：线条保持细且低透明度；整个页面的线系统一致，不要逐区块改变宽度；线条位于内容之后、页面背景之上；禁用 pointer-events，避免遮挡交互；不要在每一层嵌套组件都加线，只在页面或主要区块层级使用；除非整体视觉是技术或工业风格，避免使用明亮强调色；确保移动端线条与内容之间仍有足够间距。
快速检查：竖线是否精确对齐内容容器边缘；角方块是否位于真实容器或区块角上；线条在明暗背景下是否都保持细微；引导线不应拦截点击、悬停或文本选择。
资料未提供该方案的价格、收费模式、平台范围或效果数据。