.member-dialog{width:min(500px,calc(100% - 24px));max-height:min(92vh,820px);padding:0;border:1px solid #d9e6e5;border-radius:8px;background:#fff;color:#17333b;box-shadow:0 24px 70px rgba(6,43,55,.24)}
.member-dialog::backdrop{background:rgba(8,35,46,.64)}
.member-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 0}
.member-dialog-kicker{color:#008f91;font-size:12px;font-weight:800}
.member-dialog-close{width:36px;height:36px;border:0;background:transparent;color:#567078;font-size:28px;line-height:1;cursor:pointer}
.member-dialog-close:hover{color:#083b52}
.member-dialog-body{padding:0 26px 26px}
.member-dialog h2{margin:8px 0 2px;color:#083b52;font-size:26px;line-height:1.3}
.member-dialog-route{margin:0 0 18px;color:#657b82;font-size:14px}
.member-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid #bde3df;border-radius:7px;background:#eff9f7}
.member-plan>div:first-child{display:grid;gap:4px;min-width:0}
.member-plan strong{color:#083b52;font-size:17px}
.member-plan span{color:#536c70;font-size:12px;line-height:1.5}
.member-plan-price{flex:none;color:#b45121;font-size:34px;font-weight:800;line-height:1}
.member-plan-price small{font-size:17px}
.member-step{padding-top:22px}
.member-step[hidden]{display:none}
.member-step h3{margin:0 0 3px;color:#083b52;font-size:17px}
.member-step>p{margin:0 0 17px;color:#657b82;font-size:13px}
#member-login-form{display:grid;gap:8px}
#member-login-form label{margin-top:5px;color:#3e5960;font-size:13px;font-weight:700}
#member-login-form input{width:100%;height:43px;padding:0 12px;border:1px solid #ccdadb;border-radius:5px;outline:none;font-size:15px}
#member-login-form input:focus{border-color:#008f91;box-shadow:0 0 0 3px #e4f5f3}
.member-input-row{display:flex;gap:8px;align-items:center}
.member-input-row input{min-width:0}
.member-captcha-refresh{width:132px;height:46px;flex:none;padding:0;border:1px solid #ccdadb;border-radius:5px;background:#f6f9f8;cursor:pointer}
.member-captcha-refresh img{width:130px;height:44px;object-fit:contain}
.member-captcha-refresh img:not([src]){visibility:hidden}
.member-send-sms{min-width:112px;height:43px;flex:none;padding:0 10px;border:1px solid #a8d7d4;border-radius:5px;background:#fff;color:#008f91;font-size:13px;font-weight:700;cursor:pointer}
.member-send-sms:disabled{opacity:.6;cursor:not-allowed}
.member-primary{width:100%;margin-top:12px;justify-content:center;border:0;cursor:pointer}
.member-pay-step{text-align:center}
.member-qr-shell{display:grid;place-items:center;width:232px;height:232px;margin:0 auto 9px;border:1px solid #dce6e6;border-radius:6px;background:#fff}
.member-qr-shell canvas{width:208px;height:208px}
.member-pay-hint{color:#36575f;font-size:13px;font-weight:700}
.member-success-step{text-align:center}
.member-success-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:#e4f5f3;color:#008f91;font-size:30px;font-weight:800}
.member-dialog-feedback{min-height:21px;margin:12px 0 0;color:#b45121;font-size:13px;text-align:center}
.member-dialog-fineprint{margin:12px 0 0;padding-top:14px;border-top:1px solid #e5eeee;color:#71868c;font-size:11px;line-height:1.7}
.member-dialog-fineprint a{color:#008f91;text-decoration:underline}
@media(max-width:520px){.member-dialog{width:calc(100% - 20px)}.member-dialog-head{padding:12px 18px 0}.member-dialog-body{padding:0 18px 18px}.member-dialog h2{font-size:22px}.member-plan{padding:13px}.member-plan-price{font-size:30px}}