.user-info-container[data-v-bcbaa1f0]{padding:20px 20px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:calc(100vh - 84px);font-family:PingFang SC,Helvetica Neue,Helvetica,microsoft yahei,arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-info-row[data-v-bcbaa1f0]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-info-row[data-v-bcbaa1f0],.user-info-row[data-v-bcbaa1f0]>.el-col{display:-webkit-box;display:-ms-flexbox;display:flex}.profile-card[data-v-bcbaa1f0]{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-box-flex:1;-ms-flex:1;flex:1}.profile-card[data-v-bcbaa1f0]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 15px 35px rgba(0,0,0,.1);box-shadow:0 15px 35px rgba(0,0,0,.1)}.avatar-container[data-v-bcbaa1f0]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-wrapper[data-v-bcbaa1f0]{position:relative;cursor:pointer;border-radius:50%;padding:5px;background:linear-gradient(135deg,#4facfe,#00f2fe)}.avatar-wrapper .user-avatar[data-v-bcbaa1f0]{border:4px solid #fff;background:#fff;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.avatar-wrapper .avatar-mask[data-v-bcbaa1f0]{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:rgba(0,0,0,.5);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.avatar-wrapper .avatar-mask i[data-v-bcbaa1f0]{font-size:24px;margin-bottom:5px}.avatar-wrapper .avatar-mask span[data-v-bcbaa1f0]{font-size:12px}.avatar-wrapper:hover .avatar-mask[data-v-bcbaa1f0]{opacity:1}.avatar-wrapper:hover .user-avatar[data-v-bcbaa1f0]{-webkit-transform:scale(.95);transform:scale(.95)}.user-name[data-v-bcbaa1f0]{margin:10px 0;font-size:14px;font-weight:700;color:#2c3e50;line-height:1.2;max-width:100%;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badges[data-v-bcbaa1f0]{margin-bottom:30px}.user-badges .role-tag[data-v-bcbaa1f0]{margin-right:8px;background:#2c3e50;border-color:#2c3e50}.profile-stats[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.profile-stats .stat-item[data-v-bcbaa1f0]{padding:0 20px}.profile-stats .stat-item .stat-value[data-v-bcbaa1f0]{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:5px}.profile-stats .stat-item .stat-label[data-v-bcbaa1f0]{font-size:13px;color:#909399}.profile-stats .stat-divider[data-v-bcbaa1f0]{width:1px;height:30px;background:#eee}.profile-details[data-v-bcbaa1f0]{text-align:left}.profile-details .detail-item[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.profile-details .detail-item.vip-item[data-v-bcbaa1f0]{background:linear-gradient(135deg,#fff,#fff9e6);border:1px solid #ffeeba}.profile-details .detail-item.vip-item.is-vip[data-v-bcbaa1f0]{background:linear-gradient(135deg,#fff9e6,#fff2cc);border-color:#ffd966}.profile-details .detail-item.vip-item.is-vip .icon-box[data-v-bcbaa1f0]{color:#f1c40f;background:#fff9e6}.profile-details .detail-item.vip-item .renew-btn[data-v-bcbaa1f0]{position:absolute;right:15px;font-weight:700;color:#e67e22}.profile-details .detail-item[data-v-bcbaa1f0]:hover{background:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.05);box-shadow:0 5px 15px rgba(0,0,0,.05);-webkit-transform:translateX(5px);transform:translateX(5px)}.profile-details .detail-item .icon-box[data-v-bcbaa1f0]{width:40px;height:40px;border-radius:10px;background:#eef1f6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:15px;color:#409eff;font-size:18px}.profile-details .detail-item .detail-content[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.profile-details .detail-item .detail-content .label[data-v-bcbaa1f0]{font-size:12px;color:#909399;margin-bottom:2px}.profile-details .detail-item .detail-content .value[data-v-bcbaa1f0]{font-size:15px;font-weight:600;color:#2c3e50}.edit-card[data-v-bcbaa1f0]{background:#fff;border-radius:20px;padding:40px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.05);-webkit-box-flex:1;-ms-flex:1;flex:1}.card-header[data-v-bcbaa1f0]{margin-bottom:40px}.card-header .header-title[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:8px}.card-header .header-title i[data-v-bcbaa1f0]{margin-right:10px;color:#409eff}.card-header .header-desc[data-v-bcbaa1f0]{font-size:14px;color:#909399;margin-left:32px}.modern-form[data-v-bcbaa1f0] .el-input__inner{border-radius:8px;border:1px solid #dcdfe6;height:45px;line-height:45px;-webkit-transition:all .3s;transition:all .3s;background:#fcfcfc}.modern-form[data-v-bcbaa1f0] .el-input__inner:focus{border-color:#409eff;background:#fff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.1);box-shadow:0 0 0 2px rgba(64,158,255,.1)}.modern-form[data-v-bcbaa1f0] .el-form-item__label{font-weight:500;color:#606266}.form-actions[data-v-bcbaa1f0]{margin-top:40px;text-align:right}.form-actions .submit-btn[data-v-bcbaa1f0]{padding:12px 35px;font-size:16px;border-radius:10px;background:-webkit-gradient(linear,left top,right top,from(#4facfe),to(#00f2fe));background:linear-gradient(90deg,#4facfe,#00f2fe);border:none;-webkit-box-shadow:0 8px 20px rgba(79,172,254,.3);box-shadow:0 8px 20px rgba(79,172,254,.3);-webkit-transition:all .3s;transition:all .3s}.form-actions .submit-btn[data-v-bcbaa1f0]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 12px 25px rgba(79,172,254,.4);box-shadow:0 12px 25px rgba(79,172,254,.4)}.form-actions .submit-btn[data-v-bcbaa1f0]:active{-webkit-transform:translateY(0);transform:translateY(0)}.compact-vip-dialog[data-v-bcbaa1f0]{border-radius:40px!important;overflow:hidden;-webkit-box-shadow:0 40px 100px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.2)!important;box-shadow:0 40px 100px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.2)!important;border:none!important;background:hsla(0,0%,100%,.98)!important;backdrop-filter:blur(20px)}.compact-vip-dialog[data-v-bcbaa1f0] .el-dialog__header{padding:0}.compact-vip-dialog[data-v-bcbaa1f0] .el-dialog__header .el-dialog__headerbtn{top:24px;right:24px;z-index:10;width:32px;height:32px;background:rgba(0,0,0,.04);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.02)}.compact-vip-dialog[data-v-bcbaa1f0] .el-dialog__header .el-dialog__headerbtn:hover{background:#ff7675;-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1);-webkit-box-shadow:0 5px 15px rgba(255,118,117,.3);box-shadow:0 5px 15px rgba(255,118,117,.3)}.compact-vip-dialog[data-v-bcbaa1f0] .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#fff}.compact-vip-dialog[data-v-bcbaa1f0] .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#909399;font-size:14px;font-weight:900}.compact-vip-dialog[data-v-bcbaa1f0] .el-dialog__body{padding:0}.vip-payment-card[data-v-bcbaa1f0]{padding:0;background:#fff;position:relative;overflow:hidden;-webkit-box-shadow:inset 0 0 80px rgba(0,0,0,.02);box-shadow:inset 0 0 80px rgba(0,0,0,.02)}.card-glow-bg[data-v-bcbaa1f0]{position:absolute;top:-150px;left:-150px;width:350px;height:350px;background:radial-gradient(circle,rgba(255,159,67,.12) 0,hsla(0,0%,100%,0) 70%);pointer-events:none;-webkit-filter:blur(20px);filter:blur(20px)}.payment-row[data-v-bcbaa1f0]{min-height:280px}.info-col[data-v-bcbaa1f0]{background:linear-gradient(135deg,#fff,#f9fafb);position:relative;z-index:1;-webkit-box-shadow:10px 0 30px rgba(0,0,0,.02);box-shadow:10px 0 30px rgba(0,0,0,.02)}.payment-info-side[data-v-bcbaa1f0]{padding:30px 30px 30px 40px;text-align:left}.vip-premium-label[data-v-bcbaa1f0]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;padding:3px 10px 3px 5px;background:rgba(255,159,67,.08);border-radius:30px;border:1px solid rgba(255,159,67,.15)}.vip-premium-label .label-icon[data-v-bcbaa1f0]{width:24px;height:24px;background:linear-gradient(135deg,#ff9f43,#ff7675);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;margin-right:8px;-webkit-box-shadow:0 4px 10px rgba(255,159,67,.4);box-shadow:0 4px 10px rgba(255,159,67,.4)}.vip-premium-label .label-icon i[data-v-bcbaa1f0]{font-size:12px}.vip-premium-label .label-text[data-v-bcbaa1f0]{font-size:12px;font-weight:800;color:#ff9f43;letter-spacing:.5px;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.vip-title[data-v-bcbaa1f0]{font-size:26px;font-weight:900;color:#1a1a1a;margin:0 0 15px;letter-spacing:-.5px;background:-webkit-gradient(linear,left top,left bottom,from(#1a1a1a),to(#4a4a4a));background:linear-gradient(180deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.benefit-list[data-v-bcbaa1f0]{margin-bottom:20px}.benefit-list .benefit-item[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;color:#4a5568;font-size:14px;font-weight:600}.benefit-list .benefit-item i[data-v-bcbaa1f0]{color:#00b894;margin-right:10px;font-size:16px}.price-section[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;white-space:nowrap}.price-section .price-main[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-right:12px}.price-section .price-main .currency[data-v-bcbaa1f0]{font-size:18px;font-weight:800;color:#1a1a1a;margin-right:2px}.price-section .price-main .amount[data-v-bcbaa1f0]{font-size:38px;font-weight:900;color:#1a1a1a;font-family:DIN Alternate,Inter,Helvetica Neue,Arial;line-height:1;letter-spacing:-1px}.price-section .price-tag[data-v-bcbaa1f0]{padding:2px 8px;background:linear-gradient(135deg,#fff5f5,#fff0f0);color:#ff4757;font-size:11px;font-weight:800;border-radius:6px;border:1px solid rgba(255,71,87,.1)}.agreement-link-box[data-v-bcbaa1f0]{font-size:12px;color:#a0aec0}.agreement-link-box .el-link[data-v-bcbaa1f0]{font-size:12px;font-weight:800}.qr-col[data-v-bcbaa1f0]{background:#fdfdfe;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pay-qr-side[data-v-bcbaa1f0]{padding:30px;text-align:center}.qr-box-shimmer[data-v-bcbaa1f0]{position:relative;padding:12px;background:#fff;border-radius:24px;-webkit-box-shadow:0 15px 35px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.02);box-shadow:0 15px 35px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.02);margin-bottom:15px;-webkit-transition:all .4s ease;transition:all .4s ease}.qr-wrapper-inner[data-v-bcbaa1f0]{display:block}.qr-container-inner[data-v-bcbaa1f0]{padding:4px;background:#fff}.pay-method[data-v-bcbaa1f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:13px;color:#4a5568;font-weight:700}.pay-method i[data-v-bcbaa1f0]{font-size:16px;margin-right:5px}.modern-agreement-dialog[data-v-bcbaa1f0]{border-radius:40px!important;-webkit-box-shadow:0 50px 120px rgba(0,0,0,.4)!important;box-shadow:0 50px 120px rgba(0,0,0,.4)!important;overflow:hidden;border:none!important}.modern-agreement-dialog[data-v-bcbaa1f0] .el-dialog__header{padding:30px 40px 15px;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#fcfdfe));background:linear-gradient(90deg,#fff,#fcfdfe);border-bottom:1px solid rgba(0,0,0,.04)}.modern-agreement-dialog[data-v-bcbaa1f0] .el-dialog__header .el-dialog__title{font-size:20px;font-weight:900;color:#1a1a1a}.modern-agreement-dialog[data-v-bcbaa1f0] .el-dialog__body{padding:30px 40px;background:#fff}.modern-agreement-dialog[data-v-bcbaa1f0] .el-dialog__footer{padding:20px 40px 30px;background:#fcfdfe;border-top:1px solid rgba(0,0,0,.04);text-align:center}.agreement-content .agreement-section[data-v-bcbaa1f0]{margin-bottom:20px}.agreement-content .agreement-section .section-title[data-v-bcbaa1f0]{font-size:15px;font-weight:900;color:#1a1a1a;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.agreement-content .agreement-section .section-title[data-v-bcbaa1f0]:before{content:"";width:4px;height:16px;background:-webkit-gradient(linear,left top,left bottom,from(#4facfe),to(#00f2fe));background:linear-gradient(180deg,#4facfe,#00f2fe);border-radius:2px;margin-right:12px}.agreement-content .agreement-section p[data-v-bcbaa1f0]{margin:0;font-size:13px;color:#4a5568;line-height:1.7;padding-left:16px;text-align:justify}.agreement-content .contact-kf-compact[data-v-bcbaa1f0]{margin-top:10px;padding:15px 20px;background:linear-gradient(135deg,#f0f9eb,#e8f5e9);color:#2e7d32;border-radius:20px;font-size:14px;font-weight:900;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.agreement-content .contact-kf-compact i[data-v-bcbaa1f0]{font-size:18px;margin-right:10px}.qr-placeholder[data-v-bcbaa1f0]{width:150px;height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#909399}.qr-placeholder i[data-v-bcbaa1f0]{font-size:32px;cursor:pointer;margin-bottom:10px;-webkit-transition:all .3s;transition:all .3s}.qr-placeholder i[data-v-bcbaa1f0]:hover{color:#409eff;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slide-in-left[data-v-bcbaa1f0]{-webkit-animation:slideInLeft-bcbaa1f0 .6s ease-out forwards;animation:slideInLeft-bcbaa1f0 .6s ease-out forwards}.slide-in-right[data-v-bcbaa1f0]{-webkit-animation:slideInRight-bcbaa1f0 .6s ease-out forwards;animation:slideInRight-bcbaa1f0 .6s ease-out forwards}@-webkit-keyframes slideInLeft-bcbaa1f0{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-bcbaa1f0{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-bcbaa1f0{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-bcbaa1f0{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}