.box[data-v-21e80416]{min-height:100vh;background-color:#fff}.box .leve[data-v-21e80416]{padding:4vw}.vip-card[data-v-21e80416]{background:linear-gradient(113deg,#484848,#000);border-radius:4vw;padding:0 5.33333vw 0 3.73333vw;margin-bottom:6.4vw;box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.1);overflow:hidden;height:42.66667vw;margin-bottom:5.33333vw}.vip-card .vip-card-header .current-level-label[data-v-21e80416]{font-size:10px;color:#fff;display:inline-block;margin-left:-3.73333vw;text-align:center;background-color:#626262;font-weight:600;width:16vw;height:5.33333vw;line-height:5.33333vw;border-bottom-right-radius:2.66667vw}.vip-card .vip-card-body[data-v-21e80416]{display:flex;justify-content:space-between;align-items:center;margin-bottom:7.46667vw}.vip-card .vip-card-body .level-info .level-text[data-v-21e80416]{font-size:35px;font-weight:700;color:#fff;margin:0;line-height:1;letter-spacing:.53333vw}.vip-card .vip-card-body .level-badge img[data-v-21e80416]{width:16vw;height:16vw;object-fit:contain}.vip-card .progress-section .progress-bar[data-v-21e80416]{width:100%;height:1.06667vw;background-color:hsla(0,0%,100%,.25);border-radius:1.06667vw;overflow:hidden;margin-bottom:3.2vw}.vip-card .progress-section .progress-bar .progress-fill[data-v-21e80416]{height:100%;background:#fff;border-radius:1.06667vw;transition:width .3s ease}.vip-card .progress-section .progress-info[data-v-21e80416]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#898989}.task-section .section-title[data-v-21e80416]{font-size:17px;font-weight:600;color:#000;margin:0 0 4.26667vw 0}.task-section .task-container[data-v-21e80416]{background-color:#f8fafd;border-radius:3.2vw;padding:4vw}.task-section .task-item[data-v-21e80416]{display:flex;justify-content:space-between;align-items:center;background-color:transparent;border-radius:2.13333vw;padding-bottom:6.66667vw}.task-section .task-item[data-v-21e80416]:last-child{margin-bottom:0}.task-section .task-item .task-left[data-v-21e80416]{display:flex;align-items:center;flex:1}.task-section .task-item .task-left .task-content[data-v-21e80416]{flex:1}.task-section .task-item .task-left .task-content .task-title[data-v-21e80416]{font-size:13px;color:var(--jq-text-color);margin-bottom:1.06667vw}.task-section .task-item .task-left .task-content .task-reward .reward-text[data-v-21e80416]{font-size:10px;color:var(--jq-subtext-color)}.task-section .task-item .task-btn[data-v-21e80416]{font-size:12px;font-weight:700;border-radius:5.33333vw;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;width:18.66667vw;height:8vw;line-height:8vw;text-align:center;display:flex;align-items:center;justify-content:center}.task-section .task-item .task-btn.active[data-v-21e80416]{background-color:var(--jq-main-color);color:#fff;box-shadow:0 .53333vw 1.6vw rgba(82,196,26,.25)}.task-section .task-item .task-btn.active[data-v-21e80416]:active{transform:scale(.96)}.task-section .task-item .task-btn.completed[data-v-21e80416]{background-color:#e6eaf0;color:rgba(16,16,16,.2);cursor:not-allowed;box-shadow:none}.envelope[data-v-21e80416]{margin-top:5.33333vw}.envelope .envelope-title[data-v-21e80416]{font-size:16px;color:#0d0d0d;font-weight:600;margin-bottom:3.2vw}.envelope .evelopebox[data-v-21e80416]{background-color:#fff;border-radius:3.2vw;padding:4vw 4vw;display:flex;align-items:center;justify-content:space-between}.envelope .evelopebox .left[data-v-21e80416]{display:flex;align-items:center}.envelope .evelopebox .left .vipjf[data-v-21e80416]{width:16vw;height:16vw;margin-right:3.2vw}.envelope .evelopebox .left span[data-v-21e80416]{color:#0c0909;font-size:14px}.envelope .evelopebox .right[data-v-21e80416]{background-color:var(--jq-main-color);color:#fff;font-weight:700}.envelope .evelopebox .right[data-v-21e80416],.envelope .evelopebox .right_no[data-v-21e80416]{border-radius:5.33333vw;font-size:12px;width:18.66667vw;height:8vw;line-height:8vw;text-align:center;cursor:pointer}.envelope .evelopebox .right_no[data-v-21e80416]{background-color:#e6eaf0;color:rgba(16,16,16,.2)}