.progress[data-v-12f8dda4]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-12f8dda4]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-12f8dda4]{font-size:16px;color:#43266d}.progress .outside[data-v-12f8dda4]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-12f8dda4]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-12f8dda4]{height:100%}.progress .bar .left[data-v-12f8dda4]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-12f8dda4]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-12f8dda4]{width:100px}.tooltip[data-v-12f8dda4]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-12f8dda4]{flex:1;white-space:nowrap}.loading[data-v-12f8dda4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,10,10,.4);display:flex;align-items:center;z-index:200}.loading .sk-folding-cube[data-v-12f8dda4]{margin:20px auto;width:40px;height:40px;position:relative;transform:rotate(45deg)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#43266d;animation:sk-foldCubeAngle-12f8dda4 2.4s linear infinite both;transform-origin:100% 100%}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]{transform:scale(1.1) rotate(90deg)}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]{transform:scale(1.1) rotate(180deg)}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]{transform:scale(1.1) rotate(270deg)}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]:before{animation-delay:.3s}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]:before{animation-delay:.6s}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]:before{animation-delay:.9s}@keyframes sk-foldCubeAngle-12f8dda4{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.progress[data-v-ccdb2b0c]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-ccdb2b0c]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-ccdb2b0c]{font-size:16px;color:#43266d}.progress .outside[data-v-ccdb2b0c]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-ccdb2b0c]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-ccdb2b0c]{height:100%}.progress .bar .left[data-v-ccdb2b0c]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-ccdb2b0c]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-ccdb2b0c]{width:100px}.tooltip[data-v-ccdb2b0c]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-ccdb2b0c]{flex:1;white-space:nowrap}.myExercise[data-v-ccdb2b0c]{position:relative}.myExercise>div[data-v-ccdb2b0c]:first-child{display:flex}.myExercise>div:first-child>div[data-v-ccdb2b0c]{position:absolute;top:-95px}.myExercise>div:first-child>div button[data-v-ccdb2b0c]{padding:8px 20px}.myExercise>div:first-child>div[data-v-ccdb2b0c]:first-child{left:5%}.myExercise>div:first-child>div[data-v-ccdb2b0c]:nth-child(2){right:5%}.myExercise>.exercise-table[data-v-ccdb2b0c]{position:absolute;top:-40px;left:5%;border-radius:20px;border:3px solid #000;background-color:#fff;width:90%;padding:20px}.myExercise>.exercise-table .tbody .num[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num[data-v-ccdb2b0c]{color:#43266d;font-weight:500;line-height:30px}.myExercise>.exercise-table .tbody .category[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num[data-v-ccdb2b0c]{flex:0.6;line-height:30px}.myExercise>.exercise-table .tbody .category>span[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span[data-v-ccdb2b0c]{display:block;padding:0 15px;border-radius:20px}.myExercise>.exercise-table .tbody .category>span.demo[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.demo[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.demo[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.demo[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.demo[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.demo[data-v-ccdb2b0c]{background:#07f}.myExercise>.exercise-table .tbody .category>span.excellent[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.excellent[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.excellent[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.excellent[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.excellent[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.excellent[data-v-ccdb2b0c]{background:#28c7ca}.myExercise>.exercise-table .tbody .category>span.good[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.good[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.good[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.good[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.good[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.good[data-v-ccdb2b0c]{background:#2ca719}.myExercise>.exercise-table .tbody .category>span.improve[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.improve[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.improve[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.improve[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.improve[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.improve[data-v-ccdb2b0c]{background:#fe0}.myExercise>.exercise-table .tbody .category>span.unsatisfied[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.unsatisfied[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.unsatisfied[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.unsatisfied[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.unsatisfied[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.unsatisfied[data-v-ccdb2b0c]{background:red}.myExercise>.exercise-table .tbody .category>span.waitForReview[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.waitForReview[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.waitForReview[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.waitForReview[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.waitForReview[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.waitForReview[data-v-ccdb2b0c]{background:#f8f8f8}.myExercise>.exercise-table .tbody .category>span.debug[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.debug[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.debug[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.debug[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.debug[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.debug[data-v-ccdb2b0c]{background:#0a5131}.myExercise>.exercise-table .tbody .category>span.disobey[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .grade>span.disobey[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .num>span.disobey[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .category>span.disobey[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .grade>span.disobey[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .num>span.disobey[data-v-ccdb2b0c]{background:#43266d;animation:fade-ccdb2b0c 1.5s infinite}.myExercise>.exercise-table .tbody .exerciseName[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .exerciseName[data-v-ccdb2b0c]{flex:2.4;line-height:30px}.myExercise>.exercise-table .tbody .difficulty[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty[data-v-ccdb2b0c]{flex:0.5;line-height:30px}.myExercise>.exercise-table .tbody .difficulty .diff-tag[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .diff-tag[data-v-ccdb2b0c]{display:block;padding:0 15px;border-radius:20px;text-align:center}.myExercise>.exercise-table .tbody .difficulty .d-veasy[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-veasy[data-v-ccdb2b0c]{background:#86efac}.myExercise>.exercise-table .tbody .difficulty .d-easy[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-easy[data-v-ccdb2b0c]{background:#bbf7d0}.myExercise>.exercise-table .tbody .difficulty .d-normal[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-normal[data-v-ccdb2b0c]{background:#fde68a}.myExercise>.exercise-table .tbody .difficulty .d-apply[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-apply[data-v-ccdb2b0c]{background:#fdba74}.myExercise>.exercise-table .tbody .difficulty .d-hard[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-hard[data-v-ccdb2b0c]{background:#fca5a5}.myExercise>.exercise-table .tbody .difficulty .d-insane[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-insane[data-v-ccdb2b0c]{background:#f87171}.myExercise>.exercise-table .tbody .difficulty .d-default[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .difficulty .d-default[data-v-ccdb2b0c]{background:#e2e8f0}.myExercise>.exercise-table .tbody .classmate button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .done button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .idea button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .link button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .sampleCode button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .status button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .classmate button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .idea button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .link button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .sampleCode button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .status button[data-v-ccdb2b0c]{font-size:14px;height:30px}.myExercise>.exercise-table .tbody .idea[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .link[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .sampleCode[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .idea[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .link[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .sampleCode[data-v-ccdb2b0c]{flex:0.7}.myExercise>.exercise-table .tbody .idea button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .link button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .sampleCode button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .idea button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .link button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .sampleCode button[data-v-ccdb2b0c]{font-size:14px;width:60px}.myExercise>.exercise-table .tbody .classmate[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .status[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .classmate[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .status[data-v-ccdb2b0c]{flex:0.7}.myExercise>.exercise-table .tbody .classmate>div[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .status>div[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .classmate>div[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .status>div[data-v-ccdb2b0c]{font-size:16px;color:#828282}.myExercise>.exercise-table .tbody .classmate button[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .status button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .classmate button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .status button[data-v-ccdb2b0c]{font-size:14px;width:55px}.myExercise>.exercise-table .tbody .done[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done[data-v-ccdb2b0c]{flex:0.9;display:flex;gap:4px;align-items:center;justify-content:center}.myExercise>.exercise-table .tbody .done button[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done button[data-v-ccdb2b0c]{width:90px}.myExercise>.exercise-table .tbody .done button.cr-trigger[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done button.cr-trigger[data-v-ccdb2b0c]{width:32px;padding:4px 0;font-size:14px;flex-shrink:0;transition:background .15s,border-color .15s}.myExercise>.exercise-table .tbody .done button.cr-trigger.cr-pending[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done button.cr-trigger.cr-pending[data-v-ccdb2b0c]{background:#fef3c7;border-color:#f59e0b;animation:cr-trigger-pulse-ccdb2b0c 1.6s ease-in-out infinite}.myExercise>.exercise-table .tbody .done button.cr-trigger.cr-completed[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done button.cr-trigger.cr-completed[data-v-ccdb2b0c]{background:#d1fae5;border-color:#22c55e}.myExercise>.exercise-table .tbody .done button.cr-trigger.cr-failed[data-v-ccdb2b0c],.myExercise>.exercise-table .thead .done button.cr-trigger.cr-failed[data-v-ccdb2b0c]{background:#fee2e2;border-color:#ef4444}@keyframes cr-trigger-pulse-ccdb2b0c{0%,to{background:#fef3c7}50%{background:#fde68a}}@media (max-width:768px){.myExercise>div[data-v-ccdb2b0c]:first-child{position:static;padding:10px 3%;gap:10px}.myExercise>div:first-child>div[data-v-ccdb2b0c]{position:static}.myExercise>.exercise-table[data-v-ccdb2b0c]{position:static;width:94%;margin:10px auto;padding:10px;overflow-x:visible;padding:8px}}@media (max-width:768px){.myExercise>.exercise-table .thead[data-v-ccdb2b0c]{display:none}.myExercise>.exercise-table .tbody[data-v-ccdb2b0c]{min-width:0;display:flex;flex-direction:column;gap:12px}.myExercise>.exercise-table .tbody .row[data-v-ccdb2b0c]{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:12px 14px;border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.04)}.myExercise>.exercise-table .tbody .row>.exerciseName[data-v-ccdb2b0c],.myExercise>.exercise-table .tbody .row>.num[data-v-ccdb2b0c]{flex:none;line-height:1.3}.myExercise>.exercise-table .tbody .row>.num[data-v-ccdb2b0c]{grid-column:1/-1;font-size:11px;color:#888;font-family:monospace}.myExercise>.exercise-table .tbody .row>.exerciseName[data-v-ccdb2b0c]{grid-column:1/-1;font-size:15px;font-weight:600;color:#222;margin-bottom:4px}.myExercise>.exercise-table .tbody .row>div[data-v-ccdb2b0c]:not(.num):not(.exerciseName){display:flex;align-items:center;gap:6px;font-size:12.5px}.myExercise>.exercise-table .tbody .row>div[data-v-ccdb2b0c]:not(.num):not(.exerciseName):before{color:#888;font-size:11.5px;flex-shrink:0;width:50px}.myExercise>.exercise-table .tbody .row>div:not(.num):not(.exerciseName) button[data-v-ccdb2b0c]{padding:4px 10px;font-size:12px}.myExercise>.exercise-table .tbody .row>.category[data-v-ccdb2b0c]:before{content:"類別"}.myExercise>.exercise-table .tbody .row>.difficulty[data-v-ccdb2b0c]:before{content:"難度"}.myExercise>.exercise-table .tbody .row>.link[data-v-ccdb2b0c]:before{content:"連結"}.myExercise>.exercise-table .tbody .row>.done[data-v-ccdb2b0c]:before{content:"繳交"}.myExercise>.exercise-table .tbody .row>.grade[data-v-ccdb2b0c]:before{content:"成績"}.myExercise>.exercise-table .tbody .row>.idea[data-v-ccdb2b0c]:before{content:"提示"}.myExercise>.exercise-table .tbody .row>.sampleCode[data-v-ccdb2b0c]:before{content:"範例"}.myExercise>.exercise-table .tbody .row>.status[data-v-ccdb2b0c]:before{content:"提問"}.myExercise>.exercise-table .tbody .row>.classmate[data-v-ccdb2b0c]:before{content:"班級"}.myExercise>.exercise-table .tbody .row>.done[data-v-ccdb2b0c]{grid-column:1}.myExercise>.exercise-table .tbody .row>.grade[data-v-ccdb2b0c]{grid-column:2}.myExercise>.exercise-table .tbody .row>.difficulty[data-v-ccdb2b0c]{grid-column:1}.myExercise>.exercise-table .tbody .row>.category[data-v-ccdb2b0c]{grid-column:2}.myExercise>.exercise-table .tbody .row>.link[data-v-ccdb2b0c]{grid-column:1}.myExercise>.exercise-table .tbody .row>.idea[data-v-ccdb2b0c]{grid-column:2}.myExercise>.exercise-table .tbody .row>.sampleCode[data-v-ccdb2b0c]{grid-column:1/-1}.myExercise>.exercise-table .tbody .row>.status[data-v-ccdb2b0c]{grid-column:1}.myExercise>.exercise-table .tbody .row>.classmate[data-v-ccdb2b0c]{grid-column:2}}@keyframes fade-ccdb2b0c{0%{opacity:1}50%{opacity:0}to{opacity:1}}