.membership-plans{--membership-card-radius-tl: var( --trtl, var(--el-border-radius-base, .25rem) );--membership-card-radius-tr: var( --trtr, var(--el-border-radius-base, .25rem) );--membership-card-radius-br: var( --trbr, var(--el-border-radius-base, .25rem) );--membership-card-radius-bl: var( --trbl, var(--el-border-radius-base, .25rem) );width:100%;container-name:membership-plans;container-type:inline-size;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.membership-explore__empty{padding:1.5rem;color:var(--el-text-color-regular);font-size:.875rem;text-align:center}.membership-value-carousel{width:100%;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.membership-value-carousel__viewport{position:relative;width:100%;height:220px;overflow:hidden;border-radius:var(--membership-card-radius-tl) var(--membership-card-radius-tr) var(--membership-card-radius-br) var(--membership-card-radius-bl)}.membership-value-carousel__track{display:flex;width:100%;height:220px;transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.membership-value-card{--card-accent: #6c4ee7;--card-accent-soft: rgba(108,78,231,.12);--card-title: #17172c;--card-copy: #686982;position:relative;isolation:isolate;display:flex;width:100%;height:220px;flex:0 0 100%;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding:.9rem .9rem .75rem;color:var(--card-title);text-align:center;border:1px solid rgba(92,86,140,.1);border-radius:var(--membership-card-radius-tl) var(--membership-card-radius-tr) var(--membership-card-radius-br) var(--membership-card-radius-bl);background:radial-gradient(circle at 84% 8%,hsla(0,0%,100%,.9),transparent 33%),linear-gradient(145deg,#f7f5ff,#f0edff);box-shadow:0 18px 38px -30px #40338480,inset 0 1px #ffffffe6}.membership-value-card:after{position:absolute;right:-2.8rem;bottom:-3.6rem;z-index:-1;width:9rem;height:9rem;border-radius:50%;background:var(--card-accent-soft);content:"";filter:blur(6px)}.membership-value-card--blue{--card-accent: #3978de;--card-accent-soft: rgba(57,120,222,.12);background:radial-gradient(circle at 84% 8%,hsla(0,0%,100%,.9),transparent 33%),linear-gradient(145deg,#f5f8ff,#eaf2ff)}.membership-value-card--indigo{--card-accent: #4c62d9;--card-accent-soft: rgba(76,98,217,.12);background:radial-gradient(circle at 84% 8%,hsla(0,0%,100%,.9),transparent 33%),linear-gradient(145deg,#f4f6ff,#eaedfc)}.membership-value-card__icon{display:flex;width:2.75rem;height:2.75rem;flex:0 0 auto;align-items:center;justify-content:center;color:var(--card-accent);font-size:1.65rem;border:1px solid hsla(0,0%,100%,.72);border-radius:.9rem;background:#ffffffbd;box-shadow:0 14px 30px -20px var(--card-accent),inset 0 1px #fffffff2}.membership-value-card__icon img,.membership-value-card__svg-icon{width:55%!important;height:55%!important;-o-object-fit:contain;object-fit:contain}.membership-value-card__copy{display:grid;justify-items:center;margin-top:.5rem}.membership-value-card h3{margin:0;color:var(--card-title);font-size:clamp(.98rem,6.6cqi,1.18rem);font-weight:750;line-height:1.3;letter-spacing:-.02em}.membership-value-card p{margin:.1rem 0 0;color:var(--card-copy);font-size:clamp(.68rem,4.2cqi,.78rem);line-height:1.35}.membership-value-card--purchase{--card-accent: #6d4ce4;--card-accent-soft: rgba(118,79,232,.2);--card-title: #fff;--card-copy: hsla(0,0%,100%,.78);border-color:#ffffff24;background:radial-gradient(circle at 88% 4%,rgba(163,122,255,.48),transparent 35%),linear-gradient(135deg,#4f35b9,#322b85);box-shadow:0 24px 42px -30px #2f2179e6,inset 0 1px #ffffff2e}.membership-value-card__badge{position:absolute;top:.65rem;right:.7rem;display:inline-flex;min-height:1.35rem;align-items:center;gap:.2rem;padding:.18rem .45rem;color:#7d461e;font-size:.62rem;font-weight:750;border-radius:999px;background:#fff0cc}.membership-value-card--purchase .membership-value-card__icon{color:#f4d589;font-size:1.55rem;border-color:#ffffff1f;background:#ffffff1a;box-shadow:none}.membership-value-card--purchase h3{color:#fff}.membership-value-card--purchase p{color:#ffffffbd}.membership-value-card__price-row{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.1rem}.membership-value-card__price{display:flex;align-items:baseline;color:#fff;line-height:1}.membership-value-card__price span{margin-right:.15rem;font-size:.8rem;font-weight:750}.membership-value-card__price strong{color:#fff;font-size:clamp(1.65rem,10cqi,2.15rem);font-weight:760;letter-spacing:-.055em}.membership-value-card__saving{padding:.18rem .42rem;color:#8e542b;font-size:.62rem;font-weight:750;border-radius:999px;background:#fff0cb}.membership-value-card__cta{display:flex;width:100%;height:2.15rem;min-height:2.15rem;align-items:center;justify-content:center;gap:.45rem;margin-top:auto;margin-bottom:1.55rem;padding:.375rem .75rem;color:var(--card-accent);font-family:inherit;font-size:.78rem;font-weight:750;line-height:1rem;border:1px solid rgba(92,75,188,.12);border-radius:.72rem;background:#ffffffc2;cursor:pointer;transition:transform .18s ease,filter .18s ease}.membership-value-card__cta:hover{filter:brightness(1.03);transform:translateY(-1px)}.membership-value-card__cta:focus-visible{outline:2px solid #fff;outline-offset:2px}.membership-value-card__cta:disabled{cursor:not-allowed;opacity:.55}.membership-value-card--purchase .membership-value-card__cta{color:#633d24;border-color:transparent;background:linear-gradient(105deg,#fff8e8,#f5d89d)}.membership-value-carousel__dots{position:absolute;right:0;bottom:.75rem;left:0;z-index:3;display:flex;height:.5rem;align-items:center;justify-content:center;gap:.55rem;pointer-events:none}.membership-value-carousel__dot{width:.42rem;height:.42rem;padding:0;border:0;border-radius:50%;background:#cfcede;cursor:pointer;pointer-events:auto;transition:width .18s ease,background .18s ease,transform .18s ease}.membership-value-carousel__dot:focus-visible,.membership-value-carousel__dot:hover{outline:none;background:#8984b8;transform:scale(1.2)}.membership-value-carousel__dot.is-active{width:1.25rem;border-radius:999px;background:#5f43d7}.membership-plans.is-dark-mode .membership-value-card,html.dark .membership-plans .membership-value-card{--card-title: #f4f2ff;--card-copy: #aaa8c0;border-color:#ffffff14;background:radial-gradient(circle at 84% 8%,rgba(118,91,202,.16),transparent 34%),linear-gradient(145deg,#22202e,#191820);box-shadow:0 20px 40px -32px #000000e6,inset 0 1px #ffffff0a}.membership-plans.is-dark-mode .membership-value-card--blue,html.dark .membership-plans .membership-value-card--blue{background:radial-gradient(circle at 84% 8%,rgba(64,105,185,.2),transparent 34%),linear-gradient(145deg,#1b222e,#171a20)}.membership-plans.is-dark-mode .membership-value-card--indigo,html.dark .membership-plans .membership-value-card--indigo{background:radial-gradient(circle at 84% 8%,rgba(68,86,181,.2),transparent 34%),linear-gradient(145deg,#1d2130,#171920)}.membership-plans.is-dark-mode .membership-value-card--purchase,html.dark .membership-plans .membership-value-card--purchase{--card-title: #fff;--card-copy: hsla(0,0%,100%,.72);border-color:#ffffff1a;background:radial-gradient(circle at 88% 4%,rgba(121,82,222,.38),transparent 35%),linear-gradient(135deg,#36267f,#24204f)}.membership-plans.is-dark-mode .membership-value-card:not(.membership-value-card--purchase) .membership-value-card__icon,html.dark .membership-plans .membership-value-card:not(.membership-value-card--purchase) .membership-value-card__icon{border-color:#ffffff14;background:#ffffff0f}.membership-plans.is-dark-mode .membership-value-card:not(.membership-value-card--purchase) .membership-value-card__cta,html.dark .membership-plans .membership-value-card:not(.membership-value-card--purchase) .membership-value-card__cta{color:#b4a7f2;border-color:#ffffff14;background:#ffffff0f}.membership-plans.is-dark-mode .membership-value-carousel__dot,html.dark .membership-plans .membership-value-carousel__dot{background:#4d4b58}.membership-plans.is-dark-mode .membership-value-carousel__dot.is-active,html.dark .membership-plans .membership-value-carousel__dot.is-active{background:#8b76ed}@container membership-plans (max-width: 20rem){.membership-value-card{padding:.85rem .8rem .75rem}.membership-value-card__icon{width:2.6rem;height:2.6rem;font-size:1.55rem}}@container membership-plans (max-width: 11.999rem){.membership-value-card{padding:.6rem}.membership-value-card__copy{margin-top:.25rem}.membership-value-card h3{font-size:.9rem}.membership-value-card__badge{top:.55rem;right:.55rem}.membership-value-card p:nth-of-type(2){display:none}}@media(prefers-reduced-motion:reduce){.membership-value-card__cta,.membership-value-carousel__dot,.membership-value-carousel__track{transition:none}}
