/* =========================================================
   翼启低空 · Solution Detail System
   六大解决方案详情页统一视觉体系

   01 Survey       测绘建模
   02 Inspection   智能巡检
   03 Emergency    应急安防
   04 Agriculture  智慧农业
   05 Transport    低空运输
   06 Delivery     项目实施与交付

   PC：专业、简洁、有区分度
   Mobile：快速理解、快速找到内容、快速咨询
========================================================= */


/* =========================================================
   GLOBAL
========================================================= */

.sd-page{
  --sd-blue:#1677ff;
  --sd-dark:#10161e;
  --sd-text:#17191d;
  --sd-muted:#737a83;
  --sd-line:#e2e6ea;
  --sd-bg:#f5f7f9;

  width:100%;
  overflow:hidden;

  background:#fff;
  color:var(--sd-text);
}

.sd-page *,
.sd-page *::before,
.sd-page *::after{
  box-sizing:border-box;
}

.sd-page a{
  text-decoration:none;
}

.sd-page img{
  max-width:100%;
}

.sd-breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;

  margin-bottom:52px;

  font-size:12px;
  line-height:1.4;

  color:rgba(255,255,255,.44);
}

.sd-breadcrumb a{
  color:rgba(255,255,255,.70);
}

.sd-breadcrumb a:hover{
  color:#fff;
}


/* =========================================================
   COMMON CTA
========================================================= */

.sd-final-cta{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto 95px;
  padding:52px 55px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:50px;

  background:#0878ed;
  color:#fff;
}

.sd-final-cta-label{
  display:block;

  font-size:9px;
  font-weight:700;
  letter-spacing:.2em;

  color:rgba(255,255,255,.62);
}

.sd-final-cta h2{
  margin:10px 0;

  font-size:34px;
  line-height:1.2;
  letter-spacing:-.03em;
}

.sd-final-cta p{
  max-width:660px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:rgba(255,255,255,.76);
}

.sd-final-cta > a{
  flex:0 0 auto;

  min-height:46px;
  padding:0 23px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#fff;
  color:#11161c;

  font-size:13px;
  font-weight:600;

  transition:.25s ease;
}

.sd-final-cta > a:hover{
  transform:translateY(-2px);
}


/* =========================================================
   01 · SURVEY
   测绘建模
========================================================= */

.sd-survey{
  --survey-blue:#1677ff;
  --survey-dark:#091018;
}


/* HERO */

.survey-hero{
  position:relative;
  min-height:620px;

  overflow:hidden;

  background:var(--survey-dark);
  color:#fff;
}

.survey-hero-media{
  position:absolute;
  inset:0 0 0 auto;

  width:62%;
  height:100%;
}

.survey-hero-media img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
}

.survey-hero-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      #091018 0%,
      #091018 31%,
      rgba(9,16,24,.94) 44%,
      rgba(9,16,24,.48) 72%,
      rgba(9,16,24,.14) 100%
    ),
    linear-gradient(
      0deg,
      rgba(3,9,15,.48),
      transparent 60%
    );
}

.survey-hero-inner{
  position:relative;
  z-index:2;

  width:min(1200px,calc(100% - 60px));
  min-height:620px;

  margin:0 auto;
  padding:118px 0 80px;
}

.survey-eyebrow{
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;

  color:#4a9aff;
}

.survey-hero h1{
  max-width:680px;

  margin:16px 0 22px;

  font-size:clamp(46px,5.3vw,70px);
  line-height:1.07;
  letter-spacing:-.045em;
}

.survey-hero-inner > p{
  max-width:610px;

  margin:0;

  font-size:16px;
  line-height:1.85;

  color:rgba(255,255,255,.66);
}

.survey-hero-actions{
  display:flex;
  gap:12px;

  margin-top:34px;
}

.survey-primary,
.survey-secondary{
  min-height:46px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 22px;

  border-radius:999px;

  font-size:13px;
  font-weight:600;
}

.survey-primary{
  background:#fff;
  color:#111820;
}

.survey-secondary{
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
}

.survey-hero-data{
  position:absolute;

  z-index:3;

  right:max(5vw,40px);
  bottom:55px;

  display:grid;
  grid-template-columns:repeat(3,130px);

  border-top:1px solid rgba(255,255,255,.22);
}

.survey-hero-data > div{
  padding:18px 15px 0;

  border-left:1px solid rgba(255,255,255,.13);
}

.survey-hero-data > div:first-child{
  border-left:none;
}

.survey-hero-data strong{
  display:block;

  font-size:11px;
  font-weight:500;

  color:#4a9aff;
}

.survey-hero-data span{
  display:block;

  margin-top:8px;

  font-size:12px;

  color:rgba(255,255,255,.68);
}

.survey-mobile-summary{
  display:none;
}


/* SECTION */

.survey-section{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:100px 0;
}

.survey-section-title{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:70px;
  align-items:end;

  margin-bottom:50px;
}

.survey-section-title > div > span,
.survey-result-title > span,
.survey-project-head > span{
  display:block;

  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;

  color:var(--survey-blue);
}

.survey-section-title h2{
  margin:12px 0 0;

  font-size:40px;
  line-height:1.18;
  letter-spacing:-.035em;
}

.survey-section-title > p{
  max-width:510px;

  margin:0;

  font-size:14px;
  line-height:1.85;

  color:#747b83;
}


/* CAPABILITY */

.survey-capability-grid{
  display:grid;

  grid-template-columns:1.45fr 1fr 1fr;
  grid-template-rows:repeat(2,260px);

  border-top:1px solid #e2e6ea;
  border-left:1px solid #e2e6ea;
}

.survey-capability-main{
  grid-row:1 / 3;

  padding:34px;

  display:flex;
  flex-direction:column;

  background:#0f1720;
  color:#fff;

  border-right:1px solid #e2e6ea;
  border-bottom:1px solid #e2e6ea;
}

.survey-capability-main > span{
  font-size:9px;
  letter-spacing:.15em;

  color:#4a9aff;
}

.survey-capability-main h3{
  margin:auto 0 16px;

  font-size:30px;
  line-height:1.18;
}

.survey-capability-main > p{
  max-width:490px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:rgba(255,255,255,.58);
}

.survey-capability-main ul{
  list-style:none;

  margin:27px 0 0;
  padding:0;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 20px;
}

.survey-capability-main li{
  padding-top:9px;

  border-top:1px solid rgba(255,255,255,.14);

  font-size:11px;

  color:rgba(255,255,255,.70);
}

.survey-capability-item{
  padding:28px;

  display:flex;
  flex-direction:column;

  border-right:1px solid #e2e6ea;
  border-bottom:1px solid #e2e6ea;
}

.survey-capability-item > span{
  font-size:9px;

  color:#9aa1a9;
}

.survey-capability-item h3{
  margin:auto 0 10px;

  font-size:20px;
}

.survey-capability-item p{
  margin:0;

  font-size:12px;
  line-height:1.7;

  color:#747b83;
}


/* DATA FLOW */

.survey-data-section{
  background:#eef4fa;
}

.survey-data-inner{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:95px 0;
}

.survey-data-copy{
  max-width:700px;
}

.survey-data-copy > span{
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;

  color:var(--survey-blue);
}

.survey-data-copy h2{
  margin:13px 0 18px;

  font-size:42px;
  line-height:1.18;
  letter-spacing:-.035em;
}

.survey-data-copy p{
  max-width:660px;

  margin:0;

  font-size:14px;
  line-height:1.85;

  color:#69727b;
}

.survey-data-flow{
  margin-top:55px;

  display:grid;
  grid-template-columns:
    1fr 35px
    1fr 35px
    1fr 35px
    1fr 35px
    1fr;

  align-items:center;
}

.survey-data-flow > div{
  min-height:145px;

  padding:22px;

  background:#fff;

  display:flex;
  flex-direction:column;
}

.survey-data-flow strong{
  font-size:10px;
  font-weight:500;

  color:var(--survey-blue);
}

.survey-data-flow span{
  margin-top:auto;

  font-size:16px;
  font-weight:600;
}

.survey-data-flow small{
  margin-top:6px;

  font-size:10px;

  color:#8a9199;
}

.survey-data-flow i{
  text-align:center;

  font-style:normal;

  color:#9aa2aa;
}


/* SCENES */

.survey-scene-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;

  gap:12px;
}

.survey-scene{
  min-height:220px;

  padding:26px;

  display:flex;
  flex-direction:column;

  background:#f4f6f8;
}

.survey-scene-large{
  grid-row:span 2;

  min-height:452px;

  background:#111820;
  color:#fff;
}

.survey-scene-num{
  font-size:10px;

  color:#9ca3ab;
}

.survey-scene-large .survey-scene-num{
  color:#4a9aff;
}

.survey-scene > div:last-child{
  margin-top:auto;
}

.survey-scene h3{
  margin:0 0 9px;

  font-size:20px;
}

.survey-scene-large h3{
  font-size:28px;
}

.survey-scene p{
  margin:0;

  font-size:12px;
  line-height:1.7;

  color:#747b83;
}

.survey-scene-large p{
  max-width:420px;

  color:rgba(255,255,255,.58);
}


/* PROJECT */

.survey-project{
  background:#111820;
  color:#fff;
}

.survey-project-inner{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:90px 0;

  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:90px;
}

.survey-project-head h2{
  max-width:420px;

  margin:13px 0 0;

  font-size:37px;
  line-height:1.2;
  letter-spacing:-.03em;
}

.survey-project-list{
  border-top:1px solid rgba(255,255,255,.15);
}

.survey-project-list > div{
  min-height:66px;

  display:grid;
  grid-template-columns:55px 1fr;
  align-items:center;

  border-bottom:1px solid rgba(255,255,255,.15);
}

.survey-project-list strong{
  font-size:9px;
  font-weight:500;

  color:#4a9aff;
}

.survey-project-list span{
  font-size:15px;

  color:rgba(255,255,255,.82);
}


/* RESULTS */

.survey-result-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:90px;
}

.survey-result-title h2{
  margin:13px 0 18px;

  font-size:39px;
  line-height:1.2;
  letter-spacing:-.035em;
}

.survey-result-title p{
  max-width:400px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:#747b83;
}

.survey-result-list{
  border-top:1px solid #dfe3e7;
}

.survey-result-list > div{
  min-height:64px;

  display:grid;
  grid-template-columns:55px 1fr;
  align-items:center;

  border-bottom:1px solid #dfe3e7;
}

.survey-result-list span{
  font-size:9px;

  color:#999fa7;
}

.survey-result-list strong{
  font-size:15px;
  font-weight:550;
}

.survey-cta{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto 95px;
  padding:50px 54px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:50px;

  background:#0878ed;
  color:#fff;
}

.survey-cta > div > span{
  font-size:9px;
  letter-spacing:.2em;

  color:rgba(255,255,255,.65);
}

.survey-cta h2{
  margin:10px 0;

  font-size:34px;
  letter-spacing:-.03em;
}

.survey-cta p{
  max-width:650px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:rgba(255,255,255,.75);
}

.survey-cta > a{
  flex:0 0 auto;

  min-height:45px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 22px;

  background:#fff;
  color:#10151b;

  font-size:13px;
  font-weight:600;
}


/* =========================================================
   02 · INSPECTION
   智能巡检
========================================================= */

.sd-inspection{
  --inspection-blue:#3d8cff;
  --inspection-dark:#0c1117;
}


/* HERO */

.inspection-hero{
  position:relative;

  min-height:620px;

  overflow:hidden;

  background:#090d12;
  color:#fff;
}

.inspection-hero-media{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;
}

.inspection-hero-media img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;
}

.inspection-hero-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(6,10,15,.98) 0%,
      rgba(6,10,15,.91) 38%,
      rgba(6,10,15,.55) 67%,
      rgba(6,10,15,.24) 100%
    ),
    linear-gradient(
      0deg,
      rgba(6,10,15,.68),
      transparent 58%
    );
}

.inspection-hero-inner{
  position:relative;
  z-index:2;

  width:min(1200px,calc(100% - 60px));
  min-height:620px;

  margin:0 auto;
  padding:118px 0 80px;
}

.inspection-eyebrow{
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;

  color:#5c9dff;
}

.inspection-hero h1{
  max-width:680px;

  margin:16px 0 22px;

  font-size:clamp(46px,5.3vw,70px);
  line-height:1.07;
  letter-spacing:-.045em;
}

.inspection-hero-desc{
  max-width:620px;

  margin:0;

  font-size:16px;
  line-height:1.85;

  color:rgba(255,255,255,.66);
}

.inspection-hero-actions{
  display:flex;
  gap:12px;

  margin-top:34px;
}

.inspection-btn-primary,
.inspection-btn-secondary{
  min-height:46px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 22px;

  border-radius:999px;

  font-size:13px;
  font-weight:600;
}

.inspection-btn-primary{
  background:#fff;
  color:#10151b;
}

.inspection-btn-secondary{
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
}

.inspection-status{
  position:absolute;

  z-index:3;

  right:max(5vw,40px);
  bottom:55px;

  display:grid;
  grid-template-columns:repeat(4,105px);

  border-top:1px solid rgba(255,255,255,.19);
}

.inspection-status > div{
  padding:17px 12px 0;

  border-left:1px solid rgba(255,255,255,.11);
}

.inspection-status > div:first-child{
  border-left:none;
}

.inspection-status span{
  display:block;

  font-size:9px;

  color:#5c9dff;
}

.inspection-status strong{
  display:block;

  margin-top:7px;

  font-size:11px;
  font-weight:550;

  color:rgba(255,255,255,.72);
}

.inspection-mobile-nav{
  display:none;
}


/* INTRO */

.inspection-intro{
  background:#fff;
}

.inspection-intro-inner{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:100px 0;

  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:90px;
}

.inspection-intro-title > span{
  display:block;

  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;

  color:#1677ff;
}

.inspection-intro-title h2{
  margin:13px 0 0;

  font-size:42px;
  line-height:1.17;
  letter-spacing:-.035em;
}

.inspection-intro-copy > p{
  max-width:660px;

  margin:0;

  font-size:15px;
  line-height:1.9;

  color:#6f767e;
}

.inspection-intro-points{
  margin-top:38px;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid #e0e4e8;
}

.inspection-intro-points > div{
  padding:22px 18px 0 0;
}

.inspection-intro-points strong{
  display:block;

  margin-bottom:7px;

  font-size:16px;
}

.inspection-intro-points span{
  font-size:11px;
  line-height:1.6;

  color:#858b92;
}


/* SECTION */

.inspection-section{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:100px 0;
}

.inspection-section-head{
  display:grid;
  grid-template-columns:1fr 1fr;

  align-items:end;
  gap:70px;

  margin-bottom:50px;
}

.inspection-section-head > div > span,
.inspection-output-head > span{
  display:block;

  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;

  color:#1677ff;
}

.inspection-section-head h2{
  margin:12px 0 0;

  font-size:40px;
  line-height:1.18;
  letter-spacing:-.035em;
}

.inspection-section-head > p{
  max-width:510px;

  margin:0;

  font-size:14px;
  line-height:1.85;

  color:#747b83;
}


/* SENSOR */

.inspection-sensor-layout{
  display:grid;
  grid-template-columns:1.45fr 1fr;

  gap:12px;
}

.inspection-sensor-main{
  grid-row:span 2;

  min-height:500px;

  padding:35px;

  display:flex;
  flex-direction:column;

  background:#10161e;
  color:#fff;
}

.inspection-sensor-num{
  font-size:10px;

  color:#4c96ff;
}

.inspection-sensor-main > div:last-child{
  margin-top:auto;
}

.inspection-sensor-main > div:last-child > span{
  font-size:9px;
  letter-spacing:.15em;

  color:#4c96ff;
}

.inspection-sensor-main h3{
  margin:13px 0 15px;

  font-size:30px;
  line-height:1.2;
}

.inspection-sensor-main p{
  max-width:520px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:rgba(255,255,255,.58);
}

.inspection-sensor-main ul{
  list-style:none;

  margin:28px 0 0;
  padding:0;

  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.inspection-sensor-main li{
  padding:9px 12px;

  border:1px solid rgba(255,255,255,.14);

  font-size:10px;

  color:rgba(255,255,255,.68);
}

.inspection-sensor-side{
  min-height:244px;

  padding:27px;

  display:flex;
  flex-direction:column;

  background:#f4f6f8;
}

.inspection-sensor-thermal{
  background:#192029;
  color:#fff;
}

.inspection-sensor-side > span{
  font-size:9px;
  letter-spacing:.12em;

  color:#8e959d;
}

.inspection-sensor-thermal > span{
  color:#5c9dff;
}

.inspection-sensor-side h3{
  margin:auto 0 10px;

  font-size:20px;
}

.inspection-sensor-side p{
  margin:0;

  font-size:12px;
  line-height:1.7;

  color:#757c84;
}

.inspection-sensor-thermal p{
  color:rgba(255,255,255,.54);
}


/* LOOP */

.inspection-loop{
  background:#10161e;
  color:#fff;
}

.inspection-loop-inner{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:95px 0;
}

.inspection-loop-head{
  max-width:700px;

  margin-bottom:50px;
}

.inspection-loop-head > span{
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;

  color:#4c96ff;
}

.inspection-loop-head h2{
  margin:13px 0 17px;

  font-size:42px;
  line-height:1.17;
  letter-spacing:-.035em;
}

.inspection-loop-head p{
  max-width:620px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:rgba(255,255,255,.50);
}

.inspection-loop-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);

  border-top:1px solid rgba(255,255,255,.14);
}

.inspection-loop-flow > div{
  min-height:210px;

  padding:26px 22px;

  border-right:1px solid rgba(255,255,255,.09);
}

.inspection-loop-flow > div:last-child{
  border-right:none;
}

.inspection-loop-flow strong{
  font-size:9px;
  font-weight:500;

  color:#4c96ff;
}

.inspection-loop-flow h3{
  margin:43px 0 9px;

  font-size:18px;
}

.inspection-loop-flow p{
  margin:0;

  font-size:11px;
  line-height:1.65;

  color:rgba(255,255,255,.48);
}


/* SCENES */

.inspection-scenes-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;

  gap:12px;
}

.inspection-scene{
  min-height:215px;

  padding:25px;

  display:flex;
  flex-direction:column;

  background:#f4f6f8;
}

.inspection-scene-feature{
  grid-row:span 2;

  min-height:442px;

  background:#10161e;
  color:#fff;
}

.inspection-scene > span{
  font-size:9px;

  color:#999fa6;
}

.inspection-scene-feature > span{
  color:#4c96ff;
}

.inspection-scene > div{
  margin-top:auto;
}

.inspection-scene h3{
  margin:0 0 8px;

  font-size:19px;
}

.inspection-scene-feature h3{
  font-size:27px;
}

.inspection-scene p{
  margin:0;

  font-size:11px;
  line-height:1.65;

  color:#747b83;
}

.inspection-scene-feature p{
  max-width:400px;

  color:rgba(255,255,255,.56);
}


/* PROJECT */

.inspection-project{
  background:#eef2f6;
}

.inspection-project-inner{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:90px 0;

  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:90px;
}

.inspection-project-inner > div:first-child > span{
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;

  color:#1677ff;
}

.inspection-project-inner > div:first-child h2{
  max-width:430px;

  margin:13px 0 16px;

  font-size:38px;
  line-height:1.2;
  letter-spacing:-.03em;
}

.inspection-project-inner > div:first-child p{
  max-width:430px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:#747b83;
}

.inspection-project-list{
  border-top:1px solid #d4d9de;
}

.inspection-project-list > div{
  min-height:64px;

  display:grid;
  grid-template-columns:55px 1fr;
  align-items:center;

  border-bottom:1px solid #d4d9de;
}

.inspection-project-list strong{
  font-size:9px;
  font-weight:500;

  color:#1677ff;
}

.inspection-project-list span{
  font-size:14px;
}


/* OUTPUT */

.inspection-output-head{
  margin-bottom:45px;
}

.inspection-output-head h2{
  margin:12px 0 0;

  font-size:40px;
  letter-spacing:-.035em;
}

.inspection-output-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);

  border-top:1px solid #e0e4e8;
  border-left:1px solid #e0e4e8;
}

.inspection-output-grid > div{
  min-height:225px;

  padding:25px;

  display:flex;
  flex-direction:column;

  border-right:1px solid #e0e4e8;
  border-bottom:1px solid #e0e4e8;
}

.inspection-output-grid strong{
  font-size:9px;
  font-weight:500;

  color:#1677ff;
}

.inspection-output-grid h3{
  margin:auto 0 8px;

  font-size:18px;
}

.inspection-output-grid p{
  margin:0;

  font-size:11px;
  line-height:1.65;

  color:#777d84;
}


/* CTA */

.inspection-cta{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto 95px;
  padding:50px 54px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:50px;

  background:#10161e;
  color:#fff;
}

.inspection-cta > div > span{
  font-size:9px;
  letter-spacing:.2em;

  color:#4c96ff;
}

.inspection-cta h2{
  margin:10px 0;

  font-size:34px;
}

.inspection-cta p{
  max-width:650px;

  margin:0;

  font-size:13px;
  line-height:1.8;

  color:rgba(255,255,255,.60);
}

.inspection-cta > a{
  flex:0 0 auto;

  min-height:45px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 22px;

  background:#fff;
  color:#10151b;

  font-size:13px;
  font-weight:600;
}


/* =========================================================
   03 · EMERGENCY
   应急安防
   后续页面使用 .sd-emergency
========================================================= */

.sd-emergency{
  --em-accent:#ff7a1a;
  --em-dark:#111315;
}

.sd-emergency .sd-accent{
  color:var(--em-accent);
}

.sd-emergency .sd-dark-section{
  background:var(--em-dark);
  color:#fff;
}

.sd-emergency .sd-highlight{
  background:#fff3e9;
}

.sd-emergency .sd-number{
  color:var(--em-accent);
}

.sd-emergency .sd-action-button{
  background:var(--em-accent);
  color:#fff;
}


/* =========================================================
   04 · AGRICULTURE
   智慧农业
========================================================= */

.sd-agriculture{
  --ag-accent:#2f8b55;
  --ag-dark:#153126;
  --ag-light:#f1f7f2;
}

.sd-agriculture .sd-accent{
  color:var(--ag-accent);
}

.sd-agriculture .sd-dark-section{
  background:var(--ag-dark);
  color:#fff;
}

.sd-agriculture .sd-highlight{
  background:var(--ag-light);
}

.sd-agriculture .sd-number{
  color:var(--ag-accent);
}

.sd-agriculture .sd-action-button{
  background:var(--ag-accent);
  color:#fff;
}


/* =========================================================
   05 · TRANSPORT
   低空运输
========================================================= */

.sd-transport{
  --tr-accent:#ff8b22;
  --tr-dark:#101214;
  --tr-steel:#252a30;
}

.sd-transport .sd-accent{
  color:var(--tr-accent);
}

.sd-transport .sd-dark-section{
  background:var(--tr-dark);
  color:#fff;
}

.sd-transport .sd-highlight{
  background:#f1f2f4;
}

.sd-transport .sd-number{
  color:var(--tr-accent);
}

.sd-transport .sd-action-button{
  background:var(--tr-accent);
  color:#fff;
}


/* =========================================================
   06 · PROJECT DELIVERY
   项目实施与交付
========================================================= */

.sd-delivery{
  --de-accent:#2878e5;
  --de-dark:#15202d;
  --de-light:#f4f6f9;
}

.sd-delivery .sd-accent{
  color:var(--de-accent);
}

.sd-delivery .sd-dark-section{
  background:var(--de-dark);
  color:#fff;
}

.sd-delivery .sd-highlight{
  background:var(--de-light);
}

.sd-delivery .sd-number{
  color:var(--de-accent);
}

.sd-delivery .sd-action-button{
  background:var(--de-accent);
  color:#fff;
}


/* =========================================================
   FUTURE PAGE COMMON COMPONENTS
   应急 / 农业 / 运输 / 项目交付共用基础组件
   结构可以不同，不要求全部使用
========================================================= */

.sd-detail-hero{
  position:relative;

  min-height:610px;

  overflow:hidden;

  background:#10151b;
  color:#fff;
}

.sd-detail-hero-media{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;
}

.sd-detail-hero-media img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.sd-detail-hero-overlay{
  position:absolute;
  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(8,12,17,.97),
      rgba(8,12,17,.86) 42%,
      rgba(8,12,17,.38) 80%
    );
}

.sd-detail-hero-inner{
  position:relative;
  z-index:2;

  width:min(1200px,calc(100% - 60px));
  min-height:610px;

  margin:0 auto;
  padding:118px 0 72px;
}

.sd-detail-kicker{
  font-size:10px;
  font-weight:700;
  letter-spacing:.21em;
}

.sd-detail-hero h1{
  max-width:700px;

  margin:15px 0 21px;

  font-size:clamp(46px,5.2vw,68px);
  line-height:1.08;
  letter-spacing:-.043em;
}

.sd-detail-hero-desc{
  max-width:620px;

  margin:0;

  font-size:16px;
  line-height:1.85;

  color:rgba(255,255,255,.66);
}

.sd-detail-actions{
  display:flex;
  gap:12px;

  margin-top:32px;
}

.sd-detail-actions a{
  min-height:45px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 21px;

  border-radius:999px;

  font-size:13px;
  font-weight:600;
}

.sd-detail-actions a:first-child{
  background:#fff;
  color:#11161c;
}

.sd-detail-actions a:last-child{
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
}


/* 通用内容区域 */

.sd-detail-section{
  width:min(1200px,calc(100% - 60px));

  margin:0 auto;
  padding:95px 0;
}

.sd-detail-head{
  display:grid;
  grid-template-columns:1fr 1fr;

  align-items:end;
  gap:70px;

  margin-bottom:48px;
}

.sd-detail-head h2{
  margin:11px 0 0;

  font-size:39px;
  line-height:1.2;
  letter-spacing:-.035em;
}

.sd-detail-head p{
  max-width:500px;

  margin:0;

  font-size:14px;
  line-height:1.85;

  color:#747b83;
}


/* 通用数字网格 */

.sd-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid #e1e5e9;
  border-left:1px solid #e1e5e9;
}

.sd-detail-card{
  min-height:260px;

  padding:27px;

  display:flex;
  flex-direction:column;

  border-right:1px solid #e1e5e9;
  border-bottom:1px solid #e1e5e9;
}

.sd-detail-card > span{
  font-size:9px;
  letter-spacing:.12em;

  color:#969da5;
}

.sd-detail-card h3{
  margin:auto 0 9px;

  font-size:20px;
}

.sd-detail-card p{
  margin:0;

  font-size:12px;
  line-height:1.7;

  color:#747b83;
}


/* 通用横向步骤 */

.sd-step-list{
  border-top:1px solid #dde2e6;
}

.sd-step-list > div{
  min-height:68px;

  display:grid;
  grid-template-columns:60px 190px 1fr;

  align-items:center;

  border-bottom:1px solid #dde2e6;
}

.sd-step-list strong{
  font-size:9px;
  font-weight:500;
}

.sd-step-list span{
  font-size:15px;
  font-weight:600;
}

.sd-step-list p{
  margin:0;

  font-size:12px;
  line-height:1.65;

  color:#747b83;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .survey-hero-data,
  .inspection-status{
    display:none;
  }

  .survey-capability-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

  .survey-capability-main{
    grid-column:1 / 3;
    grid-row:auto;

    min-height:350px;
  }

  .survey-data-flow{
    grid-template-columns:1fr;
    gap:7px;
  }

  .survey-data-flow i{
    transform:rotate(90deg);
  }

  .survey-scene-grid,
  .inspection-scenes-grid{
    grid-template-columns:1fr 1fr;
  }

  .survey-scene-large,
  .inspection-scene-feature{
    grid-row:auto;
    grid-column:1 / 3;

    min-height:300px;
  }

  .survey-project-inner,
  .survey-result-layout,
  .inspection-intro-inner,
  .inspection-project-inner{
    grid-template-columns:1fr;

    gap:45px;
  }

  .inspection-sensor-layout{
    grid-template-columns:1fr 1fr;
  }

  .inspection-sensor-main{
    grid-column:1 / 3;
    grid-row:auto;

    min-height:360px;
  }

  .inspection-loop-flow{
    grid-template-columns:1fr 1fr;
  }

  .inspection-output-grid{
    grid-template-columns:1fr 1fr;
  }

  .sd-detail-grid{
    grid-template-columns:1fr 1fr;
  }

}


/* =========================================================
   MOBILE
   手机端统一原则：
   1. 首屏短
   2. 核心业务尽早出现
   3. 减少大段说明
   4. 按钮明显
   5. 不重复展示 PC 内容
========================================================= */

@media(max-width:700px){

  .sd-breadcrumb{
    display:none;
  }


  /* =====================================================
     SURVEY MOBILE
  ===================================================== */

  .survey-hero{
    min-height:0;
  }

  .survey-hero-media{
    width:100%;

    opacity:.55;
  }

  .survey-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(6,12,19,.97),
        rgba(6,12,19,.84)
      );
  }

  .survey-hero-inner{
    width:calc(100% - 32px);
    min-height:0;

    padding:78px 0 27px;
  }

  .survey-eyebrow{
    font-size:8px;
  }

  .survey-hero h1{
    max-width:310px;

    margin:9px 0 12px;

    font-size:31px;
  }

  .survey-hero-inner > p{
    max-width:335px;

    font-size:12px;
    line-height:1.6;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;
  }

  .survey-hero-actions{
    margin-top:18px;
  }

  .survey-primary{
    min-height:40px;

    padding:0 17px;

    font-size:12px;
  }

  .survey-secondary{
    display:none;
  }

  .survey-mobile-summary{
    display:block;

    padding:20px 15px 23px;

    background:#fff;

    border-bottom:1px solid #e7eaed;
  }

  .survey-mobile-summary > strong{
    display:block;

    margin-bottom:11px;

    font-size:18px;
  }

  .survey-mobile-summary > div{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:6px;
  }

  .survey-mobile-summary > div span{
    min-height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f3f5f7;

    font-size:11px;
    color:#343a41;
  }

  .survey-mobile-summary > a{
    display:block;

    margin-top:14px;

    font-size:12px;
    font-weight:600;

    color:#1677ff;
  }

  .survey-section{
    width:calc(100% - 30px);

    padding:48px 0;
  }

  .survey-section-title{
    display:block;

    margin-bottom:23px;
  }

  .survey-section-title h2{
    margin-top:8px;

    font-size:27px;
  }

  .survey-section-title > p{
    margin-top:10px;

    font-size:12px;
    line-height:1.65;
  }

  .survey-capability-grid{
    display:block;

    border:none;
  }

  .survey-capability-main{
    min-height:280px;

    padding:23px;

    border:none;
  }

  .survey-capability-main h3{
    font-size:23px;
  }

  .survey-capability-main > p{
    font-size:11px;
    line-height:1.6;
  }

  .survey-capability-main ul{
    grid-template-columns:1fr 1fr;
  }

  .survey-capability-item{
    min-height:0;

    padding:18px 2px;

    border:none;
    border-bottom:1px solid #e3e6e9;
  }

  .survey-capability-item h3{
    margin:8px 0 5px;

    font-size:16px;
  }

  .survey-capability-item p{
    font-size:11px;
    line-height:1.55;
  }

  .survey-data-inner{
    width:calc(100% - 30px);

    padding:46px 0;
  }

  .survey-data-copy h2{
    font-size:27px;
  }

  .survey-data-copy p{
    font-size:12px;
    line-height:1.65;
  }

  .survey-data-flow{
    margin-top:28px;
  }

  .survey-data-flow > div{
    min-height:72px;

    padding:13px 15px;

    display:grid;
    grid-template-columns:30px 1fr 1fr;
    align-items:center;
  }

  .survey-data-flow span{
    margin:0;

    font-size:13px;
  }

  .survey-data-flow small{
    margin:0;

    text-align:right;
  }

  .survey-data-flow i{
    height:13px;

    font-size:11px;
  }

  .survey-scene-grid{
    grid-template-columns:1fr 1fr;

    gap:7px;
  }

  .survey-scene,
  .survey-scene-large{
    grid-column:auto;

    min-height:145px;

    padding:16px;
  }

  .survey-scene-large{
    grid-column:1 / 3;

    min-height:190px;
  }

  .survey-scene h3,
  .survey-scene-large h3{
    font-size:15px;
  }

  .survey-scene p{
    font-size:10px;
    line-height:1.5;
  }

  .survey-project-inner{
    width:calc(100% - 30px);

    padding:46px 0;

    gap:28px;
  }

  .survey-project-head h2{
    font-size:26px;
  }

  .survey-project-list > div{
    min-height:52px;

    grid-template-columns:40px 1fr;
  }

  .survey-project-list span{
    font-size:13px;
  }

  .survey-result-layout{
    gap:28px;
  }

  .survey-result-title h2{
    font-size:27px;
  }

  .survey-result-title p{
    font-size:12px;
    line-height:1.65;
  }

  .survey-result-list > div{
    min-height:50px;

    grid-template-columns:40px 1fr;
  }

  .survey-result-list strong{
    font-size:13px;
  }

  .survey-cta{
    width:calc(100% - 28px);

    margin-bottom:55px;
    padding:27px 20px;

    display:block;
  }

  .survey-cta h2{
    font-size:24px;
  }

  .survey-cta p{
    font-size:11px;
    line-height:1.65;
  }

  .survey-cta > a{
    width:100%;

    margin-top:18px;
  }


  /* =====================================================
     INSPECTION MOBILE
  ===================================================== */

  .inspection-hero{
    min-height:0;
  }

  .inspection-hero-media{
    opacity:.50;
  }

  .inspection-hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(5,9,14,.97),
        rgba(5,9,14,.84)
      );
  }

  .inspection-hero-inner{
    width:calc(100% - 32px);
    min-height:0;

    padding:78px 0 27px;
  }

  .inspection-eyebrow{
    font-size:8px;
  }

  .inspection-hero h1{
    max-width:310px;

    margin:9px 0 12px;

    font-size:31px;
  }

  .inspection-hero-desc{
    max-width:335px;

    font-size:12px;
    line-height:1.6;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;
  }

  .inspection-hero-actions{
    margin-top:18px;
  }

  .inspection-btn-primary{
    min-height:40px;

    padding:0 17px;

    font-size:12px;
  }

  .inspection-btn-secondary{
    display:none;
  }

  .inspection-mobile-nav{
    display:block;

    padding:20px 15px 23px;

    border-bottom:1px solid #e6eaed;
  }

  .inspection-mobile-nav > strong{
    display:block;

    margin-bottom:11px;

    font-size:18px;
  }

  .inspection-mobile-nav > div{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;

    gap:6px;
  }

  .inspection-mobile-nav a{
    min-height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f3f5f7;

    font-size:11px;
    color:#30363d;
  }

  .inspection-intro-inner{
    width:calc(100% - 30px);

    padding:48px 0;

    gap:25px;
  }

  .inspection-intro-title h2{
    margin-top:8px;

    font-size:27px;
  }

  .inspection-intro-copy > p{
    font-size:12px;
    line-height:1.65;
  }

  .inspection-intro-points{
    margin-top:25px;
  }

  .inspection-intro-points > div{
    padding:15px 8px 0 0;
  }

  .inspection-intro-points strong{
    font-size:14px;
  }

  .inspection-intro-points span{
    font-size:9px;
    line-height:1.45;
  }

  .inspection-section{
    width:calc(100% - 30px);

    padding:48px 0;
  }

  .inspection-section-head{
    display:block;

    margin-bottom:23px;
  }

  .inspection-section-head h2{
    margin-top:8px;

    font-size:27px;
  }

  .inspection-section-head > p{
    margin-top:10px;

    font-size:12px;
    line-height:1.65;
  }

  .inspection-sensor-layout{
    display:block;
  }

  .inspection-sensor-main{
    min-height:275px;

    padding:22px;

    margin-bottom:7px;
  }

  .inspection-sensor-main h3{
    font-size:23px;
  }

  .inspection-sensor-main p{
    font-size:11px;
    line-height:1.6;
  }

  .inspection-sensor-main ul{
    margin-top:20px;
  }

  .inspection-sensor-side{
    min-height:160px;

    padding:19px;

    margin-bottom:7px;
  }

  .inspection-sensor-side h3{
    font-size:16px;
  }

  .inspection-sensor-side p{
    font-size:11px;
  }

  .inspection-loop-inner{
    width:calc(100% - 30px);

    padding:48px 0;
  }

  .inspection-loop-head{
    margin-bottom:23px;
  }

  .inspection-loop-head h2{
    margin-top:9px;

    font-size:27px;
  }

  .inspection-loop-head p{
    font-size:11px;
    line-height:1.6;
  }

  .inspection-loop-flow{
    display:block;

    border-top:1px solid rgba(255,255,255,.13);
  }

  .inspection-loop-flow > div{
    min-height:0;

    padding:17px 2px;

    display:grid;
    grid-template-columns:32px 88px 1fr;
    align-items:center;

    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .inspection-loop-flow h3{
    margin:0;

    font-size:13px;
  }

  .inspection-loop-flow p{
    font-size:10px;
    line-height:1.45;
  }

  .inspection-scenes-grid{
    grid-template-columns:1fr 1fr;

    gap:7px;
  }

  .inspection-scene,
  .inspection-scene-feature{
    grid-column:auto;

    min-height:145px;

    padding:16px;
  }

  .inspection-scene-feature{
    grid-column:1 / 3;

    min-height:190px;
  }

  .inspection-scene h3,
  .inspection-scene-feature h3{
    font-size:15px;
  }

  .inspection-scene p{
    font-size:10px;
    line-height:1.5;
  }

  .inspection-project-inner{
    width:calc(100% - 30px);

    padding:46px 0;

    gap:28px;
  }

  .inspection-project-inner > div:first-child h2{
    font-size:26px;
  }

  .inspection-project-inner > div:first-child p{
    font-size:11px;
    line-height:1.6;
  }

  .inspection-project-list > div{
    min-height:50px;

    grid-template-columns:40px 1fr;
  }

  .inspection-project-list span{
    font-size:13px;
  }

  .inspection-output-head{
    margin-bottom:23px;
  }

  .inspection-output-head h2{
    font-size:27px;
  }

  .inspection-output-grid{
    grid-template-columns:1fr 1fr;
  }

  .inspection-output-grid > div{
    min-height:160px;

    padding:17px;
  }

  .inspection-output-grid h3{
    font-size:15px;
  }

  .inspection-output-grid p{
    font-size:10px;
  }

  .inspection-cta{
    width:calc(100% - 28px);

    margin-bottom:55px;
    padding:27px 20px;

    display:block;
  }

  .inspection-cta h2{
    font-size:24px;
  }

  .inspection-cta p{
    font-size:11px;
    line-height:1.65;
  }

  .inspection-cta > a{
    width:100%;

    margin-top:18px;
  }


  /* =====================================================
     FUTURE SOLUTION PAGES MOBILE
  ===================================================== */

  .sd-detail-hero{
    min-height:0;
  }

  .sd-detail-hero-inner{
    width:calc(100% - 32px);
    min-height:0;

    padding:78px 0 27px;
  }

  .sd-detail-kicker{
    font-size:8px;
  }

  .sd-detail-hero h1{
    max-width:315px;

    margin:9px 0 12px;

    font-size:31px;
  }

  .sd-detail-hero-desc{
    max-width:335px;

    font-size:12px;
    line-height:1.6;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;

    overflow:hidden;
  }

  .sd-detail-actions{
    margin-top:18px;
  }

  .sd-detail-actions a{
    min-height:40px;

    padding:0 17px;

    font-size:12px;
  }

  .sd-detail-actions a:last-child{
    display:none;
  }

  .sd-detail-section{
    width:calc(100% - 30px);

    padding:48px 0;
  }

  .sd-detail-head{
    display:block;

    margin-bottom:23px;
  }

  .sd-detail-head h2{
    margin-top:8px;

    font-size:27px;
  }

  .sd-detail-head p{
    margin-top:10px;

    font-size:12px;
    line-height:1.65;
  }

  .sd-detail-grid{
    display:block;

    border:none;
  }

  .sd-detail-card{
    min-height:0;

    padding:18px 2px;

    border:none;
    border-bottom:1px solid #e2e6ea;
  }

  .sd-detail-card h3{
    margin:8px 0 5px;

    font-size:16px;
  }

  .sd-detail-card p{
    font-size:11px;
    line-height:1.55;
  }

  .sd-step-list > div{
    min-height:54px;

    grid-template-columns:38px 100px 1fr;
  }

  .sd-step-list span{
    font-size:13px;
  }

  .sd-step-list p{
    font-size:10px;
    line-height:1.45;
  }

  .sd-final-cta{
    width:calc(100% - 28px);

    margin-bottom:55px;
    padding:27px 20px;

    display:block;
  }

  .sd-final-cta h2{
    font-size:24px;
  }

  .sd-final-cta p{
    font-size:11px;
    line-height:1.65;
  }

  .sd-final-cta > a{
    width:100%;

    margin-top:18px;
  }

}