.level-up-modal__mask[data-v-a6223a6a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:199}.level-up-modal__wrap[data-v-a6223a6a]{position:relative;width:46rem;padding:3rem 2rem;background:linear-gradient(180deg,#ffcc6a,#fff);border-radius:1.2rem;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.15);box-sizing:border-box}.level-up-modal__close-btn[data-v-a6223a6a]{position:absolute;top:1.2rem;right:1.6rem;font-size:2.4rem;color:#999;cursor:pointer;line-height:1}.level-up-modal__close-btn[data-v-a6223a6a]:hover{color:#333}.level-up-modal__content[data-v-a6223a6a]{display:flex;align-items:center;justify-content:center;text-align:center}.level-up-modal__title[data-v-a6223a6a]{font-weight:700;font-size:2rem;color:#ff5900;line-height:3.5rem;text-align:left;margin:0 0 1.6rem 0}.level-up-modal__badge[data-v-a6223a6a]{margin-left:2.3rem}.level-up-modal__badge-img[data-v-a6223a6a]{width:13.4rem;height:13.4rem;object-fit:contain}.level-up-modal__desc[data-v-a6223a6a]{font-weight:400;font-size:1.2rem;color:#333;line-height:2.4rem;text-align:left}.page[data-v-eae73a8c]{width:100%;background:#fff;border-radius:.4rem}.page .page-ctx[data-v-eae73a8c]{background:#f9fafc}.user-level-page[data-v-eae73a8c]{width:115rem;margin:0 auto;box-sizing:border-box}.module-title[data-v-eae73a8c]{font-weight:700;font-size:2rem;color:#333;line-height:3.2rem;text-align:left}.level-content[data-v-eae73a8c]{padding:2.7rem 3.9rem 4.8rem 4.1rem;background-color:#fff;border-radius:.4rem .4rem .4rem .4rem;margin-bottom:2rem}.level-content .header-content[data-v-eae73a8c]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebebeb;padding-bottom:2.7rem}.level-content .header-content .back-header[data-v-eae73a8c]{font-weight:700;font-size:2.4rem;color:#333;line-height:3.2rem;text-align:left;cursor:pointer}.level-content .header-content .rule-button[data-v-eae73a8c]{display:flex;align-items:center;gap:.8rem;cursor:pointer}.level-content .header-content .rule-button img[data-v-eae73a8c]{width:2rem;height:2rem}.level-content .header-content .rule-button span[data-v-eae73a8c]{font-weight:400;font-size:1.4rem;color:#2580ff;line-height:3.2rem;text-align:left;font-style:normal;text-transform:none}.level-content .level-header[data-v-eae73a8c]{display:flex;justify-content:space-between;padding:2.5rem;width:107rem;height:14rem;box-sizing:border-box;background-size:100% 100%;border-radius:.8rem;margin-bottom:3rem;margin-top:2.7rem;position:relative}.level-content .level-header .user-info-wrap[data-v-eae73a8c]{display:flex;gap:1.5rem}.level-content .level-header .user-avatar[data-v-eae73a8c]{border-radius:50%;width:7.1rem;height:7.1rem}.level-content .level-header .user-info-box[data-v-eae73a8c]{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.level-content .level-header .user-name[data-v-eae73a8c]{font-weight:700;font-size:1.8rem;color:#000;line-height:3.2rem;text-align:left}.level-content .level-header .level-tag[data-v-eae73a8c]{width:9.9rem;height:2.1rem;background:#efbf1c;border-radius:.8rem 0 .8rem 0;font-weight:400;font-size:1.2rem;color:#fff;line-height:2.1rem;text-align:center}.level-content .level-header .exp-progress-box[data-v-eae73a8c]{display:flex;align-items:center;gap:1rem}.level-content .level-header .progress-text[data-v-eae73a8c]{font-weight:400;font-size:1.4rem;color:#333;text-align:left}.level-content .level-header .progress-outer[data-v-eae73a8c]{width:42.8rem;height:.6rem;background:#eee;border-radius:.4rem;overflow:hidden;margin:.5rem 0}.level-content .level-header .progress-outer .progress-inner[data-v-eae73a8c]{height:100%;background:#efc01e;transition:width .3s}.level-content .level-header .exp-num[data-v-eae73a8c]{font-size:1.2rem;color:#999}.level-content .level-header .exper-iential[data-v-eae73a8c]{font-weight:400;font-size:1.2rem;color:#666;line-height:3.2rem;text-align:left;margin-left:5.3rem}.level-content .level-header .level-badge img[data-v-eae73a8c]{position:absolute;top:0;right:8.3rem;width:13.4rem;height:13.4rem}.level-content .benefit-wrap[data-v-eae73a8c]{width:107rem;height:15.6rem;border-radius:.8rem .8rem .8rem .8rem;border:1px solid #ebebeb;margin-bottom:1.6rem;padding:1.7rem 5.9rem 4.5rem 2.3rem;box-sizing:border-box}.level-content .benefit-wrap .module-title[data-v-eae73a8c]{font-weight:700;font-size:2rem;color:#333;line-height:3.2rem;text-align:left;margin-bottom:2.4rem}.level-content .benefit-wrap .benefit-list[data-v-eae73a8c]{display:flex;gap:7.5rem}.level-content .benefit-wrap .benefit-item[data-v-eae73a8c]{display:flex;font-size:1.4rem;color:#666;gap:.8rem}.level-content .benefit-wrap .benefit-item .benefit-icon[data-v-eae73a8c]{width:4.8rem;height:4.8rem}.level-content .benefit-wrap .benefit-item .benefit-desc[data-v-eae73a8c]{height:4.4rem;font-weight:400;font-size:1.4rem;color:#333;line-height:2.4rem;text-align:left;font-style:normal;text-transform:none;margin-left:.5rem}.level-content .chart-wrap[data-v-eae73a8c]{width:107rem;height:42.5rem;height:52.5rem;padding:2rem 2.6rem 2.3rem 2.3rem;box-sizing:border-box;background:linear-gradient(180deg,#fffaf4,#fff 97.04%,#fff);border-radius:.8rem;border:1px solid #ebebeb}.level-content .chart-wrap .level-chart-box[data-v-eae73a8c]{width:100%;height:35rem;height:45rem;display:flex;align-items:flex-end;justify-content:center}.level-content .chart-wrap .chart-axis[data-v-eae73a8c]{display:flex;align-items:flex-end;gap:2.5rem;height:35rem;height:45rem;overflow-x:auto}.level-content .chart-wrap .chart-axis[data-v-eae73a8c]::-webkit-scrollbar{height:.6rem}.level-content .chart-wrap .chart-axis[data-v-eae73a8c]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:.3rem}.level-content .chart-wrap .chart-axis[data-v-eae73a8c]::-webkit-scrollbar-track{background:#f5f7fa;border-radius:.3rem}.level-content .chart-wrap .chart-item[data-v-eae73a8c]{display:flex;flex-direction:column;align-items:center;position:relative}.level-content .chart-wrap .chart-item .item-empirical[data-v-eae73a8c]{text-align:center;padding:0 .3rem;border-radius:.4rem .4rem .4rem .4rem}.level-content .chart-wrap .chart-item .item-exp[data-v-eae73a8c]{font-size:1.4rem;color:#333;margin-bottom:.8rem}.level-content .chart-wrap .chart-item .item-bar[data-v-eae73a8c]{width:2.1rem;background:#fff0bc;border-radius:.4rem .4rem 0 0;position:relative;transition:all .3s;margin:0 auto}.level-content .chart-wrap .chart-item .item-arrow[data-v-eae73a8c]{position:absolute;top:-1.4rem;left:50%;transform:translateX(-50%);width:0;height:0;border-left:.8rem solid transparent;border-right:.8rem solid transparent;border-top:1rem solid #f7bf06}.level-content .chart-wrap .chart-item .item-level[data-v-eae73a8c]{font-size:1.4rem;color:#666;margin-top:1.2rem}.level-content .chart-wrap .chart-item.active .item-bar[data-v-eae73a8c]{background:#f7bf06}.task-wrap[data-v-eae73a8c]{padding:3.5rem 3.9rem 6.3rem 4.1rem;background-color:#fff}.task-wrap .module-title[data-v-eae73a8c]{padding-bottom:3.5rem;border-bottom:1px solid #e5e5e5;font-weight:700;font-size:2rem;color:#333;line-height:3.2rem;text-align:left;width:100%}.task-wrap .task-list[data-v-eae73a8c]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem}.task-wrap .task-item[data-v-eae73a8c]{display:flex;align-items:center;width:34.6rem;height:11rem;background:#fff;border-radius:.4rem .4rem .4rem .4rem;border:1px solid #e5e5e5;padding:3rem 1.9rem 3rem 1.8rem;box-sizing:border-box}.task-wrap .task-icon[data-v-eae73a8c]{width:5rem;height:5rem}.task-wrap .task-content[data-v-eae73a8c]{flex:1;margin:0 1.2rem}.task-wrap .task-name[data-v-eae73a8c]{font-weight:400;font-size:1.6rem;color:#333;line-height:2.4rem;text-align:left;margin-bottom:.8rem}.task-wrap .task-exp[data-v-eae73a8c]{font-weight:400;font-size:1.4rem;color:#666;line-height:2.4rem;text-align:left}.task-wrap .task-btn[data-v-eae73a8c]{width:8.5rem;height:3.7rem;background:#2580ff;border-radius:.4rem .4rem .4rem .4rem;font-weight:400;font-size:1.4rem;color:#fff;text-align:center;cursor:pointer}@media screen and (max-width:74.9375rem){.page[data-v-eae73a8c]{width:100%;max-width:100vw;overflow-x:hidden;background:#f5f6f8;border-radius:0}.page-ctx[data-v-eae73a8c]{width:100%;max-width:100vw;background:#f5f6f8!important;overflow-x:hidden}.user-level-page[data-v-eae73a8c]{width:100%!important;max-width:100vw;margin:0;padding:.625rem .5rem .875rem;box-sizing:border-box;background:#f5f6f8}.module-title[data-v-eae73a8c]{margin:0;font-size:.875rem!important;line-height:1.375rem!important;font-weight:600;color:#333}.level-content[data-v-eae73a8c]{width:100%;margin:0 0 .75rem;padding:0;background:#fff;border-radius:0;box-sizing:border-box}.level-content .header-content[data-v-eae73a8c]{display:flex;align-items:center;justify-content:space-between;min-height:2.375rem;padding:0 .625rem .4375rem;border-bottom:0;box-sizing:border-box}.level-content .header-content .back-header[data-v-eae73a8c]{font-size:.875rem!important;line-height:1.375rem!important;font-weight:600;color:#333}.level-content .header-content .rule-button[data-v-eae73a8c]{display:flex;align-items:center;gap:.25rem;min-width:0}.level-content .header-content .rule-button img[data-v-eae73a8c]{width:1rem;height:1rem;flex:0 0 1rem}.level-content .header-content .rule-button span[data-v-eae73a8c]{font-size:.75rem!important;line-height:1.125rem!important;color:#2580ff;white-space:nowrap}.level-header[data-v-eae73a8c]{display:block!important;width:auto!important;min-height:9.5625rem!important;height:auto!important;margin:0 .625rem .75rem!important;padding:.8rem .8rem 1rem!important;border-radius:.625rem!important;box-sizing:border-box;background-color:#fff1d7;background-size:100% 100%!important;background-position:50%;position:relative;overflow:hidden}.level-header .user-info-wrap[data-v-eae73a8c]{display:flex;align-items:flex-start;gap:1rem;width:100%;height:100%;min-width:0}.level-header .user-avatar[data-v-eae73a8c]{width:3.75rem!important;height:3.75rem!important;flex:0 0 3.75rem;border-radius:50%;object-fit:cover;border:.25rem solid hsla(0,0%,100%,.9);box-sizing:border-box}.level-header .user-content[data-v-eae73a8c]{min-width:0;padding-right:5.125rem;box-sizing:border-box}.level-header .user-info-box[data-v-eae73a8c]{display:flex;flex-direction:column;align-items:flex-start;gap:.4375rem;margin:0;min-width:0}.level-header .user-name[data-v-eae73a8c]{max-width:7.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem!important;line-height:1.75rem!important;font-weight:700;color:#111}.level-header .level-tag[data-v-eae73a8c]{width:auto!important;height:1.75rem!important;min-width:7.375rem;padding:0 .8125rem;border-radius:0 0 .625rem 0!important;box-sizing:border-box;background:#f7bf06;font-size:.875rem!important;line-height:1.75rem!important;color:#fff;white-space:nowrap;text-align:center}.level-header .exp-progress-box[data-v-eae73a8c]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;row-gap:.625rem;column-gap:.625rem;position:absolute;left:1.625rem;right:1.625rem;bottom:1.0625rem;min-width:0}.level-header .exp-num[data-v-eae73a8c],.level-header .progress-text[data-v-eae73a8c]{font-size:1rem!important;line-height:1.375rem;color:#333;white-space:nowrap}.level-header .exp-num[data-v-eae73a8c]{grid-column:3;justify-self:end;margin-top:0;font-size:1rem!important;line-height:1.375rem}.level-header .progress-outer[data-v-eae73a8c]{grid-column:2;min-width:0;width:36%!important;height:.4375rem!important;margin:0!important;border-radius:.4375rem!important;background:rgba(238,228,205,.85);overflow:hidden}.level-header .progress-outer .progress-inner[data-v-eae73a8c]{max-width:100%;height:100%;border-radius:.4375rem;background:#f7bf06}.level-header .exper-iential[data-v-eae73a8c]{position:absolute;left:5.125rem;right:7.25rem;bottom:0;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem!important;line-height:1.375rem!important;color:#666}.benefit-wrap[data-v-eae73a8c]{width:auto!important;height:auto!important;min-height:9.25rem;margin:0 .625rem .75rem!important;padding:.75rem .875rem .75rem!important;border:.0625rem solid #ebebeb;border-radius:.25rem!important;box-sizing:border-box;background:#fff}.benefit-wrap .module-title[data-v-eae73a8c]{margin-bottom:.625rem!important}.benefit-wrap .benefit-list[data-v-eae73a8c]{display:flex!important;flex-direction:column;gap:.5625rem!important;width:100%}.benefit-wrap .benefit-item[data-v-eae73a8c]{display:flex;align-items:center;gap:.5625rem!important;min-height:1.25rem;font-size:.875rem;color:#333}.benefit-wrap .benefit-icon[data-v-eae73a8c]{width:1.875rem!important;height:1.875rem!important;flex:0 0 1.125rem;object-fit:contain}.benefit-wrap .benefit-desc[data-v-eae73a8c]{height:auto!important;margin-left:0!important;flex:1;min-width:0;font-size:.75rem!important;line-height:1.125rem!important;color:#333!important;word-break:break-word}.chart-wrap[data-v-eae73a8c]{width:auto!important;height:auto!important;margin:0 0 0;padding:0 .625rem 1.125rem!important;border:0!important;border-radius:0!important;background:#fff!important;box-sizing:border-box}.chart-wrap .module-title[data-v-eae73a8c]{padding:0 0 .75rem}.chart-wrap .level-chart-box[data-v-eae73a8c]{width:100%!important;height:22.5rem!important;display:block!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x mandatory;scroll-padding-left:.25rem}.chart-wrap .level-chart-box[data-v-eae73a8c]::-webkit-scrollbar{display:none}.chart-wrap .chart-axis[data-v-eae73a8c]{display:flex!important;align-items:flex-end;gap:.875rem!important;width:max-content;min-width:100%;height:22.5rem!important;padding:2.25rem .625rem 0 .25rem;overflow:visible!important;box-sizing:border-box}.chart-wrap .chart-item[data-v-eae73a8c]{display:flex;justify-content:center;flex:0 0 3.625rem}.chart-wrap .item-empirical[data-v-eae73a8c]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:3.25rem!important;min-height:6.5rem;padding:.5rem 0 .5625rem;border-radius:.1875rem!important;box-sizing:border-box}.chart-wrap .item-exp[data-v-eae73a8c]{order:1;margin:0 0 .625rem!important;font-size:.75rem!important;line-height:1rem;color:#666!important;white-space:nowrap}.chart-wrap .item-bar[data-v-eae73a8c]{order:2;width:1.5rem!important;max-height:15.3125rem;min-height:.625rem;border-radius:.1875rem .1875rem 0 0!important;background:#fff1c1!important}.chart-wrap .item-level[data-v-eae73a8c]{order:3;margin-top:.625rem!important;font-size:.75rem!important;line-height:1rem;color:#666!important;white-space:nowrap;text-align:center}.chart-wrap .item-arrow[data-v-eae73a8c]{top:-1.125rem!important;border-left-width:.4375rem!important;border-right-width:.4375rem!important;border-top-width:.625rem!important;border-top-color:#f7bf06!important}.chart-wrap .chart-item.active .item-bar[data-v-eae73a8c]{background:#fff1c1!important}.chart-wrap .item-arrow~.item-bar[data-v-eae73a8c],.chart-wrap .item-empirical[style*="247, 191, 6"] .item-bar[data-v-eae73a8c],.chart-wrap .item-empirical[style*="#F7BF06"] .item-bar[data-v-eae73a8c]{background:#f7bf06!important}.task-wrap[data-v-eae73a8c]{width:100%;margin:0;padding:.625rem .625rem 1rem!important;background:#fff;box-sizing:border-box}.task-wrap .module-title[data-v-eae73a8c]{width:100%;padding:0 0 .75rem!important;border-bottom:.0625rem solid #eee!important;font-size:.875rem!important;line-height:1.375rem!important;font-weight:600}.task-wrap .task-list[data-v-eae73a8c]{display:flex!important;flex-direction:column;gap:.75rem!important;margin-top:.75rem!important}.task-wrap .task-item[data-v-eae73a8c]{display:flex;align-items:center;width:100%!important;height:4.125rem!important;min-height:4.125rem;padding:.625rem .75rem!important;border:.0625rem solid #e9e9e9;border-radius:.125rem!important;box-sizing:border-box;background:#fff}.task-wrap .task-icon[data-v-eae73a8c]{width:2rem!important;height:2rem!important;flex:0 0 2rem;object-fit:contain}.task-wrap .task-content[data-v-eae73a8c]{flex:1;min-width:0;margin:0 .5rem!important}.task-wrap .task-name[data-v-eae73a8c]{margin:0 0 .1875rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem!important;line-height:1.125rem!important;font-weight:400;color:#333}.task-wrap .task-exp[data-v-eae73a8c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem!important;line-height:1rem!important;color:#777}.task-wrap .task-btn[data-v-eae73a8c]{width:4.25rem!important;height:2.125rem!important;flex:0 0 4.25rem;padding:0;border:0;border-radius:.1875rem!important;background:#2580ff;font-size:.75rem!important;line-height:2.125rem;color:#fff;white-space:nowrap}}@media screen and (max-width:23.4375rem){.user-level-page[data-v-eae73a8c]{padding-left:.4375rem;padding-right:.4375rem}.level-header[data-v-eae73a8c]{min-height:9.0625rem!important;margin-left:.875rem!important;margin-right:.875rem!important;padding:1.4375rem 1.125rem 1.125rem!important}.level-header .user-content[data-v-eae73a8c]{padding-right:4.5rem}.level-header .user-name[data-v-eae73a8c]{max-width:6rem;font-size:1.125rem!important;line-height:1.625rem!important}.level-header .level-tag[data-v-eae73a8c]{min-width:6.75rem;padding:0 .625rem;font-size:.8125rem!important}.level-header .exp-num[data-v-eae73a8c],.level-header .progress-text[data-v-eae73a8c]{font-size:.9375rem!important}.level-header .exper-iential[data-v-eae73a8c]{left:4.5rem;right:6.5rem;font-size:.8125rem!important}.benefit-wrap[data-v-eae73a8c]{margin-left:.5625rem!important;margin-right:.5625rem!important;padding-left:.75rem!important;padding-right:.75rem!important}.chart-wrap[data-v-eae73a8c]{padding-left:.5625rem!important;padding-right:.5625rem!important}.chart-wrap .chart-axis[data-v-eae73a8c]{gap:.6875rem!important;padding-right:.5rem;padding-left:.25rem}.chart-wrap .chart-item[data-v-eae73a8c]{flex-basis:3.5rem;min-width:3.5rem}.chart-wrap .item-empirical[data-v-eae73a8c]{width:3.125rem!important}.chart-wrap .item-bar[data-v-eae73a8c]{width:1.375rem!important}.task-wrap[data-v-eae73a8c]{padding-left:.5625rem!important;padding-right:.5625rem!important}.task-wrap .task-item[data-v-eae73a8c]{padding-left:.625rem!important;padding-right:.625rem!important}.task-wrap .task-btn[data-v-eae73a8c]{width:4rem!important;flex-basis:4rem}}@media screen and (min-width:64rem) and (max-width:74.9375rem){.user-level-page[data-v-eae73a8c]{max-width:56rem;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}.benefit-wrap .benefit-list[data-v-eae73a8c],.task-wrap .task-list[data-v-eae73a8c]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:48rem) and (max-width:63.9375rem){.user-level-page[data-v-eae73a8c]{max-width:46rem;margin-right:auto;margin-left:auto}}@media screen and (min-width:36rem) and (max-width:47.9375rem){.benefit-wrap[data-v-eae73a8c],.chart-wrap[data-v-eae73a8c],.level-header[data-v-eae73a8c],.task-wrap[data-v-eae73a8c]{margin-right:.875rem!important;margin-left:.875rem!important}}@media screen and (min-width:23.4375rem) and (max-width:25.875rem){.level-header[data-v-eae73a8c]{margin-right:.75rem!important;margin-left:.75rem!important}}