/* 全矩阵企业级AI系统详情页专属样式：7 个 sections（本页无 JS；main 全局 common.css 先行，home.css 管轮播公告） */

/* 页级字体：本页全部 ai-* 类＋通用区块头统一普惠体（代替逐模块 scoped 规则；SVG 内 <text> 另有专规则） */
[class*="ai-"],
.section-head__title,
.section-head__sub {
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* ============ 通用区块头 .section-head（ai 复用结构；几何走 inline） ============ */
.section-head {
  margin: 0;
  padding: 0;
}

.section-head__title {
  margin: 0 auto;
  padding: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

.section-head__sub {
  margin: 14px auto 0;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

.section-head__line {
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
}

/* ============ 滚动显现 reveal（同站最小一次性方案，由 common.js 全局 Observer 驱动加 .in） ============ */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ============ Banner ai-banner（区间[696,1346]高650） ============ */
/* 去图层化：section min-height:650＋overflow:hidden；bg 盒定宽 1920 居中（背景定则 B，
   bottom/cover 不动，1920 下逐像素一致，窄屏对称裁边）；stage 100%+max-width:1920px 直挂文案
   （标题左对齐 left:221px，top 不变）；三行系本页特有不进通用；无 z-index；无断点 */
.ai-banner {
  position: relative;
  width: 100%;
  min-height: 650px;
  overflow: hidden;
  scroll-margin-top: 88px; /* 首页直达锚：吸顶 72＋16，id="aib" */
}

.ai-banner__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 1920px;
  height: 650px;
  background: url('/images/ai/ai-banner33.jpg') no-repeat center bottom / cover;
}

.ai-banner__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-height: 650px;
  margin: 0 auto;
}

/* 标题：(221,230) 501×68，56px #FFF 左 */
.ai-banner__title {
  position: absolute;
  left: 221px;
  top: 230px;
  width: 501px;
  height: 68px;
  margin: 0;
  font-size: 56px;
  line-height: 68px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}

/* 副1：(221,336) 521×27，22px #94A3B8 左 */
.ai-banner__sub1 {
  position: absolute;
  left: 221px;
  top: 336px;
  width: 521px;
  height: 27px;
  margin: 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  color: #94a3b8;
  text-align: left;
  white-space: nowrap;
}

/* 副2：(221,383) 551×24，20px #64748B 左 */
.ai-banner__sub2 {
  position: absolute;
  left: 221px;
  top: 383px;
  width: 551px;
  height: 24px;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #64748b;
  text-align: left;
  white-space: nowrap;
}

/* ============ 对话 ai-dialogue（区间[1346,1950]高604；底图全幅） ============ */
/* 去图层化：头换 sectionHead（标题 34 #0f172a／副 16／线 570×5 #3b82f6／缝 17），
   section 加 box-sizing＋padding-top:67（原标题 top），头高 96；
   大卡改正常流（relative＋1200×350 居中，margin-top:59 即 222−163；内改 flex 流：左 SVG 定宽 532＋右列 flex:1）；
   右列去图层化（标题行 flex 右对齐／文案右对齐／标签 grid 3×131 缝 16/10，纵缝全原数）；
   底图全幅 bottom/cover（背景定则 B）；stage 去 min-height；
   section 保 min-height:604＋overflow:hidden；reveal 由 common.js 驱动；
   整卡静态不 hover；无 z-index；无断点 */
.ai-dialogue {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 604px;
  padding-top: 67px;
  overflow: hidden;
}

.ai-dialogue__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 1920px;
  height: 604px;
  background: url('/images/ai/ai-dialogue-bg.jpg') bottom / cover no-repeat;
}

.ai-dialogue__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/* 大卡：1200×350 渐变白 r20（整幅展示板，非点击卡，无 hover 上浮——大板上浮显假，随意感；
 * 内改 flex 流：左活字 SVG 定宽 532＋右列 flex:1，纵缝全原数） */
.ai-dialogue__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  height: 350px;
  margin: 59px auto 0;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
  border-radius: 20px;
}

/* 左聊天图改活字 SVG 内联（532×289，slice 等比铺满约 2% 裁剪；17 段 <text>，族指普惠体；
 * 卡内流：flex 定宽＋margin 撑原 (56,31)） */
.ai-dialogue__chat {
  flex: none;
  width: 532px;
  height: 289px;
  margin: 31px 0 0 56px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.ai-dialogue__chat text {
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 右列：flex:1＋右垫 56（左 SVG 占 56＋532，右列得 556；内容一律右对齐收 1144 线） */
.ai-dialogue__right {
  flex: 1;
  min-width: 0;
  margin: 45px 56px 0 0;
}

/* 标题行：右对齐＋垂直居中（条 26／字 41，原中心 66/65.5，缝 16） */
.ai-dialogue__title-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ai-dialogue__accent {
  flex: none;
  width: 11px;
  height: 26px;
  margin-right: 16px;
  background: linear-gradient(180deg, #2563eb 0%, #3b82f6 100%);
  border-radius: 2px;
}

.ai-dialogue__rtitle {
  margin: 0;
  font-size: 34px;
  line-height: 41px;
  font-weight: 400;
  color: #1e40af;
  white-space: nowrap;
}

.ai-dialogue__en {
  margin: 13px 0 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #3b82f6;
  text-align: right;
  white-space: nowrap;
}

.ai-dialogue__desc {
  margin: 28px 0 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #64748b;
  text-align: right;
  white-space: nowrap;
}

.ai-dialogue__desc + .ai-dialogue__desc { margin-top: 9px; }

/* 标签 grid：3×131 缝 16/10，右对齐收 719（原 229 起，缝 33） */
.ai-dialogue__feats {
  display: grid;
  grid-template-columns: repeat(3, 131px);
  gap: 10px 16px;
  justify-content: end;
  margin: 33px 0 0;
  padding: 0;
}

.ai-dialogue__feat {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  background: #eff6ff;
  border-radius: 17px;
  transition: background 0.3s ease;
}

.ai-dialogue__feat:hover { background: #dbeafe; }

.ai-dialogue__feat-dot {
  flex: none;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background: #2563eb;
  border-radius: 50%;
}

.ai-dialogue__feat-text {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #2563eb;
  white-space: nowrap;
}

/* ============ 审批 ai-approval（区间[1950,2393]高443；底透明＋底带跨区） ============ */
/* 去图层化：头换 sectionHead（标题 34 #0f172a／副 16／线 554×5 #10b981／缝 17），
   section 加 box-sizing＋padding-top:35（原标题 top），头高 96；
   白卡改正常流（relative＋1200×253 居中，margin-top:59 即 190−131），
   卡内改 flex 流（连接段锁死 165＋左右垫 22/111，节点中心与原案一致；均分/双 margin 两个坑已填）；
   底带 #EBF3FF (0,309,100%×134) 只盖自家（跨区已收回，引擎顶带自备）；stage 去 min-height；section 保 min-height:443；
   reveal 由 common.js 驱动；整卡静态不 hover；无断点 */
.ai-approval {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 443px;
  padding-top: 35px;
  background: #f8f9fd;
}

.ai-approval__bg {
  position: absolute;
  left: 0;
  top: 309px;
  width: 100%;
  height: 134px;
  background: #ebf3ff;
}

.ai-approval__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/* 白卡：1200×253 r20 投影（整幅展示板，静态不 hover；
 * 内改 flex 流：步骤列 96/160/220/96＋连接段锁死 165（17.5 缝＋120 线＋10 三角＋17.5 缝），
 * 左右垫 22/111 还原原案站位；节点中心 70/360/720/1040 与原案一致） */
.ai-approval__card {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  width: 1200px;
  height: 253px;
  margin: 59px auto 0;
  padding: 48px 111px 0 22px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* 步骤列 96（徽 80 居中＋标题 16＋副 12，原 72/162/189 三线改 margin 撑，nowrap 保 96 不换行） */
.ai-approval__step {
  flex: none;
  width: 96px;
  margin-top: 24px;
  text-align: center;
}

.ai-approval__step--ocr { width: 160px; margin-top: 0; }

.ai-approval__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border: 2px solid #3b82f6;
  border-radius: 50%;
}

.ai-approval__badge--1 { background: #f1f5f9; }
.ai-approval__badge--last { background: #eff6ff; }

.ai-approval__icon {
  display: block;
  object-fit: contain;
}

.ai-approval__icon--1 {
  width: 35px;
  height: 35px;
}

.ai-approval__icon--2 {
  width: 27px;
  height: 35px;
}

/* 步骤标题 16px #1E293B；步骤副 12px（列内居中＋nowrap，原宽度行为不变） */
.ai-approval__step-title {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #1e293b;
  text-align: center;
  white-space: nowrap;
}

.ai-approval__step-sub {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
}

/* OCR 卡：160×80 #EFF6FF＋描边 r12（标题改卡内流，padding 撑原 93/117 线；margin 撑原 top:72） */
.ai-approval__ocrbox {
  box-sizing: border-box;
  width: 160px;
  height: 80px;
  margin-top: 24px;
  padding-top: 19px;
  background: #eff6ff;
  border: 2px solid #3b82f6;
  border-radius: 12px;
  text-align: center;
}

.ai-approval__ocrbox .ai-approval__step-title { margin-top: 0; }
.ai-approval__step-title--blue { color: #1d4ed8; }
.ai-approval__ocrbox .ai-approval__step-sub { margin-top: 5px; }
.ai-approval__step-sub--blue { color: #3b82f6; }

/* 连接段锁死 165（17.5 缝＋120 虚线＋10 三角＋17.5 缝，原 130−250/460−580/850−970 三段，Figma 原生 dashed）；线中线对准 abs 112 */
.ai-approval__conn {
  display: flex;
  flex: none;
  align-items: center;
  width: 165px;
  height: 10px;
  margin-top: 59px;
}

.ai-approval__conn::before {
  content: "";
  width: 120px;
  height: 0;
  margin-left: 17.5px;
  border-top: 3px dashed #3b82f6;
}

.ai-approval__conn::after {
  content: "";
  width: 0;
  height: 0;
  margin-right: 17.5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #3b82f6;
}

.ai-approval__conn--purple::before { border-top-color: #8b5cf6; }
.ai-approval__conn--purple::after { border-left-color: #8b5cf6; }

/* 紫卡：220×131 渐变 r16（标题/两行/胶囊改卡内流，margin 撑原 65/96/116/143 线，底补 16 保 131） */
.ai-approval__purple {
  box-sizing: border-box;
  flex: none;
  width: 220px;
  height: 131px;
  padding: 17px 0 16px;
  background: linear-gradient(135deg, #8b5cf6 0%, #4f46e5 100%);
  border-radius: 16px;
  text-align: center;
}

.ai-approval__purple-title {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.ai-approval__purple-line {
  margin: 9px 0 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #ddd6fe;
  text-align: center;
  white-space: nowrap;
}

.ai-approval__purple-line + .ai-approval__purple-line { margin-top: 5px; }

.ai-approval__pill-text {
  display: block;
  width: 80px;
  height: 20px;
  margin: 12px auto 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

/* ============ 引擎 ai-engine（区间[2393,3242]高849；顶带＋下半 #F8F9FD） ============ */
/* 去图层化：头换 sectionHead（标题 34 #0f172a／副 16／线 558×5 #f59e0b／缝 17），
   section 加 box-sizing＋padding-top:67（原标题 top），头高 96；
   大白卡改正常流（relative＋1200×627 居中，margin-top:59 即 222−163）；
   卡内仪表盘图/标题/三侧卡相对卡不动（坐标全换算卡相对；侧卡循环，配图改 img 真图）；
   切片底图已删（5 倍放大糊化），下半直接铺色；
   stage 去 min-height；section 保 min-height:849；reveal 由 common.js 驱动；
   整卡静态不 hover；无断点 */
.ai-engine {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 849px;
  padding-top: 67px;
  background: #f8f9fd;
}

/* 顶带自备：top:0 高 470 #EBF3FF（与审批上溢同色同区，不再依赖跨区绘制；
   跨区＋显现 transform 组合 fragile，教训记下） */
.ai-engine__bandtop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 470px;
  background: #ebf3ff;
}

.ai-engine__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/* 大白卡：1200×627 r20 投影（整幅展示板，静态不 hover） */
.ai-engine__card {
  position: relative;
  width: 1200px;
  height: 627px;
  margin: 59px auto 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* 仪表盘图改活字 SVG 内联（740×451，slice 等比铺满约 1% 裁剪；24 段 <text>，族指普惠体） */
.ai-engine__dash {
  position: absolute;
  left: 36px;
  top: 62px;
  width: 740px;
  height: 451px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  background: #fff;
}

.ai-engine__dash text {
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 概念图注：卡内(326,539) */
.ai-engine__caption {
  position: absolute;
  left: 326px;
  top: 539px;
  width: 160px;
  height: 24px;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #2563eb;
  text-align: center;
  white-space: nowrap;
}

/* 右侧卡：卡内 left:816 348×178（top 走循环 30/224/418） */
.ai-engine__side {
  position: absolute;
  left: 816px;
  width: 348px;
  height: 178px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.ai-engine__side-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 178px;
  height: 178px;
  object-fit: cover;
  border-radius: 0 20px 20px 0;
  display: block;
}

.ai-engine__side-title {
  position: absolute;
  left: 23px;
  top: 26px;
  margin: 0;
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  color: #2563eb;
  white-space: nowrap;
}

.ai-engine__side-desc {
  position: absolute;
  left: 24px;
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #0f172a;
}

/* ============ 机器人 ai-robot（区间[3242,4251]高1009；底透明＋切片底图） ============ */
/* 去图层化：头换 sectionHead（标题 34 #0f172a／副 16／线 580×5 #06b6d4／缝 17），
   section 加 box-sizing＋padding-top:67（原标题 top），头高 96；
   大横幅改正常流（relative＋1200×360 居中，margin-top:59 即 222−163），
   横幅内深底/整图/文案/徽章相对幅不动（坐标全换算幅相对，幅＝模块−(360,222)）；
   五小卡改 grid 5 列 198px、列缝 52 居中（缝 53/52/53/52，最大差 1px 可忽略），
   卡片区 margin-top:64（646−582）；卡改 relative＋flex 居中栈（纵缝 22/32/0，描述去定高，底线 295 不变）；
   大底切片 bottom:0 1920×1009 原样保留（z-index:-1 沉底，不上溢）；
   stage 去 min-height；section 保 min-height:1009＋overflow:hidden；
   reveal 由 common.js 驱动；横幅静态不 hover（小卡 hover 保留）；无 z-index 叠顺序（大底沉底除外）；
   无断点 */
.ai-robot {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 1009px;
  padding-top: 67px;
  overflow: hidden;
  background: transparent;
}

.ai-robot__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 1920px;
  height: 1009px;
  z-index: -1;
  background: url('/images/home/product-bg-a75b1f67.png') no-repeat center bottom / cover;
}

.ai-robot__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/* 大横幅：1200×360 深底 r20（整幅展示板，静态不 hover；
 * 内改 flex 流：整图 absolute 纯垫底＋文案列 margin 撑原 67/135/161/187/239 线；
 * banner-bg 与横幅同色纯冗余，已删；文案列 relative 保文字压住垫底图） */
.ai-robot__banner {
  position: relative;
  display: flex;
  width: 1200px;
  height: 360px;
  margin: 59px auto 0;
  background: #0f172a;
  border-radius: 20px;
  overflow: hidden;
}

.ai-robot__banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 1200px;
  height: 360px;
  object-fit: cover;
  display: block;
  /* 原图自带圆角：整体放大 3%（约 18/5.5px 边），把图自圆角顶到框外，由框 overflow:hidden 统一切 */
  transform: scale(1.03);
}

/* 文案列：左 80 宽 448（原 title/row 左线），纵缝 29/7/7/33 原数 */
.ai-robot__banner-body {
  position: relative;
  width: 448px;
  margin: 67px 0 0 80px;
}

.ai-robot__banner-title {
  margin: 0;
  font-size: 32px;
  line-height: 39px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}

.ai-robot__banner-row {
  margin: 7px 0 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}

.ai-robot__banner-row--1 { margin-top: 29px; }

/* 徽章行：缝 16（原 268＋16＝284），上缝 33；徽章内点＋字 flex 居中 */
.ai-robot__banner-badges {
  display: flex;
  gap: 16px;
  margin: 33px 0 0;
  padding: 0;
}

.ai-robot__badge {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 47px;
  padding-left: 24px;
  border-radius: 23px;
}

.ai-robot__badge--1 {
  width: 188px;
  background: rgba(6, 182, 212, 0.69);
}

.ai-robot__badge--2 {
  width: 179px;
  background: rgba(59, 130, 246, 0.68);
}

.ai-robot__dot {
  flex: none;
  width: 12px;
  height: 12px;
  margin-right: 16px;
  border-radius: 50%;
}

.ai-robot__dot--1 { background: #cff8ff; }
.ai-robot__dot--2 { background: #bed7ff; }

.ai-robot__tag {
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}

.ai-robot__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 198px);
  column-gap: 52px;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 64px auto 0;
}

/* 小卡：198×331 白底 r20＋投影（内改 flex 流：头图＋标题＋双行居中栈，纵缝 22/32/0 原数；
 * 描述去定高（原两盒重叠 19px，流内靠内容撑，底线 295 不变）；hover 上浮＋图 scale 保留，单 clip 靠卡裁） */
.ai-robot__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 198px;
  height: 331px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ai-robot__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(37, 99, 200, 0.25);
}

.ai-robot__thumb {
  flex: none;
  width: 198px;
  height: 174px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.ai-robot__card:hover .ai-robot__thumb {
  transform: scale(1.2);
}

.ai-robot__card-title {
  margin: 22px 0 0;
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  color: #0f172a;
  text-align: center;
  white-space: nowrap;
}

.ai-robot__card-desc {
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
}

.ai-robot__card-desc--l1 { margin-top: 32px; }
.ai-robot__card-desc--l2 { margin-top: 0; }

/* ============ 优势 ai-features（相对[4251,4891]高640；底透明＋底带跨区） ============ */
/* 去图层化：头换 sectionHead（标题 36 #0f172a／线 360×4 #0066ff／缝 11，无副标题；
   标题原 left:888 即居中），section padding-top:35（原标题 top），头高 59；
   六卡改 grid 3 列 370px、列缝 45、行缝 30，卡片区 margin-top:60（154−94）；
   卡改 relative；卡内圆点/手拼图标/标题/描述相对卡不动（图标按 key 分支＋坐标走数据，
   全部 0KB 无导出，真图导出后替换，见原案节点注释）；
   底带 #EBF3FF (0,254,100%×522) absolute 宽 100%（溢出 136 进场景区，section 不设 hidden，
   场景透明接住）；stage 去 min-height；section 保 min-height:640；
   reveal 由 common.js 驱动；hover 卡上浮（图标不动）；无 z-index；无断点 */
.ai-features {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 640px;
  padding-top: 35px;
}

.ai-features__bg {
  position: absolute;
  left: 0;
  top: 254px;
  width: 100%;
  height: 522px;
  background: #ebf3ff;
}

.ai-features__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.ai-features__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 370px);
  column-gap: 45px;
  row-gap: 30px;
  width: 100%;
  max-width: 1200px;
  margin: 60px auto 0;
}

/* 优势卡：370×220 渐变底 r16＋投影 */
.ai-features__card {
  position: relative;
  width: 370px;
  height: 220px;
  background: linear-gradient(135deg, #ffffff 0%, #f9fbff 100%);
  border-radius: 16px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ai-features__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(37, 99, 200, 0.25);
}

/* 图标圆点：卡内(32,32) 40×40 #E8F1FF；真图标 flex 居中（原逐图标居中坐标已验证，全收圆心） */
.ai-features__iconbg {
  position: absolute;
  left: 32px;
  top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #e8f1ff;
  border-radius: 50%;
}

.ai-features__icon {
  display: block;
}

/* 卡标题：卡内(92,38) 22px #333 左；描述 15px/25px #666 pre-line（宽走数据） */
.ai-features__card-title {
  position: absolute;
  left: 92px;
  top: 38px;
  height: 27px;
  margin: 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  color: #333;
  text-align: left;
  white-space: nowrap;
}

.ai-features__card-desc {
  position: absolute;
  left: 32px;
  top: 94px;
  height: 50px;
  margin: 0;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #666;
  text-align: left;
  white-space: pre-line;
}

/* ============ 场景 ai-scenarios（相对[4891,5505]高614；底透明，优势底带垫底） ============ */
/* 去图层化：头换 sectionHead（标题 34 #0a1128／线 214×4 r2 #3b82f6／缝 12，无副标题），
   section 加 box-sizing＋padding-top:51（原标题 top），头高 57；
   四卡改 grid 4 列 280px、列缝 26 居中（末缝差 2px 可忽略），卡片区 margin-top:60（168−108）；
   卡改 relative＋flex 居中栈（纵缝 33/19/13，底线 276 不变；数据坐标字段已退役）；
   卡底共用 product-bg-a75b1f67.png（cover 等比裁剪，不搬）；
   stage 去 min-height；section 保 min-height:614；reveal 由 common.js 驱动；
   hover 卡上浮＋图缩放（overflow:hidden 防溢出）；无 z-index；无断点 */
.ai-scenarios {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 614px;
  padding-top: 51px;
}

.ai-scenarios__stage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.ai-scenarios__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 280px);
  column-gap: 26px;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 60px auto 0;
}

/* 场景卡：280×350 r16＋投影（底纹 cover；内改 flex 流：头图＋标题＋双行居中栈，纵缝 33/19/13 原数；
 * hover 上浮＋图 scale 保留，单 clip 靠卡裁） */
.ai-scenarios__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  height: 350px;
  background: url('/images/home/product-bg-a75b1f67.png') center / cover no-repeat;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ai-scenarios__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(37, 99, 200, 0.25);
}

.ai-scenarios__head {
  flex: none;
  width: 280px;
  height: 150px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.ai-scenarios__card:hover .ai-scenarios__head {
  transform: scale(1.2);
}

.ai-scenarios__card-title {
  margin: 33px 0 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  color: #1e293b;
  text-align: center;
  white-space: nowrap;
}

.ai-scenarios__row {
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
}

.ai-scenarios__row--l1 { margin-top: 19px; }
.ai-scenarios__row--l2 { margin-top: 13px; }
