/* v80: Footer left brand intro more vivid and lively only. No layout/background change. */

.footer-v62-brand{
  position:relative!important;
  isolation:isolate!important;
}

/* 彩色柔光再明顯一點，但不改 Footer 整體背景 */
.footer-v62-brand::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-28px!important;
  top:42px!important;
  width:286px!important;
  height:246px!important;
  border-radius:38px!important;
  background:
    radial-gradient(circle at 15% 18%, rgba(81,255,223,.40), transparent 38%),
    radial-gradient(circle at 78% 20%, rgba(106,159,255,.32), transparent 42%),
    radial-gradient(circle at 34% 78%, rgba(255,219,82,.28), transparent 44%),
    radial-gradient(circle at 88% 78%, rgba(255,111,175,.22), transparent 42%);
  filter:blur(1.5px)!important;
  opacity:.95!important;
  pointer-events:none!important;
}

/* 小型彩色飾線，讓左側活潑一點 */
.footer-v62-brand::after{
  content:"";
  position:absolute;
  left:0;
  top:120px;
  width:142px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#75ffe2 0%,#9ec5ff 38%,#fff06d 70%,#ff7ca8 100%);
  box-shadow:0 0 16px rgba(117,255,226,.36), 0 0 18px rgba(255,124,168,.20);
  opacity:.95;
  pointer-events:none;
}

.footer-v62-brand .footer-v62-kicker{
  color:#d4fff8!important;
  letter-spacing:.24em!important;
  text-shadow:
    0 0 10px rgba(128,255,232,.55),
    0 0 22px rgba(84,172,255,.25),
    0 1px 2px rgba(0,0,0,.38)!important;
}

.footer-v62-brand h2{
  color:transparent!important;
  background:
    linear-gradient(100deg,
      #ffffff 0%,
      #c8fff6 18%,
      #83dfff 40%,
      #ffe96d 66%,
      #ff9ab8 82%,
      #ffffff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:none!important;
  filter:
    drop-shadow(0 2px 4px rgba(0,0,0,.45))
    drop-shadow(0 0 16px rgba(95,225,255,.28))
    drop-shadow(0 0 18px rgba(255,220,105,.16));
  font-weight:760!important;
}

.footer-v62-brand p{
  color:#ffffff!important;
  font-weight:470!important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.58),
    0 0 12px rgba(120,255,230,.18)!important;
}

/* 介紹文中的重點字色做一點點跳色，不改文字內容 */
.footer-v62-brand p::first-letter{
  color:#fff176!important;
  text-shadow:0 0 12px rgba(255,225,100,.32), 0 1px 2px rgba(0,0,0,.42)!important;
}

@media (max-width: 760px){
  .footer-v62-brand::before{
    left:0!important;
    top:42px!important;
    width:100%!important;
    height:210px!important;
  }
  .footer-v62-brand::after{
    top:112px;
    width:120px;
  }
}
