/* 万象云后台轮播图：用真实图片元素展示，避免背景变量被旧样式覆盖 */
.hero .slides .slide.wx-managed-banner { position:absolute; inset:0; isolation:isolate; overflow:hidden; background:#123e79 !important; }
.hero .slides .slide.wx-managed-banner::before,
.hero .slides .slide.wx-managed-banner::after { content:none !important; display:none !important; }
.hero .slides .slide.wx-managed-banner .wx-banner-photo { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; z-index:0; }
.hero .slides .slide.wx-managed-banner .wx-banner-shade { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(4,24,57,.62),rgba(7,36,79,.02) 85%); }
.hero .slides .slide.wx-managed-banner .hero-copy { position:relative; z-index:2; }
.hero .slides .slide.wx-managed-banner h1,
.hero .slides .slide.wx-managed-banner p,
.hero .slides .slide.wx-managed-banner .eyebrow { color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.24); }
.hero .slides .slide.wx-managed-banner .primary { box-shadow:0 8px 22px rgba(0,67,150,.18); }
/* 无文字内容的轮播图直接完整展示图片，不额外绘制图案 */
.hero .slides .slide.wx-managed-banner:not(.active) .wx-banner-photo { visibility:visible; }

/* 修复首页轮播：保持所有 slide 绝对定位重叠，图片占满 240px 横幅 */
.hero .slides > .slide.wx-managed-banner { position:absolute !important; inset:0 !important; width:100%; height:100%; }
.hero .slides > .slide.wx-managed-banner .wx-banner-photo { position:absolute !important; inset:0; width:100% !important; height:100% !important; object-fit:cover; }

/* 首页两张固定卡片：后台自定义背景图 */
.feature.wx-section-with-image,.about-mission.wx-section-with-image{position:relative;isolation:isolate;overflow:hidden;background:#0b356e;border-color:transparent}
.feature.wx-section-with-image .wx-section-image,.about-mission.wx-section-with-image .wx-section-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;display:block}
.feature.wx-section-with-image .wx-section-image-shade,.about-mission.wx-section-with-image .wx-section-image-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,25,60,.86),rgba(5,34,78,.50) 65%,rgba(5,34,78,.05))}
.feature.wx-section-with-image .feature-text,.about-mission.wx-section-with-image>span,.about-mission.wx-section-with-image>strong,.about-mission.wx-section-with-image>p{position:relative;z-index:2}
.feature.wx-section-with-image .feature-visual{display:none}
.feature.wx-section-with-image .section-kicker,.feature.wx-section-with-image h2,.feature.wx-section-with-image p,.feature.wx-section-with-image a,.about-mission.wx-section-with-image>span,.about-mission.wx-section-with-image>strong,.about-mission.wx-section-with-image>p{color:#fff!important;text-shadow:0 2px 9px rgba(0,0,0,.2)}
.feature.wx-section-with-image .feature-text{width:90%}
.about-mission.wx-section-with-image{min-height:135px}

/* 品牌理念卡片：增加视觉高度，按钮跳转到公司介绍页 */
.about-mission.wx-section-with-image,.about-mission{min-height:225px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 20px!important;box-sizing:border-box}
.about-mission .wx-mission-more{position:relative;z-index:3;display:inline-flex;align-items:center;gap:10px;margin-top:15px;padding:10px 17px;border-radius:11px;background:#1677f2;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:750;box-shadow:0 6px 16px rgba(0,60,145,.24);line-height:1.3;transition:background .2s,transform .2s}
.about-mission .wx-mission-more:hover{background:#075bca;transform:translateY(-1px)}
.about-mission .wx-mission-more span{color:inherit!important;font-size:15px;margin:0;letter-spacing:0}
@media(max-width:480px){.about-mission.wx-section-with-image,.about-mission{min-height:215px!important;padding:22px 17px!important}}

/* 品牌理念：对齐首页 CORE SOLUTIONS 卡片的纵向文字排版 */
.about-mission.wx-section-with-image,
.about-mission {
  min-height: 255px !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding: 29px 26px 22px !important;
  gap: 0 !important;
}
.about-mission > span:not(.wx-section-image-shade) {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 0 11px !important;
  font-size: 11px;
  letter-spacing: 1.5px;
  font-weight: 750;
}
.about-mission > strong {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 !important;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 800;
}
.about-mission > p {
  position: relative;
  z-index: 2;
  margin: 14px 0 0 !important;
  font-size: 12px;
  line-height: 1.8;
  max-width: 100%;
}
.about-mission .wx-mission-more {
  margin-top: auto !important;
  align-self: flex-start;
}
@media(max-width:480px){
  .about-mission.wx-section-with-image,.about-mission{
    min-height:245px!important;
    padding:26px 22px 20px!important;
  }
  .about-mission > strong{font-size:23px}
  .about-mission > p{font-size:11px}
}


/* V9: 上传图片按自身比例自适应高度；不裁剪、不拉伸 */
.hero .slides > .slide.wx-managed-banner .wx-banner-photo {
  object-fit:contain !important;
  object-position:center top;
}
/* 固定卡片：图片参与布局，卡片高度由原图宽高比自然决定 */
.feature.wx-section-with-image,
.about-mission.wx-section-with-image {
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto;
  align-items:stretch;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
}
.feature.wx-section-with-image > .wx-section-image,
.about-mission.wx-section-with-image > .wx-section-image {
  position:relative !important;
  inset:auto !important;
  grid-area:1/1;
  width:100% !important;
  height:auto !important;
  max-width:100%;
  object-fit:contain !important;
  align-self:start;
  z-index:0;
}
.feature.wx-section-with-image > .wx-section-image-shade,
.about-mission.wx-section-with-image > .wx-section-image-shade {
  position:relative !important;
  inset:auto !important;
  grid-area:1/1;
  z-index:1;
  background:linear-gradient(90deg,rgba(5,25,60,.78),rgba(5,34,78,.34) 70%,transparent);
}
.feature.wx-section-with-image > .feature-text {
  grid-area:1/1;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  width:100% !important;
  min-width:0;
  padding:20px 22px;
  z-index:2;
}
.feature.wx-section-with-image .feature-text a{margin-top:auto}
.about-mission.wx-section-with-image > .wx-mission-content {
  grid-area:1/1;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:26px 22px 20px;
}
.about-mission.wx-section-with-image .wx-mission-content > span {
  display:block;
  color:#fff;
  font-size:11px;
  font-weight:750;
  letter-spacing:1.5px;
  margin:0 0 11px;
}
.about-mission.wx-section-with-image .wx-mission-content > strong {
  display:block;
  color:#fff;
  font-size:23px;
  line-height:1.3;
  font-weight:800;
}
.about-mission.wx-section-with-image .wx-mission-content > p {
  color:#fff;
  font-size:11px;
  line-height:1.8;
  margin:14px 0 12px;
}
.about-mission.wx-section-with-image .wx-mission-more {
  margin-top:auto !important;
  flex-shrink:0;
}
@media(max-width:480px){
 .about-mission.wx-section-with-image{min-height:0!important;padding:0!important}
 .about-mission.wx-section-with-image > .wx-mission-content{padding:22px 18px 18px}
}


/* V10: 修复图片底部露出深蓝背景。图片铺满内容撑开的实际卡片高度。 */
.feature.wx-section-with-image,
.about-mission.wx-section-with-image {
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  height:auto !important;
  min-height:0 !important;
  grid-template-rows:minmax(0,auto);
}
.feature.wx-section-with-image > img.wx-section-image,
.about-mission.wx-section-with-image > img.wx-section-image {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  align-self:stretch !important;
}
.feature.wx-section-with-image > .wx-section-image-shade,
.about-mission.wx-section-with-image > .wx-section-image-shade {
  position:absolute !important;
  inset:0 !important;
  width:100%;height:100%;
}
.feature.wx-section-with-image > .feature-text,
.about-mission.wx-section-with-image > .wx-mission-content {
  grid-area:1/1;
  position:relative;
  z-index:2;
}

/* V11: 品牌理念文字紧凑排版，覆盖 V10 的自动推底规则 */
.about-mission.wx-section-with-image > .wx-mission-content {
  justify-content:flex-start !important;
  gap:0 !important;
}
.about-mission.wx-section-with-image .wx-mission-content > span {
  margin:0 0 6px !important;
}
.about-mission.wx-section-with-image .wx-mission-content > strong {
  margin:0 !important;
  line-height:1.3 !important;
}
.about-mission.wx-section-with-image .wx-mission-content > p {
  margin:10px 0 0 !important;
  line-height:1.6 !important;
}
.about-mission.wx-section-with-image .wx-mission-content > .wx-mission-more {
  margin:14px 0 0 !important;
  align-self:flex-start;
}



/* V18: image as a background, text and button fit naturally inside compact cards */
.hero .slides > .slide.wx-managed-banner .wx-banner-photo {
 object-fit:cover !important; object-position:center center !important;
}
.hero .slides > .slide.wx-managed-banner .hero-copy { padding-bottom:42px !important; }
.feature.wx-section-with-image, .about-mission.wx-section-with-image {
 display:block !important; position:relative !important; isolation:isolate;
 height:auto !important; min-height:0 !important; aspect-ratio:auto !important;
 overflow:hidden; box-sizing:border-box;
}
.feature.wx-section-with-image > img.wx-section-image,
.about-mission.wx-section-with-image > img.wx-section-image {
 position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
 object-fit:cover !important; object-position:center center !important;
}
.feature.wx-section-with-image > .feature-text,
.about-mission.wx-section-with-image > .wx-mission-content {
 position:relative !important; z-index:3 !important; display:flex !important;
 flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important;
 width:100% !important; height:auto !important; min-height:238px !important;
 padding:20px 22px 22px !important; box-sizing:border-box;
}
.feature.wx-section-with-image .feature-text a,
.about-mission.wx-section-with-image .wx-mission-more {
 position:relative !important; z-index:4 !important; display:inline-flex !important;
 flex-shrink:0 !important; margin:14px 0 0 !important; align-self:flex-start;
}
.about-mission.wx-section-with-image .wx-mission-content > p { margin:10px 0 0 !important; }
@media(max-width:480px){
 .feature.wx-section-with-image > .feature-text,
 .about-mission.wx-section-with-image > .wx-mission-content {
  min-height:232px !important; padding:18px 20px 22px !important;
 }
}
@media(max-width:360px){
 .feature.wx-section-with-image > .feature-text,
 .about-mission.wx-section-with-image > .wx-mission-content { min-height:245px !important; }
}

/* V20: mission copy is a single compact block; button follows description. */
.about-mission.wx-section-with-image > .wx-mission-content {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  height:auto !important;
  min-height:232px !important;
  padding:20px 22px 24px !important;
  gap:0 !important;
}
.about-mission.wx-section-with-image .wx-mission-content > .wx-mission-more {
  margin:14px 0 0 !important;
  align-self:flex-start !important;
  flex-shrink:0 !important;
}
@media(max-width:480px){
 .about-mission.wx-section-with-image > .wx-mission-content {
  min-height:232px !important;
  padding:20px 20px 24px !important;
 }
}

/* V21: uploaded section image is the sizing element, not the copy or a fixed minimum. */
.feature.wx-section-with-image, .about-mission.wx-section-with-image {
 display:block !important; position:relative !important; height:auto !important; min-height:0 !important;
 aspect-ratio:auto !important; padding:0 !important; overflow:hidden;
}
.feature.wx-section-with-image > img.wx-section-image,
.about-mission.wx-section-with-image > img.wx-section-image {
 display:block !important; position:relative !important; inset:auto !important;
 width:100% !important; height:auto !important; max-width:100% !important;
 object-fit:contain !important; object-position:center !important;
}
.feature.wx-section-with-image > .wx-section-image-shade,
.about-mission.wx-section-with-image > .wx-section-image-shade {position:absolute !important;inset:0 !important;}
.feature.wx-section-with-image > .feature-text,
.about-mission.wx-section-with-image > .wx-mission-content {
 position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
 min-height:0 !important; max-height:100% !important;
 display:flex !important; flex-direction:column !important; align-items:flex-start !important;
 justify-content:flex-start !important; padding:clamp(10px,3.5vw,22px) !important;
 overflow:auto; box-sizing:border-box; z-index:3 !important;
}

/* V22: Picture wrapper is layout-transparent; existing image sizing and native-ratio logic remain intact. */
.wx-banner-picture,.wx-section-picture{display:contents!important}

/* V25: Restore the bottom mission card. V22 added <picture>, so V21's
   direct-child img selector no longer matched and the card collapsed. */
.about-mission.wx-section-with-image > picture.wx-section-picture {
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:auto !important;
  line-height:0 !important;
}
.about-mission.wx-section-with-image > picture.wx-section-picture > img.wx-section-image {
  display:block !important;
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}
.about-mission.wx-section-with-image {
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.about-mission.wx-section-with-image > .wx-mission-content {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  overflow:auto !important;
  box-sizing:border-box !important;
}
