.membership-card[data-v-f71091d4]{width:100%}.member-info-panel[data-v-f71091d4]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000005;margin-bottom:40px;padding:32px}.panel-content[data-v-f71091d4]{justify-content:space-between}.panel-content[data-v-f71091d4],.user-main[data-v-f71091d4]{align-items:center;display:flex}.user-main[data-v-f71091d4]{gap:20px}.user-avatar-wrapper[data-v-f71091d4]{height:72px;position:relative;width:72px}.user-avatar-wrapper img[data-v-f71091d4]{border:3px solid #f8fafc;border-radius:50%;box-shadow:0 4px 12px #00000014;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.vip-tag[data-v-f71091d4]{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:0;width:24px}.vip-tag i[data-v-f71091d4]{font-size:14px}.member-status-title[data-v-f71091d4]{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 6px}.member-expire-desc[data-v-f71091d4]{color:#64748b;font-size:14px;margin:0}.balance-badge[data-v-f71091d4]{align-items:center;background:#f1f5f9;border-radius:100px;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px}.balance-badge i[data-v-f71091d4]{color:#6366f1}.packages-section[data-v-f71091d4]{margin-bottom:40px}.section-header[data-v-f71091d4]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:24px}.section-title-wrapper[data-v-f71091d4]{align-items:center;color:#1e293b;display:flex;gap:8px}.section-title-wrapper i[data-v-f71091d4]{color:#6366f1;font-size:20px}.section-header-title[data-v-f71091d4]{font-size:20px;font-weight:700;margin:0}.section-subtitle[data-v-f71091d4]{color:#94a3b8;font-size:13px}.packages-grid[data-v-f71091d4]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.package-card[data-v-f71091d4]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.package-card[data-v-f71091d4]:hover{border-color:#6366f1;box-shadow:0 8px 16px #6366f114;transform:translateY(-2px)}.package-card.selected[data-v-f71091d4]{background:#f8faff;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.pkg-tag[data-v-f71091d4]{background:#6366f1;border-bottom-left-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:0;top:0}.pkg-header[data-v-f71091d4]{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:10px}.pkg-name[data-v-f71091d4]{color:#334155;font-size:16px;font-weight:700;white-space:nowrap}.pkg-discount[data-v-f71091d4]{background:#fee2e2;border-radius:4px;color:#ef4444;flex-shrink:0;font-size:10px;font-weight:700;padding:1px 4px}.pkg-price[data-v-f71091d4]{align-items:baseline;display:flex;gap:2px;justify-content:center;margin-bottom:2px}.pkg-price .currency[data-v-f71091d4]{color:#1e293b;font-size:14px;font-weight:700}.pkg-price .amount[data-v-f71091d4]{color:#1e293b;font-size:28px;font-weight:800;line-height:1.1}.pkg-price .original[data-v-f71091d4]{color:#94a3b8;font-size:11px;margin-left:2px;text-decoration:line-through}.pkg-footer[data-v-f71091d4]{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:4px}.pkg-period[data-v-f71091d4]{color:#64748b;font-size:11px}.pkg-save[data-v-f71091d4]{background:#ecfdf5;border-radius:4px;color:#10b981;font-size:10px;font-weight:600;padding:1px 6px}.checkout-section[data-v-f71091d4]{margin:0 auto;max-width:600px}.checkout-card[data-v-f71091d4]{background:#1e293b;border-radius:24px;box-shadow:0 20px 40px #0f172a26;color:#fff;padding:32px}.checkout-section.compact[data-v-f71091d4]{max-width:none}.checkout-card.compact[data-v-f71091d4]{align-items:center;background:radial-gradient(circle at 10% -20%,rgba(138,92,246,.18),transparent 45%),linear-gradient(115deg,#1c1825,#251e30 60%,#171221);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 20px 48px #17122159,inset 0 1px #ffffff0d;color:#f6f2f7;display:flex;gap:24px;justify-content:space-between;min-height:96px;overflow:hidden;padding:20px 24px;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.checkout-card.compact[data-v-f71091d4]:hover{border-color:#ffffff1f;box-shadow:0 24px 56px #17122173,inset 0 1px #ffffff14}.checkout-card.compact .compact-left[data-v-f71091d4]{display:flex;flex-direction:column;gap:4px;min-width:140px}.checkout-card.compact .compact-pkg-info[data-v-f71091d4]{display:flex;flex-direction:column;gap:2px}.checkout-card.compact .compact-pkg-label[data-v-f71091d4]{color:#ffffff59;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.checkout-card.compact .compact-pkg-val[data-v-f71091d4]{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.01em}.checkout-card.compact .compact-pkg-price[data-v-f71091d4]{align-items:center;display:flex;gap:6px;margin-top:2px}.checkout-card.compact .compact-pkg-price .price-label[data-v-f71091d4]{color:#ffffff4d;font-size:11px}.checkout-card.compact .compact-pkg-price .price-val[data-v-f71091d4]{color:#ffffffb3;font-size:12px;font-weight:500}.checkout-card.compact .compact-balance-inline[data-v-f71091d4]{align-items:center;cursor:pointer;display:flex;gap:6px;margin-top:4px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkout-card.compact .compact-balance-inline .balance-label[data-v-f71091d4]{color:#ffffff73;font-size:11px;font-weight:500;transition:color .2s ease}.checkout-card.compact .compact-balance-inline .balance-label small[data-v-f71091d4]{color:#ffffff4d;font-weight:400}.checkout-card.compact .compact-balance-inline.active .balance-label[data-v-f71091d4]{color:#ffffffbf}.checkout-card.compact .compact-balance-inline:hover .balance-label[data-v-f71091d4]{color:#ffffffa6}.checkout-card.compact .compact-balance-inline.disabled[data-v-f71091d4]{cursor:not-allowed;opacity:.5;pointer-events:none}.checkout-card.compact .compact-balance-inline .balance-deducted[data-v-f71091d4]{color:#e7ff75;font-size:11px;font-weight:700;margin-left:2px}.checkout-card.compact .compact-balance-inline[data-v-f71091d4] .el-checkbox{height:auto;margin-right:0}.checkout-card.compact .compact-balance-inline[data-v-f71091d4] .el-checkbox__inner{background-color:transparent;border-color:#fff3;border-radius:4px;height:13px;transition:all .2s ease;width:13px}.checkout-card.compact .compact-balance-inline.active[data-v-f71091d4] .el-checkbox__inner{background-color:#e7ff75;border-color:#e7ff75}.checkout-card.compact .compact-balance-inline.active[data-v-f71091d4] .el-checkbox__inner:after{border-color:#1c1825}.checkout-card.compact .compact-balance-inline[data-v-f71091d4] .el-checkbox__label{display:none}.checkout-card.compact .compact-right[data-v-f71091d4]{align-items:center;display:flex;gap:20px}.checkout-card.compact .compact-total[data-v-f71091d4]{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.checkout-card.compact .compact-total .total-label[data-v-f71091d4]{color:#ffffff59;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.checkout-card.compact .compact-total .total-amount[data-v-f71091d4]{align-items:baseline;color:#fff;display:flex}.checkout-card.compact .compact-total .total-amount .currency[data-v-f71091d4]{font-size:13px;font-weight:700;margin-right:1px}.checkout-card.compact .compact-total .total-amount .val[data-v-f71091d4]{font-size:26px;font-weight:800;letter-spacing:-.02em}.checkout-card.compact .pay-submit-btn[data-v-f71091d4]{align-items:center;background:linear-gradient(135deg,#e7ff75,#d6f850);border:none;border-radius:12px;box-shadow:0 4px 12px #e7ff7526;color:#171221;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:12px;height:48px;justify-content:center;padding:0 16px 0 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkout-card.compact .pay-submit-btn[data-v-f71091d4]:hover{background:linear-gradient(135deg,#efff9e,#ddfa62);box-shadow:0 12px 24px #e7ff7540,0 0 0 4px #e7ff751a;transform:translateY(-2px)}.checkout-card.compact .pay-submit-btn[data-v-f71091d4]:active{box-shadow:0 4px 8px #e7ff7526;transform:translateY(0)}.checkout-card.compact .pay-submit-arrow[data-v-f71091d4]{background:#17122114;border-radius:8px;display:grid;font-size:13px;font-weight:700;height:26px;place-items:center;transition:transform .3s ease;width:26px}.checkout-card.compact .pay-submit-btn:hover .pay-submit-arrow[data-v-f71091d4]{transform:translate(3px)}.checkout-header[data-v-f71091d4]{margin-bottom:24px}.pkg-info[data-v-f71091d4]{align-items:center;display:flex;font-size:15px;gap:8px}.pkg-info-label[data-v-f71091d4]{color:#fff9}.pkg-info-val[data-v-f71091d4]{color:#6366f1;font-weight:700}.checkout-items[data-v-f71091d4]{display:flex;flex-direction:column;gap:16px}.checkout-item[data-v-f71091d4]{align-items:center;display:flex;font-size:14px;justify-content:space-between}.item-label[data-v-f71091d4]{color:#fff9}.item-label-group[data-v-f71091d4]{align-items:center;display:flex;gap:8px}.checkbox-text[data-v-f71091d4]{color:#fff;font-size:14px}.available-balance[data-v-f71091d4]{color:#fff6;font-size:12px}.item-val.deduction[data-v-f71091d4]{color:#10b981;font-weight:600}.checkout-divider[data-v-f71091d4]{background:#ffffff14;height:1px;margin:24px 0}.agreement-row[data-v-f71091d4]{align-items:center;color:#ffffffad;display:flex;font-size:12px;gap:4px;margin:-8px 0 24px}.agreement-row-outside[data-v-f71091d4]{color:#756d79;margin:0 0 10px;padding:0 5px}.agreement-row[data-v-f71091d4] .el-checkbox{height:20px}.agreement-row[data-v-f71091d4] .el-checkbox__label{color:#ffffffad;font-size:12px;padding-left:8px}.agreement-row-outside[data-v-f71091d4] .el-checkbox__label{color:#756d79}.agreement-link[data-v-f71091d4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#c7d2fe;cursor:pointer;font:inherit;padding:0;transition:color .2s ease}.agreement-link[data-v-f71091d4]:hover{color:#e0e7ff;text-decoration:underline;text-underline-offset:3px}.agreement-row-outside .agreement-link[data-v-f71091d4]{color:#4a3f9d}.agreement-row-outside .agreement-link[data-v-f71091d4]:hover{color:#352d80}.checkout-footer[data-v-f71091d4]{align-items:center;display:flex;justify-content:space-between}.total-label[data-v-f71091d4]{color:#fff9;display:block;font-size:14px;margin-bottom:4px}.total-amount[data-v-f71091d4]{align-items:baseline;display:flex;gap:2px}.total-amount .currency[data-v-f71091d4]{color:#fff;font-size:16px;font-weight:700}.total-amount .val[data-v-f71091d4]{color:#fff;font-size:32px;font-weight:800}.pay-submit-btn[data-v-f71091d4]{background:#6366f1;border:none;border-radius:14px;font-size:16px;font-weight:700;height:52px;padding:0 40px;transition:all .3s}.pay-submit-btn[data-v-f71091d4]:hover{background:#4f46e5;box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.pay-confirm-body[data-v-f71091d4]{padding:20px 0;text-align:center}.pay-confirm-icon-wrapper[data-v-f71091d4]{align-items:center;background:#f1f5f9;border-radius:20px;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.pay-confirm-icon-wrapper i[data-v-f71091d4]{color:#6366f1;font-size:32px}.pay-confirm-body h3[data-v-f71091d4]{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 12px}.pay-confirm-body p[data-v-f71091d4]{color:#64748b;font-size:14px;line-height:1.6;margin:0}.pay-confirm-footer[data-v-f71091d4]{display:flex;gap:12px;justify-content:center;padding-bottom:10px}.gradient-btn[data-v-f71091d4]{background:#6366f1!important;border:none!important}@media (max-width:768px){.member-info-panel[data-v-f71091d4]{border-radius:12px;margin-bottom:24px;padding:20px}.user-main[data-v-f71091d4]{gap:12px}.user-avatar-wrapper[data-v-f71091d4]{height:60px;width:60px}.member-status-title[data-v-f71091d4]{font-size:18px}.balance-badge[data-v-f71091d4]{font-size:12px;padding:6px 12px}.packages-section[data-v-f71091d4]{margin-bottom:24px}.packages-grid[data-v-f71091d4]{gap:12px;grid-template-columns:1fr}.checkout-section[data-v-f71091d4]{padding:0}.checkout-card[data-v-f71091d4]{border-radius:16px;padding:20px}.checkout-card.compact[data-v-f71091d4]{align-items:stretch;display:flex;flex-direction:column;gap:16px;min-height:auto;padding:16px}.checkout-card.compact .compact-left[data-v-f71091d4]{align-items:center;flex-direction:row;justify-content:space-between;min-width:0}.checkout-card.compact .compact-pkg-info[data-v-f71091d4]{align-items:baseline;flex-direction:row;gap:8px}.checkout-card.compact .compact-pkg-price[data-v-f71091d4]{margin-top:0}.checkout-card.compact .compact-balance-inline[data-v-f71091d4]{align-self:flex-start}.checkout-card.compact .compact-total[data-v-f71091d4]{align-items:flex-start}.checkout-card.compact .compact-right[data-v-f71091d4]{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);gap:16px;justify-content:space-between;margin-left:0;padding-top:16px}.checkout-card.compact .pay-submit-btn[data-v-f71091d4]{flex:1;margin-left:0;max-width:200px}.total-amount .val[data-v-f71091d4]{font-size:24px}.pay-submit-btn[data-v-f71091d4]{font-size:14px;height:48px;padding:0 20px}}@media (max-width:600px){.panel-content[data-v-f71091d4]{align-items:flex-start;flex-direction:column;gap:16px}.checkout-footer[data-v-f71091d4]{align-items:stretch;flex-direction:column;gap:16px}.agreement-row[data-v-f71091d4]{align-items:flex-start;flex-wrap:wrap;line-height:1.6}.total-price[data-v-f71091d4]{text-align:center}.pay-submit-btn[data-v-f71091d4]{width:100%}}.checkout-card .el-checkbox__label{padding-left:8px}.checkout-card .el-checkbox__inner{background-color:#ffffff0d;border-color:#fff3}.checkout-card .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#6366f1;border-color:#6366f1}.membership-agreement-dialog .el-dialog__header{background:linear-gradient(135deg,#fbfaff,#f4f1fa);border-bottom:1px solid rgba(52,50,126,.1);margin-right:0;padding:25px 28px 17px}.membership-agreement-dialog{background:#fbfafc;border:1px solid rgba(52,50,126,.12);border-radius:22px;box-shadow:0 28px 70px #231c4233;overflow:hidden}.membership-agreement-dialog .el-dialog__title{color:#1e293b;font-size:20px;font-weight:700}.membership-agreement-dialog .el-dialog__headerbtn{border-radius:9px;height:32px;right:20px;top:19px;transition:background .18s ease;width:32px}.membership-agreement-dialog .el-dialog__headerbtn:hover{background:#34327e17}.membership-agreement-dialog .el-dialog__headerbtn .el-dialog__close{color:#756d79;transition:color .18s ease}.membership-agreement-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#34327e}.membership-agreement-dialog .el-dialog__body{color:#475569;max-height:min(62vh,560px);overflow-y:auto;padding:22px 28px 10px;scrollbar-color:rgba(52,50,126,.35) transparent}.agreement-body{font-size:13px;line-height:1.8}.agreement-lead{background:#f3f2fb;border-left:3px solid #34327e;border-radius:0 10px 10px 0;color:#334155;font-size:14px;margin:0 0 18px;padding:12px 14px}.agreement-body section{margin:0 0 16px}.agreement-body h4{color:#34327e;font-size:14px;font-weight:700;margin:0 0 5px}.agreement-body p{margin:0}.agreement-note{background:#f3f2fb;border-radius:10px;color:#34327e;font-size:12px;margin-top:20px!important;padding:12px 14px}.membership-agreement-dialog .el-dialog__footer{background:#fbfafc;border-top:1px solid rgba(52,50,126,.1);padding:14px 28px 22px}.agreement-dialog-footer{display:flex;gap:10px;justify-content:flex-end}.agreement-dialog-footer .el-button{border-radius:10px;font-size:13px;font-weight:650;height:40px;min-width:88px;padding:0 18px;transition:all .18s ease}.agreement-dialog-footer .el-button:first-child{background:#f3f2fb;border-color:#34327e40;color:#34327e}.agreement-dialog-footer .el-button:first-child:hover{background:#34327e;border-color:#34327e;color:#fff}.agreement-confirm-btn{background:#34327e!important;border-color:#34327e!important;box-shadow:0 8px 18px #34327e33;color:#fff!important}.agreement-confirm-btn:focus-visible,.agreement-confirm-btn:hover{background:#282666!important;border-color:#282666!important;box-shadow:0 10px 22px #34327e47;color:#fff!important}@media (max-width:600px){.membership-agreement-dialog{margin-top:7vh!important;width:calc(100% - 28px)!important}.membership-agreement-dialog .el-dialog__body,.membership-agreement-dialog .el-dialog__footer,.membership-agreement-dialog .el-dialog__header{padding-left:20px;padding-right:20px}}