/* 全域智能无人机系统详情页专属样式：7 个 sections（本页无 JS；main 全局 common.css 先行，home.css 管轮播公告） */

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

/* ============ 通用区块头 .section-head（drone 复用结构；几何走 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 dr-banner（区间[696,1346]高650） ============ */
/* 去图层化：section min-height:650＋overflow:hidden；底/罩盒定宽 1920 居中（背景定则 B，
   bottom/cover＋右→左单向渐变压罩不动，1920 下逐像素一致，窄屏对称裁边）；
   stage 100%+max-width:1920px＋左垫 189（原标题 left 线）；文案改纵栈（缝 38/19 原数），不居中；无 z-index；无断点 */
.dr-banner {
  position: relative;
  width: 100%;
  min-height: 650px;
  overflow: hidden;  scroll-margin-top: 88px; /* 首页产品直达锚：吸顶 72＋16 */
}

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

.dr-banner__bg {
  background: #123f57 url('/images/drone/dr-banner23.jpg') bottom / cover no-repeat;
}

.dr-banner__mask {
  background: linear-gradient(to left, rgba(22, 120, 158, 0) 0%, rgba(20, 105, 138, 0.83) 100%);
}

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

/* 文案栈：左 189（原 left 线），纵缝 38/19 原数（327−289／373−354） */
.dr-banner__title,
.dr-banner__sub1,
.dr-banner__sub2 {
  margin: 0;
  font-weight: 400;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}

.dr-banner__title {
  font-size: 56px;
  line-height: 68px;
}

.dr-banner__sub1 {
  margin-top: 38px;
  font-size: 22px;
  line-height: 27px;
}

.dr-banner__sub2 {
  margin-top: 19px;
  font-size: 18px;
  line-height: 22px;
}

/* ============ 架构 dr-arch（区间[1346,1905]高559，底 #EBF3FF 全幅画 section） ============ */
/* 去图层化：section 底色＋min-height:559；stage 100%+max-width:1200px 居中＋padding-top:67（原标题 top）；
   头高 99（36/44＋缝 14＋副 19＋缝 17＋线 5）；大白板改正常流 relative＋margin:58px auto 0（224−166）；
   板内改 flex 流（边垫 100＋3 卡 200＋2 线盒均分 200；卡内居中栈纵缝 24/25/11/6；线盒栈缝 3）；
   板静态不 hover（卡无 hover）；无 z-index；无断点 */
.dr-arch {
  position: relative;
  width: 100%;
  min-height: 559px;
  background: #ebf3ff;
}

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

/* 大白板改正常流（relative＋1200×303 居中，margin-top:58；内改 flex 流：边垫 100＋3 卡 200＋2 线盒均分 200，
 * 100＋1000＋100＝1200 闭合；静态不 hover） */
.dr-arch__board {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 1200px;
  max-width: 100%;
  height: 303px;
  margin: 58px auto 0;
  padding: 56px 100px 0;
  background: #fff;
  border-radius: 20px;
}

.dr-arch__card {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  height: 191px;
  border-width: 2px;
  border-style: solid;
  border-radius: 16px;
  box-sizing: border-box;
}

.dr-arch__card--cloud {
  background: #f0f9ff;
  border-color: #bae6fd;
}

.dr-arch__card--gcs {
  background: #e2fbff;
  border-color: #65eaff;
}

.dr-arch__card--fly {
  background: #f0fdf4;
  border-color: #6ee7b7;
}

.dr-arch__icon {
  flex: none;
  width: 46px;
  height: 46px;
  margin-top: 24px;
  object-fit: contain;
}

.dr-arch__card-title {
  margin: 25px 0 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

.dr-arch__card-line {
  margin: 11px 0 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

.dr-arch__card-line + .dr-arch__card-line { margin-top: 6px; }

.dr-arch__link {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 72px;
}

.dr-arch__link-label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
}

/* 连接线改纯 CSS（原 168×10/#0284c7·#10b981 2px dashed 图，按像素取色；img 退役；
 * 箭头 15×10 系搬运遗漏（Nuxt 注有 箭头353/355），::after 补回，落线尾） */
.dr-arch__link-line {
  position: relative;
  width: 160px;
  height: 0;
  margin-top: 3px;
  border-top: 3px dashed #0284c7;
}

.dr-arch__link-line--green { border-top-color: #10b981; }

.dr-arch__link-line::after {
  content: "";
  position: absolute;
  left: 156px;
  top: -5.5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 15px solid #0284c7;
}

.dr-arch__link-line--green::after { border-left-color: #10b981; }

/* ============ 行业 dr-industry（区间[1905,2429]高524，白底） ============ */
/* 去图层化：section 白底＋min-height:524；stage 100%+max-width:1200px 居中＋padding-top:35（原标题 top）；
   头高 58（34/41＋缝 12＋线 5）；四卡改正常流 flex space-between（原 27/27/26→26.67 均分，卡 4 归位 920）；
   卡内改 flex 流（盖＋标题＋描述左对齐栈，纵缝 26/19；行内流排＋行隙 9 不变）；
   黑/灰占位组 355/357/359/361 系 XD 垃圾不搬；卡改 min-height＋padding-bottom:16（卡底齐平）；
   卡 hover 上浮（卡内不动）；无 z-index；无断点 */
.dr-industry {
  position: relative;
  width: 100%;
  min-height: 524px;
  background: #fff;
}

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

.dr-industry__cards {
  display: flex;
  justify-content: space-between;
  margin-top: 59px;
}

.dr-industry__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;
}

.dr-industry__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(2, 132, 199, 0.2);
}

.dr-industry__cover {
  flex: none;
  display: block;
  width: 280px;
  height: 170px;
  object-fit: cover;
  transition: transform 0.4s ease;
  overflow: hidden;
}

.dr-industry__card:hover .dr-industry__cover {
  transform: scale(1.05);
}

/* 标题/描述左对齐收 20 线（原 left:20），纵缝 26/19 原数（196−170／239−220）；
 * 卡改 flex 后 min-height 终于生效（描述增行真撑卡，原 absolute 撑不动） */
.dr-industry__card-title {
  margin: 26px 0 0 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #0f172a;
  text-align: left;
  white-space: nowrap;
}

/* 描述合一个框：整盒 top 239，行内流排＋行隙 9（还原原 26 行距：17＋9）；
   卡 2 第二行 13px 行盒 16，第三行差 1px 可接受 */
.dr-industry__desc {
  margin: 19px 20px 0;
}

.dr-industry__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;
}

.dr-industry__desc p:last-child {
  margin-bottom: 0;
}

.dr-industry__desc--sm {
  font-size: 13px;
  line-height: 16px;
}

/* ============ 算力 dr-vision（区间[2429,3011]高582，底 #EBF3FF 全幅画 section） ============ */
/* 去图层化：section 底色＋min-height:582；stage 100%+max-width:1200px 居中＋padding-top:35（原标题 top）；
   头高 96（34/41＋缝 14＋副 19＋缝 17＋线 5）；大深板改正常流 relative＋margin:59px auto 0（190−131），
   纵向渐变 180deg 系原案底保留；板内改 flex 流（左屏 600＋右三项列，组 74×3＋缝 26×2）；
   注脚取注释帧板内相对 (320,334)（原 CSS 误写 350 的坑已填）；   板静态不 hover；
   无 z-index；无断点 */
.dr-vision {
  position: relative;
  width: 100%;
  min-height: 582px;
  background: #ebf3ff;
}

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

.dr-vision__board {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  max-width: 100%;
  height: 392px;
  margin: 59px auto 0;
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
  border-radius: 20px;
}

/* 左屏改活字 SVG 内联（600×283，slice 等比铺满约 2.5% 裁剪；3 段 <text>，族指普惠体；单 clip 靠圆角＋overflow） */
.dr-vision__shot {
  flex: none;
  width: 600px;
  height: 283px;
  margin: 55px 0 0 64px;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
  display: block;
}

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

/* 右三项列：左 664＋127＝791（原线），右垫 58；组 74×3＋缝 26×2＝274 原盒高 */
.dr-vision__feat {
  flex: 1;
  min-width: 0;
  margin: 59px 58px 0 127px;
}

.dr-vision__group + .dr-vision__group { margin-top: 26px; }

.dr-vision__title-row {
  display: flex;
  align-items: center;
}

.dr-vision__dot {
  flex: none;
  width: 10px;
  height: 10px;
  margin-right: 15px;
  background: #38bdf8;
  border-radius: 50%;
}

.dr-vision__feat-title {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}

.dr-vision__feat-desc {
  margin: 11px 0 0 25px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #94a3b8;
  text-align: left;
  white-space: nowrap;
}

.dr-vision__feat-desc + .dr-vision__feat-desc { margin-top: 5px; }

.dr-vision__caption {
  position: absolute;
  left: 320px;
  top: 344px; /* 帧面 334，用户要求再下移 10px */
  width: 70px;
  height: 12px;
  margin: 0;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #cccdd0;
  text-align: left;
  white-space: nowrap;
}

/* ============ 能力 dr-ability（区间[3011,3535]高524，白底＋顶部浅蓝带 349 纯色全幅） ============ */
/* 去图层化：section 白底＋min-height:524；浅蓝带纯色 100% 无图可全幅；stage 100%+max-width:1200px
   居中＋padding-top:67（原标题 top）；头高 58（34/41＋缝 12＋线 5）；
   六卡改正常流 grid（3×380 gap 30×30，原 30/30；卡内改行布局，图标偏移模板直算，说明缝 11）；
   卡头行布局（图标圆 48 #dbeafe＋文列，说明缝 11；行顶/图标偏移走数据）；
   卡 5 标题“精准挂测”系缓存原文照录；卡改 min-height（说明增行只撑本卡）；
   卡 hover 上浮（卡内不动）；无 z-index；无断点 */
.dr-ability {
  position: relative;
  width: 100%;
  min-height: 524px;
  background: #fff;
}

.dr-ability__tint {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 349px;
  background: #ebf3ff;
}

.dr-ability__stage {
  position: relative;
  z-index: 1; /* 上个模块内容整体盖住 dashboard 溢上来的背景 */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 67px;
}

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

/* 六卡行布局：图标 48＋文列（标题＋说明缝 11，原 64−53 全统一 11）；行顶走数据（标题 top 29/39/27），
 * 图标 margin-top＝51−行顶模板直算；卡 min-height:150 保底（内容底 108−115 不变） */
.dr-ability__card {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 380px;
  min-height: 150px;
  padding-left: 24px;
  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;
}

.dr-ability__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(2, 132, 199, 0.2);
}

.dr-ability__icon {
  flex: none;
  width: 48px;
  height: 48px;
  background: #dbeafe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dr-ability__icon img {
  object-fit: contain;
  display: block;
}

.dr-ability__body {
  flex: 1;
  min-width: 0;
  margin-left: 24px;
}

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

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

/* ============ 调度 dr-dashboard（区间[3525,4101]高576，白底） ============ */
/* 去图层化：section 白底＋min-height:576；stage 100%+max-width:1200px 居中＋padding-top:67（原标题 top）；
   头高 58（34/41＋缝 12＋线 5）；大屏整图改正常流 relative＋margin:59px auto 0（184−125，1200×360 1:1 落位，
   组内地图/视频/排期不做 DOM）；“概念示意图”底字图里自带不做 DOM；stage 去 min-height；无断点 */
.dr-dashboard {
  position: relative;
  width: 100%;
  min-height: 576px;
  background: #fff;
}

.dr-dashboard__stage {
  position: relative;
  z-index: 1; /* 内容盖住自家背景 */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 67px;
}

/* 跨模块长背景窗口：751 高钉模块底（576＋上溢 175，正顶 ability 浅蓝带底边 349，消掉中间白条；
   改 height 即调溢入 ability 的量）；
   实图 1920×3399 原尺寸 bottom:0 只露下部；section 无 overflow 限制，溢出自然进 ability */
.dr-dashboard__bleed {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 751px;
  overflow: hidden;
  z-index: 0; /* 背景层级最小，垫底；窗口改 100% 跟视口（1920 盒无 overflow 爆横滚动条的坑已填，纵向溢出保留） */
}

.dr-dashboard__bleed img {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1920px;
  height: 3399px;
  transform: translateX(-50%);
  display: block;
}

/* 大屏改活字 SVG 内联（1200×360 1:1，9 段 <text>，族指普惠体） */
.dr-dashboard__screen {
  position: relative;
  display: block;
  width: 1200px;
  max-width: 100%;
  height: 360px;
  margin: 59px auto 0;
}

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

/* ============ 优势 dr-advantages（区间[4101,4699]高598，底图 1:1 贴区间） ============ */
/* 去图层化：section min-height:598；底盒定宽 1920 居中（背景定则 B，bottom/cover 不动，1920 下逐像素一致）；
   stage 100%+max-width:1200px 居中＋padding-top:35（原标题 top）；头高 57（34/41＋缝 12＋线 4）；
   四卡改正常流 flex space-between（原 26/26/28→26.67 均分，卡 4 归位 920；缓存无阴影不加）；
   卡内改 flex 流（盖＋标题＋双行居中栈，纵缝 33/35/8；数据坐标字段已退役）；
   卡定高 350（原案定高，描述固定双行无增行，齐平垫层不加，还原 65 留白）；卡 hover 上浮（卡内不动）；无 z-index；无断点 */
.dr-advantages {
  position: relative;
  width: 100%;
  min-height: 598px;
  overflow: hidden;
  background: #fff;
}

/* 底图调试台：窗口 `.dr-advantages__bg` 钉模块底，实图 1920×598 原尺寸翻转；
   调 `img.bottom`（下沉量，负值往下）＋`bg.height`（窗口高，裁多少），数值报回即落盘 */
.dr-advantages__bg {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1920px;
  height: 598px;
  transform: translateX(-50%);
  overflow: hidden;
}

.dr-advantages__bg img {
  position: absolute;
  left: 0;
  bottom: -360px; /* 用户 F12 实测值 */
  width: 1920px;
  height: 598px;
  transform: scaleY(-1);
  display: block;
}

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

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

.dr-advantages__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 280px;
  height: 350px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dr-advantages__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(2, 132, 199, 0.2);
}

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

.dr-advantages__card:hover .dr-advantages__cover {
  transform: scale(1.05);
}

/* 标题/双行全收 140 中心（原居中盒逐卡照帧，最大差 2px）；纵缝 33/35/8 原数（183−150／245−210／269−261） */
.dr-advantages__card-title {
  margin: 33px 0 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  color: #1e293b;
  text-align: center;
  white-space: nowrap;
}

.dr-advantages__desc {
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
}

.dr-advantages__desc--l1 { margin-top: 35px; }
.dr-advantages__desc--l2 { margin-top: 8px; }