@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;700&display=swap);.base-header[data-v-acf18482]{min-height:56px;background:#006b68;-webkit-animation:delayShow-acf18482 .2s forwards;animation:delayShow-acf18482 .2s forwards;padding:0}@media screen and (min-width:768px){.base-header[data-v-acf18482]{-webkit-animation:none;animation:none}}.base-header .btn-left[data-v-acf18482]{top:0;left:0;text-decoration:none;opacity:0;-webkit-animation:delayShow-acf18482 .2s forwards;animation:delayShow-acf18482 .2s forwards}@media screen and (min-width:768px){.base-header .btn-left[data-v-acf18482]{opacity:1;-webkit-animation:none;animation:none}}.base-header .btn-left .left-icon[data-v-acf18482]{padding:6px 6px 6px 12px}.base-header .btn-left .red-dot[data-v-acf18482]{width:14px;height:14px;top:12px;right:6px;border-radius:50%;z-index:5}.base-header .btn-left .left-text[data-v-acf18482]{padding-left:16px}@media screen and (min-width:768px){.base-header .btn-left .left-text[data-v-acf18482]{background:#f35d23;padding:5px 12px;margin-left:16px;border-radius:.5rem;line-height:28px}}.base-header .breadcrumb-container[data-v-acf18482]{margin-right:8px}.base-header .breadcrumb-container .bread-title[data-v-acf18482]{font-size:20px;margin-right:8px}.base-header .breadcrumb-container .bread-title.clickable[data-v-acf18482]{cursor:pointer}.base-header .breadcrumb-container .bread-title.clickable[data-v-acf18482]:hover{text-decoration:underline}.base-header .breadcrumb-container i[data-v-acf18482]{font-size:32px;color:#909399}.base-header .base-header-title[data-v-acf18482]{opacity:0;-webkit-animation:delayShow-acf18482 .2s forwards;animation:delayShow-acf18482 .2s forwards}@media screen and (min-width:768px){.base-header .base-header-title[data-v-acf18482]{opacity:1;-webkit-animation:none;animation:none}}.base-header .btn-right[data-v-acf18482]{right:0;text-decoration:none}.base-header .btn-right .right-icon[data-v-acf18482]{padding:6px 12px 6px 6px}@media screen and (min-width:768px){.base-header .btn-right .right-icon[data-v-acf18482]{background:#f35d23;padding:5px 12px;margin-right:8px;border-radius:.5rem;line-height:28px}}.base-header .btn-right .right-text[data-v-acf18482]{padding-right:16px}.base-header .avatar-wrap[data-v-acf18482]{width:40px;height:40px}.base-header .avatar-wrap[data-v-acf18482] .btn{padding:0}.base-header .notifiction-wrap[data-v-acf18482]{width:40px;height:40px;border-radius:50%}.base-header .notifiction-wrap .icon-Bell[data-v-acf18482]{font-size:30px}.base-header .notifiction-wrap .notification-dot[data-v-acf18482]{width:14px;height:14px;border-radius:50%;top:0;right:0}.base-header.primary-header[data-v-acf18482]{background:#f8f9fb;padding:0 32px;min-height:80px;border-bottom:1px solid #dcdfe6}.base-header.jungo-base-header[data-v-acf18482]{border-bottom:1px solid #dcdfe6;color:#303133!important}@media screen and (min-width:768px){.base-header.jungo-base-header .btn-left .left-text[data-v-acf18482]{background:#006b68;color:#fff}.base-header.jungo-base-header .btn-right .right-icon[data-v-acf18482]{background:#009e98;color:#fff}}[data-v-acf18482] .dropdown-menu{max-width:224px;width:224px}[data-v-acf18482] .dropdown-item{height:36px}[data-v-acf18482] .dropdown-item:active,[data-v-acf18482] .dropdown-item:focus,[data-v-acf18482] .dropdown-item:hover{background:rgba(0,0,0,.05);color:#303133}.jungo-dropdown[data-v-acf18482] .dropdown-item:active,.jungo-dropdown[data-v-acf18482] .dropdown-item:focus,.jungo-dropdown[data-v-acf18482] .dropdown-item:hover{background:#ebf3f5}@-webkit-keyframes delayShow-acf18482{0%{opacity:0}to{opacity:1}}@keyframes delayShow-acf18482{0%{opacity:0}to{opacity:1}}.action-sheet[data-v-84f7ef8e]{bottom:0;transform:translateY(100%);transition:all .5s;background:#f8f9fb;border-radius:20px 20px 0 0}.action-sheet.sheet-moving[data-v-84f7ef8e]{transition:all 0s}.action-sheet .sheet-title[data-v-84f7ef8e]{background:#fff;height:56px;line-height:56px}.action-sheet .sheet-content[data-v-84f7ef8e]{height:calc(100% - 56px);overflow:overlay}.loading[data-v-37558d33]{z-index:999;top:0;right:0}.loading .spinner[data-v-37558d33]{width:48px;height:48px}.loading .loading-text[data-v-37558d33]{color:#909399}.loading.jungo-loading[data-v-37558d33]{color:#87caac}.profile-container[data-v-50f5dc85]{width:100vw;padding:24px 16px 0}@media screen and (min-width:768px){.profile-container[data-v-50f5dc85]{width:100%;border-radius:10px;background:#fff;box-shadow:0 2px 7px hsla(0,0%,78%,.3);padding:16px}}@media screen and (min-width:1440px){.profile-container[data-v-50f5dc85]{width:300px;margin-right:24px;flex-direction:column;height:auto;position:relative;padding:16px 24px}}.profile-container .edit-avatar[data-v-50f5dc85]{min-width:38px;width:38px;height:38px;border-radius:50%;color:#fff;font-size:28px}@media screen and (min-width:768px){.profile-container .edit-avatar[data-v-50f5dc85]{margin-right:14px;cursor:pointer}}@media screen and (min-width:1440px){.profile-container .edit-avatar[data-v-50f5dc85]{position:absolute;right:16px;top:24px}}.profile-container .avatar-container[data-v-50f5dc85]{margin-left:16px}@media screen and (min-width:768px){.profile-container .avatar-container[data-v-50f5dc85]{margin-left:14px}}@media screen and (min-width:1440px){.profile-container .avatar-container[data-v-50f5dc85]{margin:26px 0 0!important}}.profile-container .avatar-container img[data-v-50f5dc85]{width:60px;height:60px}@media screen and (min-width:768px){.profile-container .avatar-container img[data-v-50f5dc85]{width:100px;height:100px}}.profile-container .wrapper-user[data-v-50f5dc85]{margin:0 16px 0 0}@media screen and (min-width:1440px){.profile-container .wrapper-user[data-v-50f5dc85]{margin:12px 0 0;padding-bottom:28px;width:100%;border-bottom:1px solid #dcdfe6}}.profile-container .name[data-v-50f5dc85]{line-height:30px;font-size:18px}@media screen and (min-width:768px){.profile-container .name[data-v-50f5dc85]{font-size:20px}}.profile-container .rank[data-v-50f5dc85]{border:1px solid #009e98;border-radius:24px;line-height:22.4px;display:inline-block;padding:0 16px;margin:4px 0 0}@media screen and (min-width:768px){.profile-container .rank[data-v-50f5dc85]{margin:8px 0 0}}@media screen and (min-width:1440px){.profile-container .rank[data-v-50f5dc85]{margin:24px 0 0}}.profile-container .jia-notice[data-v-50f5dc85]{display:none}@media screen and (min-width:1440px){.profile-container .jia-notice[data-v-50f5dc85]{display:block}}.profile-container .self-button[data-v-50f5dc85]{height:48px}.jungo-profile-container.profile-container[data-v-50f5dc85]{padding:24px 16px;background:#fff;box-shadow:0 2px 7px hsla(0,0%,78%,.3)}@media screen and (min-width:1440px){.jungo-profile-container.profile-container .wrapper-user[data-v-50f5dc85]{border-bottom:none}}.go-record-card[data-v-548807b0]{border-radius:10px;box-shadow:0 2px 7px hsla(0,0%,78%,.3)}.go-record-card .sub-title[data-v-548807b0]{border-radius:10px;padding:5px 16px}.go-record-card .content[data-v-548807b0]{color:#000}.go-record-card .btn-go-feature[data-v-548807b0]{width:240px}.feature-card[data-v-bc9ef1f4]{border-radius:10px;box-shadow:0 2px 7px hsla(0,0%,78%,.3)}.feature-card .sub-title[data-v-bc9ef1f4]{margin-bottom:20px}.personal[data-v-2d467e7e]{min-height:calc(100% - 56px)}@media screen and (min-width:768px){.personal[data-v-2d467e7e]{overflow:hidden}}.personal .personal-wrapper[data-v-2d467e7e]{background:url(../img/bg-mask.bda7573f.png) no-repeat top;background-size:contain}@media screen and (min-width:768px){.personal .personal-wrapper[data-v-2d467e7e]{background:none}}.personal .box-container[data-v-2d467e7e]{padding:0 16px}.personal .box-container .main-features-wrapper[data-v-2d467e7e]{box-shadow:0 2px 7px hsla(0,0%,78%,.3);border-radius:10px;flex-wrap:wrap}.personal .box-container .main-features-wrapper>div[class*=tab][data-v-2d467e7e]{width:calc(25% - .5rem)}.personal .box-container .main-features-wrapper .tab-title[data-v-2d467e7e]{font-size:14px;height:22px;line-height:22px}.personal .box-container .long-tab[data-v-2d467e7e]{width:100%;height:51px;border-radius:10px;box-shadow:0 2px 7px 0 hsla(0,0%,78%,.3);padding:10px 16px;margin-bottom:12px;align-items:center}.personal .box-container .long-tab i[data-v-2d467e7e]{font-size:32px;color:#009e98;margin-right:8px}.personal .box-container .long-tab .tab-title[data-v-2d467e7e]{font-size:16px;height:20px;color:#606266}.personal .box-container .issuse-tab[data-v-2d467e7e]{background:url(../img/bg-issuse.3ad17957.png) no-repeat 50%,#fff;background-size:cover;border-radius:10px;padding:12px 16px;margin-bottom:12px}.personal .box-container .issuse-tab .btn[data-v-2d467e7e]{flex-shrink:0}.personal .course-status[data-v-2d467e7e]{border-radius:10px;box-shadow:0 2px 7px 0 hsla(0,0%,78%,.3)}.personal .gitTag[data-v-2d467e7e]{color:#909399}.personal .web-content[data-v-2d467e7e]{max-width:720px;margin:0 auto 40px;padding:0 16px}@media screen and (min-width:768px){.personal .web-content[data-v-2d467e7e]{margin:24px auto 92px}}@media screen and (min-width:1440px){.personal .web-content[data-v-2d467e7e]{max-width:1140px;margin:0 auto 92px;padding:0 16px;display:flex;flex-direction:row;margin-top:24px}}@media screen and (min-width:768px){.personal .web-content .user-container[data-v-2d467e7e]{display:flex;flex-direction:row}}@media screen and (min-width:1440px){.personal .web-content .user-container[data-v-2d467e7e]{flex-direction:column}}.personal .web-content .issuse-tab[data-v-2d467e7e]{background:url(../img/bg-issuse.3ad17957.png) no-repeat top,#fff;background-size:cover;border-radius:10px;padding:12px 16px}.personal .web-content .issuse-tab .btn[data-v-2d467e7e]{flex-shrink:0}@media screen and (min-width:768px){.personal .web-content .issuse-tab[data-v-2d467e7e]{width:200px;flex-direction:column;flex-shrink:0;margin-left:24px;align-items:flex-start}}@media screen and (min-width:1440px){.personal .web-content .issuse-tab[data-v-2d467e7e]{width:calc(100% - 24px);flex-direction:row;margin-left:0;align-items:center;margin-top:24px}}.personal .web-content .learning-process-content[data-v-2d467e7e]{line-height:28px}.personal .web-content .learning-process-content .date[data-v-2d467e7e]{color:#606266}.personal .web-content .kifu-content[data-v-2d467e7e]{position:relative;height:60px;width:100%;padding:16px 10px;align-items:center;background:#f8f9fb}.personal .web-content .kifu-content>div[data-v-2d467e7e]{flex:1 1 0}.personal .web-content .kifu-content>div[data-v-2d467e7e]:not(:first-of-type):not(:last-of-type){margin:0 10px}.personal .web-content .kifu-content>div[data-v-2d467e7e]:first-of-type{margin:0 10px 0 0}.personal .web-content .kifu-content>div[data-v-2d467e7e]:last-of-type{margin:0 0 0 10px}.personal .web-content .kifu-content .wrap-time-stamp[data-v-2d467e7e]{align-items:center}.personal .web-content .kifu-content .wrap-time-stamp p[data-v-2d467e7e]{flex:1 0 0}.personal .web-content .kifu-content .badge[data-v-2d467e7e]{width:24px;height:24px;min-width:24px;border-radius:12px;background:rgba(0,0,0,.3);font-size:20px;padding:2px 0 2px}.personal .web-content .kifu-content .blue-dot[data-v-2d467e7e]{position:absolute;right:8px;top:8px;width:14px;height:14px;background-color:#81c4dc;border-radius:50%}@media screen and (min-width:1440px){.personal .web-content .wrapper-features[data-v-2d467e7e]{flex:1 1 0}}.personal .web-content .wrapper-features h2.title[data-v-2d467e7e]{margin-top:34px;padding-bottom:10px;border-bottom:1px solid #dcdfe6}@media screen and (min-width:1440px){.personal .web-content .wrapper-features h2.title[data-v-2d467e7e]{margin-top:0}}.personal .web-content .wrapper-features .features[data-v-2d467e7e]{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:16px;grid-row-gap:16px}.list-group-item-action[data-v-2d467e7e]{height:51px;border-bottom:1px solid hsla(0,0%,78%,.3)}.jungo-personal .personal-wrapper[data-v-2d467e7e]{background:none}.jungo-personal .box-container .col .tab-box .tab-title[data-v-2d467e7e],.jungo-personal .box-container .long-tab .tab-title[data-v-2d467e7e]{color:#303133}.jungo-personal .box-container .tab-box[data-v-2d467e7e]{border-radius:10px;padding:20px 0}.jungo-personal .box-container .tab-box i[data-v-2d467e7e]{font-size:32px;color:#006b68}.jungo-personal .box-container .tab-box .tab-title[data-v-2d467e7e]{font-size:14px;line-height:20px}