[data-v-ea2f40ce] .el-dialog{background:radial-gradient(900px 360px at 18% 0,#6366f12e 0,#6366f100 60%),radial-gradient(900px 360px at 85% 10%,#10b98124 0,#10b98100 55%),linear-gradient(180deg,#fff,#fbfbff);border:1px solid rgba(15,23,42,.06);border-radius:18px;box-shadow:0 28px 68px #0f172a29;overflow:hidden}[data-v-ea2f40ce] .el-dialog__body{max-height:calc(90vh - 120px);overflow-y:auto}[data-v-ea2f40ce] .el-dialog__header{border-bottom:none;padding:0}[data-v-ea2f40ce] .el-dialog__body{padding:0}[data-v-ea2f40ce] .el-dialog__footer{border-top:none;padding:0}.dialog-header[data-v-ea2f40ce]{align-items:flex-start;border-bottom:1px solid rgba(15,23,42,.06);display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:18px 20px 10px}.dialog-header .header-content[data-v-ea2f40ce]{flex:1;min-width:0}.dialog-header .header-content .header-title[data-v-ea2f40ce]{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.2px;margin:0}.dialog-header .header-content .header-subtitle[data-v-ea2f40ce]{color:#64748b;font-size:12px;line-height:1.4;margin:6px 0 0}.dialog-header .header-meta[data-v-ea2f40ce]{align-items:center;display:flex;flex-shrink:0;gap:10px}.dialog-header .header-user[data-v-ea2f40ce]{align-items:center;background:#ffffffb3;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 8px 18px #0f172a0f;display:flex;gap:8px;padding:6px 10px}.dialog-header .header-user-id[data-v-ea2f40ce]{color:#334155;font-size:12px;font-weight:800;white-space:nowrap}.dialog-header .header-user-tag[data-v-ea2f40ce]{background:#4f46e51f;border-radius:999px;color:#4f46e5;font-size:12px;font-weight:800;padding:2px 8px;white-space:nowrap}.dialog-header .close-btn[data-v-ea2f40ce]{align-items:center;background:#ffffffd9;border:1px solid rgba(15,23,42,.08);border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-left:12px;transition:transform .15s ease,background .15s ease;width:34px}.dialog-header .close-btn[data-v-ea2f40ce]:hover{background:#fff;transform:translateY(-1px)}.dialog-header .close-btn[data-v-ea2f40ce]:active{transform:translateY(0)}.user-info[data-v-ea2f40ce]{display:none}.user-info .user-id[data-v-ea2f40ce]{color:#374151;font-size:14px;font-weight:600}.user-info .user-status[data-v-ea2f40ce]{background:#ff6b351a;border-radius:6px;color:#ff6b35;font-size:12px;font-weight:500;padding:4px 10px}.user-info .close-btn-header[data-v-ea2f40ce]{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.6;position:absolute;right:24px;transition:all .2s ease;width:24px}.user-info .close-btn-header[data-v-ea2f40ce]:hover{background:#f3f4f6;opacity:1}.main-content[data-v-ea2f40ce]{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:200px 1fr;margin-top:0!important;padding:14px 20px 18px}.benefits-section[data-v-ea2f40ce]{background:#ffffffc7;border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 10px 24px #0f172a0f;flex-shrink:0;padding:14px;width:auto}.benefits-section .benefits-title[data-v-ea2f40ce]{color:#0f172a;font-size:13px;font-weight:800;letter-spacing:-.2px;margin:0 0 12px}.benefits-section .benefits-list[data-v-ea2f40ce]{list-style:none;margin:0;padding:0}.benefits-section .benefits-list .benefit-item[data-v-ea2f40ce]{align-items:center;background:#fff9;border:1px solid rgba(15,23,42,.06);border-radius:12px;color:#334155;display:flex;font-size:12px;gap:8px;line-height:1.35;margin-bottom:10px;padding:8px 10px;transition:transform .15s ease,background .15s ease}.benefits-section .benefits-list .benefit-item[data-v-ea2f40ce]:hover{background:#6366f10f;transform:translateY(-1px)}.benefits-section .benefits-list .benefit-item[data-v-ea2f40ce]:last-child{margin-bottom:0}.action-section[data-v-ea2f40ce]{display:flex;flex:1;flex-direction:column;gap:14px;min-width:0}.plans-section .section-title[data-v-ea2f40ce]{color:#0f172a;font-size:13px;font-weight:800;letter-spacing:-.2px;margin:0 0 10px}.plans-section .plans-list[data-v-ea2f40ce]{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding-bottom:2px}.plans-section .plans-list .plan-item[data-v-ea2f40ce]{align-items:flex-start;background:#ffffffc7;border:1px solid rgba(15,23,42,.1);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;min-width:0;padding:10px 10px 12px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.plans-section .plans-list .plan-item[data-v-ea2f40ce]:hover{border-color:#6366f173;box-shadow:0 16px 30px #0f172a1a;transform:translateY(-2px)}.plans-section .plans-list .plan-item.active[data-v-ea2f40ce]{background:linear-gradient(180deg,#6366f11a,#ffffffeb);border-color:#6366f1d9;box-shadow:0 18px 38px #6366f12e}.plans-section .plans-list .plan-item.active .plan-check[data-v-ea2f40ce]{align-items:center;background:#4f46e5;border-radius:50%;box-shadow:0 10px 18px #4f46e54d;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.plans-section .plans-list .plan-item .popular-badge[data-v-ea2f40ce]{background:linear-gradient(135deg,#10b981,#34d399);border-radius:999px;box-shadow:0 12px 22px #10b98138;color:#fff;font-size:11px;font-weight:700;left:8px;letter-spacing:.2px;padding:4px 8px;position:absolute;top:0;transform:translateY(-60%);white-space:nowrap;z-index:1}.plans-section .plans-list .plan-item .plan-info[data-v-ea2f40ce]{display:flex;flex-direction:column;gap:8px;width:100%}.plans-section .plans-list .plan-item .plan-info .plan-name[data-v-ea2f40ce]{color:#111827;font-size:14px;font-weight:700;letter-spacing:-.2px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.plans-section .plans-list .plan-item .plan-info .plan-price-wrapper[data-v-ea2f40ce]{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-bottom:4px;width:100%}.plans-section .plans-list .plan-item .plan-info .plan-price-wrapper .plan-price-current[data-v-ea2f40ce]{color:#4f46e5;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1}.plans-section .plans-list .plan-item .plan-info .plan-price-wrapper .plan-price-original[data-v-ea2f40ce]{color:#9ca3af;font-size:12px;font-weight:500;text-decoration:line-through}.plans-section .plans-list .plan-item .plan-info .plan-desc[data-v-ea2f40ce]{color:#64748b;font-size:12px;letter-spacing:.3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.plans-section .plans-list .plan-item .plan-price[data-v-ea2f40ce]{color:#667eea;font-size:18px;font-weight:700;margin-right:20px}.payment-section .section-title[data-v-ea2f40ce]{color:#0f172a;font-size:13px;font-weight:800;letter-spacing:-.2px;margin:0 0 10px}.payment-section .payment-tabs[data-v-ea2f40ce]{background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:14px;display:flex;gap:0;margin-bottom:16px;padding:4px}.payment-section .payment-tabs .payment-tab[data-v-ea2f40ce]{align-items:center;background:transparent;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1;font-size:13px;font-weight:800;gap:6px;justify-content:center;padding:10px 14px;position:relative;transition:background .18s ease,box-shadow .18s ease,color .18s ease}.payment-section .payment-tabs .payment-tab[data-v-ea2f40ce]:hover:not(.active){background:#fff9;color:#374151}.payment-section .payment-tabs .payment-tab.active[data-v-ea2f40ce]{background:#ffffffeb;border:1px solid rgba(99,102,241,.3);box-shadow:0 14px 26px #0f172a1a;color:#0f172a;font-weight:900}.payment-section .payment-tabs .payment-tab .method-icon[data-v-ea2f40ce]{border-radius:4px;flex-shrink:0;height:20px;overflow:hidden;width:20px}.payment-section .payment-tabs .payment-tab .method-icon img[data-v-ea2f40ce]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.payment-section .payment-tabs .payment-tab span[data-v-ea2f40ce]{color:inherit;font-size:13px;font-weight:inherit}.payment-section .qr-section[data-v-ea2f40ce]{background:#ffffffdb;border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 16px 34px #0f172a14;padding:14px;text-align:center}.payment-section .qr-section .qr-content .qr-code-wrapper[data-v-ea2f40ce]{align-items:flex-start;display:flex;gap:18px}.payment-section .qr-section .qr-content .qr-code-wrapper .qr-code-container[data-v-ea2f40ce]{background:#fffffff2;border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 18px 34px #0f172a1f;flex-shrink:0;padding:8px}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper[data-v-ea2f40ce]{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0;text-align:left}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .amount-info[data-v-ea2f40ce]{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .amount-info .amount-label[data-v-ea2f40ce]{color:#6b7280;font-size:13px;font-weight:500}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .amount-info .amount-value[data-v-ea2f40ce]{color:#4f46e5;font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .amount-info .discount-badge[data-v-ea2f40ce]{background:linear-gradient(135deg,#10b981,#34d399);border-radius:999px;box-shadow:0 10px 18px #10b98138;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .invoice-tip[data-v-ea2f40ce]{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .payment-checkbox[data-v-ea2f40ce]{margin-top:2px}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .payment-checkbox[data-v-ea2f40ce] .el-checkbox__label{color:#334155;font-size:13px;font-weight:700}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .recent-purchase-scroll[data-v-ea2f40ce]{background:#0f172a0a;border-left:3px solid #4f46e5;border-radius:12px;height:30px;margin-top:8px;overflow:hidden;padding:0 0 0 12px}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .recent-purchase-scroll[data-v-ea2f40ce] .scroll-wrapper{height:30px;line-height:30px}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .recent-purchase-scroll[data-v-ea2f40ce] .purchase-item{align-items:center;color:#6b7280;display:flex;font-size:12px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .recent-purchase-wrapper[data-v-ea2f40ce]{background:#f9fafb;border-left:3px solid #ff6b35;border-radius:6px;color:#6b7280;font-size:12px;height:20px;line-height:1.4;margin-top:2px;overflow:hidden;padding:8px 12px;position:relative}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .recent-purchase-wrapper .recent-purchase-list[data-v-ea2f40ce]{display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;transition:transform .5s ease-in-out}.payment-section .qr-section .qr-content .qr-code-wrapper .payment-info-wrapper .recent-purchase-wrapper .recent-purchase-item[data-v-ea2f40ce]{flex-shrink:0;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-section .qr-section .qr-content .scan-tip[data-v-ea2f40ce]{color:#6b7280;font-size:12px;margin:0}.payment-section .qr-section .empty-state[data-v-ea2f40ce],.payment-section .qr-section .loading-state[data-v-ea2f40ce]{padding:24px 16px;text-align:center}.payment-section .qr-section .empty-state .loading-icon[data-v-ea2f40ce],.payment-section .qr-section .loading-state .loading-icon[data-v-ea2f40ce]{animation:spin-ea2f40ce 1s linear infinite;margin-bottom:8px}.payment-section .qr-section .empty-state p[data-v-ea2f40ce],.payment-section .qr-section .loading-state p[data-v-ea2f40ce]{color:#6b7280;font-size:13px;margin:0}@keyframes spin-ea2f40ce{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dialog-footer[data-v-ea2f40ce]{background:#0f172a05;border-top:1px solid rgba(15,23,42,.06);padding:14px 20px 18px}.dialog-footer .purchase-notes[data-v-ea2f40ce]{margin-bottom:16px;text-align:left}.dialog-footer .purchase-notes .notes-title[data-v-ea2f40ce]{color:#0f172a;font-size:14px;font-weight:900;letter-spacing:-.2px;margin:0 0 8px}.dialog-footer .purchase-notes .notes-list[data-v-ea2f40ce]{color:#6b7280;font-size:12px;line-height:1.6;list-style:disc;margin:0;padding-left:20px}.dialog-footer .purchase-notes .notes-list li[data-v-ea2f40ce]{margin-bottom:4px}.dialog-footer .purchase-notes .notes-list li[data-v-ea2f40ce]:last-child{margin-bottom:0}.dialog-footer .agreement-text[data-v-ea2f40ce]{color:#9ca3af;font-size:12px;line-height:1.5;margin:0;text-align:center}.dialog-footer .agreement-text .agreement-link[data-v-ea2f40ce]{color:#4f46e5;font-weight:800;text-decoration:none;transition:color .2s ease}.dialog-footer .agreement-text .agreement-link[data-v-ea2f40ce]:hover{color:#4338ca;text-decoration:underline}@media(max-width:768px){.main-content[data-v-ea2f40ce]{gap:14px;grid-template-columns:1fr}.benefits-section[data-v-ea2f40ce]{width:100%}.plans-section[data-v-ea2f40ce]{display:flex;flex-direction:column;row-gap:5px}.plans-section .plans-list[data-v-ea2f40ce]{grid-template-columns:repeat(2,1fr)}.payment-section .payment-tabs[data-v-ea2f40ce]{background:transparent;border:none;flex-direction:column;gap:6px;padding:0}.payment-section .payment-tabs .payment-tab[data-v-ea2f40ce]{background:#ffffffdb;border:1px solid rgba(15,23,42,.08);justify-content:flex-start}.payment-section .qr-section[data-v-ea2f40ce]{padding:14px}.payment-section .qr-section .qr-content .qr-code-wrapper[data-v-ea2f40ce]{align-items:center;flex-direction:column}.payment-section .qr-section .qr-content .payment-info-wrapper[data-v-ea2f40ce]{text-align:center;width:100%}.payment-section .qr-section .qr-content .payment-info-wrapper .amount-info[data-v-ea2f40ce]{justify-content:center}}