/* EasyDecide · 100 美金 VISA 数字体验卡落地页 */

body.ed-vd-trial .ed-lv-hero {
  background:
    radial-gradient(1100px 500px at 8% -8%, rgba(37, 99, 235, .32), transparent 55%),
    radial-gradient(900px 460px at 92% 8%, rgba(56, 189, 248, .18), transparent 50%),
    linear-gradient(165deg, #041018 0%, #0a1c2e 46%, #071a24 100%);
}

body.ed-vd-trial .ed-lv-hero h1 em {
  color: #7dd3fc;
}

body.ed-vd-trial .ed-lv-btn--solid {
  background: #38bdf8;
  color: #041018;
}

body.ed-vd-trial .ed-lv-hero__badge strong {
  color: #7dd3fc;
}

body.ed-vd-trial .ed-vd-barrier {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

body.ed-vd-trial .ed-vd-barrier li {
  list-style: none;
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff7f5;
  border: 1px solid rgba(185, 28, 28, .14);
  color: #7f1d1d;
  font-weight: 700;
  line-height: 1.5;
}

body.ed-vd-trial .ed-vd-check-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}

body.ed-vd-trial .ed-vd-check-grid article {
  margin: 0;
  padding: 16px 16px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15, 47, 34, .1);
  box-shadow: 0 10px 26px rgba(10, 24, 18, .05);
}

body.ed-vd-trial .ed-vd-check-grid h3 {
  margin: 0 0 8px;
  font-size: .92rem;
  color: #0f2f22;
}

body.ed-vd-trial .ed-vd-check-grid p {
  margin: 0;
  color: #3d5248;
  font-weight: 650;
  line-height: 1.55;
}

body.ed-vd-trial .ed-vd-price {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 8px 0 18px;
}

body.ed-vd-trial .ed-vd-price__card {
  flex: 1 1 160px;
  padding: 16px 18px;
  border-radius: 18px;
  background: #041018;
  color: #e0f2fe;
  border: 1px solid rgba(56, 189, 248, .35);
}

body.ed-vd-trial .ed-vd-price__card b {
  display: block;
  font-size: .78rem;
  letter-spacing: .06em;
  color: #7dd3fc;
  margin-bottom: 6px;
}

body.ed-vd-trial .ed-vd-price__card strong {
  display: block;
  font-size: clamp(1.6rem, 4.6vw, 2.2rem);
  line-height: 1;
  color: #38bdf8;
  font-weight: 800;
}

body.ed-vd-trial .ed-vd-price__card span {
  display: block;
  margin-top: 8px;
  font-size: .88rem;
  color: rgba(224, 242, 254, .78);
}

body.ed-vd-trial .ed-vd-upgrade {
  margin-top: 12px;
  padding: 20px 18px;
  border-radius: 20px;
  background:
    linear-gradient(165deg, #f0f9ff 0%, #ecfdf5 55%, #f8fafc 100%);
  border: 1px solid rgba(14, 116, 144, .16);
}

body.ed-vd-trial .ed-vd-upgrade h3 {
  margin: 0 0 10px;
  color: #0c4a6e;
}

body.ed-vd-trial .ed-vd-upgrade ul {
  margin: 0;
  padding-left: 1.15em;
}

body.ed-vd-trial .ed-vd-upgrade li {
  margin: 0 0 8px;
  color: #16353f;
  font-weight: 700;
  line-height: 1.55;
}

body.ed-vd-trial .ed-vd-upgrade .ed-zc-em {
  color: #047857 !important;
  background: linear-gradient(180deg, transparent 62%, rgba(125, 211, 252, .55) 62%);
  padding: 0 .06em;
  font-weight: 900 !important;
}

body.ed-vd-trial .ed-vd-steps {
  display: grid;
  gap: 12px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: vdstep;
}

body.ed-vd-trial .ed-vd-steps li {
  list-style: none;
  counter-increment: vdstep;
  position: relative;
  margin: 0;
  padding: 16px 16px 16px 54px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15, 47, 34, .1);
  box-shadow: 0 8px 24px rgba(18, 61, 44, .06);
  font-weight: 700;
  color: #16353f;
  line-height: 1.55;
}

body.ed-vd-trial .ed-vd-steps li::before {
  content: counter(vdstep);
  position: absolute;
  left: 14px;
  top: 14px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #0ea5e9;
  color: #041018;
  font-weight: 800;
}

body.ed-vd-trial .ed-zc-pitch__cta .ed-lv-btn--ghost {
  color: #0a1a14 !important;
  background: #fff !important;
  border: 1.5px solid rgba(15, 47, 34, .28) !important;
  font-weight: 800;
}

@media (max-width: 720px) {
  body.ed-vd-trial .ed-vd-check-grid {
    grid-template-columns: 1fr;
  }
}