.progress[data-v-12d37b05]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-12d37b05]{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-12d37b05]{font-size:16px;color:#43266d}.progress .outside[data-v-12d37b05]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-12d37b05]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-12d37b05]{height:100%}.progress .bar .left[data-v-12d37b05]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-12d37b05]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-12d37b05]{width:100px}.tooltip[data-v-12d37b05]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-12d37b05]{flex:1;white-space:nowrap}.work-page[data-v-12d37b05]{min-height:100vh;background:#ffe9a8;color:#241a33;padding:32px 16px 40px;box-sizing:border-box;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.gallery[data-v-12d37b05]{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"art side" "source source" "foot foot";grid-column-gap:40px;grid-row-gap:36px;align-items:start}.art[data-v-12d37b05]{grid-area:art}.side[data-v-12d37b05]{grid-area:side}.source[data-v-12d37b05]{grid-area:source}.foot[data-v-12d37b05]{grid-area:foot}.frame[data-v-12d37b05]{background:#241a33;border:3px solid #241a33;border-radius:6px;padding:14px;box-shadow:10px 10px 0 #43266d}.mat[data-v-12d37b05]{background:#fffdf7;padding:22px;border-radius:2px}.art-canvas-box[data-v-12d37b05]{position:relative;width:100%;padding-top:77.78%;background:#fff}.art-canvas[data-v-12d37b05]{position:absolute;top:0;right:0;bottom:0;left:0}.art-canvas[data-v-12d37b05] canvas{position:absolute!important;top:0!important;left:0!important;margin:0!important;width:100%!important;height:100%!important}.frame-game[data-v-12d37b05]{padding:0;overflow:hidden}.run-error[data-v-12d37b05]{margin:18px 0 0;font-size:14px;color:#8a1c1c}.placard[data-v-12d37b05]{background:#fff;border:3px solid #241a33;border-radius:6px;padding:22px 22px 20px}.placard-title[data-v-12d37b05]{margin:0 0 16px;font-size:30px;font-weight:900;line-height:1.25;letter-spacing:.02em;word-break:break-word}.placard-meta[data-v-12d37b05]{margin:0;font-size:15px;line-height:1.5}.placard-meta div[data-v-12d37b05]{display:flex;padding:7px 0;border-top:1px solid #ece6d6}.placard-meta dt[data-v-12d37b05]{flex:none;width:64px;color:#7a6f86}.placard-meta dd[data-v-12d37b05]{margin:0}.redraw[data-v-12d37b05]{margin-top:18px;width:100%;padding:12px 16px;font-size:16px;font-weight:700;font-family:inherit;color:#241a33;background:#ffbf00;border:3px solid #241a33;border-radius:999px;box-shadow:0 4px 0 #241a33;cursor:pointer}.redraw[data-v-12d37b05]:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #241a33}.redraw[data-v-12d37b05]:disabled{cursor:default;background:#ffe28a}.redraw[data-v-12d37b05]:focus-visible{outline:3px solid #43266d;outline-offset:3px}.docent[data-v-12d37b05]{display:flex;align-items:flex-end;margin-top:26px}.docent-mascot[data-v-12d37b05]{flex:none;width:92px;height:auto}.docent-bubble[data-v-12d37b05]{position:relative;margin:0 0 30px 14px;padding:12px 14px;background:#fff;border:3px solid #241a33;border-radius:16px;font-size:15px;line-height:1.55}.docent-bubble[data-v-12d37b05]:after,.docent-bubble[data-v-12d37b05]:before{content:"";position:absolute;border-style:solid}.docent-bubble[data-v-12d37b05]:before{left:-14px;bottom:14px;border-width:8px 14px 8px 0;border-color:transparent #241a33 transparent transparent}.docent-bubble[data-v-12d37b05]:after{left:-9px;bottom:16px;border-width:6px 10px 6px 0;border-color:transparent #fff transparent transparent}.source h2[data-v-12d37b05]{margin:0 0 4px;font-size:22px;font-weight:900}.source-sub[data-v-12d37b05]{margin:0 0 14px;font-size:15px;color:#5c5168}.code[data-v-12d37b05]{counter-reset:line;list-style:none;margin:0;padding:16px 0;background:#fff;border:3px solid #241a33;border-radius:6px;font-family:JetBrains Mono,Consolas,Courier New,monospace;font-size:15px;line-height:1.7;overflow-x:auto}.code li[data-v-12d37b05]{counter-increment:line;padding:0 18px 0 0;white-space:pre}.code li[data-v-12d37b05]:before{content:counter(line);display:inline-block;width:3em;margin-right:16px;text-align:right;color:#b3a9bf}.code[data-v-12d37b05] .hljs-keyword{color:#43266d;font-weight:700}.code[data-v-12d37b05] .hljs-string{color:#b45309}.code[data-v-12d37b05] .hljs-number{color:#0f7a6c}.code[data-v-12d37b05] .hljs-comment{color:#8f8799}.code[data-v-12d37b05] .hljs-built_in,.code[data-v-12d37b05] .hljs-title{color:#1d4ed8}.foot[data-v-12d37b05]{padding-top:18px;border-top:2px solid rgba(36,26,51,.18);font-size:14px;font-weight:700;display:flex;justify-content:space-between;flex-wrap:wrap}.foot .foot-views[data-v-12d37b05]{font-weight:400;color:#6b6077}.loading[data-v-12d37b05]{text-align:center;margin-top:30vh;font-size:16px}.missing[data-v-12d37b05]{max-width:420px;margin:12vh auto 0;text-align:center}.missing .missing-mascot[data-v-12d37b05]{width:120px}.missing h1[data-v-12d37b05]{margin:16px 0 8px;font-size:26px;font-weight:900}.missing p[data-v-12d37b05]{margin:0;color:#5c5168}@media (max-width:820px){.work-page[data-v-12d37b05]{padding:20px 16px 32px}.gallery[data-v-12d37b05]{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "side" "source" "foot";grid-row-gap:28px}.frame[data-v-12d37b05]{padding:10px;box-shadow:6px 6px 0 #43266d}.mat[data-v-12d37b05]{padding:12px}.placard-title[data-v-12d37b05]{font-size:26px}.docent[data-v-12d37b05]{margin-top:20px}.docent-mascot[data-v-12d37b05]{width:76px}.code[data-v-12d37b05]{font-size:14px}}