/* 企业级智能机器人集群调度系统详情页专属样式：8 个 sections（本页无 JS；main 全局 common.css 先行，home.css 管轮播公告） */

/* 页级字体：本页全部 rb-* 类＋通用区块头统一普惠体 */
[class*="rb-"],
.section-head__title,
.section-head__sub {
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* ============ 通用区块头 .section-head（robot 复用结构；几何走 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 rb-banner（区间[695,1345]高650） ============ */
/* 去图层化：section min-height:650＋overflow:hidden；底/罩盒定宽 1920 居中（背景定则 B，
   bottom/cover＋横向 90.14deg 渐变压罩不动，1920 下逐像素一致，窄屏对称裁边）；
   stage 100%+max-width:1920px 直挂文案（标题左对齐 x270，不居中）；无 z-index；无断点 */
.rb-banner {
  position: relative;
  width: 100%;
  min-height: 650px;
  overflow: hidden;
  scroll-margin-top: 88px; /* 首页直达锚：吸顶 72＋16，id="rbb" */
}

.rb-banner__bg,
.rb-banner__mask {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 650px;
  transform: translateX(-50%);
}

.rb-banner__bg {
  background: url('/images/robot/rb-banner11.jpg') no-repeat center bottom / cover;
}

.rb-banner__mask {
  background: linear-gradient(90.14deg, #0c2868 0.11%, rgba(29, 74, 178, 0.0509804) 64.87%);
}

.rb-banner__stage {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
  min-height: 650px;
  margin: 0 auto;
  padding: 224px 0 0 270px;
}

/* 文案栈：左 270（原线），纵缝 38/19 原数（330−292／376−357） */
.rb-banner__title,
.rb-banner__sub1,
.rb-banner__sub2 {
  margin: 0;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

.rb-banner__title {
  font-size: 56px;
  line-height: 68px;
  color: #fff;
}

.rb-banner__sub1 {
  margin-top: 38px;
  font-size: 22px;
  line-height: 27px;
  color: #d6eaff;
}

.rb-banner__sub2 {
  margin-top: 19px;
  font-size: 18px;
  line-height: 22px;
  color: #bbd9ff;
}

/* ============ 矩阵 rb-matrix（区间[1345,1946]高601，白底） ============ */
/* 去图层化：section 白底＋min-height:601；stage 100%+max-width:1200px 居中＋padding-top:71（原标题 top）；
   头高 96（34/41＋缝 14＋副 19＋缝 17＋线 5）；四卡改正常流 flex space-between（原 26/26/26→26.67 均分）；
   卡头图改实图 <img>（280×175 cover 上圆角）；标题 18px；描述合一个框 top 241＋行隙 9（还原 26 行距）；
   组 379（同位 280×175）系转化错误产物不搬；卡改 min-height＋padding-bottom:16（卡底齐平）；
   卡 hover 上浮＋头图 scale；无 z-index；无断点 */
.rb-matrix {
  position: relative;
  width: 100%;
  min-height: 601px;
  background: #fff;
}

.rb-matrix__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 71px;
}

.rb-matrix__cards {
  display: flex;
  justify-content: space-between;
  margin-top: 58px;
}

.rb-matrix__card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 280px;
  min-height: 340px;
  padding-bottom: 16px;
  background: #fff;
  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;
}

.rb-matrix__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(59, 130, 246, 0.25);
}

.rb-matrix__cover {
  flex: none;
  display: block;
  width: 280px;
  height: 175px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.rb-matrix__card:hover .rb-matrix__cover {
  transform: scale(1.05);
}

/* 标题/描述左对齐收 20 线，纵缝 26/19 原数（200−174／241−222）；单 clip 靠卡裁 */
.rb-matrix__card-title {
  margin: 26px 0 0 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #0f172a;
  text-align: left;
  white-space: nowrap;
}

.rb-matrix__desc {
  margin: 19px 20px 0;
}

.rb-matrix__desc p {
  margin: 0 0 9px;
  padding: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #64748b;
  text-align: left;
  white-space: nowrap;
}

.rb-matrix__desc p:last-child {
  margin-bottom: 0;
}

/* ============ 中枢 rb-rcs（区间[1946,2436]高490） ============ */
/* 去图层化：跨模块浅蓝带 #EBF3FF 全幅 100% 高 931 自模块顶起（盖本模块 490＋slam 顶部 441，
   同 drone 矩形1247；slam 必须透明），带 z-index:0，stage 正常流盖上；
   section min-height:490；stage 100%+max-width:1200px 居中＋padding-top:35（原标题 top）；
   头高 96（34/41＋缝 14＋副 19＋缝 17＋线 5）；深色大卡改正常流（relative＋1200×300 居中，
   margin-top:59 即 190−131，底 #1e293b r20）；卡内左文案/右图相对卡不动；
   右图改实图 <img>（450×220 cover r12；实图 452×222 差 2px 可接受）；
   卡静态不 hover；无 z-index（带/台除外）；无断点 */
.rb-rcs {
  position: relative;
  width: 100%;
  min-height: 490px;
}

.rb-rcs__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 931px;
  background: #ebf3ff;
  z-index: 0;
}

.rb-rcs__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 35px;
}

.rb-rcs__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  max-width: 100%;
  height: 300px;
  margin: 59px auto 0;
  background: #1e293b;
  border-radius: 20px;
}

/* 文案列：左 80（原线），纵缝 16/7/34/16/7 原数（90−74／115−108／167−133／210−194／235−228）；
 * 相邻缝全走 sibling（h3 后 body 16／body 后 body 7／body 后 h3 34，h3+h3 永远匹配不上，已删） */
.rb-rcs__text {
  margin: 47px 0 0 80px;
}

.rb-rcs__h3 {
  margin: 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}

.rb-rcs__body + .rb-rcs__h3 { margin-top: 34px; }

.rb-rcs__body {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #94a3b8;
  text-align: left;
  white-space: nowrap;
}

.rb-rcs__body + .rb-rcs__body { margin-top: 7px; }

.rb-rcs__diagram {
  flex: none;
  width: 450px;
  height: 220px;
  margin: 40px 80px 0 auto;
  display: block;
}

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

/* 注脚图内自带，DOM 注脚已删 */

/* ============ 导航 rb-slam（区间[2436,3021]高585） ============ */
/* 去图层化：本节无底色透明（rcs 跨模块浅蓝带盖住上部 441）；section min-height:585；
   stage 100%+max-width:1200px 居中＋padding-top:68（原标题 top）；
   头高 58（34/41＋缝 12＋线 5）；大白卡改正常流（relative＋1200×400 居中，
   margin-top:59 即 185−126，r20＋阴影）；卡内左图/右三项相对卡不动（三项色走 inline）；
   图标/箭头改实图 <img> 原尺寸（小数原样保留）；卡静态不 hover；
   无 z-index；无断点 */
.rb-slam {
  position: relative;
  width: 100%;
  min-height: 585px;
}

.rb-slam__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 68px;
  padding-bottom: 12px; /* 卡底与模块底齐平，垫 12px 让卡阴影落在本模块（原 585→597，高出 12px，保阴影不断） */
}

.rb-slam__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  max-width: 100%;
  height: 400px;
  margin: 59px auto 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.rb-slam__photo {
  flex: none;
  width: 561px;
  height: 300px;
  margin: 50px 0 0 72px;
  object-fit: cover;
  display: block;
}

/* 三行列：图右 633＋16＝649（原箭头线）；行缝 43 统一（165−122／278−208）；组内纵缝 9/5（83−74／105−100） */
.rb-slam__rows {
  flex: 1;
  min-width: 0;
  margin: 52px 0 0 16px;
}

.rb-slam__row {
  display: flex;
  align-items: flex-start;
}

.rb-slam__row + .rb-slam__row { margin-top: 43px; }

.rb-slam__arrow {
  flex: none;
  width: 66px;
  height: 23px;
  margin-top: 23px;
  object-fit: contain;
  display: block;
}

.rb-slam__iconbox {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 5px 0 0 16px;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
}

.rb-slam__icon {
  display: block;
  object-fit: contain;
}

.rb-slam__text {
  margin-left: 24px;
}

.rb-slam__h3 {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

.rb-slam__body {
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #64748b;
  text-align: left;
  white-space: nowrap;
}

.rb-slam__body + .rb-slam__body { margin-top: 5px; }

/* ============ 融合 rb-integration（区间[3021,3518]高497，白底） ============ */
/* 去图层化：section 白底＋min-height:497；stage 100%+max-width:1200px 居中＋padding-top:68（原标题 top）；
   头高 96（34/41＋缝 14＋副 19＋缝 17＋线 5）；流程大白卡改正常流（relative＋1200×241 居中，
   margin-top:59 即 223−164，r20＋阴影；底 6d86 矩形系纯白，直接 CSS 色）；
   卡内节点/线/箭头/文案相对卡不动（坐标＝模块值减卡原点 360,223，小数保留）；
   中节点对角渐变 (0,0)→(1,1) #06b6d4→#3b82f6 系原案底保留；箭头 CSS 三角手画；
   卡静态不 hover；无 z-index；无断点 */
.rb-integration {
  position: relative;
  width: 100%;
  min-height: 497px;
  background: #fff;
}

.rb-integration__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 68px;
}

.rb-integration__card {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  max-width: 100%;
  height: 241px;
  margin: 59px auto 0;
  padding: 51px 137px 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.rb-integration__node {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  border-style: solid;
  border-width: 2px;
}

.rb-integration__node--left {
  height: 101px;
  margin-top: 19px;
  background: #f8fafc;
  border-color: #cbd5e1;
  border-radius: 12px;
}

.rb-integration__node--mid {
  height: 139px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
}

.rb-integration__node--right {
  height: 101px;
  margin-top: 19px;
  background: #f8fafc;
  border-color: #cbd5e1;
  border-radius: 12px;
}

.rb-integration__node-title {
  margin: 25px 0 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #0f172a;
  text-align: center;
  white-space: nowrap;
}

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

.rb-integration__hub {
  margin: 26px 0 0;
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.rb-integration__hub-sub {
  margin: 19px 0 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #e0f2fe;
  text-align: center;
  white-space: nowrap;
}

.rb-integration__hub-sub--s2 { margin-top: 10px; }

.rb-integration__conn {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 163px;
  margin-top: 46px;
}

.rb-integration__link-label {
  margin: 0 0 7px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #3b82f6;
  text-align: center;
  white-space: nowrap;
}

.rb-integration__linerow {
  display: flex;
  align-items: center;
  padding: 0 24px;
}

.rb-integration__linerow::before {
  content: "";
  width: 100px;
  height: 0;
  border-top: 4px dashed #3b82f6;
}

.rb-integration__linerow::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 15px solid #3b82f6;
}

/* ============ 概念 rb-concept（区间[3518,4250]高732） ============ */
/* 去图层化：section min-height:732；全幅底 product-bg-a75b1f67（1920×732 跨页共用，留 home/ 不迁；
   背景定则B：底盒定宽 1920 居中＋cover 不动）；stage 100%+max-width:1200px 居中＋padding-top:35；
   头高 58（34/41＋缝 12＋线 5）；大屏整图改正常流（relative＋1200×520 居中，
   margin-top:55 即 148−93；实图 1212×532 contain 等比居中防拉伸）；底垫 64；
   无 z-index；无断点 */
.rb-concept {
  position: relative;
  width: 100%;
  min-height: 732px;
  overflow: hidden;
}

.rb-concept__bg {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 732px;
  transform: translateX(-50%);
  background: url('/images/home/product-bg-a75b1f67.png') no-repeat center / cover;
}

.rb-concept__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 35px;
}

.rb-concept__photo {
  position: relative;
  display: block;
  width: 1200px;
  max-width: 100%;
  height: 520px;
  margin: 55px auto 0;
}

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

/* ============ 场景 rb-scenarios（区间[4250,5134]高884，白底） ============ */
/* 去图层化：跨模块浅蓝带（矩形1409 #EBF3FF 全幅 100% 高 731，模块内 top:502，下溢 349 进能力区；
   带 z-index:0，stage z-index:1 压住；features 必须透明）；section 白底＋min-height:884，overflow 可见；
   stage 100%+max-width:1200px 居中＋padding-top:3（原标题 top）；头高 57（34/41＋缝 12＋线 4）；
   两排卡改正常流（各 flex space-between，原 26/26/28；排1 margin-top:60 即 120−60，
   排2 margin-top:64 即 534−470；底垫 0）；卡底 a75b 波浪图 cover＋白底兜底；
   卡头图改实图 <img>（280×150 上圆角）；标题 22px 居中 top 183；描述合一个框 top 229 居中
   （次行隙卡1排1取 10、其余 13）；卡改 min-height＋padding-bottom:16（卡底齐平）；
   卡 hover 上浮＋头图 scale；无 z-index（带/台除外）；无断点 */
.rb-scenarios {
  position: relative;
  width: 100%;
  min-height: 884px;
  background: #fff;
  overflow: visible;
}

.rb-scenarios__band {
  position: absolute;
  left: 0;
  top: 502px;
  width: 100%;
  height: 731px;
  background: #ebf3ff;
  z-index: 0;
}

.rb-scenarios__stage {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 3px;
}

.rb-scenarios__cards {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.rb-scenarios__cards--row2 {
  margin-top: 64px;
}

.rb-scenarios__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  min-height: 350px;
  padding-bottom: 16px;
  background-color: #fff;
  background-image: url('/images/home/product-bg-a75b1f67.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  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;
}

.rb-scenarios__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(59, 130, 246, 0.25);
}

.rb-scenarios__cover {
  flex: none;
  display: block;
  width: 280px;
  height: 150px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.rb-scenarios__card:hover .rb-scenarios__cover {
  transform: scale(1.05);
}

/* 标题/双行全收中心，纵缝 33/19（183−150／229−210）；次行距 10/13 走数据保留；单 clip 靠卡裁 */
.rb-scenarios__card-title {
  margin: 33px 0 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  color: #1e293b;
  text-align: center;
  white-space: nowrap;
}

.rb-scenarios__desc {
  margin: 19px 0 0;
  text-align: center;
}

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

/* ============ 能力 rb-features（区间[5134,5744]高610） ============ */
/* 去图层化：本节无底色透明（scenarios 跨模块浅蓝带盖住上部 349）；section min-height:610；
   stage 100%+max-width:1200px 居中＋padding-top:67（原标题 top）；
   头高 58（34/41＋缝 12＋线 5，注意线色 #0284c7 与别头不同）；
   六卡改正常流 grid（3×380 gap 30×30，原 30/30；卡内容区相对卡 0 起排）；
   卡内图标圆（48 #dbeafe＋实图 flex 居中，尺寸逐卡原值）/标题/说明相对卡不动
   （标题 top 39、说明 top 74，两排一致；说明双行自然流排）；
   卡改 min-height（说明增行只撑本卡）；底垫 96；
   卡 hover 上浮（卡内不动）；无 z-index；无断点 */
.rb-features {
  position: relative;
  width: 100%;
  min-height: 610px;
}

.rb-features__stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 67px;
}

.rb-features__cards {
  display: grid;
  grid-template-columns: repeat(3, 380px);
  gap: 30px;
  justify-content: center;
  margin-top: 59px;
}

.rb-features__card {
  position: relative;
  display: flex;
  width: 380px;
  min-height: 150px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rb-features__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(59, 130, 246, 0.25);
}

/* 卡内改行布局（圆 48＋文列；圆 margin-top:51 原数，文列 margin 39/24，说明缝 11） */
.rb-features__disc {
  flex: none;
  width: 48px;
  height: 48px;
  margin: 51px 0 0 24px;
  background: #dbeafe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rb-features__icon {
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

.rb-features__text {
  margin: 39px 0 0 24px;
}

.rb-features__h3 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #1e293b;
  text-align: left;
  white-space: nowrap;
}

.rb-features__desc {
  margin: 11px 0 0;
}

.rb-features__desc p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #64748b;
  text-align: left;
  white-space: nowrap;
}