.elementor-25 .elementor-element.elementor-element-5f8abb8{--display:flex;--min-height:695px;--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;--justify-content:center;}.elementor-25 .elementor-element.elementor-element-5f8abb8:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-5f8abb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://szpigment.com/wp-content/uploads/2026/08/荧光banner.webp");background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-2e42dd5{text-align:center;}.elementor-25 .elementor-element.elementor-element-2e42dd5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-f7e4645{text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-379edd6{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-568f361{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-25 .elementor-element.elementor-element-1e90386{--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;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-5f8abb8 *//* ==================================================
   FLUORESCENT PIGMENT HERO BANNER
================================================== */

.szf-fluo-hero,
.szf-fluo-hero * {
  box-sizing: border-box;
}

.szf-fluo-hero {
  position: relative;
  isolation: isolate;

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

  width: 100%;
  min-height: 690px;
  padding: 90px 28px;
  overflow: hidden;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* 中央暗化层，解决左右明暗差异导致文字不清楚 */

.szf-fluo-hero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.12) 0%,
      rgba(0, 0, 0, 0.25) 25%,
      rgba(2, 3, 10, 0.66) 48%,
      rgba(1, 2, 12, 0.56) 68%,
      rgba(0, 0, 0, 0.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.05) 55%,
      rgba(0, 0, 0, 0.54) 100%
    );

  pointer-events: none;
}

/* 底部霓虹氛围光 */

.szf-fluo-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -10%;
  bottom: -180px;
  left: -10%;

  height: 310px;

  background:
    radial-gradient(
      ellipse at 28% 50%,
      rgba(255, 62, 152, 0.24),
      transparent 42%
    ),
    radial-gradient(
      ellipse at 50% 50%,
      rgba(255, 226, 0, 0.20),
      transparent 38%
    ),
    radial-gradient(
      ellipse at 72% 50%,
      rgba(0, 255, 174, 0.20),
      transparent 42%
    );

  filter: blur(34px);
  pointer-events: none;
}

/* ==================================================
   CONTENT GLASS PANEL
================================================== */

.szf-fluo-copy {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  flex-direction: column;

  width: min(100%, 1040px);
  margin: 0 auto;
  padding: 42px 54px 44px;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 28px;

  background:
    linear-gradient(
      120deg,
      rgba(9, 10, 19, 0.56),
      rgba(12, 5, 27, 0.45)
    );

  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);

  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);

  text-align: center;
}

/* 顶部小标签 */

.szf-fluo-kicker {
  width: auto !important;
  margin-bottom: 17px !important;
}

.szf-fluo-kicker .elementor-heading-title,
.szf-fluo-kicker p,
.szf-fluo-kicker span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 32px;
  margin: 0;
  padding: 8px 15px;

  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      rgba(255, 51, 153, 0.16),
      rgba(255, 224, 0, 0.12),
      rgba(0, 255, 170, 0.12),
      rgba(61, 123, 255, 0.15)
    );

  color: #ffffff;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px;
  text-transform: uppercase;

  box-shadow:
    0 0 24px rgba(183, 80, 255, 0.18);
}

/* ==================================================
   H1 TITLE
================================================== */

.szf-fluo-title {
  width: 100% !important;
  max-width: 940px;
  margin-bottom: 16px !important;
}

.szf-fluo-title .elementor-heading-title {
  margin: 0;

  color: #ffffff;

  font-size: clamp(38px, 4.25vw, 67px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -1.7px;
  text-wrap: balance;

  text-shadow:
    0 3px 18px rgba(0, 0, 0, 0.76),
    0 0 34px rgba(112, 82, 255, 0.18);
}

/* 可在标题中给关键词添加span使用渐变色 */

.szf-fluo-title .elementor-heading-title span {
  color: transparent;

  background:
    linear-gradient(
      90deg,
      #ff43a4 0%,
      #ff7b22 22%,
      #fff000 43%,
      #40f069 64%,
      #37b9ff 82%,
      #bd5cff 100%
    );

  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ==================================================
   DESCRIPTION
================================================== */

.szf-fluo-desc {
  width: 100% !important;
  max-width: 790px;
  margin: 0 auto 27px !important;
}

.szf-fluo-desc,
.szf-fluo-desc p,
.szf-fluo-desc .elementor-widget-container {
  color: rgba(255, 255, 255, 0.88) !important;

  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400;

  text-shadow:
    0 2px 9px rgba(0, 0, 0, 0.72);
}

.szf-fluo-desc p {
  margin: 0;
}

/* ==================================================
   BUTTON AREA
================================================== */

.szf-fluo-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: row !important;

  width: auto !important;
  gap: 13px !important;
}

.szf-fluo-actions .elementor-button {
  position: relative;

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

  min-height: 52px;
  padding: 0 25px !important;
  overflow: hidden;

  border: 1px solid transparent;
  border-radius: 999px !important;

  color: #ffffff !important;
  text-decoration: none;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.15px;
  white-space: nowrap;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}

/* 第一个按钮：主按钮 */

.szf-fluo-actions > .elementor-element:first-child .elementor-button {
  background:
    linear-gradient(
      95deg,
      #ff3e9d 0%,
      #ff6c36 31%,
      #f6df18 65%,
      #4ce46d 100%
    ) !important;

  box-shadow:
    0 13px 34px rgba(255, 57, 143, 0.29),
    0 0 26px rgba(255, 212, 32, 0.14);
}

/* 第二个按钮：辅助按钮 */

.szf-fluo-actions > .elementor-element:last-child .elementor-button {
  border-color: rgba(121, 215, 255, 0.58) !important;

  background:
    linear-gradient(
      95deg,
      rgba(88, 61, 232, 0.56),
      rgba(20, 164, 205, 0.46)
    ) !important;

  box-shadow:
    0 13px 32px rgba(40, 104, 231, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.szf-fluo-actions .elementor-button:hover {
  color: #ffffff !important;
  transform: translateY(-4px) scale(1.015);

  box-shadow:
    0 18px 42px rgba(45, 81, 219, 0.34);
}

/* 按钮高光扫过效果 */

.szf-fluo-actions .elementor-button::after {
  content: "";
  position: absolute;
  top: -30%;
  bottom: -30%;
  left: -35%;

  width: 23%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.56),
      transparent
    );

  transform: skewX(-24deg);

  transition: left 0.65s ease;
}

.szf-fluo-actions .elementor-button:hover::after {
  left: 120%;
}

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

@media (max-width: 1024px) {
  .szf-fluo-hero {
    min-height: 630px;
    padding: 72px 24px;
  }

  .szf-fluo-copy {
    width: min(100%, 900px);
    padding: 37px 38px 39px;
  }

  .szf-fluo-title .elementor-heading-title {
    font-size: clamp(36px, 5.4vw, 56px) !important;
  }
}

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

@media (max-width: 767px) {
  .szf-fluo-hero {
    min-height: 650px;
    padding: 50px 14px;

    background-position: 53% center !important;
  }

  .szf-fluo-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(2, 3, 10, 0.42) 0%,
        rgba(2, 3, 12, 0.69) 40%,
        rgba(2, 3, 10, 0.82) 100%
      );
  }

  .szf-fluo-copy {
    padding: 28px 18px 25px;

    border-radius: 21px;
  }

  .szf-fluo-kicker {
    margin-bottom: 14px !important;
  }

  .szf-fluo-kicker .elementor-heading-title,
  .szf-fluo-kicker p,
  .szf-fluo-kicker span {
    min-height: 28px;
    padding: 7px 10px;

    font-size: 8px !important;
    letter-spacing: 0.7px;
  }

  .szf-fluo-title {
    margin-bottom: 14px !important;
  }

  .szf-fluo-title .elementor-heading-title {
    font-size: 34px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.8px;
  }

  .szf-fluo-desc {
    margin-bottom: 21px !important;
  }

  .szf-fluo-desc,
  .szf-fluo-desc p,
  .szf-fluo-desc .elementor-widget-container {
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  .szf-fluo-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;

    width: 100% !important;
    gap: 9px !important;
  }

  .szf-fluo-actions > .elementor-element,
  .szf-fluo-actions .elementor-button-wrapper,
  .szf-fluo-actions .elementor-button {
    width: 100% !important;
  }

  .szf-fluo-actions .elementor-button {
    min-height: 49px;

    font-size: 11px !important;
  }
}/* End custom CSS */