.vechoool-membership-modal.points-recharge-dialog{--points-recharge-inset:20px;--vechooool-editorial-panel-body-columns:minmax(0, 1.45fr) minmax(210px, .7fr);width:min(680px,100%);height:min(420px,100dvh - 40px);max-height:calc(100dvh - 40px)}.vechoool-membership-modal .points-recharge-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:.85rem;display:grid}.vechoool-membership-modal .points-recharge-tier{appearance:none;border:1px solid var(--modal-border,#ffffff14);border-radius:var(--vech-radius-sm,9px);background:var(--modal-bg-soft,#ffffff0a);width:100%;min-width:0;min-height:76px;color:var(--modal-text,#fff);text-align:left;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;margin:0;padding:.65rem .7rem;font-family:inherit;display:flex}.vechoool-membership-modal .points-recharge-tier:hover{background:#1f2ff11f;border-color:#1f2ff18c}.vechoool-membership-modal .points-recharge-tier--selected{border-color:var(--brand,#1f2ff1);background:var(--brand,#1f2ff1);box-shadow:inset 0 1px #ffffff24}.vechoool-membership-modal .points-recharge-tier--selected:hover{background:var(--brand-hover,#1826d4);border-color:var(--brand-hover,#1826d4)}.vechoool-membership-modal .points-recharge-tier--mock{border-style:dashed;border-color:#1f2ff18c}.vechoool-membership-modal .points-recharge-tier--mock:disabled{cursor:wait;opacity:.7}.vechoool-membership-modal .points-recharge-tier__amount{font-size:13px;font-weight:500;line-height:1.5}.vechoool-membership-modal .points-recharge-tier__meta{min-width:0;color:var(--modal-text-muted,#8b90a5);flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;line-height:1.5;display:flex}.vechoool-membership-modal .points-recharge-tier--selected .points-recharge-tier__meta{color:#ffffffd1}.vechoool-membership-modal .points-recharge-note{color:var(--modal-text-muted,#8b90a5);margin:1rem 0 0;font-size:12px;line-height:1.5}.vechoool-membership-modal .points-recharge-note--error{color:#f0a8a8}@media (max-width:520px){.vechoool-membership-modal .points-recharge-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}.vechoool-membership-modal .points-recharge-retry{appearance:none;color:var(--brand,#1f2ff1);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-card-top{padding-left:20px;padding-right:12px}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .points-recharge-tiers{flex:1 0 auto;grid-auto-rows:1fr;margin-top:0}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-benefits{padding-left:var(--points-recharge-inset);padding-right:var(--points-recharge-inset);padding-bottom:var(--points-recharge-inset)}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-benefits>.price__membership-section-head{flex-shrink:0}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-wechat-icon{width:16px;height:16px}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-checkout-sub{min-height:18px;display:flex}@media (max-width:600px){.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-card-top{padding-left:16px;padding-right:12px}}.vechoool-membership-modal.points-recharge-dialog{--vechooool-editorial-panel-body-columns:minmax(0, 1.35fr) minmax(240px, .85fr)}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .points-recharge-tier{min-height:120px;padding:16px}@media (max-width:600px){.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .points-recharge-tier{min-height:88px;padding:12px}}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay-hint.is-placeholder{visibility:hidden;display:block}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-price.is-placeholder{visibility:hidden}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay{min-height:calc(var(--vechooool-editorial-panel-qr-size) + 28px);flex-shrink:0}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay--success,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay--jsapi{justify-content:center}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-qr-wrap{flex-shrink:0}@media (max-width:1024px){.vechoool-membership-modal.points-recharge-dialog{height:min(640px, calc(100dvh - 24px - env(safe-area-inset-bottom,0px)));max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px))}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-benefits,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .points-recharge-tiers{flex:none}}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog p.price__membership-agreement{color:var(--modal-text-soft);opacity:1;margin-top:10px;font-size:12px;line-height:1.5}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-benefits-title,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-checkout-title{margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.3}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-benefits-sub,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-checkout-sub,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay-hint,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-qr-loading{font-size:12px;line-height:1.5}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay-error p{font-size:13px;line-height:1.5}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-section-head,.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-price{margin-bottom:16px}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .price__membership-pay-hint{margin-top:10px}.vechoool-membership-backdrop .vechoool-membership-modal.points-recharge-dialog .points-recharge-tier{gap:6px}.points-recharge-dialog .points-recharge-tier__number{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.2}.points-recharge-help{position:relative}.points-recharge-help__trigger{cursor:pointer;font:inherit}.points-recharge-help__content{z-index:5;border:1px solid var(--modal-border-strong);border-radius:var(--vech-radius-md);background:var(--modal-bg-solid);width:min(280px,100vw - 64px);color:var(--modal-text-soft);font-family:var(--modal-font);visibility:hidden;opacity:0;padding:16px;font-size:12px;line-height:1.6;transition:opacity .15s;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 28px #0000004d}.points-recharge-help__content:before{content:"";height:11px;position:absolute;top:-11px;left:0;right:0}.points-recharge-help:hover .points-recharge-help__content,.points-recharge-help:focus-within .points-recharge-help__content,.points-recharge-help.is-open .points-recharge-help__content{visibility:visible;opacity:1}.points-recharge-help__title{color:var(--modal-text);margin:0 0 8px;font-size:13px;font-weight:500}.points-recharge-help__content ul{margin:0;padding:0;list-style:none}.points-recharge-help__content li+li{margin-top:8px}.points-recharge-help__trigger:focus-visible{outline-offset:3px;outline:2px solid #fff}