/*
 * 政企合作详情页（/project/gov，画板 0:8454，1920×4965）
 * 七个正文模块：hero 696→1346 / overview 1346→1972 / advantage 1972→2502.56 /
 *   cases 2502.56→3090.56 / scenes 3090.56→3506 / support 3506→3980 / process 3980→4417
 * 依赖 common.css + home.css（main 里已引入），颜色取站内蓝系。
 */

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

/* ============================================================
   模块1 首屏 hero（696→1346，高 650）
   背景 0:8457（1920×650 实景图，压平成 RGB）
   政企合作 70/101 #122F8F @ (215,130)；共建智慧治理平台 50/72 #0080FF @ (215,232)
   一平台 · 多场景 · 多业务 · 共享共治 33/48 #122F8F @ (215,320)
   说明 28/40 #5B5D62 @ (215,431)，宽 560
   ============================================================ */
.gov-hero {
  position: relative;
  width: 100%;
  min-height: 650px;
  overflow: hidden;
  scroll-margin-top: 88px; /* 首页直达锚：吸顶 72＋16，id="gvb" */
  background: #eaf2ff;
}

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

.gov-hero__stage {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  min-height: 650px;
}

.gov-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 650px;
  background: url(/images/project/gov/hero-bg.webp) center top / 1920px 650px no-repeat;
}

/* 文本从设计 x215 起 → 容器宽 1490，居中后左缘 = 215 */
.gov-hero__content {
  position: relative;
  width: 1490px;
  margin: 0 auto;
  padding: 130px 0 0;
  font-family: 'AlibabaPuHuiTi-3', Inter, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.gov-hero__title {
  margin: 0;
  font-size: 70px;
  line-height: 101px;
  font-weight: 700;
  color: #122f8f;
}

.gov-hero__sub {
  margin: 1px 0 0;
  font-size: 50px;
  line-height: 72px;
  font-weight: 700;
  color: #0080ff;
}

.gov-hero__tags {
  margin: 16px 0 0;
  font-size: 33px;
  line-height: 48px;
  font-weight: 400;
  color: #122f8f;
}

.gov-hero__desc {
  width: 560px;
  margin: 63px 0 0;
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
  color: #5b5d62;
}

/* ============================================================
   模块2 方案概述（1346→1972，高 626）
   标题 34/49 #333 @ y61；副标 16/24 #555 y118；下划线 410×4 #2D72FF y158
   左说明 24/37 #555 @ (360,218)，宽 504
   右插画 0:8468（692×420 r20 渐变）@ (868,174)
   白条 472×158 r10 @ (360,436)：4 项 80 宽（间距 115），圆 60 #E1F1FF + 图标，
     名称 20/37 #0563D7；项间竖线 1×92 #CBE2FF @ (121/236/351, 469)
   ============================================================ */
.gov-overview {
  position: relative;
  width: 100%;
  min-height: 626px;
  overflow: hidden;
}

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

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

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

.gov-sec-sub {
  margin: 8px 0 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #555;
}

.gov-sec-rule {
  display: block;
  width: 410px;
  height: 4px;
  margin: 16px auto 0;
  border-radius: 2px;
  background: #2d72ff;
}

.gov-sec-rule--short { width: 252px; }

/* 左列 = 说明 + 白条；右列 = 插画（设计里三者左右并排、纵向各自偏移） */
.gov-overview__body {
  display: flex;
  margin: 12px 0 0;
  text-align: left;
}

.gov-overview__left {
  flex: none;
  width: 504px;
  margin-right: 4px;
}

.gov-overview__desc {
  width: 504px;
  margin: 44px 0 0;
  font-size: 24px;
  line-height: 37px;
  font-weight: 400;
  color: #555;
}

.gov-overview__illu {
  flex: none;
  display: block;
  width: 692px;
  height: 420px;
  border-radius: 20px;
}

.gov-overview__panel {
  position: relative;
  width: 472px;
  min-height: 158px;
  margin: 33px 0 0;
  padding: 24px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(156, 202, 255, 0.24);

}

.gov-overview__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.gov-overview__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #e1f1ff;
}

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

.gov-overview__name {
  margin: 14px 0 0;
  font-size: 20px;
  line-height: 37px;
  font-weight: 400;
  color: #0563d7;
  white-space: nowrap;
}

/* 装饰：项间竖线 1×92 #CBE2FF（设计 rotation=-90，DSL 记成 92×0） */
.gov-overview__line {
  position: absolute;
  top: 33px;
  width: 1px;
  height: 92px;
  background: #cbe2ff;
  pointer-events: none;
}

.gov-overview__line--1 { left: 121px; }
.gov-overview__line--2 { left: 236px; }
.gov-overview__line--3 { left: 351px; }

/* ============================================================
   模块3 自研技术赋能政务（1972→2502.56，高 530.56）
   顶部 276 高横带 0:8463 #D5E4FC，其余白底
   标题 34/49 @ y29；副标 16/24 y87；下划线 410×4 y126
   5 卡 220×280 @ x0/245/490/735/980，y190（白底 r14 + 蓝色柔光 0 0 10 #4D85FF40）
     圆 72 #4280FF + 白图标 @ 卡内 (74,40)；标题 22/32 @ y133；说明 17/26 #888 @ y180
   ============================================================ */
.gov-advantage {
  position: relative;
  width: 100%;
  min-height: 530.56px;
  overflow: hidden;
}

.gov-advantage * { box-sizing: border-box; }

.gov-advantage__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  height: 276px;
  background: #d5e4fc;
  pointer-events: none;
}

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

.gov-advantage__list {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

.gov-advantage__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 220px;
  min-height: 280px;
  padding: 40px 16px 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 10px rgba(77, 133, 255, .25);
}

.gov-advantage__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #4280ff;
}

.gov-advantage__ico img { display: block; object-fit: contain; }

.gov-advantage__name {
  margin: 21px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  color: #1a1a2e;
  white-space: nowrap;
}

.gov-advantage__desc {
  margin: 15px 0 0;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #888;
}

/* ============================================================
   模块4 政务落地案例（2502.56→3090.56，高 588）
   标题 34/49 @ y0.44；副标 16/24 y58；下划线 410×4 y97
   3 卡 384×366 @ x0/408/816，y161（白底 r14 + 柔光）
     头部 384×64 渐变（人社局 #3BB2D8→#68CFF5 / 城管 #3B94D8→#6BB0FF / 刑侦 #3B6ED8→#6B9CFF）
     名称 25 #FFF @ (24,12)；标签 19 #FFF @ (204,22)
     图 360×140 r10 @ (12,76)；三条目 @ y233/275/317（图标 24 @ x16，文字 19 @ x56）
   ============================================================ */
.gov-cases {
  position: relative;
  width: 100%;
  min-height: 588px;
  overflow: hidden;
}

.gov-cases * { box-sizing: border-box; }

/* 装饰：0:8456 是一条 #E5F0FF 纯色带，从本段 y371.44（设计 2874）一直铺到下一段结束（3506），
   被两张模块共用，所以本段只画底下这 216.56，剩下的由 .gov-scenes 的底色承接 */
.gov-cases__bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  height: 216.56px;
  background: #e5f0ff;
  pointer-events: none;
}

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

.gov-cases__list {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

.gov-cases__card {
  display: flex;
  flex-direction: column;
  width: 384px;
  min-height: 366px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 10px rgba(77, 133, 255, .25);
  overflow: hidden;
  text-align: left;
}

.gov-cases__head {
  display: flex;
  align-items: baseline;
  height: 64px;
  padding: 0 24px;
  background: linear-gradient(133deg, #3bb2d8 0%, #68cff5 100%);
}

.gov-cases__card--2 .gov-cases__head { background: linear-gradient(133deg, #3b94d8 0%, #6bb0ff 100%); }
.gov-cases__card--3 .gov-cases__head { background: linear-gradient(133deg, #3b6ed8 0%, #6b9cff 100%); }

.gov-cases__name {
  margin: 12px 0 0;
  font-size: 25px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
}

.gov-cases__tag {
  margin: 0 0 0 auto;
  font-size: 19px;
  line-height: 27px;
  font-weight: 400;
  color: #fff;
}

.gov-cases__pic {
  display: block;
  width: 360px;
  height: 140px;
  margin: 12px 12px 0;
  border-radius: 10px;
  object-fit: cover;
}

.gov-cases__list-items {
  margin: 17px 0 0;
  padding: 0 0 0 16px;
  list-style: none;
}

.gov-cases__item {
  display: flex;
  align-items: center;
  min-height: 42px;
  font-size: 19px;
  line-height: 27px;
  font-weight: 400;
  color: #1a1a2e;
}

.gov-cases__item img {
  flex: none;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  object-fit: contain;
}

/* ============================================================
   模块5 平台一体，多域适配（3090.56→3506，高 415.44）
   标题 34/49 @ y0.44；副标 16/24 y58；下划线 410×4 y97
   5 卡 220×222 r14 白底 @ x0/240/480/720/980，y161
     图 196×140 r12 @ 卡内 (12,12)；名称 22/32 #333 @ 卡内 y166
   ============================================================ */
.gov-scenes {
  position: relative;
  width: 100%;
  min-height: 415.44px;
  overflow: hidden;
  background: #e5f0ff;
}

.gov-scenes * { box-sizing: border-box; }

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

/* 设计里前四张间距 20、第五张前 40，所以不用 space-between */
.gov-scenes__list {
  display: flex;
  gap: 20px;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

.gov-scenes__card:last-child { margin-left: 20px; }

.gov-scenes__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 220px;
  min-height: 222px;
  padding: 12px 12px 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 10px rgba(77, 133, 255, .18);
}

.gov-scenes__pic {
  display: block;
  width: 196px;
  height: 140px;
  border-radius: 12px;
  object-fit: cover;
}

.gov-scenes__name {
  margin: 14px 0 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  color: #333;
  white-space: nowrap;
}

/* ============================================================
   模块6 全链路数字化服务支撑（3506→3980，高 474）
   全幅底 0:8609 渐变 #F9FCFF→#F2F7FF
   标题 34/49 @ y29；副标 16/24 y86；下划线 252×4 y126
   5 卡 224×252 @ x0/244/488/732/976，y190（白底 r12 阴影 r6，圆 68 渐变）
     标题 20/29 @ y122；说明 16/24 #888 @ y166
   ============================================================ */
.gov-support {
  position: relative;
  width: 100%;
  min-height: 474px;
  overflow: hidden;
  background: linear-gradient(180deg, #f9fcff 0%, #f2f7ff 100%);
}

.gov-support * { box-sizing: border-box; }

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

.gov-support__list {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

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

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

.gov-support__ico img { display: block; object-fit: contain; }

.gov-support__name {
  margin: 14px 0 0;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #1a1a2e;
  white-space: nowrap;
}

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

/* ============================================================
   模块7 全周期闭环服务（3980→4417，高 437）
   标题 34/49 @ y29；副标 16/24 y87；下划线 252×4 y126
   6 步 @ y190：列宽按设计 120/120/120/120/140/120，列间箭头 30×30
     外圆 64 #CDDDFE + 内圆 52 渐变 #AAC6FF→#5B8FF7，序号 30 白
     名称 23/34 #1A1A2E @ y77；说明 20/29 #888 @ y121
   ============================================================ */
.gov-process {
  position: relative;
  width: 100%;
  min-height: 437px;
  overflow: hidden;
}

.gov-process * { box-sizing: border-box; }

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

.gov-process__list {
  display: grid;
  grid-template-columns: 120px 96px 120px 97px 120px 96px 120px 87px 140px 86px 120px;
  align-items: start;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
}

.gov-process__step {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gov-process__circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #cdddfe;
}

.gov-process__circle::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(137deg, #aac6ff 0%, #5b8ff7 100%);
}

.gov-process__no {
  position: relative;
  font-size: 30px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
}

.gov-process__name {
  margin: 13px 0 0;
  font-size: 23px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a2e;
  white-space: nowrap;
}

.gov-process__desc {
  margin: 10px 0 0;
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  color: #888;
  white-space: nowrap;
}

/* 箭头垂直居中于整列（列高 150：圆 64 + 名称 + 说明），设计里箭头在 y222。
   li 的垂直中心 = 列表顶 + height/2，取 152 让中心落在 4246；想上下挪只改这一个数（每 ±2 移 1px） */
.gov-process__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 152px;
}

.gov-process__arrow img { display: block; width: 30px; height: 30px; object-fit: contain; }

/* ============================================================
   动效（与 mes / drone / grass 等项目页同一套）
   ============================================================ */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

.gov-advantage__card,
.gov-cases__card,
.gov-scenes__card,
.gov-support__card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gov-advantage__card:hover,
.gov-cases__card:hover,
.gov-scenes__card:hover,
.gov-support__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(35, 99, 235, .18);
}

.gov-overview__ico,
.gov-process__circle {
  transition: transform 0.3s ease;
}

.gov-overview__item:hover .gov-overview__ico,
.gov-process__step:hover .gov-process__circle {
  transform: translateY(-4px);
}

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

  .gov-advantage__card,
  .gov-cases__card,
  .gov-scenes__card,
  .gov-support__card,
  .gov-overview__ico,
  .gov-process__circle {
    transition: none;
  }

  .gov-advantage__card:hover,
  .gov-cases__card:hover,
  .gov-scenes__card:hover,
  .gov-support__card:hover,
  .gov-overview__item:hover .gov-overview__ico,
  .gov-process__step:hover .gov-process__circle {
    transform: none;
  }
}