.elementor-1047 .elementor-element.elementor-element-8472768{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-repeater-item-16889c7 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://builite.com/wp-content/uploads/2026/06/banner_pc.webp);background-size:cover;}.elementor-1047 .elementor-element.elementor-element-dac3934 .swiper-slide{transition-duration:calc(5000ms*1.2);height:650px;}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-button{background-color:var( --e-global-color-1007b5c );border-width:0px;border-radius:30px;color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-c696dce );}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-button:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-1007b5c );}.elementor-1047 .elementor-element.elementor-element-dac3934 .swiper-slide-contents{max-width:71%;}.elementor-1047 .elementor-element.elementor-element-dac3934 .swiper-slide-inner{padding:0% 0% 13% 5%;text-align:start;}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-heading{color:var( --e-global-color-d6cea4e );font-size:50px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-description{color:var( --e-global-color-1007b5c );font-size:22px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;}.elementor-1047 .elementor-element.elementor-element-ca00b4c{--display:flex;}.elementor-1047 .elementor-element.elementor-element-5e93c6e{--display:flex;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .elementor-repeater-item-9aff618 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://builite.com/wp-content/uploads/2026/06/banner_phone.webp);background-size:cover;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .elementor-slide-button{background-color:var( --e-global-color-1007b5c );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;border-radius:30px;color:var( --e-global-color-primary );}.elementor-1047 .elementor-element.elementor-element-3f9a84c .elementor-slide-button:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-1007b5c );border-color:var( --e-global-color-primary );}.elementor-1047 .elementor-element.elementor-element-3f9a84c .swiper-slide-contents{max-width:66%;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .swiper-slide-inner{text-align:center;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .elementor-slide-heading{color:var( --e-global-color-1007b5c );}.elementor-1047 .elementor-element.elementor-element-3bb6f5a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1047 .elementor-element.elementor-element-6b5d8bc{--display:flex;}.elementor-1047 .elementor-element.elementor-element-5d564cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1047 .elementor-element.elementor-element-679876d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0% 10%;--row-gap:0%;--column-gap:10%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-1047 .elementor-element.elementor-element-679876d.e-con{--align-self:flex-start;}.elementor-1047 .elementor-element.elementor-element-97248fe{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1047 .elementor-element.elementor-element-a5a2ba8{width:100%;max-width:100%;margin:10% 5% calc(var(--kit-widget-spacing, 0px) + 10%) 5%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-type-html{padding-bottom:0px;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-heading{font-size:45px;}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-description{font-size:25px;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .elementor-slide-button{font-size:14px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-heading{font-size:28px;line-height:1.1em;}.elementor-1047 .elementor-element.elementor-element-dac3934 .elementor-slide-description{font-size:20px;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .swiper-slide{height:300px;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .swiper-slide-inner{padding:0% 0% 15% 0%;}.elementor-1047 .elementor-element.elementor-element-3f9a84c .elementor-slide-button{font-size:14px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-c93d138 */.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 10%;
    background-color: #ffffff;
    gap: 60px;
}

/* 左侧图片容器 */
.image-section {
    flex: 1;
    position: relative;
}

.image-section img {
    width: 100%;
    height: auto;
    border-radius: 40px; /* 模仿南孚图片的圆角 */
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* 右侧文字内容 */
.content-section {
    flex: 1;
}

.main-title {
    font-size: 60px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 50px;
}

.main-title span.number {
    color: var(--brand-purple); /* 对应南孚的红色部分 */
}

.reason-item {
    margin-bottom: 35px;
}

.reason-title {
    color: var(--brand-purple);
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.reason-description {
    font-size: 18px;
    color: var(--text-dark);
    font-weight: 600;
    margin-bottom: 5px;
}

.reason-subtext {
    font-size: 14px;
    color: var(--text-gray);
    line-height: 1.5;
}

/* 装饰点线 - 模仿图片右下角 */
.decoration-dots {
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 150px;
    opacity: 0.3;
}

@media (max-width: 992px) {
    .container {
        flex-direction: column;
        padding: 40px 5%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3900286 *//* =========================================================
       完全隔离作用域：NO *{}, NO body{} 污染
       ========================================================= */

    .bubble-showcase-root,
    .bubble-showcase-root * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    /* 根容器：通过调整 padding 灵活改变上下间距 */
    .bubble-showcase-root {
      
      background-color: #ffffff;
      color: #0f172a;
      width: 100%;
      padding: 0px 20px; /* 👈 修改这里的 60px 即可控制上下区域间距 */
      display: flex;
      align-items: center;
      justify-content: center;
      overflow-x: hidden;
    }

    .bubble-showcase__container {
      display: flex;
      width: 100%;
      max-width: 1320px;
      min-height: 620px;
      align-items: center;
      justify-content: center;
      gap: 40px;
    }

    /* ---------------- 左侧：气泡画布 ---------------- */
    .bubble-showcase__bubbles-section {
      flex: 1.2;
      height: 600px;
      position: relative;
      perspective: 1000px;
    }

    /* 背景柔光晕 */
    .bubble-showcase__bubbles-section::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
      width: 420px;
      height: 420px;
      background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, rgba(236, 72, 153, 0.04) 50%, rgba(255, 255, 255, 0) 70%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 0;
    }

    /* 气泡核心样式 */
    .bubble-showcase__item {
      position: absolute;
      border-radius: 50%;
      cursor: pointer;
      overflow: hidden;
      z-index: 2;
      flex-shrink: 0;
      
      box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08),
                  0 2px 10px rgba(15, 23, 42, 0.04),
                  inset 0 0 0 1.5px rgba(255, 255, 255, 0.9);
      
      /* 位置与大小切换时的极度顺滑动画 */
      transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
      animation: bubbleShowcaseFloat 6.5s ease-in-out infinite alternate;
    }

    .bubble-showcase__item-bg {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      filter: contrast(1.03) brightness(0.98);
      transition: transform 0.6s ease, filter 0.5s ease;
    }

    .bubble-showcase__item::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.2) 0%, rgba(15, 23, 42, 0.65) 100%);
      backdrop-filter: blur(3px);
      opacity: 0;
      transition: opacity 0.4s ease;
      z-index: 1;
    }

    /* 悬浮标题 */
    .bubble-showcase__item-title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -35%);
      z-index: 2;

      font-size: 1.25rem;
      font-weight: 800;
      letter-spacing: 0.5px;
      color: #ffffff;
      opacity: 0;
      transition: opacity 0.4s ease, transform 0.4s ease;
      pointer-events: none;
      text-align: center;
      width: 85%;
    }

    /* ---- PC端 气泡绝对定位初始状态 ---- */
    .bubble-showcase__item--1 {
      width: 220px; height: 220px;
      top: 4%; left: 5%;
      animation-duration: 6s; animation-delay: 0s;
    }
    .bubble-showcase__item--2 {
      width: 270px; height: 270px;
      top: 20%; left: 42%;
      animation-duration: 7.5s; animation-delay: -2s;
    }
    .bubble-showcase__item--3 {
      width: 190px; height: 190px;
      bottom: 8%; left: 14%;
      animation-duration: 6.8s; animation-delay: -3.5s;
    }
    .bubble-showcase__item--4 {
      width: 170px; height: 170px;
      bottom: 12%; left: 58%;
      animation-duration: 7s; animation-delay: -4.8s;
    }

    /* PC端 Hover 效果 */
    @media (min-width: 769px) {
      .bubble-showcase__item:hover {
        animation-play-state: paused;
        transform: scale(1.12) translateZ(30px);
        box-shadow: 0 30px 60px rgba(15, 23, 42, 0.18), 0 0 0 6px rgba(99, 102, 241, 0.12);
        z-index: 10;
      }
      .bubble-showcase__item:hover .bubble-showcase__item-bg { transform: scale(1.1); }
      .bubble-showcase__item:hover::after { opacity: 1; }
      .bubble-showcase__item:hover .bubble-showcase__item-title {
        opacity: 1;
        transform: translate(-50%, -50%);
      }
    }

    /* 氛围点缀粒子 */
    .bubble-showcase__dot {
      position: absolute;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(236, 72, 153, 0.25));
      backdrop-filter: blur(4px);
      pointer-events: none;
      animation: bubbleShowcaseFloat 8s ease-in-out infinite alternate;
    }
    .bubble-showcase__dot--1 { width: 20px; height: 20px; top: 14%; left: 36%; }
    .bubble-showcase__dot--2 { width: 12px; height: 12px; bottom: 30%; left: 8%; }
    .bubble-showcase__dot--3 { width: 26px; height: 26px; bottom: 6%; left: 52%; }

    @keyframes bubbleShowcaseFloat {
      0% { transform: translateY(0px) rotate(0deg); }
      50% { transform: translateY(-22px) rotate(1.5deg); }
      100% { transform: translateY(14px) rotate(-1.5deg); }
    }

    /* ---------------- 右侧：文案区域 ---------------- */
    .bubble-showcase__content-section {
      flex: 1;
      padding-left: 10px;
    }

    .bubble-showcase__tag {
      display: inline-block;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 4px;
      color: #4a148c;
      margin-bottom: 18px;
      font-weight: 600;
    }

    .bubble-showcase__title {
      
      font-size: 3.8rem;
      font-weight: 700;
      margin-bottom: 24px;
      line-height: 1.1;
      letter-spacing: -0.5px;
      color: #0f172a;
    }

    .bubble-showcase__description {
      font-size: 1.2rem;
      font-weight: 300;
      line-height: 1.8;
      color: #475569;
      max-width: 520px;
      letter-spacing: 0.2px;
    }

    .bubble-showcase__divider {
      width: 50px;
      height: 3px;
      background-color: #4a148c;
      margin-bottom: 28px;
      border-radius: 2px;
    }

    /* ================= 📱 移动端：中心气泡 + 点击切换机制 ================= */
    @media (max-width: 768px) {
      .bubble-showcase-root {
        padding: 40px 15px; /* 移动端可缩小上下间距 */
      }

      .bubble-showcase__container {
        flex-direction: column-reverse;
        gap: 20px;
      }

      .bubble-showcase__content-section {
        text-align: center;
        padding: 0 10px;
      }

      .bubble-showcase__title {
        font-size: 2.5rem;
      }

      .bubble-showcase__divider {
        margin: 0 auto 16px auto;
      }

      .bubble-showcase__description {
        margin: 0 auto;
        font-size: 1rem;
      }

      .bubble-showcase__bubbles-section {
        width: 100%;
        height: 360px; /* 移动端固定画幅 */
      }

      .bubble-showcase__dot { display: none; }

      /* 取消移动端默认 keyframe，改用点击过渡 */
      .bubble-showcase__item {
        animation: none !important;
      }

      /* ---- 4 个气泡在移动端的环形排布位置 ---- */
      
      /* [位置 1]：绝对中心 - 主气泡 */
      .bubble-showcase__item--center {
        width: 180px !important;
        height: 180px !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(1) !important;
        z-index: 10 !important;
        box-shadow: 0 15px 35px rgba(99, 102, 241, 0.25), 0 0 0 3px rgba(99, 102, 241, 0.4) !important;
      }

      .bubble-showcase__item--center::after {
        opacity: 0.65 !important;
      }

      .bubble-showcase__item--center .bubble-showcase__item-title {
        opacity: 1 !important;
        transform: translate(-50%, -50%) !important;
      }

      /* [位置 2, 3, 4]：环绕在主气泡周围的小气泡 */
      .bubble-showcase__item--sub1 {
        width: 90px !important;
        height: 90px !important;
        top: 10% !important;
        left: 15% !important;
        transform: translate(0, 0) scale(0.9) !important;
        z-index: 2 !important;
        opacity: 0.8;
      }

      .bubble-showcase__item--sub2 {
        width: 90px !important;
        height: 90px !important;
        top: 10% !important;
        right: 15% !important;
        left: auto !important;
        transform: translate(0, 0) scale(0.9) !important;
        z-index: 2 !important;
        opacity: 0.8;
      }

      .bubble-showcase__item--sub3 {
        width: 100px !important;
        height: 100px !important;
        bottom: 5% !important;
        left: 50% !important;
        transform: translate(-50%, 0) scale(0.9) !important;
        z-index: 2 !important;
        opacity: 0.8;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d564cc *//* 仅针对当前组件内部做重置，不污染全局 */
  .proc-wf__section,
  .proc-wf__section * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  /* 1. 外层容器：改为浅色背景 (这里使用极浅灰蓝，高级且不刺眼) */
  .proc-wf__section {
    padding: 0px 20px;
    overflow: hidden;
    background-color: #fff; /* 👈 可修改为 #ffffff (纯白) 或 #f1f5f9 (浅灰) */
    color: #0f172a; /* 👈 基础文字改为深色 */
    font-family: Inter, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --proc-purple: #6b21a8; /* 浅底上适当加深紫色，提升对比度 */
  }

  .proc-wf__intro {
    text-align: center;
    margin-bottom: 0px;
  }

  .proc-wf__intro small {
    letter-spacing: 4px;
    color: var(--proc-purple);
    font-weight: 700;
  }

  /* 2. 主标题：深色到紫色的高级渐变文字 */
  .proc-wf__intro h2 {
    font-size: clamp(36px, 8vw, 68px);
    margin: 10px 0;
    background: linear-gradient(90deg, #0f172a, var(--proc-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .proc-wf__intro p {
    color: #64748b; /* 浅色背景下的描述文字色 */
    font-size: 16px;
  }

  .proc-wf__main {
    max-width: 1280px;
    margin: auto;
    position: relative;
  }

  /* 3. 中间连接线条适配浅色背景 */
  .proc-wf__svg-line {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 120px;
    height: 100%;
    overflow: visible;
  }

  .proc-wf__main-path {
    stroke: #cbd5e1; /* 未激活轨迹：浅灰线 */
    stroke-width: 3;
    fill: none;
  }

  .proc-wf__draw-path {
    stroke: var(--proc-purple); /* 激活轨迹：紫色线 */
    stroke-width: 3;
    fill: none;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
  }

  .proc-wf__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 130px 0;
    position: relative;
    z-index: 2;
  }

  .proc-wf__row:nth-child(even) {
    flex-direction: row-reverse;
  }

  .proc-wf__hex-wrapper,
  .proc-wf__content-wrapper {
    width: 46%;
  }

  .proc-wf__hex-wrapper {
    display: flex;
    justify-content: center;
    perspective: 1200px;
  }

  /* 4. 六角形框：适配浅色底与质感投影 */
  .proc-wf__hex-box {
    width: 310px;
    height: 350px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    border: 2px solid rgba(107, 33, 168, 0.3);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    position: relative;
    transition: 0.6s;
    background: #ffffff;
  }

  .proc-wf__hex-inner {
    position: absolute;
    inset: 2px;
    clip-path: inherit;
    overflow: hidden;
    background: #ffffff;
  }

  .proc-wf__hex-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 18%;
    filter: grayscale(1) opacity(0.85); /* 默认半灰 */
    transition: 1s;
  }

  .proc-wf__hex-inner::before {
    content: "";
    position: absolute;
    left: -160%;
    top: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transform: skewX(-20deg);
    transition: 1.2s;
    z-index: 2;
  }

  .proc-wf__step-tag {
    color: var(--proc-purple);
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 14px;
  }

  /* 5. 步骤标题与描述颜色调整 */
  .proc-wf__content-wrapper h3 {
    font-size: 38px;
    margin: 12px 0;
    color: #0f172a; /* 👈 深蓝黑色标题 */
  }

  .proc-wf__content-wrapper p {
    line-height: 1.9;
    color: #475569; /* 👈 灰蓝色副文本 */
    font-size: 17px;
  }

  /* 6. 激活 Hover/Active 状态 */
  .proc-wf__row.proc-wf__active .proc-wf__hex-box {
    transform: translateY(-10px) rotateZ(-2deg) scale(1.03);
    border-color: rgba(107, 33, 168, 0.8);
    box-shadow: 0 20px 40px rgba(107, 33, 168, 0.15);
  }

  .proc-wf__row.proc-wf__active img {
    filter: none;
    opacity: 1;
    transform: scale(1.08);
    object-position: center 10%;
  }

  .proc-wf__row.proc-wf__active .proc-wf__hex-inner::before {
    left: 180%;
  }

  /* 📱 移动端适配 */
  @media(max-width: 768px) {
    .proc-wf__svg-line {
      display: none;
    }

    .proc-wf__row,
    .proc-wf__row:nth-child(even) {
      flex-direction: column;
      text-align: center;
      margin: 60px 0;
    }

    .proc-wf__hex-wrapper,
    .proc-wf__content-wrapper {
      width: 100%;
    }

    .proc-wf__content-wrapper {
      margin-top: 25px;
    }

    .proc-wf__intro h2 {
      font-size: 36px;
    }
  }/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-a5a2ba8 *//* 容器背景与高奢卡片样式 */
.elementor-1047 .elementor-element.elementor-element-a5a2ba8 {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
}

/* 输入框与文本域样式 */
.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-textual {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  color: #0f172a !important;
  font-size: 0.95rem !important;
  transition: all 0.25s ease !important;
}

/* 输入框 Hover & Focus 聚焦高光 */
.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-textual:focus {
  border-color: #4f46e5 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1) !important;
}

/* 标签 Label 字体改深色 */
.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-label {
  color: #1e293b !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

/* 复选框 (Checkbox) 按钮化样式 */
.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-field-subgroup .elementor-field-option {
  display: inline-block !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

/* 提交按钮 */
.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-button {
  background: #0f172a !important;
  border-radius: 50px !important;
  padding: 16px 32px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12) !important;
}

.elementor-1047 .elementor-element.elementor-element-a5a2ba8 .elementor-button:hover {
  background: #4a148c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 25px rgba(79, 70, 229, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS *//* 全局颜色变量 - 可直接放入Elementor自定义CSS/主题样式文件 */
:root {
    /* 品牌主色调（核心色） */
    --primary-color: #1A365D;        /* 主色调 - 深蓝，适配工程建材专业感 */
    --primary-hover: #142946;        /* 主色-hover加深（衍生色，提升交互体验） */
    
    /* 交互色 */
    --text-hover: #4A148C;           /* 文字悬浮色 - 深紫，突出交互重点 */
    --text-hover-light: #6A2E9C;     /* 文字悬浮-hover浅化（衍生色） */
    
    /* 背景色 */
    --bg-color-1: #F8F5FD;           /* 背景色1 - 浅紫灰，主内容区背景 */
    --bg-color-2: #FOF8FF;           /* 背景色2 - 浅蓝白，辅助区块背景 */
    
    /* 中性色 */
    --gray-color: #F5F5F5;           /* 灰色 - 分隔/边框用 */
    --black-color: #000000;          /* 黑色 - 正文/重点文字 */
    --white-color: #FFFFFF;          /* 白色（补充，适配所有背景） */
    
    /* 拓展实用色（基于主色体系衍生，适配工程类场景） */
    --text-primary: #1A365D;         /* 主文字色（复用主色调） */
    --text-secondary: #666666;       /* 次要文字（中性灰，提升层级） */
    --border-color: #F5F5F5;         /* 边框色（复用灰色） */
    --success-color: #2E7D32;        /* 成功色（适配合作/认证提示） */
    --shadow-color: rgba(26, 54, 93, 0.08); /* 阴影色（主色低透明度，统一质感） */
    --brand-purple: #4A148C; /* 品牌紫色 */
    --text-dark: #000000;
    --text-gray: #666666;
}

/* 示例：变量使用方式（可参考） */
/* 按钮样式 */
.btn-primary {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
}
.btn-primary:hover {
    background-color: var(--primary-hover);
}

/* 文字样式 */
.text-hover {
    color: var(--text-hover);
}
.text-hover:hover {
    color: var(--text-hover-light);
}

/* 背景样式 */
.section-bg-1 {
    background-color: var(--bg-color-1);
}
.section-bg-2 {
    background-color: var(--bg-color-2);
}

/* 边框/分隔线 */
.border-gray {
    border: 1px solid var(--gray-color);
}结合我设计的统一的颜色变量，重新调整一下CSS，并且在默认状态下，文字部分由于是白色字体和图片融合导致看不清，调整一下，可以加一个半圆矩形给文字加背景也可以你自己发挥。/* End custom CSS */