/* 首页专用（开发还原时追加；设计稿 home.html 里的行内样式收进这里，令牌仍取 site.css）
   - Bento 宽度按启用的区块由代码算出（bx-N = 占 12 列里的 N 列），区块关掉后自然重排、不留空洞（宪法 #9⑧）；
   - 截图取景比例（--shot-*）只对默认的真实界面截图生效，是图片取景参数，不是设计令牌。 */
.home-bento > .bx-3 { grid-column: span 3; }
.home-bento > .bx-4 { grid-column: span 4; }
.home-bento > .bx-6 { grid-column: span 6; }
.home-bento > .bx-8 { grid-column: span 8; }
.home-bento > .bx-12 { grid-column: span 12; }
.home-bento > .home-prod.bx-8,
.home-bento > .home-prod.bx-12 { grid-template-columns: minmax(0, 1fr) 160px; }
.hx__shot-browser { --shot-w: 156.5%; --shot-x: -6.94%; --shot-y: -6.67%; }
.hx__shot-phone-r { --shot-y: -5%; }
.hx__err { justify-content: center; margin-top: var(--s-2); }
.hx__row, .home-lead .between { align-items: center; }
.hx__agent-name { gap: var(--s-2); }
.hx__tag-sm { height: 22px; padding: 0 var(--s-2); font-size: var(--fs-xs); }
.home-s3__head { margin-bottom: var(--s-5); }
.home-dev__links, .home-prod__links { gap: var(--s-4); margin-top: var(--s-2); }
.home-prod__links .link-more { margin-top: 0; }
.home-lead > .lead-form { height: 100%; }
.home-prods { display: grid; gap: var(--s-4); }
.home-prods__head { align-items: center; }
.home-prods__inds { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
@media (max-width: 760px) {
  .home-bento > [class*="bx-"] { grid-column: 1 / -1; }
  .home-bento > .home-prod.bx-8,
  .home-bento > .home-prod.bx-12 { grid-template-columns: minmax(0, 1fr) 128px; }
}

/* 首页「行业方案」区块（第 2 次迭代）：只列已审行业卡的行业，1～6 格按个数自动分列，没有就整块不出 */
.home-sol { padding-block: var(--s-7) 0; }   /* 夹在第 2 段与第 3 段之间，下边距交给第 3 段，控制首页总高 */
.home-sol__head { margin-bottom: var(--s-5); align-items: center; }
.home-sol__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-4); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home-sol__grid[data-cols="1"] { grid-template-columns: minmax(0, 1fr); }
.home-sol__grid[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-sol__grid[data-cols="3"], .home-sol__grid[data-cols="5"], .home-sol__grid[data-cols="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-sol__grid > li { display: flex; }
.home-sol__card { display: flex; flex-direction: column; gap: var(--s-2); width: 100%; padding: var(--s-5); color: var(--ink); text-decoration: none; }
.home-sol__card:hover { text-decoration: none; }
.home-sol__top { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.home-sol__name { font-size: var(--fs-h4); font-weight: var(--fw-semi); }
.home-sol__desc { font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.65; text-wrap: pretty; }
.home-sol__foot { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-3); margin-top: auto; padding-top: var(--s-3); border-top: 1px dashed var(--line-strong); font-size: var(--fs-xs); color: var(--ink-3); }
@media (max-width: 1100px) {
  .home-sol__grid, .home-sol__grid[data-cols] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-sol__grid[data-cols="1"] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .home-sol__grid, .home-sol__grid[data-cols] { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
}


/* 第 2 次区块：图文、常见问题（规划 8.5）。版式沿用首页段落节奏与全站 faq 组件，不另造组件 */
.home-mt { padding-block: var(--s-7) 0; }
.home-mt__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: var(--s-7); align-items: center; }
.home-mt__desc { margin-top: var(--s-3); font-size: var(--fs-body-lg); color: var(--ink-2); line-height: 1.75; max-width: 520px; }
.home-mt__media { margin: 0; }
.home-faq { padding-block: var(--s-7) 0; }
.home-faq .sec-head { margin-bottom: var(--s-5); align-items: center; }
.home-faq__more { white-space: nowrap; }
@media (max-width: 760px) {
  .home-mt__grid { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
}

/* —— 2026-11-01 体检修复 —— */
/* H-08 宽产品卡（只有一款产品时拉到 8 列）：文字列放定义 + 两列卖点，截图列放宽，中间不留白板 */
.home-bento > .home-prod--wide.bx-8,
.home-bento > .home-prod--wide.bx-12 { grid-template-columns: minmax(0, 1fr) 200px; gap: var(--s-6); }
.home-prod--wide .home-prod__text .card__desc { max-width: 520px; }
.home-prod--wide .home-prod__media .device-phone { --phone-w: 184px; }
.home-prod__checks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-5); }
/* H-08「AI 能接手的活」与定制开发卡里的条目：不可点的东西不画成胶囊按钮，改成「图标 + 文字」的说明列表 */
.home-cap .ai-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-4); }
.home-cap .ai-action, .home-cap .ai-action.is-active { min-height: 32px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; white-space: normal; color: var(--ink); }
.home-dev .ai-action:not(:has(a)) { background: none; box-shadow: none; padding-inline: 0; }
.home-dev .marquee .tag--line { box-shadow: none; background: var(--bg-subtle); border-radius: var(--r-xs); color: var(--ink-2); }
/* H-13 行业卡底部入口：品牌色 + 箭头，像入口不像禁用说明 */
.home-sol__go { display: inline-flex; align-items: center; gap: var(--s-1); color: var(--brand-ink); font-weight: var(--fw-semi); }
.home-sol__card:hover .home-sol__go .icon { transform: translateX(3px); }
.home-sol__go .icon { transition: transform var(--dur-1) var(--ease-out); }
@media (max-width: 760px) {
  .home-bento > .home-prod--wide.bx-8,
  .home-bento > .home-prod--wide.bx-12 { grid-template-columns: minmax(0, 1fr) 112px; gap: var(--s-3); }
  .home-prod--wide .home-prod__media .device-phone { --phone-w: 112px; }
  .home-prod__checks { grid-template-columns: minmax(0, 1fr); }
}