.cropper-container[data-v-6c57c958]{display:flex;flex-direction:column;gap:20px}.canvas-wrapper[data-v-6c57c958]{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;justify-content:center;min-height:500px;overflow:hidden;padding:20px}canvas[data-v-6c57c958]{cursor:move;display:block;max-height:70vh;max-width:100%}.controls[data-v-6c57c958]{display:flex;flex-direction:column;gap:16px}.control-group[data-v-6c57c958]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.control-group label[data-v-6c57c958]{color:#303133;font-weight:500;min-width:80px}.control-group[data-v-6c57c958]:first-child .el-radio-group{display:flex;flex-wrap:wrap;gap:8px}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button{margin:0}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button .el-radio-button__inner{background:#fff;border:1px solid #dcdfe6;border-radius:6px;color:#606266;font-size:14px;padding:8px 16px;transition:all .3s}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button .el-radio-button__inner:hover{background:#ecf5ff;border-color:#c6e2ff;color:#409eff}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button.is-active .el-radio-button__inner{background:#409eff;border-color:#409eff;box-shadow:0 2px 4px #409eff4d;color:#fff}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button:first-child .el-radio-button__inner{border-radius:6px}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button:last-child .el-radio-button__inner{border-radius:6px}.control-group[data-v-6c57c958]:last-child .el-button{border-radius:6px;font-size:14px;padding:9px 20px}@media(max-width:768px){.cropper-container[data-v-6c57c958]{gap:12px}.canvas-wrapper[data-v-6c57c958]{border-radius:6px;max-height:60vh;min-height:400px;padding:12px}canvas[data-v-6c57c958]{max-height:60vh}.controls[data-v-6c57c958]{gap:12px}.control-group[data-v-6c57c958]{align-items:stretch;flex-direction:column;gap:8px;width:100%}.control-group label[data-v-6c57c958]{color:#303133;font-size:14px;font-weight:600;margin-bottom:4px;min-width:auto}.control-group[data-v-6c57c958]:first-child .el-radio-group{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);width:100%}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button{flex:none}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button .el-radio-button__inner{background:#fff;border:1px solid #dcdfe6;border-radius:6px;color:#606266;font-size:13px;padding:10px 8px;text-align:center;white-space:nowrap;width:100%}.control-group[data-v-6c57c958]:first-child .el-radio-group .el-radio-button.is-active .el-radio-button__inner{background:#409eff;border-color:#409eff;color:#fff;font-weight:600}.control-group[data-v-6c57c958]:last-child{display:flex;flex-direction:row;gap:8px}.control-group[data-v-6c57c958]:last-child .el-button{border-radius:6px;flex:1;font-size:13px;padding:10px 12px;white-space:nowrap}[data-v-6c57c958] .el-dialog__header{padding:12px 16px}[data-v-6c57c958] .el-dialog__header .el-dialog__title{font-size:15px}[data-v-6c57c958] .el-dialog__body{padding:12px 16px}[data-v-6c57c958] .el-dialog__footer{display:flex;gap:8px;padding:10px 16px}[data-v-6c57c958] .el-dialog__footer .el-button{flex:1;font-size:14px;margin:0;padding:10px 16px}}@media(max-width:480px){.canvas-wrapper[data-v-6c57c958]{min-height:250px}canvas[data-v-6c57c958]{max-height:300px}.control-group label[data-v-6c57c958]{font-size:12px}[data-v-6c57c958] .el-radio-group{gap:5px}[data-v-6c57c958] .el-radio-group .el-radio-button{flex:0 0 calc(25% - 3.75px)}[data-v-6c57c958] .el-radio-group .el-radio-button .el-radio-button__inner{font-size:10px;padding:7px 2px}.control-group[data-v-6c57c958]:last-child{flex-direction:row;gap:5px}.control-group[data-v-6c57c958]:last-child .el-button{flex:1;font-size:12px;padding:8px 6px;white-space:nowrap}[data-v-6c57c958] .el-dialog__footer{gap:6px}[data-v-6c57c958] .el-dialog__footer .el-button{font-size:13px;padding:9px 14px}}.login-container[data-v-b414c478]{padding:20px;text-align:center}.qrcode-section .loading[data-v-b414c478]{padding:40px 0}.qrcode-section .loading .el-icon[data-v-b414c478]{font-size:40px;margin-bottom:10px}.qrcode-section .loading p[data-v-b414c478]{color:#909399;font-size:14px}.qrcode-section .qrcode-wrapper .qrcode-image[data-v-b414c478]{border:1px solid #dcdfe6;border-radius:8px;display:block;height:200px;margin:0 auto 20px;width:200px}.qrcode-section .qrcode-wrapper .qrcode-hint[data-v-b414c478]{color:#606266;font-size:14px;margin-bottom:20px}.qrcode-section .error[data-v-b414c478]{padding:40px 0}.qrcode-section .error p[data-v-b414c478]{color:#f56c6c;margin-bottom:20px}.user-info[data-v-b414c478]{padding:20px 0}.user-info .avatar-wrapper[data-v-b414c478]{display:inline-block;margin-bottom:15px;position:relative}.user-info .avatar-wrapper .vip-badge[data-v-b414c478]{height:24px;position:absolute;right:-5px;top:-5px;transform:rotate(45deg);width:24px;z-index:1}.user-info .username[data-v-b414c478]{color:#303133;font-size:16px;font-weight:500;margin-bottom:5px}.user-info .user-id[data-v-b414c478]{color:#909399;font-size:12px;margin-bottom:15px}.user-info .vip-info-section[data-v-b414c478]{background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;margin-bottom:20px;padding:12px 16px}.user-info .vip-info-section .vip-status[data-v-b414c478]{margin-bottom:6px}.user-info .vip-info-section .vip-status .vip-label[data-v-b414c478]{color:#8b4513;font-size:14px;font-weight:600}.user-info .vip-info-section .vip-expire[data-v-b414c478]{color:sienna;font-size:12px;margin:0 0 10px}.user-info .non-vip-tip[data-v-b414c478]{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:12px 16px}.user-info .non-vip-tip p[data-v-b414c478]{color:#909399;font-size:13px;margin:0 0 10px}html.dark{color:#94a3b8!important}html.dark{color:#f1f5f9!important}html.dark{background:#1e293b!important}html.dark{color:#64748b!important}.vip-container[data-v-8af6bd5e]{padding:0}.loading[data-v-8af6bd5e]{padding:60px 0;text-align:center}.loading .el-icon[data-v-8af6bd5e]{color:#409eff;font-size:40px;margin-bottom:10px}.loading p[data-v-8af6bd5e]{color:#909399;font-size:14px}.vip-content[data-v-8af6bd5e]{display:flex;gap:30px;min-height:500px}.left-section[data-v-8af6bd5e]{flex:1}.left-section .levels-grid[data-v-8af6bd5e]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.left-section .level-card[data-v-8af6bd5e]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .3s}.left-section .level-card[data-v-8af6bd5e]:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.left-section .level-card.selected[data-v-8af6bd5e]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 2px 12px #3b82f64d}.left-section .level-card .recommended-badge[data-v-8af6bd5e]{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:#fff;font-size:11px;padding:2px 8px;position:absolute;right:8px;top:8px}.left-section .level-card .level-name[data-v-8af6bd5e]{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.left-section .level-card .level-price[data-v-8af6bd5e]{align-items:baseline;display:flex;gap:6px;margin-bottom:6px}.left-section .level-card .level-price .price-symbol[data-v-8af6bd5e]{color:#ef4444;font-size:16px;font-weight:600}.left-section .level-card .level-price .price-value[data-v-8af6bd5e]{color:#ef4444;font-size:28px;font-weight:700}.left-section .level-card .level-price .original-price[data-v-8af6bd5e]{color:#9ca3af;font-size:13px;text-decoration:line-through}.left-section .level-card .level-price .discount-badge[data-v-8af6bd5e]{background:#ef4444;border-radius:4px;color:#fff;font-size:11px;padding:2px 6px}.left-section .level-card .level-desc[data-v-8af6bd5e]{color:#6b7280;font-size:12px}.left-section .level-card .selected-icon[data-v-8af6bd5e]{bottom:8px;height:50px;position:absolute;right:8px;width:50px}.left-section .benefits-section .section-title[data-v-8af6bd5e]{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 15px}.left-section .benefits-section .benefits-table[data-v-8af6bd5e]{border-collapse:collapse;font-size:13px;width:100%}.left-section .benefits-section .benefits-table thead[data-v-8af6bd5e]{background:#f9fafb}.left-section .benefits-section .benefits-table thead th[data-v-8af6bd5e]{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:10px 12px;text-align:left}.left-section .benefits-section .benefits-table thead th.highlight[data-v-8af6bd5e]{color:#3b82f6}.left-section .benefits-section .benefits-table tbody tr[data-v-8af6bd5e]{border-bottom:1px solid #f3f4f6}.left-section .benefits-section .benefits-table tbody tr[data-v-8af6bd5e]:last-child{border-bottom:none}.left-section .benefits-section .benefits-table tbody td[data-v-8af6bd5e]{color:#6b7280;padding:12px}.left-section .benefits-section .benefits-table tbody td.highlight[data-v-8af6bd5e]{color:#3b82f6;font-weight:600}.right-section[data-v-8af6bd5e]{align-items:center;display:flex;flex-direction:column;width:280px}.right-section .qrcode-placeholder[data-v-8af6bd5e]{align-items:center;display:flex;height:100%;justify-content:center}.right-section .qrcode-placeholder p[data-v-8af6bd5e]{color:#9ca3af;font-size:14px}.right-section .qrcode-section[data-v-8af6bd5e]{width:100%}.right-section .qrcode-section .qrcode-wrapper[data-v-8af6bd5e]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:200px;margin:0 auto 20px;padding:10px;width:200px}.right-section .qrcode-section .qrcode-wrapper .qrcode-image[data-v-8af6bd5e]{display:block;height:100%;width:100%}.right-section .qrcode-section .payment-info[data-v-8af6bd5e]{background:#f9fafb;border-radius:8px;margin-bottom:15px;padding:16px}.right-section .qrcode-section .payment-info .info-row[data-v-8af6bd5e]{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.right-section .qrcode-section .payment-info .info-row[data-v-8af6bd5e]:last-child{margin-bottom:0}.right-section .qrcode-section .payment-info .info-row .label[data-v-8af6bd5e]{color:#6b7280}.right-section .qrcode-section .payment-info .info-row .value[data-v-8af6bd5e]{color:#1f2937;font-weight:500}.right-section .qrcode-section .payment-info .info-row .value.price[data-v-8af6bd5e]{color:#ef4444;font-size:20px;font-weight:700}.right-section .qrcode-section .payment-info .info-row .value.discount[data-v-8af6bd5e]{color:#ef4444}.right-section .qrcode-section .payment-status[data-v-8af6bd5e]{align-items:center;color:#409eff;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px}.right-section .qrcode-section .payment-status .el-icon[data-v-8af6bd5e]{font-size:18px}.right-section .qrcode-section .payment-status.success[data-v-8af6bd5e]{color:#67c23a}.error[data-v-8af6bd5e]{padding:40px 0;text-align:center}.error p[data-v-8af6bd5e]{color:#f56c6c;margin-bottom:20px}html.dark .vip-container .level-card[data-v-8af6bd5e]{background:#2d3748!important;border-color:#4a5568!important}html.dark .vip-container .level-card[data-v-8af6bd5e]:hover{border-color:#60a5fa!important}html.dark .vip-container .level-card.selected[data-v-8af6bd5e]{background:linear-gradient(135deg,#1e3a8a,#2563eb)!important;border-color:#60a5fa!important}html.dark .vip-container .level-card .level-name[data-v-8af6bd5e]{color:#f7fafc!important}html.dark .vip-container .level-card .level-desc[data-v-8af6bd5e]{color:#e2e8f0!important}html.dark .vip-container .level-card .original-price[data-v-8af6bd5e]{color:#a0aec0!important}html.dark .vip-container .section-title[data-v-8af6bd5e]{color:#f7fafc!important}html.dark .vip-container .benefits-table thead[data-v-8af6bd5e]{background:#2d3748!important}html.dark .vip-container .benefits-table thead th[data-v-8af6bd5e]{border-bottom-color:#4a5568!important;color:#f7fafc!important}html.dark .vip-container .benefits-table thead th.highlight[data-v-8af6bd5e]{color:#60a5fa!important}html.dark .vip-container .benefits-table tbody tr[data-v-8af6bd5e]{border-bottom-color:#4a5568!important}html.dark .vip-container .benefits-table tbody td[data-v-8af6bd5e]{color:#e2e8f0!important}html.dark .vip-container .benefits-table tbody td.highlight[data-v-8af6bd5e]{color:#60a5fa!important}html.dark .vip-container .payment-info[data-v-8af6bd5e]{background:#2d3748!important}html.dark .vip-container .payment-info .info-row .label[data-v-8af6bd5e]{color:#e2e8f0!important}html.dark .vip-container .payment-info .info-row .value[data-v-8af6bd5e]{color:#f7fafc!important}@media(max-width:768px){.vip-content[data-v-8af6bd5e]{flex-direction:column;gap:20px;min-height:auto}.left-section .levels-grid[data-v-8af6bd5e]{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.left-section .level-card[data-v-8af6bd5e]{padding:12px}.left-section .level-card .recommended-badge[data-v-8af6bd5e]{font-size:10px;padding:2px 6px;right:6px;top:6px}.left-section .level-card .level-name[data-v-8af6bd5e]{font-size:14px;margin-bottom:6px}.left-section .level-card .level-price[data-v-8af6bd5e]{gap:4px;margin-bottom:4px}.left-section .level-card .level-price .price-symbol[data-v-8af6bd5e]{font-size:14px}.left-section .level-card .level-price .price-value[data-v-8af6bd5e]{font-size:22px}.left-section .level-card .level-price .original-price[data-v-8af6bd5e]{font-size:11px}.left-section .level-card .level-price .discount-badge[data-v-8af6bd5e]{font-size:10px;padding:1px 4px}.left-section .level-card .level-desc[data-v-8af6bd5e]{font-size:11px}.left-section .level-card .selected-icon[data-v-8af6bd5e]{bottom:6px;height:35px;right:6px;width:35px}.left-section .benefits-section .section-title[data-v-8af6bd5e]{font-size:14px;margin-bottom:10px}.left-section .benefits-section .benefits-table[data-v-8af6bd5e]{font-size:12px}.left-section .benefits-section .benefits-table thead th[data-v-8af6bd5e]{font-size:12px;padding:8px 10px}.left-section .benefits-section .benefits-table tbody td[data-v-8af6bd5e]{font-size:12px;padding:10px}.right-section[data-v-8af6bd5e]{width:100%}.right-section .qrcode-section .qrcode-wrapper[data-v-8af6bd5e]{height:180px;margin-bottom:15px;width:180px}.right-section .qrcode-section .payment-info[data-v-8af6bd5e]{padding:12px}.right-section .qrcode-section .payment-info .info-row[data-v-8af6bd5e]{font-size:12px;margin-bottom:8px}.right-section .qrcode-section .payment-info .info-row .value.price[data-v-8af6bd5e]{font-size:18px}}@media(max-width:480px){.left-section .levels-grid[data-v-8af6bd5e]{gap:8px;grid-template-columns:repeat(2,1fr)}.left-section .level-card[data-v-8af6bd5e]{padding:10px}.left-section .level-card .level-name[data-v-8af6bd5e]{font-size:13px;margin-bottom:4px}.left-section .level-card .level-price .price-symbol[data-v-8af6bd5e]{font-size:12px}.left-section .level-card .level-price .price-value[data-v-8af6bd5e]{font-size:20px}.left-section .level-card .level-desc[data-v-8af6bd5e],.left-section .level-card .level-price .original-price[data-v-8af6bd5e]{font-size:10px}.left-section .level-card .selected-icon[data-v-8af6bd5e]{height:30px;width:30px}.right-section .qrcode-section .qrcode-wrapper[data-v-8af6bd5e]{height:160px;width:160px}.right-section .qrcode-section .payment-info[data-v-8af6bd5e]{padding:10px}.right-section .qrcode-section .payment-info .info-row[data-v-8af6bd5e]{font-size:11px;margin-bottom:6px}.right-section .qrcode-section .payment-info .info-row .label[data-v-8af6bd5e]{flex-shrink:0;margin-right:8px}.right-section .qrcode-section .payment-info .info-row .value[data-v-8af6bd5e]{text-align:right;word-break:break-all}.right-section .qrcode-section .payment-info .info-row .value.price[data-v-8af6bd5e]{font-size:16px}}