.membership-modal{width:min(580px,92vw)}.member-intro{margin:0 0 23px;color:#63728a}.member-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}.member-plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 12px 19px;border:1px solid #dbe2eb;border-radius:14px;background:#fff;cursor:pointer;color:#27364b;font:inherit}.member-plan.selected{border:2px solid #2679e8;padding:25px 11px 18px;background:#f6faff;box-shadow:0 0 0 3px #2679e80a}.member-plan b{font-size:16px;font-weight:600}.member-save{position:absolute;right:-1px;top:-11px;background:#ec5a85;color:white;font-size:11px;padding:3px 9px;border-radius:7px 7px 0 7px}.member-price{display:block;color:#172943;font-size:37px;font-weight:800;line-height:1.3;letter-spacing:-1px}.member-price small{font-size:19px;margin-right:5px}.member-original{font-size:13px;color:#8c95a3}.member-original del{text-decoration-thickness:1px}.member-duration{font-size:12px;color:#6f7c90}.payment-methods{display:flex;gap:12px;margin-top:23px}.pay-method{display:flex;gap:9px;align-items:center;justify-content:center;flex:1;padding:12px;border:1px solid #dde5ef;border-radius:10px;background:white;color:#40526b;cursor:pointer;font:inherit}.pay-method.selected{border-color:#2679e8;background:#f3f8ff}.provider-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#fff;font-size:13px;font-weight:800}.provider-icon.wechat{background:#16af65}.provider-icon.alipay{background:#1677ff}.member-footnote{color:#8b97a7;font-size:12px;margin-bottom:0}.inline-error{color:#ba3d4a!important}.member-checkout{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center;align-items:center}.checkout-plan{display:flex;flex-direction:column;gap:10px;align-items:center}.checkout-plan>b{font-size:20px}.checkout-plan>span:not(.member-price){color:#758398}.checkout-plan>small{font-size:11px;color:#94a0ad}.checkout-qr img{width:184px;height:184px;object-fit:contain;border:1px solid #e0e8f2;padding:8px;max-width:100%}.checkout-qr p{font-size:13px;color:#697d95;margin:8px 0}.member-checkout>#paymentState,.order-number{grid-column:1/-1;margin:0;overflow-wrap:anywhere}.order-number{font-size:11px;color:#95a0af}.member-checkout>#paymentState{color:#34668e;font-size:14px}.invitation-modal{width:min(670px,92vw)}.invite-identity{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.invite-identity>span{color:#8090a6;font-size:13px}.invite-identity>strong{font-size:23px;letter-spacing:1px;color:#1b426c}.invite-identity>button{margin-left:auto}.invite-link{display:flex;gap:9px;margin-top:16px}.invite-link input{flex:1;min-width:0;border:1px solid #dbe4ef;border-radius:8px;padding:11px;color:#4f6886;background:#f9fbfe}.reward-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.reward-rules>div{display:flex;flex-direction:column;gap:8px;text-align:center;border:1px solid #e3ebf6;border-radius:12px;padding:15px 5px;background:#f7faff}.reward-rules b{color:#2674cc;font-size:22px}.reward-rules span{font-size:12px;color:#677b94}.reward-totals{display:flex;gap:24px;border-bottom:1px solid #e5ebf3;padding:14px 0;color:#6b7f97;font-size:13px}.reward-totals b{font-size:18px;color:#233e60}.reward-heading{font-size:15px;margin:18px 0 8px}.reward-records{max-height:200px;overflow:auto}.reward-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f6;gap:14px}.reward-row>div{display:flex;flex-direction:column;gap:5px}.reward-row>div:last-child{text-align:right}.reward-row b{font-size:13px}.reward-row strong{color:#2c77c9}.reward-row small{font-size:11px;color:#8697a9}.reward-empty{text-align:center;color:#8697a9;padding:16px;font-size:13px}.reward-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;font-size:12px;color:#7a8da5}#authInviter{text-transform:uppercase}#authInviter[readonly]{background:#edf5fe;color:#31699e}#inviteBindingHint{margin-top:9px;line-height:1.6}#inviteBindingHint button{margin-left:8px}.member-plan:focus-visible,.pay-method:focus-visible{outline:3px solid #91bef5;outline-offset:3px}@media(max-width:580px){.member-checkout{grid-template-columns:1fr}.reward-rules{gap:5px}.reward-rules span{font-size:11px}.invite-identity>strong{font-size:20px}}

/* Account membership art and a restrained purchase entry beside the avatar. */
.user-area{gap:14px}
.member-upgrade-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 14px;border:1px solid #d5e4f5;border-radius:10px;background:#f3f8ff;color:#386595;font:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.member-upgrade-btn:hover:not(:disabled){background:#eaf3ff;border-color:#a9c7e9;box-shadow:0 3px 9px #2861a00d}
.member-upgrade-btn:focus-visible{outline:3px solid #96bfee;outline-offset:3px}
.member-upgrade-btn:disabled{opacity:.58;cursor:default}
.member-upgrade-btn svg{flex-shrink:0;color:#648bb6}
.account-trigger{padding:1px 6px 1px 1px;gap:3px;border-color:transparent;box-shadow:none;background:transparent}
.account-trigger:hover{background:#f2f6fc}
.account-trigger-avatar{width:52px;height:52px;object-fit:contain;border:none;border-radius:50%;background:transparent}
.account-dropdown{top:calc(100% + 10px);right:0}
.account-dropdown-avatar{width:78px;height:78px;flex-shrink:0;object-fit:contain;border:none;background:transparent;box-shadow:none}
#accountPlan{font-weight:600;color:#48627d}
@media(max-width:900px){.user-area{gap:8px}.member-upgrade-btn{padding:7px 10px}.member-upgrade-btn svg{display:none}.account-trigger-avatar{width:48px;height:48px}}