/* Membership render tree and spacing: vip-purchase/index-DS3j2eVE.css;
   x07 dark skin values: index-BN1u2Ytj.css; Vant popup radius: vendor-CV778ufK.css. */
:is(.ra-purchase-dialog,.ra-member-route){--member-card:#1c1c18;--member-text:#eee;--member-heading:#fff;--member-muted:#9a9a94;--member-line:rgba(255,255,255,.05);--member-primary:#ffe033;--member-on-primary:#0f172a}
.ra-purchase-dialog,.ra-purchase-dialog>.remaining-account,.ra-member-route>.remaining-account{border-radius:calc(var(--source-rem)*.42667) calc(var(--source-rem)*.42667) 0 0}
.ra-purchase-dialog::backdrop{background:rgba(0,0,0,.7)}
.ra-member-route{background:rgba(0,0,0,.7)}
:is(.ra-purchase-dialog,.ra-member-route)>.remaining-account{background:var(--member-card);color:var(--member-text)}
:is(.ra-purchase-dialog,.ra-member-route)>.remaining-account{border-inline:0}
:is(.ra-purchase-dialog,.ra-member-route) .ra-header{position:relative;display:flex;justify-content:center;height:calc(var(--source-rem)*1.28);padding:0;border:0;background:var(--member-card)}
:is(.ra-purchase-dialog,.ra-member-route) .ra-header h1{color:var(--member-heading);font-size:calc(var(--source-rem)*.42667);font-weight:600;line-height:1.5}
:is(.ra-purchase-dialog,.ra-member-route) .ra-header .ra-back{position:absolute;left:calc(var(--source-rem)*.32);width:calc(var(--source-rem)*.74667);height:calc(var(--source-rem)*.74667);min-height:0;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;color:var(--member-heading)}
:is(.ra-purchase-dialog,.ra-member-route) .ra-header .ra-back svg{height:20px;width:20px}
:is(.ra-purchase-dialog,.ra-member-route) .ra-member-body{display:flex;flex-direction:column;gap:calc(var(--source-rem)*.32);padding-bottom:calc(var(--source-rem)*3.52 + env(safe-area-inset-bottom,0px))}
.ra-member-body>:is(.ra-vip-group,.ra-member-scope-tip,.ra-benefits,.ra-member-notes,.ra-tip){flex-shrink:0;min-width:0;margin:0}
.ra-vip-group{padding-top:calc(var(--source-rem)*.32);max-width:100%}
.ra-vip-group .ra-vip-cards{position:relative;padding-top:calc(var(--source-rem)*.26667);padding-bottom:calc(var(--source-rem)*.05333);gap:4px}
.ra-vip-group .ra-vip-card{box-sizing:border-box;max-width:100%;border-width:calc(var(--source-rem)*.02667);border-color:color-mix(in srgb,var(--member-text) 22%,transparent);background:color-mix(in srgb,var(--member-text) 7%,var(--member-card));color:var(--member-heading)}
.ra-vip-group .ra-vip-card.active{border-color:var(--member-primary);background:color-mix(in srgb,var(--member-primary) 16%,var(--member-card))}
.ra-vip-card .ra-plan-days,.ra-vip-card>span:nth-last-child(2){color:var(--member-muted)}
.ra-vip-card>strong{color:var(--member-heading)}
.ra-vip-group .ra-vip-card>b{background:#222220;color:var(--member-heading);white-space:nowrap;overflow:hidden;min-width:0}
.ra-vip-group .ra-vip-card.active>b{background:#ffe03329;color:var(--member-primary)}
.ra-vip-group .ra-vip-dots{margin:calc(var(--source-rem)*.26667) 0 0}
.ra-member-body .ra-member-scope-tip{background:#ffe0331f;color:var(--member-text);border-width:calc(var(--source-rem)*.02667)}
.ra-member-scope-tip p{margin:0;font-size:calc(var(--source-rem)*.32);line-height:1.5}
.ra-member-body .ra-benefits{border:calc(var(--source-rem)*.02667) solid var(--member-line);background:var(--member-card)}
.ra-member-body .ra-benefits h2{align-items:center;gap:calc(var(--source-rem)*.21333);color:var(--member-heading)}
.ra-benefits h2 span{font-weight:500;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--member-primary)}
.ra-member-body .ra-benefits>div{border:0;color:var(--member-heading)}
.ra-member-body .ra-benefits>div:not(:last-child){border-bottom:calc(var(--source-rem)*.02667) solid var(--member-line)}
.ra-member-body .ra-benefits em{background:#141412;border-color:var(--member-line)}
.ra-member-body .ra-benefits>div>span{display:flex;flex-direction:column;min-width:0;gap:calc(var(--source-rem)*.05333)}
.ra-member-body .ra-benefits small{color:var(--member-muted)}
.ra-member-body .ra-benefits strong{flex-shrink:0}
.ra-member-body .ra-benefit-drama>strong{color:var(--member-on-primary)}
.ra-member-body .ra-benefit-drama>strong.is-off{background:var(--member-text);color:var(--member-card)}
.ra-member-body .ra-member-notes{padding:calc(var(--source-rem)*.26667) calc(var(--source-rem)*.32);background:var(--member-card);border:calc(var(--source-rem)*.02667) solid var(--member-line);border-radius:calc(var(--source-rem)*.32);overflow:hidden}
.ra-member-body .ra-member-notes p{margin:0;font-size:calc(var(--source-rem)*.32);line-height:1.55;color:var(--member-text)}
.ra-member-body>.ra-tip{line-height:1.4;color:var(--member-muted)}
:is(.ra-purchase-dialog,.ra-member-route) .ra-vip-pay{background:var(--member-card);border-top:calc(var(--source-rem)*.02667) solid var(--member-line)}
.ra-vip-pay .ra-vip-meta,.ra-vip-pay .ra-vip-summary>span{color:var(--member-muted)}
.ra-vip-pay .ra-vip-summary>div{flex-wrap:nowrap;min-width:0}
.ra-vip-pay .ra-vip-summary strong{font-size:calc(var(--source-rem)*.34667);font-weight:500;color:var(--member-heading)}
.ra-vip-pay .ra-vip-summary em{flex-shrink:0;white-space:nowrap;background:#ffe03324}
.ra-vip-pay .ra-vip-pay-bar>.btn{border:0;color:var(--member-on-primary)}

.ra-member-scope-tip>span{font-size:16px;line-height:1;margin-top:calc(var(--source-rem)*.02667);width:16px;height:16px;flex-shrink:0}.ra-member-scope-tip>span svg{display:block;width:16px;height:16px}
.ra-vip-card strong small{font-family:inherit}.ra-plan-recommend{color:var(--member-on-primary)}