/* Chinese ocean-solution refresh. Other solution pages remain unchanged. */
.solution-detail-page-ocean-refresh .solution-detail-main{
  padding:38px 36px 46px;
  border-color:#dce5ed;
  border-right:0;
  border-left:0;
}

.solution-detail-page-ocean-refresh .solution-detail-page-kicker{
  display:block;
  margin:0 0 7px;
  color:#71859a;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:0;
}

.solution-detail-page-ocean-refresh .solution-detail-page-title{
  margin:0 0 48px;
  color:#17283b;
  font-size:32px;
  font-weight:600;
  text-align:left;
}

.solution-detail-page-ocean-refresh .solution-detail-section{
  margin-top:68px;
}

.solution-detail-page-ocean-refresh .solution-detail-section:first-of-type{
  margin-top:0;
}

/* Compact section marks keep the visual emphasis close to the title text. */
.solution-detail-page-ocean-refresh .solution-detail-bar-refined{
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  gap:0;
  margin:0 0 28px;
  padding:0;
  border:0;
  background:transparent!important;
  color:#17283b!important;
  box-shadow:0 9px 22px rgba(37,83,125,.09);
}

.solution-detail-page-ocean-refresh .solution-detail-bar-refined::after{
  display:none!important;
  content:none!important;
}

.solution-detail-page-ocean-refresh .solution-detail-bar-number{
  flex:0 0 auto;
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border:1px solid #2367a8;
  background:#2367a8;
  color:#fff;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
}

.solution-detail-page-ocean-refresh .solution-detail-bar-copy{
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  min-width:0;
  padding:0 24px;
  border:1px solid #d4e1ec;
  border-left:0;
  background:#f1f6fa;
}

.solution-detail-page-ocean-refresh .solution-detail-bar-copy::after{
  position:absolute;
  top:-1px;
  right:-1px;
  width:9px;
  height:9px;
  background:#66aeda;
  content:"";
}

.solution-detail-page-ocean-refresh .solution-detail-bar-title{
  font-size:23px;
  font-weight:700;
  line-height:1.35;
}

.solution-detail-page-ocean-refresh .solution-detail-intro{
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  color:#52677d;
  font-size:16px;
  line-height:1.9;
  text-align:justify;
  text-align-last:left;
}

.solution-detail-page-ocean-refresh .solution-detail-architecture{
  padding:26px 24px;
  border:1px solid #e2e9f0;
  background:#f8fafc;
}

.solution-detail-page-ocean-refresh .solution-detail-architecture img{
  max-height:600px;
}

/* Application scenes use the same restrained visual rhythm as the main sections. */
.solution-detail-page-ocean-refresh .solution-scene{
  padding:0 0 52px;
}

.solution-detail-page-ocean-refresh .solution-scene:last-child{
  padding-bottom:0;
}

.solution-detail-page-ocean-refresh .solution-scene+.solution-scene{
  margin-top:52px;
  padding-top:52px;
  border-top:1px solid #d9e3ec;
}

.solution-detail-page-ocean-refresh .solution-scene-head,
.solution-detail-page-ocean-refresh .solution-scene:nth-of-type(even) .solution-scene-head{
  grid-template-columns:minmax(260px,42%) minmax(0,1fr);
  gap:34px;
  align-items:stretch;
}

.solution-detail-page-ocean-refresh .solution-scene:nth-of-type(even) .solution-scene-image{
  order:0;
}

.solution-detail-page-ocean-refresh .solution-scene-image{
  height:auto;
  min-height:310px;
  border:1px solid #dce5ed;
  background:#eef3f7;
}

.solution-detail-page-ocean-refresh .solution-scene-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.solution-detail-page-ocean-refresh .solution-scene-copy h3{
  position:relative;
  align-self:flex-start;
  margin:0 0 18px;
  padding:3px 0 3px 31px;
  border:0;
  background:transparent;
  color:#17283b;
  font-size:22px;
  font-weight:650;
  line-height:1.5;
}

.solution-detail-page-ocean-refresh .solution-scene-copy h3::before,
.solution-detail-page-ocean-refresh .solution-scene-copy h3::after{
  position:absolute;
  top:50%;
  width:7px;
  height:26px;
  content:"";
  transform:translateY(-50%) skewX(-18deg);
}

.solution-detail-page-ocean-refresh .solution-scene-copy h3::before{
  left:3px;
  background:#2367a8;
}

.solution-detail-page-ocean-refresh .solution-scene-copy h3::after{
  left:13px;
  background:#72b5dd;
}

.solution-detail-page-ocean-refresh .solution-scene-copy p{
  max-width:none;
  margin:0;
  color:#52677d;
  font-size:15px;
  line-height:1.9;
  text-align:justify;
  text-align-last:left;
}

.solution-detail-page-ocean-refresh .solution-detail-grid{
  column-gap:38px;
  row-gap:30px;
  margin-top:34px;
  padding-top:30px;
  border-top:1px solid #d9e3ec;
}

.solution-detail-page-ocean-refresh .solution-detail-block{
  min-width:0;
}

.solution-detail-page-ocean-refresh .solution-detail-block h4{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 14px;
  padding:0 0 10px;
  border:0;
  border-bottom:1px solid #dce5ed;
  background:transparent!important;
  color:#22384d!important;
  font-size:17px;
  font-weight:650;
  line-height:1.5;
}

.solution-detail-page-ocean-refresh .solution-detail-block h4::before{
  flex:0 0 auto;
  width:10px;
  height:10px;
  background:#2e73b3;
  box-shadow:4px 4px 0 #9ac9e3;
  content:"";
}

.solution-detail-page-ocean-refresh .solution-detail-list{
  gap:7px;
}

.solution-detail-page-ocean-refresh .solution-detail-list p,
.solution-detail-page-ocean-refresh .solution-detail-list p.advantage{
  margin:0;
  padding:0 0 0 15px;
  color:#52677d;
  font-size:14px;
  line-height:1.75;
}

.solution-detail-page-ocean-refresh .solution-detail-list p::before{
  top:.72em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#2867aa!important;
}

.solution-detail-page-ocean-refresh .solution-detail-block-wide .solution-detail-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:30px;
  row-gap:9px;
}

/* Overview and architecture follow the approved reference composition. */
.solution-detail-page-ocean-refresh .solution-detail-page-title{
  margin-bottom:28px;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type{
  padding:26px 24px 24px;
  border:1px solid #d5e3ef;
  border-radius:8px;
  background:#f5f9fc;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-refined,
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-refined{
  display:block;
  width:auto;
  margin-bottom:14px;
  padding:0;
  border:0;
  background:transparent!important;
  box-shadow:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-number,
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-number{
  display:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-copy,
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-copy{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-copy::after,
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-copy::after{
  display:none;
  content:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-title{
  font-size:22px;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2){
  margin-top:34px;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-refined{
  margin-bottom:20px;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-title{
  display:inline-block;
  font-size:26px;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-title::after{
  display:block;
  width:54px;
  height:4px;
  margin-top:10px;
  border-radius:2px;
  background:#3276df;
  content:"";
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-architecture{
  padding:18px;
  border:1px solid #d5e3ef;
  border-radius:8px;
  background:#fff;
}

/* Application-scenario heading matches the architecture heading. */
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-refined{
  display:block;
  width:auto;
  margin-bottom:20px;
  padding:0;
  border:0;
  background:transparent!important;
  box-shadow:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-number{
  display:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-copy{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-copy::after{
  display:none;
  content:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-title{
  display:inline-block;
  font-size:26px;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-title::after{
  display:block;
  width:54px;
  height:4px;
  margin-top:10px;
  border-radius:2px;
  background:#3276df;
  content:"";
}

/* The three requested section headings share one editorial title rule. */
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-refined{
  display:grid!important;
  grid-template-columns:5px auto minmax(0,1fr);
  align-items:center;
  width:100%;
  max-width:none;
  gap:16px;
  margin:0 0 24px;
  padding:0;
  border:0;
  background:transparent!important;
  box-shadow:none;
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-refined::before{
  display:block;
  width:5px;
  height:40px;
  background:#2f72bc;
  content:"";
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-number{
  display:block!important;
  width:auto;
  height:auto;
  border:0;
  background:transparent;
  color:#7d91ad;
  font-size:21px;
  line-height:1;
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-copy{
  display:grid!important;
  grid-template-columns:auto minmax(50px,1fr);
  align-items:center;
  min-width:0;
  min-height:0;
  gap:18px;
  padding:0;
  border:0;
  background:transparent;
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-copy::after{
  position:static;
  top:auto;
  right:auto;
  align-self:center;
  display:block!important;
  width:100%;
  height:1px;
  background:#d7e0e9;
  content:""!important;
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-title{
  display:inline-block;
  color:#17283b;
  font-size:24px!important;
  line-height:1.4;
  white-space:nowrap;
}

.solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-title::after{
  display:none!important;
  content:none!important;
}

.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2),
.solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3){
  margin-top:58px;
}

@media(max-width:720px){
  .solution-detail-page-ocean-refresh .solution-detail-main{
    padding:28px 18px 34px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-page-title{
    margin-bottom:24px;
    font-size:25px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-page-kicker{
    margin-bottom:6px;
    font-size:10px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-section{
    margin-top:52px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-bar-refined{
    margin-bottom:22px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-bar-number{
    width:44px;
    height:46px;
    font-size:18px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-bar-copy{
    min-height:46px;
    padding:0 18px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-bar-title{
    font-size:20px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-intro{
    font-size:15px;
    line-height:1.85;
    text-align:left;
  }

  .solution-detail-page-ocean-refresh .solution-detail-architecture{
    padding:18px 10px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type{
    padding:0;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-title{
    font-size:20px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2){
    margin-top:30px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-title{
    font-size:22px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-title{
    font-size:22px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-architecture{
    padding:10px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-refined{
    grid-template-columns:4px auto minmax(0,1fr);
    gap:10px;
    margin-bottom:20px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-refined::before{
    width:4px;
    height:34px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-number{
    width:auto;
    height:auto;
    font-size:17px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-copy{
    display:grid!important;
    grid-template-columns:auto minmax(24px,1fr);
    min-height:0;
    gap:10px;
    padding:0;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main .solution-detail-bar-title,
  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:first-of-type .solution-detail-bar-title,
  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2) .solution-detail-bar-title,
  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3) .solution-detail-bar-title{
    font-size:19px!important;
  }

  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(2),
  .solution-detail-page-ocean-refresh .solution-detail-main>.solution-detail-section:nth-of-type(3){
    margin-top:46px;
  }

  .solution-detail-page-ocean-refresh .solution-scene,
  .solution-detail-page-ocean-refresh .solution-scene:last-child{
    padding-right:0;
    padding-left:0;
  }

  .solution-detail-page-ocean-refresh .solution-scene+.solution-scene{
    margin-top:42px;
    padding-top:42px;
  }

  .solution-detail-page-ocean-refresh .solution-scene-head,
  .solution-detail-page-ocean-refresh .solution-scene:nth-of-type(even) .solution-scene-head{
    grid-template-columns:1fr;
    gap:24px;
  }

  .solution-detail-page-ocean-refresh .solution-scene-image{
    min-height:0;
    height:230px;
  }

  .solution-detail-page-ocean-refresh .solution-scene-copy h3{
    margin-bottom:14px;
    padding-left:28px;
    font-size:19px;
  }

  .solution-detail-page-ocean-refresh .solution-scene-copy p{
    font-size:15px;
    line-height:1.8;
  }

  .solution-detail-page-ocean-refresh .solution-detail-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:28px;
    padding-top:25px;
  }

  .solution-detail-page-ocean-refresh .solution-detail-block-wide{
    grid-column:auto;
  }

  .solution-detail-page-ocean-refresh .solution-detail-block-wide .solution-detail-list{
    grid-template-columns:1fr;
  }
}