/* =====================================================================
   bra.css · /bra/home.html 专属（视觉规范 最终版（对应 v2 效果图））
   链接位置：</body> 前，排在 aiton-overrides.css、home.css 之后。
   ===================================================================== */
/* hero 改左对齐 */
.hero{text-align:left}
.hero p{margin:0 0 28px;max-width:640px}
/* 2026-09-27 修：原来这条写的是 `.hero-btns,.chain`，
   它同时命中了页尾 CTA 里的 .hero-btns（也用了同一个类名），
   于是页尾按钮组被拉到左边（实测按钮中心 258 / 439，页面中心 720）。
   现在把作用范围收窄到 hero 区，页尾 CTA 另给一条居中的。 */
.hero .hero-btns{justify-content:flex-start}
.chain{justify-content:flex-start}
/* 页尾 CTA：按钮组居中（和 /stu 一致） */
.cta .hero-btns{justify-content:center}
/* 能力链变轻 */
.chainbox{text-align:left}
.chainp{margin:14px 0 0}
.chain b{font-size:13px;font-weight:500;padding:6px 14px;color:var(--t2)}
.chain i{opacity:.5}
/* 作品墙桌面沿用原比例（3/4 · 1/1 · 4/3 · 16/10）：改比例后底边对不齐，已回退 */
@media(max-width:600px){
  /* 手机单列作品墙（需配合 js-changes.md 第 1 条）统一压成 16:10 横卡。
     !important 原因：共享库「统一比例」功能会往 .ws-iph 写内联 aspect-ratio，普通规则压不过内联样式。 */
  .ws-iph{aspect-ratio:16/10!important}
  /* 合作方式改单列，序号在左 */
  .flow,.flow.f3{grid-template-columns:1fr;gap:18px}
  .step{display:grid;grid-template-columns:38px 1fr;column-gap:14px;text-align:left}
  .step-n{margin:0;grid-row:span 2}
}