/* 藏宝阁安全验证弹窗（易盾验证码） */
.captcha-modal {
  width: min(420px, 100%);
  padding: 18px 20px 20px;
  border-radius: 22px;
  background:
    linear-gradient(115deg, transparent 30%, rgba(255, 250, 235, .05) 45%, transparent 60%),
    linear-gradient(180deg, rgba(74, 82, 82, .93), rgba(44, 52, 53, .96));
  box-shadow: inset 0 0 0 1px rgba(255, 244, 220, .12), 0 30px 80px rgba(0, 0, 0, .5);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  animation: panel-in .26s var(--ease-spring) both;
  outline: none;
}

.captcha-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.captcha-panel__title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--cream, #fff4dc);
}
.captcha-panel__close {
  flex: none;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 244, 220, .1);
  color: var(--cream, #fff4dc);
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  transition: opacity .18s, background .18s;
}
.captcha-panel__close:hover { opacity: 1; background: rgba(255, 244, 220, .18); }

.captcha-panel__desc {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 244, 220, .68);
}

.captcha-stage {
  position: relative;
  min-height: 210px;
  margin-top: 14px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(12, 18, 20, .34);
  box-shadow: inset 0 0 0 1px rgba(255, 244, 220, .08);
  overflow: hidden;
}
.captcha-stage__hint {
  padding: 12px 16px;
  font-size: 13px;
  color: rgba(255, 244, 220, .62);
  text-align: center;
}
.captcha-stage__hint.is-error { color: #ffb4a8; }

/* 易盾默认会给容器塞一个占满全屏的遮罩，这里压回面板内部 */
.captcha-stage .yidun_modal,
.captcha-stage .yidun_popup {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: none !important;
  background: transparent !important;
}
.captcha-stage .yidun_modal__wrap,
.captcha-stage .yidun_popup__wrap {
  position: relative !important;
  width: 100% !important;
}
.captcha-stage .yidun_modal__body,
.captcha-stage .yidun_popup__body {
  padding: 0 !important;
}
.captcha-stage .yidun_modal__close {
  display: none !important;
}

@media (max-width: 480px) {
  .captcha-modal { padding: 14px 14px 16px; }
  .captcha-stage { min-height: 190px; }
}
