/* 全站统一层 —— 放在各页原主样式之后加载，用于抹平 16 份历史样式副本之间的组件差异。
   只统一"通用组件"，不改变各页骨架（文章页窄栏 900 / 栏目页宽栏 1120 保持原样）。 */

/* 1. 按钮：全站统一内边距与最小高度，避免同一按钮在不同页面宽窄不一 */
.btn{padding:12px 24px;min-height:46px}

/* 2. 面包屑：三种间距（12/14/18px）统一为 14px */
.crumbs{margin-bottom:14px;letter-spacing:.02em}

/* 3. 二级页头：标题三版（36/38/46px）统一为 38px，留白统一 52px */
.page-hero{padding:52px 0}
.page-hero h1{font-size:clamp(26px,3.6vw,38px);line-height:1.28;letter-spacing:-.01em}

/* 4. 区块标题块：三版（680-720 宽、30-38 间距）统一 */
.sec-head{max-width:680px;margin-bottom:36px}

/* 5. 区块上下留白：56/64 统一为 64 */
section{padding:64px 0}

/* 6. 卡片标题限高：部分页面标题不截断，长标题把卡片撑高导致参差，统一两行 */
.card h3,.case-card h3{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}

/* 7. 表格表头：参数表与价格表统一底色与字重 */
.param-table th,.price-table th{background:var(--brand-soft);color:var(--brand-deep);font-weight:700}
.param-table td,.price-table td{vertical-align:top}

/* 8. 正文类页面读宽统一（详情页 820 与文章页 860 收敛为 860） */
.detail,.article{max-width:860px}

/* 9. 页脚留白统一 */
footer{padding:44px 0 56px}

/* 10. 键盘焦点可见：全站此前只有首页做过，统一补齐 */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}

/* 11. 代表色与分隔线兜底：个别页面缺 :root 变量时保证不崩 */
:root{--hero-gap:0}

/* 12. 移动端统一：卡片 1 列、区块留白 48，与各页原断点一致 */
@media (max-width:860px){
  section{padding:48px 0}
  .btn{min-height:48px}
  .crumbs{margin-bottom:12px}
}