.btn[data-v-be902702]{--border-color:linear-gradient(-45deg,#ffae00,#7e03aa,#00fffb);--border-width:0.125em;--curve-size:0.5em;--blur:30px;--bg:#080312;--color:#afffff;color:var(--color);cursor:pointer;position:relative;isolation:isolate;display:-ms-inline-grid;display:inline-grid;place-content:center;padding:5px 10px;font-size:17px;border:0;text-transform:uppercase;box-shadow:10px 10px 20px rgba(0,0,0,.6);clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);transition:color .25s}.btn[data-v-be902702]:after,.btn[data-v-be902702]:before{content:"";position:absolute;inset:0}.btn[data-v-be902702]:before{background:var(--border-color);background-size:300% 300%;animation:move-bg7234-be902702 5s ease infinite;z-index:-2}@keyframes move-bg7234-be902702{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.btn[data-v-be902702]:after{background:var(--bg);z-index:-1;clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width)*0.5),calc(var(--curve-size) + var(--border-width)*0.5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*0.5),calc(100% - var(--curve-size) - var(--border-width)*0.5) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:clip-path .5s}.btn-active[data-v-be902702]:after,.btn[data-v-be902702]:where(:hover,:focus):after{clip-path:polygon(calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*0.5),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*0.5),calc(100% - var(--curve-size) - var(--border-width)*0.5) calc(100% - var(--border-width)),calc(100% - var(--curve-size) - var(--border-width)*0.5) calc(100% - var(--border-width)));transition:.2s}.btn[data-v-be902702]:where(:hover,:focus){color:#fff}.wh-dialog-card[data-v-244ef526]{position:fixed;left:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.74);width:100vw;height:100vh;z-index:9999}.wh-dialog-card .code-editor[data-v-244ef526]{min-width:300px;min-height:300px;box-shadow:0 4px 30px rgba(0,0,0,.5);border-radius:8px;padding:2px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.wh-dialog-card .header[data-v-244ef526]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:10px}.wh-dialog-card .title[data-v-244ef526]{font-family:Lato,sans-serif;font-weight:900;letter-spacing:1.57px;padding-right:20px;font-size:24px}.wh-dialog-card .icon[data-v-244ef526]{width:20px;transition:.2s ease}.wh-dialog-card .icon[data-v-244ef526]:hover{cursor:pointer;border-radius:50px;background-color:#6e7281}.wh-dialog-card .editor-content[data-v-244ef526]{margin:0 10px 10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex:1;flex:1}.wh-dialog-card .editor-content .editor-content-body[data-v-244ef526]{-ms-flex:1;flex:1}.wh-dialog-card .property[data-v-244ef526]{margin-left:30px}.wh-dialog-card .property[data-v-244ef526]:hover{cursor:text}.wh-dialog-card .editor-content .color-0[data-v-244ef526]{color:#569cd6}.wh-dialog-card .editor-content .color-1[data-v-244ef526]{color:#b6cea8}.wh-dialog-card .editor-content .color-2[data-v-244ef526]{color:#9cdcfe}.wh-dialog-card .editor-content .color-3[data-v-244ef526]{color:#cf9278}.wh-dialog-card .color-preview-1[data-v-244ef526],.wh-dialog-card .color-preview-2[data-v-244ef526]{height:8px;width:8px;border:1px solid #fff;display:inline-block;margin-right:3px}.wh-dialog-card .color-preview-1[data-v-244ef526]{background-color:#1d1e22;background-color:rgba(0,0,0,.5)}.app-list .courses[data-v-791aaba9]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(260px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(260px,1fr));-ms-grid-column-align:center;justify-items:center;margin:0 auto;gap:10px}.app-list .course[data-v-791aaba9]{box-sizing:border-box;min-width:300px;min-height:300px;max-width:calc(20vw - 20px);max-height:calc(20vw - 20px);padding:20px}.app-list .course .course-content[data-v-791aaba9]{box-sizing:border-box;padding:20px;width:100%;height:100%;background-color:#fff;overflow:hidden;box-shadow:10px 13px 13px rgba(0,0,0,.15)}.join-course-page[data-v-65c46f06]{background-color:#ffce38;min-height:calc(100vh - 60px);background-image:url(../img/mask.475d81eb.png);background-size:cover;background-repeat:repeat}.join-course-page .header .tabs[data-v-65c46f06]{display:-ms-flexbox;display:flex;position:relative;background-color:#fff;box-shadow:0 0 1px 0 rgba(24,94,224,.15),0 6px 12px 0 rgba(24,94,224,.15);padding:.75rem;border-radius:99px}.join-course-page .header .tabs [data-v-65c46f06]{z-index:2}.join-course-page .header .container input[type=radio][data-v-65c46f06]{display:none}.join-course-page .header .tab[data-v-65c46f06]{height:30px;width:100px;font-size:.8rem;color:#000;font-weight:700;border-radius:99px;cursor:pointer;transition:color .15s ease-in;overflow:hidden}.join-course-page .header .notification[data-v-65c46f06],.join-course-page .header .tab[data-v-65c46f06]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.join-course-page .header .notification[data-v-65c46f06]{width:.8rem;height:.8rem;position:absolute;top:10px;left:30%;font-size:10px;border-radius:50%;margin:0;background-color:#e6eef9;transition:.15s ease-in}.join-course-page .header .container[data-v-65c46f06]{width:290px;margin-left:0;overflow:hidden}.join-course-page .header .container input[type=radio]:checked+label[data-v-65c46f06]{color:#fff}.join-course-page .header .container input[type=radio]:checked+label>.notification[data-v-65c46f06]{color:#fff;margin:0}.join-course-page .header .container input[id=radio-1]:checked~.glider[data-v-65c46f06]{transform:translateX(0)}.join-course-page .header .container input[id=radio-2]:checked~.glider[data-v-65c46f06]{transform:translateX(100%)}.join-course-page .header .container input[id=radio-3]:checked~.glider[data-v-65c46f06]{transform:translateX(200%)}.join-course-page .header .glider[data-v-65c46f06]{position:absolute;display:-ms-flexbox;display:flex;height:30px;width:88px;background-color:#fcc031;z-index:1;border-radius:99px;transition:.25s ease-out}.join-course-page .body[data-v-65c46f06]{height:calc(100vh - 60px);width:auto}.join-course-page .courses[data-v-65c46f06]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3vw}.join-course-page .courses .course[data-v-65c46f06]{margin-right:auto;min-width:400px;min-height:320px;max-width:400px;max-height:320px;box-sizing:border-box;box-shadow:0 0 30px rgba(0,0,0,.3);border-radius:40px;overflow:hidden;padding:30px;background-image:url(http://localhost/CourseGoodBackground1.png);background-size:cover;background-repeat:no-repeat}.join-course-page .courses .course .title[data-v-65c46f06]{font-size:30px;height:80px;line-height:40px}.join-course-page .courses .course .studyCount[data-v-65c46f06],.join-course-page .courses .course .title[data-v-65c46f06]{filter:invert(1);color:#fff;font-family:"\9ED1\4F53",SimHei,Microsoft YaHei,Arial,Helvetica,sans-serif;width:100%;overflow:hidden}.join-course-page .courses .course .studyCount[data-v-65c46f06]{margin-top:20px;font-size:22px;text-wrap:none}.join-course-page .courses .course .price[data-v-65c46f06]{filter:invert(1);color:#fff;font-size:30px;font-family:AlimamaShuHeiTi,serif;width:100%;overflow:hidden;text-wrap:none}.join-course-page .courses i[data-v-65c46f06]{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:20vw;flex-basis:20vw}.join-course-page .goodBtn-container[data-v-65c46f06]{width:100%;height:80px;margin-top:auto}.join-course-page .goodBtn-container .goodBtn[data-v-65c46f06]{background-color:#f0f0f0;color:#000;width:50%;border-radius:30px;font-size:1.5rem;font-family:"\9ED1\4F53",SimHei,Microsoft YaHei,Arial,Helvetica,sans-serif;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:5px 10px;cursor:pointer}.join-course-page .pay-type-select-container .el-radio[data-v-65c46f06]{color:#bebebe}.join-course-page[data-v-65c46f06] .buy-card-redeem-input .el-input__inner{color:#000}.join-course-page .buy-card-divider[data-v-65c46f06]{background-color:#414141}.join-course-page .buy-card-divider .el-divider__text[data-v-65c46f06]{background-color:#1d1e22;color:#7c7c7c}.join-course-page[data-v-65c46f06] .buy-card-redeem-input .el-input__inner{background-color:#000!important;border:1px solid #656565!important;color:#fff}.join-course-page[data-v-65c46f06] .buy-card-redeem-input .el-input__inner:-ms-input-placeholder{color:#fff;font-size:14px;font-style:italic}.join-course-page[data-v-65c46f06] .buy-card-redeem-input .el-input__inner::placeholder{color:#fff;font-size:14px;font-style:italic}