/*
 * 反无人机系统详情页（/project/anti-drone，画板 0:7819）
 * 当前只有占位正文；正文模块按设计稿逐块替换时，样式继续写在本文件里。
 * 依赖 common.css + home.css（main 里已引入），颜色取站内蓝系。
 */

/* 页面底色 = 画板 0:7819 的填充 #F9FCFF；模块自己没铺矩形的就不写 background，透出这一层 */
.ad-page { background: #f9fcff; }

/* ---------- 占位正文 ---------- */
.ad-placeholder {
  position: relative;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
  background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 100%);
}

.ad-placeholder * { box-sizing: border-box; }

.ad-placeholder__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 148px 0 160px;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.ad-placeholder__eyebrow {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #2d72ff;
  letter-spacing: 1px;
}

.ad-placeholder__title {
  margin: 18px 0 0;
  font-size: 44px;
  line-height: 60px;
  font-weight: 700;
  color: #1e293b;
}

.ad-placeholder__desc {
  width: 720px;
  margin: 20px auto 0;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
  color: #64748b;
}

.ad-placeholder__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 172px;
  min-height: 52px;
  margin-top: 36px;
  padding: 0 32px;
  border-radius: 26px;
  background: #2d72ff;
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.ad-placeholder__btn:hover {
  background: #1a5be0;
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .ad-placeholder__btn { transition: none; }
  .ad-placeholder__btn:hover { transform: none; }
}

/* ============================================================
   反无人机系统 · 模块1 首段（设计 696→1346）
   ============================================================ */
.ad-hero {
  position: relative;
  width: 100%;
  min-height: 650px;
  overflow: hidden;
  background: #eaf4ff;
  scroll-margin-top: 88px; /* 首页直达锚：吸顶 72＋16，id="adb" */
}

.ad-hero * { box-sizing: border-box; }

/* v2 坐标统一：画布由「居中 + translateX(-50%)」改为左贴 max(0px, 50% - 960px)——
   >=1920 居中，<1920 左缘贴视口只裁右边；底图 / 蒙版 left:0 挂在 stage 内，原点不变，
   窄屏不再先裁掉 x=245 的文案（居中裁切在 1366 下会裁掉标题约 40px） */
.ad-hero__stage {
  position: relative;
  width: 1920px;
  min-height: 650px;
  margin-left: max(0px, calc(50% - 960px));
}

/* 装饰：背景实景图 0:7866（1920×650，无 72 页头，直接从段顶铺） */
.ad-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 650px;
  background-image: url(/images/project/antidrone/hero-bg.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px 650px;
}

/* 装饰：左侧蒙版 0:7867（1391×650，左实右透明） */
.ad-hero__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 1391px;
  height: 650px;
  background: linear-gradient(90deg, #81baec 0%, rgba(200, 229, 255, .65) 54%, rgba(249, 252, 255, 0) 100%);
  pointer-events: none;
}

/* 文本从设计 x245 起（比 1200 内容列更靠左）→ 容器宽 1430，居中后左缘 = 245 */
.ad-hero__content {
  position: relative;
  width: 1430px;
  margin: 0 auto;
  padding: 126px 0 0;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 标题 0:7868：72/105，#0041A5（6 字 ×72 = 432，无字距） */
.ad-hero__title {
  margin: 0;
  font-size: 72px;
  line-height: 105px;
  font-weight: 700;
  color: #0041a5;
  letter-spacing: 0;
}

/* 副标 0:7869：40/58，#2061C4（设计宽 440 = 10 字符×40 + 9×4.4 字距） */
.ad-hero__sub {
  margin: 7px 0 0;
  font-size: 40px;
  line-height: 58px;
  font-weight: 400;
  color: #2061c4;
  letter-spacing: 4.4px;
}

/* 标签行 0:7870：28/40 #333 */
.ad-hero__tags {
  margin: 12px 0 0;
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
  color: #333;
}

/* 说明 0:7871：22/36 #5B5D62 三行 */
.ad-hero__desc {
  margin: 61px 0 0;
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  color: #5b5d62;
}

/* ============================================================
   反无人机系统 · 模块2 产品概述（1346→1993）
   ============================================================ */
.ad-overview {
  position: relative;
  width: 100%;
  min-height: 647px;
  overflow: hidden;
  background: #f9fcff url(/images/project/antidrone/overview-bg.webp) center top / 1920px 647px no-repeat;
}

.ad-overview * { box-sizing: border-box; }

.ad-overview__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 61px 0 33px;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.ad-overview__title {
  margin: 0;
  font-size: 34px;
  line-height: 49px;
  font-weight: 700;
  color: #0f172a;
}

/* 下划线 0:7826：224×5 #2363EB @ 设计 y1474（标题底 1456 → 间距 18） */
.ad-overview__rule {
  display: block;
  width: 224px;
  height: 5px;
  margin: 18px auto 0;
  background: #2363eb;
}

/* 说明 0:7828：24/40 #0F172A 三行，宽 984 居中 @ 设计 y1509（下划线底 1479 → 间距 30） */
.ad-overview__desc {
  width: 984px;
  margin: 30px auto 0;
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
  color: #0f172a;
}

/* 4 项 @ 设计 y1691（说明底 1629 → 间距 62），x 360→1560 均分
   relative 让圆形图标盖在装饰连接线之上（设计里线被圆遮住） */
.ad-overview__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 152px);
  justify-content: space-between;
  margin: 62px 0 0;
  padding: 0;
  list-style: none;
}

.ad-overview__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 152px;
}

/* 圆 152×152 #E1F1FF + 设计阴影 rgba(103,174,255,.8) */
.ad-overview__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 152px;
  height: 152px;
  border-radius: 50%;
  background: #e1f1ff;
  box-shadow: 0 3px 6px rgba(103, 174, 255, .8);
}

.ad-overview__ico img { display: block; object-fit: contain; }

.ad-overview__name {
  margin: 40px 0 0;
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  color: #1a1a2e;
  white-space: nowrap;
}

.ad-overview__sub {
  margin: 5px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  color: #888;
  white-space: nowrap;
}

/* 装饰：项间竖线 0:7833/7834/7835，设计 rotation=-90 → DSL 里记成 225×0 的横线，
   实际是 2×225 竖线；#239CFF opacity .6，x 610/960/1310，y 1714→1939。
   段内坐标：top 1714-1346=368，left 610/960/1310 - 360 - 1 */
.ad-overview__line {
  position: absolute;
  top: 368px;
  width: 2px;
  height: 225px;
  background: #239cff;
  opacity: .6;
  pointer-events: none;
}

.ad-overview__line--1 { left: 249px; }
.ad-overview__line--2 { left: 599px; }
.ad-overview__line--3 { left: 949px; }

/* ============================================================
   反无人机系统 · 模块3 核心功能（1993→2445）
   末尾 2268→2445 有 177 高的浅蓝横带（0:7836），卡片压在横带上。
   ============================================================ */
.ad-feature {
  position: relative;
  width: 100%;
  min-height: 452px;
  overflow: hidden;
}

.ad-feature * { box-sizing: border-box; }

/* 装饰：横带 0:7836（分段宽 1920，段内 y275），垫在卡片下 */
.ad-feature__band {
  position: absolute;
  top: 275px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  height: 177px;
  background: #d5e4fc;
}

.ad-feature__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 29px 0 32px;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.ad-feature__title {
  margin: 0;
  font-size: 34px;
  line-height: 49px;
  font-weight: 700;
  color: #0f172a;
}

/* 下划线 0:7827：224×5 #2363EB @ 设计 y2089（标题底 2071 → 间距 18） */
.ad-feature__rule {
  display: block;
  width: 224px;
  height: 5px;
  margin: 18px auto 0;
  background: #2363eb;
}

/* 4 卡 @ 段内 y160（下划线底 1134 → 间距 47），284 宽 gap 21.3 */
.ad-feature__list {
  display: grid;
  grid-template-columns: repeat(4, 284px);
  justify-content: space-between;
  margin: 47px 0 0;
  padding: 0;
  list-style: none;
}

.ad-feature__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 260px;
  padding: 32px 24px 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

/* 圆 68×68 渐变（0:7889 等，LINEAR 约 210°） */
.ad-feature__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: linear-gradient(210deg, #e8f4fd 0%, #80c5ff 100%);
}

.ad-feature__ico img { display: block; object-fit: contain; }

/* 标题 @ 卡内 y121（圆底 100 → 间距 21）；描述 @ 卡内 y168 */
.ad-feature__name {
  margin: 21px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  color: #1a1a2e;
  white-space: nowrap;
}

.ad-feature__desc {
  margin: 15px 0 0;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #888;
  white-space: nowrap;
}

/* ============================================================
   反无人机系统 · 模块4 两大处置模块（2445→3403）
   ============================================================ */
.ad-handle {
  position: relative;
  width: 100%;
  min-height: 958px;
  overflow: hidden;
}

.ad-handle * { box-sizing: border-box; }

.ad-handle__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 29px 0 32px;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.ad-handle__title {
  margin: 0;
  font-size: 34px;
  line-height: 49px;
  font-weight: 700;
  color: #0f172a;
}

/* 下划线 0:7909：224×5 #2363EB @ 设计 y2541（标题底 2523 → 间距 18） */
.ad-handle__rule {
  display: block;
  width: 224px;
  height: 5px;
  margin: 18px auto 0;
  background: #2363eb;
}

/* 两卡 @ 段内 y160（下划线底 101 → 间距 59），580 宽 gap 40，圆角 20 */
.ad-handle__grid {
  display: grid;
  grid-template-columns: repeat(2, 580px);
  gap: 40px;
  margin-top: 59px;
  text-align: left;
}

.ad-handle__card {
  display: flex;
  flex-direction: column;
  min-height: 764px;
  padding: 21px 24px 0;
  border-radius: 20px;
  background: #eff6ff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

/* 序号 + 标题：01 54/79 @ 卡内 (24,21)，标题 32/46 @ (92,40) */
.ad-handle__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ad-handle__no {
  flex: none;
  width: 60px;
  font-size: 54px;
  line-height: 79px;
  font-weight: 700;
  font-style: italic;
  color: #2363eb;
}

.ad-handle__name {
  margin: 0;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  color: #2363eb;
}

/* 说明 22/32 两行 @ 卡内 y103（头部底 100 → 间距 3） */
.ad-handle__desc {
  margin: 3px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  color: #0f172a;
}

/* 产品大图 532×330 圆角 15 @ 卡内 (24,192)（说明底 167 → 间距 25） */
.ad-handle__shot {
  display: block;
  width: 532px;
  height: 330px;
  margin: 25px 0 0;
  border-radius: 15px;
  object-fit: cover;
}

/* ---- 卡2 对比区：两列各带 260×330 圆角 15 底色 @ 卡内 (24,192)/(296,192) ---- */
.ad-handle__cmp {
  position: relative;
  display: flex;
  gap: 12px;
  margin: 25px 0 0;
}

.ad-handle__cmp-col {
  flex: none;
  width: 260px;
  height: 330px;
  padding: 14px 16px 0;
  border-radius: 15px;
}

/* 0:7919 传统方案 = 灰底；0:7920 本系统 = 蓝底 */
.ad-handle__cmp-col--off { background: #ebe9e9; }
.ad-handle__cmp-col--on { background: #deecff; }

.ad-handle__cmp-title {
  margin: 0;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #0f172a;
}

.ad-handle__cmp-title--on { color: #2363eb; }

/* 对比图 228×142 圆角 14 @ 列内 (16,56)（标题底 43 → 间距 13） */
.ad-handle__cmp-img {
  display: block;
  width: 228px;
  height: 142px;
  margin-top: 13px;
  border-radius: 14px;
  object-fit: cover;
}

/* 条目：设计 y404/438/472（图底 198 → 间距 20），行高 25 + 间距 9 */
.ad-handle__cmp-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.ad-handle__cmp-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 9px;
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
  color: #666;
}

.ad-handle__cmp-item--on { color: #2363eb; }

.ad-handle__mark {
  flex: none;
  display: block;
  width: 20px;
  height: 20px;
}

.ad-handle__mark img { display: block; width: 20px; height: 20px; }

/* vs 圆 组合 5 (59:1)：52×52 #5587F5 + 阴影 @ 设计 (1244,2905)；
   导出的 SVG 画布 64×64（圆在画布内偏移 6,3），故图定 (258,105) 让圆心落回设计位 */
.ad-handle__vs {
  position: absolute;
  top: 105px;
  left: 234px;
  width: 64px;
  height: 64px;
  pointer-events: none;
}

/* ---- 底部流程条：圆顶 = 卡内 y554（卡高 764，内容 155 → padding-bottom 55） ---- */
.ad-handle__flow {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: auto 0 0 15px;
  padding: 0 0 55px;
  list-style: none;
}

.ad-handle__step {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
}

.ad-handle__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
}

.ad-handle__dot img { display: block; object-fit: contain; }

/* 圆下名称（第一版漏了这一行） */
.ad-handle__step-name {
  margin-top: 14px;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #1a1a2e;
  white-space: nowrap;
}

.ad-handle__step-text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #888;
  white-space: nowrap;
}

.ad-handle__arrow {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 80px;
  margin: 0 21px;
}

.ad-handle__arrow img { display: block; width: 20px; height: 13px; }

/* ============================================================
   反无人机系统 · 模块5 空域管控方案演示（3403→4043）
   ============================================================ */
.ad-demo {
  position: relative;
  width: 100%;
  min-height: 640px;
  overflow: hidden;
  background: #e5f0ff;
}

.ad-demo * { box-sizing: border-box; }

.ad-demo__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 29px 0 32px;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.ad-demo__title {
  margin: 0;
  font-size: 34px;
  line-height: 49px;
  font-weight: 700;
  color: #0f172a;
}

/* 下划线 0:7988：334×5 #2363EB @ 设计 y3499（标题底 3481 → 间距 18） */
.ad-demo__rule {
  display: block;
  width: 334px;
  height: 5px;
  margin: 18px auto 0;
  background: #2363eb;
}

/* 白卡 0:7989：1200×448 @ 段内 y160（下划线底 101 → 间距 59） */
.ad-demo__card {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  min-height: 448px;
  margin-top: 59px;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  text-align: left;
}

/* 左侧演示区 0:7990：710×400 纯色占位（设计就是这样，未放内容） */
.ad-demo__screen {
  flex: none;
  width: 710px;
  height: 400px;
  border-radius: 8px;
  background: #c5deff;
}

/* 右侧 4 项：起点 白卡内 x758 = 24(padding) + 710 + 24(gap) */
.ad-demo__list {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 418px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ad-demo__item {
  display: flex;
  align-items: flex-start;
  min-height: 82px;
}

/* 圆 80×80 #CEE9FE */
.ad-demo__ico {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #cee9fe;
}

.ad-demo__ico img { display: block; object-fit: contain; }

.ad-demo__txt { margin-left: 16px; }

.ad-demo__name {
  margin: 0;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #1a1a2e;
}

.ad-demo__desc {
  margin: 5px 0 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #888;
}

/* ============================================================
   反无人机系统 · 模块6 可视化大屏示意图（4043→4565.56）
   ============================================================ */
.ad-screen {
  position: relative;
  width: 100%;
  min-height: 522.56px;
  overflow: hidden;
}

.ad-screen * { box-sizing: border-box; }

/* 段内 y60.5 起（大屏底板顶），文字再 +6.5 = 67 */
.ad-screen__content {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 1200px;
  margin: 0 auto;
  padding: 60.5px 0 0;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 左文字列：起点 设计 x362（内容列 360 → +2），列宽 514（到大屏底板左缘） */
.ad-screen__text {
  flex: none;
  width: 514px;
  padding: 6.5px 0 0 2px;
}

.ad-screen__title {
  margin: 0;
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
  color: #0f172a;
}

.ad-screen__sub {
  margin: 15px 0 0;
  font-size: 30px;
  line-height: 44px;
  font-weight: 700;
  color: #0c53ec;
}

.ad-screen__desc {
  width: 396px;
  margin: 44px 0 0;
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  color: #5b5d62;
}

/* 装饰条：圆角 10，浅→深、长度递增 @ 段内 y362.63/393.63/424.63 */
.ad-screen__bar {
  display: block;
  border-radius: 10px;
}

.ad-screen__bar--1 { width: 160px; height: 19px; margin-top: 32.63px; background: #d5e2ff; }
.ad-screen__bar--2 { width: 266px; height: 19px; margin-top: 12px; background: #b7ccf6; }
.ad-screen__bar--3 { width: 369px; height: 19px; margin-top: 12px; background: #89abf3; }

/* 大屏 = 底板 0:8013（670×373 #C5DEFF 圆角 20 阴影 r6，Pixso rotation=-5，四角从截图后探出）
   + 图片 0:8014（663×373 圆角 20 阴影 r10）
   Pixso 的 rotation 正负与 CSS 相反：设计里是顺时针，落地写 rotate(5deg)
   底板盒子与图片盒子基本重合，所以用 ::before inset:0 绕自身中心转 */
.ad-screen__frame {
  position: relative;
  flex: none;
  width: 670px;
  height: 373px;
}

.ad-screen__frame::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: #c5deff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  transform: rotate(5deg);
  pointer-events: none;
}

.ad-screen__shot {
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: 663px;
  height: 373px;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(97, 148, 255, .25);
}

/* ============================================================
   反无人机系统 · 模块7 产品优势（4565.56→5045）
   ============================================================ */
.ad-adv {
  position: relative;
  width: 100%;
  min-height: 479.44px;
  overflow: hidden;
}

.ad-adv * { box-sizing: border-box; }

.ad-adv__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 96px;
  text-align: center;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.ad-adv__title {
  margin: 0;
  font-size: 34px;
  line-height: 49px;
  font-weight: 700;
  color: #333;
}

/* 下划线 0:8020：188×4 #2D72FF @ 设计 y4633（标题底 4615 → 间距 18） */
.ad-adv__rule {
  display: block;
  width: 188px;
  height: 4px;
  margin: 18px auto 0;
  background: #2d72ff;
}

/* 5 卡 @ 段内 y131.44（下划线底 71.44 → 间距 60），224 宽 gap 20 */
.ad-adv__list {
  display: grid;
  grid-template-columns: repeat(5, 224px);
  gap: 20px;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

.ad-adv__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 224px;
  min-height: 252px;
  padding: 40px 0 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.ad-adv__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: linear-gradient(210deg, #e8f4fd 0%, #80c5ff 100%);
}

.ad-adv__ico img { display: block; object-fit: contain; }

/* 标题 @ 卡内 y122（圆底 108 → 间距 14）；描述 @ 卡内 y166 */
.ad-adv__name {
  margin: 14px 0 0;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #1a1a2e;
}

.ad-adv__desc {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #888;
}

/* ============================================================
   动效（与 drone / grass 等项目页同一套）
   滚动显现由 common.js 的 IntersectionObserver 加 .in，一次性解绑
   ============================================================ */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

/* 卡片抬升：核心功能 / 产品优势 */
.ad-feature__card,
.ad-adv__card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ad-feature__card:hover,
.ad-adv__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(35, 99, 235, .18);
}

/* 圆形图标轻抬：产品概述 4 项 / 处置流程圆 / 演示 4 项 */
.ad-overview__ico,
.ad-handle__dot,
.ad-demo__ico {
  transition: transform 0.3s ease;
}

.ad-overview__item:hover .ad-overview__ico,
.ad-handle__step:hover .ad-handle__dot,
.ad-demo__item:hover .ad-demo__ico {
  transform: translateY(-4px);
}

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

  .ad-feature__card,
  .ad-adv__card,
  .ad-overview__ico,
  .ad-handle__dot,
  .ad-demo__ico {
    transition: none;
  }

  .ad-feature__card:hover,
  .ad-adv__card:hover,
  .ad-overview__item:hover .ad-overview__ico,
  .ad-handle__step:hover .ad-handle__dot,
  .ad-demo__item:hover .ad-demo__ico {
    transform: none;
  }
}