container.width = 100%

流式铺满可用宽度 —— 取代 Bricks 默认的固定宽度行为

container.widthMax = 1300

最大宽度封顶 —— 超出 1300 后两侧留白居中

实测（ego 四档视口）

1320 → 1285px · 1024 → 989 · 767 → 732 · 360 → 325 —— 全程流式无固定宽

修复背景

Bricks 前端默认 .brxe-container { width: 1100px }（固定宽，max-width 压不住）—— 主题样式 width:100% 是正解压制点

section.padding (left / right) = 10

全站 section 左右内边距 10px（何总在 builder 中设置）

/* 1. 滚动条 · 浅钢青（webkit：Chrome / Edge / Safari） */
::-webkit-scrollbar {
  width: 10px;        /* 纵向滚动条宽度 */
  height: 10px;        /* 横向滚动条高度 */
}
::-webkit-scrollbar-track {
  background: #eef2f7;    /* 轨道底色 · 浅灰蓝 */
}
::-webkit-scrollbar-thumb {
  background: #a8bdd8;    /* 滑块 · 浅钢青 */
  border-radius: 6px;     /* 滑块圆角 */
}
::-webkit-scrollbar-thumb:hover {
  background: #8ba6c9;    /* 悬停时加深一档 */
}

/* 2. 丝滑滚动（锚点跳转 / 页面滚动平滑）
   scrollbar-color / width → Firefox 等效浅钢青，双内核视觉统一 */
html {
  scroll-behavior: smooth;
  scrollbar-color: #a8bdd8 #eef2f7;
  scrollbar-width: thin;
}

typography.typographyHtml = 100%

HTML 根字号：默认 62.5%（1rem = 10px）改为 100%（1rem = 16px），字号按浏览器标准显示；Style Manager 自动缩放比例也以 100% 为基准

全站字体 = var(--ty-font) → css.stylesheet 第 3 段

var() 字体不能放排版控件（Bricks 会加引号致浏览器当字面量不解析，design.php 2.4 实锤）——正确位置是自定义 CSS body 一条全站继承，标题跟随 body；代码/数据场景用 ty-font-mono 等宽

/* 4. 响应式间距 · 移动端重设
   767 及以下 --ty-space-section 80 → 48px，防止手机端区块上下间距过大、页面失衡；变量覆写走 :root + @media，所有引用处自动生效 */
@media (max-width: 767px) {
  :root {
    --ty-space-section: 48px;
  }
}

/* 3. 全站字体 · ty-font
   ⚠️ var() 字体必须走自定义 CSS——Bricks 会给排版控件的
   font-family 加引号，导致 var() 被浏览器当字面量不解析
   body 一条全站继承；标题跟随 body；代码场景用 ty-font-mono */
body {
  font-family: var(--ty-font);
}