/* 51短剧账号弹窗：Figma 4659:6850 / 4659:7480。字段和提交契约由现有账号模块维护。 */
.hg-auth-modal{--hg-auth-primary:#5df2b8;position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.hg-auth-modal[hidden]{display:none!important}
.hg-auth-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}
.hg-auth-modal__box{position:relative;z-index:1;max-width:100%;max-height:calc(100dvh - 48px)}
body.is-hg-auth-open{overflow:hidden}
.hg-auth-card,.hg-auth-modal .hg-auth-card{position:relative;box-sizing:border-box;width:465px;min-height:551px;max-width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;padding:28px 22px 40px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111;box-shadow:0 40px 120px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);-webkit-overflow-scrolling:touch}
.hg-auth-modal[data-auth-mode="register"] .hg-auth-card:not(.is-success){min-height:744px}
.hg-auth-card__close{position:absolute;top:19px;right:24px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
.hg-auth-card__close-box{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.06)}
.hg-auth-card__close img{display:block;width:8.75px;height:8.75px}
.hg-auth-card__close:hover .hg-auth-card__close-box{background:rgba(255,255,255,.12)}
.hg-auth-card__brand{display:flex;align-items:flex-start;justify-content:center;height:68px;margin:0;text-decoration:none}
.hg-auth-card__brand img{display:block;width:138px;height:45px;object-fit:cover}
.hg-auth-card__title{box-sizing:border-box;height:61px;margin:0;padding-top:12px;color:#fff;font-size:22px;font-weight:500;line-height:27px;text-align:center}
.hg-auth-tabs{margin:12px 0 37px}
.hg-auth-tabs__track{display:flex;align-items:center;box-sizing:border-box;height:40px;padding:3px;border-radius:100px;background:#1c1c1c}
.hg-auth-tabs__item{display:flex;flex:1 1 0;align-items:center;justify-content:center;height:34px;padding:0;border:0;border-radius:100px;background:transparent;color:rgba(255,255,255,.65);font-size:16px;font-weight:500;line-height:21px;cursor:pointer}
button.hg-auth-tabs__item.is-active{background:#afffe0;background-image:none;color:#000}
.hg-auth-form{display:none;flex-direction:column;gap:19px;margin:0}
.hg-auth-form.is-active,.hg-auth-form:not([hidden]){display:flex}
.hg-auth-form[hidden],.hg-auth-form__error[hidden],.hg-auth-tip[hidden]{display:none!important}
.hg-auth-field{display:flex;flex-direction:column;flex-shrink:0;gap:10px;height:67px;margin:0}
.hg-auth-field__label{color:#fff;font-size:16px;font-weight:700;line-height:16px;letter-spacing:.2px}
.hg-auth-field__optional{font-weight:400}
.hg-auth-field__box{position:relative;display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;height:42px;padding:0 16px 0 40px;border:1px solid rgba(255,255,255,.1);border-radius:100px;background:rgba(255,255,255,.1)}
.hg-auth-field__box:focus-within{border-color:var(--hg-auth-primary)}
.hg-auth-field__box:has(.hg-auth-field__eye){padding-right:48px}
.hg-auth-field__input{display:block;width:100%;height:100%;padding:0;border:0!important;outline:0!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;color:#fff;font-size:14px;font-weight:400;line-height:normal}
.hg-auth-field__input:focus-visible{outline:0!important}
.hg-auth-field__input::placeholder{color:rgba(255,255,255,.5)}
.hg-auth-field__input::-ms-reveal,.hg-auth-field__input::-ms-clear{display:none}
.hg-auth-field__input::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}
.hg-auth-field__input:-webkit-autofill,.hg-auth-field__input:-webkit-autofill:not(:focus),.hg-auth-field__input:-webkit-autofill:hover,.hg-auth-field__input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;caret-color:#fff;box-shadow:0 0 0 1000px #292929 inset!important;transition:background-color 9999s ease-out 0s}
.hg-auth-field__input:autofill{color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px #292929 inset!important}
.hg-auth-ico{position:absolute;left:16px;top:50%;z-index:1;display:block;width:16px;height:16px;transform:translateY(-50%);pointer-events:none}
.hg-auth-ico img{position:absolute;display:block}
.hg-auth-ico__user-head{left:5px;top:0;width:8.2px;height:8.2px}
.hg-auth-ico__user-body{left:3px;top:9.4px;width:12.9px;height:5.9px}
.hg-auth-ico__lock{left:2px;top:1px;width:11.852px;height:13.755px}
.hg-auth-ico__mail{left:1px;top:3px;width:13.3px;height:10.3px}
button.hg-auth-field__eye{position:absolute;right:16px;top:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;background:transparent;transform:translateY(-50%);cursor:pointer}
button.hg-auth-field__eye img{position:absolute;display:block;max-width:none;width:14.6674px;height:10.6658px}
button.hg-auth-field__eye img.hg-auth-eye__pupil{width:5.33333px;height:5.33333px}
.hg-auth-form__hint{margin:0;color:#fff;font-size:12px;line-height:16px;text-align:center}
.hg-auth-form__warn{margin:0;color:var(--hg-auth-primary);font-size:12px;line-height:16px}
.hg-auth-form__error{margin:0;color:#ff6b6b;font-size:13px;line-height:18px;text-align:center}
button.hg-auth-submit.hg-auth-submit{display:flex;align-items:center;justify-content:center;width:100%;height:42px;margin:0;padding:0;border:0;border-radius:21px;background:var(--hg-auth-primary);background-image:none;color:#000;font-size:16px;font-weight:700;line-height:24px;letter-spacing:1px;cursor:pointer}
button.hg-auth-submit.hg-auth-submit:hover{filter:brightness(1.06)}
button.hg-auth-submit.hg-auth-submit:disabled{opacity:.6;cursor:wait}
.hg-auth-tip{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;padding:0;color:#ff9c55;font-size:13px;line-height:20px;text-align:left}
.hg-auth-tip img{width:20px;height:20px;flex:none}
.hg-auth-tip p{margin:0;color:inherit;font:inherit}
.hg-auth-register-notice{margin:0;color:rgba(255,255,255,.6);font-size:12px;line-height:20px;text-align:center}
.hg-auth-register-notice strong{display:block;color:var(--hg-auth-primary);font-weight:400}
.hg-auth-form[data-auth-form="login"] .hg-auth-register-notice{display:none}
.hg-auth-register-success{display:none;flex-direction:column;align-items:center;text-align:center;color:#fff}
.hg-auth-card.is-success{width:400px;padding:32px;border-radius:20px}
.hg-auth-card.is-success>.hg-auth-card__brand,.hg-auth-card.is-success>.hg-auth-card__title,.hg-auth-card.is-success>.hg-auth-tip,.hg-auth-card.is-success>.hg-auth-tabs,.hg-auth-card.is-success>.hg-auth-form{display:none!important}
.hg-auth-card.is-success .hg-auth-register-success{display:flex}
.hg-auth-register-success__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:50%;background:var(--hg-auth-primary);color:#092b20;font-size:30px}
.hg-auth-register-success h3{margin:0 0 16px;font-size:22px;line-height:30px}
.hg-auth-register-success p{margin:0;color:#fff;font-size:13px;line-height:22px}
.hg-auth-register-success .hg-auth-register-success__question{margin-bottom:18px;color:var(--hg-auth-primary)}
.hg-auth-register-success__credentials{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:100%;margin-bottom:14px;padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1c1c1c;font-size:13px;line-height:20px;text-align:left}
.hg-auth-register-success__credentials b{font-weight:500}
.hg-auth-register-success__safe{margin-bottom:10px;color:#ffbb3d;font-size:12px}
.hg-auth-register-success button.hg-auth-submit{margin-top:22px}
@media(max-width:767px){
  .hg-auth-modal{padding:16px}
  .hg-auth-modal__box{max-height:calc(100dvh - 32px)}
  .hg-auth-card,.hg-auth-modal .hg-auth-card{width:min(465px,calc(100vw - 32px));min-height:0;max-height:calc(100dvh - 32px);padding:24px 20px 28px;border-radius:20px}
  .hg-auth-modal[data-auth-mode="register"] .hg-auth-card:not(.is-success){min-height:0}
  .hg-auth-card__close{top:16px;right:16px}
  .hg-auth-card__brand{height:56px}
  .hg-auth-card__brand img{width:110px;height:36px}
  .hg-auth-card__title{height:48px;padding-top:8px;font-size:20px}
  .hg-auth-tabs{margin:10px 0 24px}
  .hg-auth-form{gap:16px}
  .hg-auth-field__label{font-size:14px}
  .hg-auth-field__box{height:44px}
  .hg-auth-register-success h3{font-size:20px}
}