.elementor-15289 .elementor-element.elementor-element-98df28c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-15289 .elementor-element.elementor-element-98df28c:not(.elementor-motion-effects-element-type-background), .elementor-15289 .elementor-element.elementor-element-98df28c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://promptcontrol.bzus.xlkjwl.top/wp-content/uploads/2026/04/industrial_touch-EPTirM4kRrAZj644eFZeVG.webp.png");}.elementor-15289 .elementor-element.elementor-element-98df28c::before, .elementor-15289 .elementor-element.elementor-element-98df28c > .elementor-background-video-container::before, .elementor-15289 .elementor-element.elementor-element-98df28c > .e-con-inner > .elementor-background-video-container::before, .elementor-15289 .elementor-element.elementor-element-98df28c > .elementor-background-slideshow::before, .elementor-15289 .elementor-element.elementor-element-98df28c > .e-con-inner > .elementor-background-slideshow::before, .elementor-15289 .elementor-element.elementor-element-98df28c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2563EB;--background-overlay:'';}.elementor-15289 .elementor-element.elementor-element-bea7fd2{text-align:center;}.elementor-15289 .elementor-element.elementor-element-bea7fd2 .elementor-heading-title{font-size:32px;color:#FFFFFF;}.elementor-15289 .elementor-element.elementor-element-786326b .woocommerce-breadcrumb{color:#FFFFFF;text-align:center;}.elementor-15289 .elementor-element.elementor-element-786326b .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-15289 .elementor-element.elementor-element-7b8ed2c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15289 .elementor-element.elementor-element-7b8ed2c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15289 .elementor-element.elementor-element-98df28c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-15289 .elementor-element.elementor-element-bea7fd2 .elementor-heading-title{font-size:26px;}.elementor-15289 .elementor-element.elementor-element-7b8ed2c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* 卡片整体容器 */
.solution-signage-card {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06)!important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  
  /* 动效过渡设置 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 图片区域包裹层 */
.solution-card-image-wrapper {
  position: relative;
  width: 100%;
}

.solution-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 底部的白色渐变遮罩 */
.solution-card-image-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

/* 内容区域 */
.solution-card-content {
  padding: 20px 24px 28px 24px;
  display: flex;
  flex-direction: column;gap:0px;position:relative;
}

/* 图标样式 */
.solution-card-icon {
  color: #333333;
  margin-bottom: 16px;
}

/* 标题样式 */
.solution-card-title {
  margin: 0 0 15px 0;
  font-size: 20px;
  font-weight: 700;
  color: #111111;
}

/* 描述文字样式 */
.solution-card-description {
  margin: 0 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
}

/* 箭头样式 */
.solution-card-arrow {
  color: #30B7F1;
  display: inline-flex;
  align-items: center;
  width: 34px;
  height: 15px;
  position:absolute;top:80px;right:10px;
  
  /* 箭头平移动画过渡 */
  transition: transform 0.3s ease;
}


/* ========================================================
   鼠标悬停效果 (Hover Effects)
   ======================================================== */

.solution-signage-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12)!important;
}
.solution-signage-card:hover .solution-card-arrow {
  transform: translateX(6px);
}
.solution-card-image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 123, 255, 0.2); 
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1; 
}
/* 悬停时显示遮罩 */
.solution-signage-card:hover .solution-card-image-wrapper::before {
  opacity: 1;
}/* End custom CSS */