@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #77d4d8;--color-primary-rgb: 119, 212, 216;--color-primary-light: #a3cfd0;--color-secondary: #cc3f0c;--color-tertiary: #f49f0a;--color-tertiary-rgb: 244, 159, 10;--color-quarternary: rgb(118, 38, 193);--color-gray: #e9e9e9;--color-dark: #0d1518;color-scheme:dark;color:#ffffffe6;background-color:var(--color-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-secondary)}body{margin:0;display:flex;place-items:center;min-width:320px;height:100vh;background:#000}h1{font-size:4.5em;line-height:1.1}h2{font-size:2em}h3{font-size:1.5em;color:gray}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus,button:focus-visible{outline:2px solid var(--color-tertiary);outline-offset:2px}.card{padding:2em}.author-right{position:fixed;bottom:.5rem;right:2rem;color:gray;font-size:1rem}.author-center{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);color:gray;font-size:1rem}#app{width:100%;height:100vh;background:transparent}::selection{background-color:var(--color-primary-light);color:#fff}.glow-container{border:2px solid var(--color-primary);background:rgba(var(--color-primary-rgb),.2);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.9),0 0 20px rgba(var(--color-primary-rgb),.55),inset 0 0 10px rgba(var(--color-primary-rgb),.3);border-radius:0}.font-mono{font-family:Inconsolata,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dark-overlay{position:relative}.dark-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:0}.dark-overlay-30:before{background-color:#0000004d}.dark-overlay-40:before{background-color:#0006}.dark-overlay-60:before{background-color:#0009}.dark-overlay-70:before{background-color:#000000b3}.dark-overlay-80:before{background-color:#000c}.blur-overlay{position:relative}.blur-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;backdrop-filter:blur(var(--blur-amount, 5px));-webkit-backdrop-filter:blur(var(--blur-amount, 5px))}.app-root[data-v-26ff01b1]{width:100%;height:100vh;background:transparent}.slide-up-enter-active[data-v-26ff01b1],.slide-up-leave-active[data-v-26ff01b1]{transition:all .6s ease-out;position:absolute;width:100%;min-height:100vh;top:0;left:0;overflow:hidden}.slide-up-enter-from[data-v-26ff01b1]{transform:translateY(100%)}.slide-up-enter-to[data-v-26ff01b1],.slide-up-leave-from[data-v-26ff01b1]{transform:translateY(0)}.slide-up-leave-to[data-v-26ff01b1]{transform:translateY(-100%)}.slide-left-enter-active[data-v-26ff01b1],.slide-left-leave-active[data-v-26ff01b1]{transition:all .6s ease-out;position:absolute;width:100%;min-height:100%;top:0;left:0}.slide-left-enter-from[data-v-26ff01b1]{transform:translate(100%)}.slide-left-enter-to[data-v-26ff01b1],.slide-left-leave-from[data-v-26ff01b1]{transform:translate(0)}.slide-left-leave-to[data-v-26ff01b1]{transform:translate(-100%)}.fade-enter-active[data-v-26ff01b1],.fade-leave-active[data-v-26ff01b1]{transition:opacity .3s ease}.fade-enter-from[data-v-26ff01b1],.fade-leave-to[data-v-26ff01b1]{opacity:0}.zhyn-button[data-v-9eca9c58]{position:fixed;top:2rem;left:0;z-index:10;color:#ffffffd9;background:rgba(var(--color-primary-rgb),.08);font-size:1.3rem;padding:.8rem 1.5rem .8rem 1rem;border:1.5px solid rgba(var(--color-primary-rgb),.5);border-left:none;cursor:pointer;box-shadow:0 0 6px rgba(var(--color-primary-rgb),.25),0 0 12px rgba(var(--color-primary-rgb),.1),inset 0 0 8px rgba(var(--color-primary-rgb),.08);transition:all .3s ease;font-weight:700;font-family:Inconsolata,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:3px;text-shadow:0 0 4px rgba(var(--color-primary-rgb),.4),2px 2px 4px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);border-radius:0 8px 8px 0}.zhyn-button[data-v-9eca9c58]:hover{color:#fff;background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.7);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.4),0 0 20px rgba(var(--color-primary-rgb),.2),inset 0 0 12px rgba(var(--color-primary-rgb),.12);padding-right:1.8rem;text-shadow:0 0 6px rgba(var(--color-primary-rgb),.6),2px 2px 6px rgba(0,0,0,.4)}.zhyn-button[data-v-9eca9c58]:active{padding-right:1.5rem}.level-select[data-v-aab32e67]{background:url(/assets/taipei101-background2-BMva1syp.jpg) no-repeat top center;background-size:cover;height:100vh;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.level-select-container[data-v-aab32e67]{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;z-index:1}.title[data-v-aab32e67]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.levels-list[data-v-aab32e67]{display:flex;flex-direction:column;gap:1.2rem;width:100%;justify-content:center}.level-item[data-v-aab32e67]{cursor:pointer;transition:all .3s ease;position:relative;padding:1.2rem 0;display:flex;align-items:center;justify-content:center;gap:2rem;min-height:2.8rem}.level-name[data-v-aab32e67]{font-size:2rem;color:#ffffffb3;font-weight:500;transition:all .3s ease;display:inline-block;min-width:140px;text-align:center}.level-item.selected .level-name[data-v-aab32e67]{color:#fff;font-weight:700}.caret[data-v-aab32e67]{font-size:1.7rem;color:#fff;font-weight:700;animation:pulse-aab32e67 1s ease-in-out infinite;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px var(--color-secondary),0 0 2px var(--color-secondary),0 0 8px var(--color-secondary)}.caret.left[data-v-aab32e67]{animation-delay:0s}.caret.right[data-v-aab32e67]{animation-delay:.5s}@keyframes pulse-aab32e67{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media(max-width:768px){.title[data-v-aab32e67]{font-size:1.5rem;margin-bottom:1.2rem}.level-name[data-v-aab32e67]{font-size:1.2rem;min-width:90px}.levels-list[data-v-aab32e67]{gap:.7rem}.level-item[data-v-aab32e67]{padding:.7rem 0;min-height:2.1rem;gap:1.2rem}.caret[data-v-aab32e67]{font-size:1.2rem}}.topic-select[data-v-c77fd016]{background:url(/assets/taipei101-background2-BMva1syp.jpg) no-repeat top center;background-size:cover;height:100vh;min-height:0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;overflow:hidden}.topic-select-container[data-v-c77fd016]{width:100%;max-width:600px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2.5vh;z-index:1}.title[data-v-c77fd016]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2vh;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.topics-list[data-v-c77fd016]{display:flex;flex-direction:column;gap:2.5vh;width:100%;justify-content:center}.topic-item[data-v-c77fd016]{cursor:pointer;transition:all .3s ease;position:relative;padding:1.2vh 0;display:flex;align-items:center;justify-content:center;min-height:2.5vh;font-size:1.3rem;color:#ffffffb3;border-radius:8px}.topic-item.selected[data-v-c77fd016]{color:#fff;font-weight:700}.caret[data-v-c77fd016]{font-size:1.3rem;color:#fff;font-weight:700;animation:pulse-c77fd016 1s ease-in-out infinite;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px var(--color-secondary),0 0 2px var(--color-secondary),0 0 8px var(--color-secondary)}.caret.left[data-v-c77fd016]{animation-delay:0s;margin-right:.7em}.caret.right[data-v-c77fd016]{animation-delay:.5s;margin-left:.7em}@keyframes pulse-c77fd016{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.topic-name[data-v-c77fd016]{font-size:2rem;text-align:center}.topic-item.custom[data-v-c77fd016]{padding:.5vh 0}.custom-input[data-v-c77fd016]{width:80%;max-width:320px;font-size:1.1rem;padding:.5em 1em;border-radius:6px;border:1.5px solid var(--color-primary);background:#ffffff1f;color:#fff;outline:none;transition:border-color .2s}.custom-input[data-v-c77fd016]:focus{border-color:var(--color-tertiary);background:#ffffff2e}.char-display[data-v-b7e969c5]{display:inline-block;font-size:1.7rem;color:#bdbdbd;margin:0 .13em .13em 0;line-height:1.2;-webkit-user-select:none;user-select:none}.key[data-v-a9c12fe5]{--key-color: var(--color-primary);--key-color-rgb: 119, 212, 219;--key-color-hover: var(--color-primary-light);background:rgba(var(--key-color-rgb),.05);border:2px solid var(--key-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;color:var(--key-color);transition:all .3s ease;box-shadow:0 0 8px rgba(var(--key-color-rgb),.4),0 0 15px rgba(var(--key-color-rgb),.2),inset 0 0 10px rgba(var(--key-color-rgb),.1);height:50px;position:relative}.keyboard-char[data-v-a9c12fe5]{position:absolute;top:4px;left:6px;font-size:.75rem;font-weight:400;opacity:.7}.zhuyin-symbol[data-v-a9c12fe5]{position:relative;top:3px;left:3px;font-size:1.1rem}.zhuyin-centered[data-v-a9c12fe5]{top:0;left:0}.key-active .zhuyin-symbol[data-v-a9c12fe5]{color:#d2dddd;text-shadow:0 0 4px rgba(var(--key-color-rgb),.6),0 0 8px rgba(var(--key-color-rgb),.35)}.key[data-v-a9c12fe5]:before{content:"";position:absolute;inset:0;border-radius:4px;padding:2px;background:linear-gradient(135deg,rgba(var(--key-color-rgb),.6),rgba(var(--key-color-rgb),.3));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.key-active[data-v-a9c12fe5]{background:rgba(var(--key-color-rgb),.4);border-color:var(--key-color);box-shadow:none;animation:keyPulse-a9c12fe5 1.2s ease-in-out infinite}@keyframes keyPulse-a9c12fe5{0%{box-shadow:0 0 12px rgba(var(--key-color-rgb),.6),0 0 22px rgba(var(--key-color-rgb),.35),inset 0 0 12px rgba(var(--key-color-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--key-color-rgb),.9),0 0 40px rgba(var(--key-color-rgb),.55),inset 0 0 20px rgba(var(--key-color-rgb),.3)}to{box-shadow:0 0 12px rgba(var(--key-color-rgb),.6),0 0 22px rgba(var(--key-color-rgb),.35),inset 0 0 12px rgba(var(--key-color-rgb),.2)}}.key-zhuyin[data-v-a9c12fe5]{font-size:1.1rem}.key-normal[data-v-a9c12fe5]{width:50px}.key-backspace[data-v-a9c12fe5]{width:78px}.key-tab[data-v-a9c12fe5]{width:75px}.key-caps[data-v-a9c12fe5]{width:94px}.key-enter[data-v-a9c12fe5]{width:90px}.key-shift-left[data-v-a9c12fe5],.key-shift-right[data-v-a9c12fe5]{width:122px}.key-space[data-v-a9c12fe5]{width:316px}.key-ctrl[data-v-a9c12fe5],.key-alt[data-v-a9c12fe5],.key-win[data-v-a9c12fe5]{width:65px}.keyboard[data-v-067310ac]{--keyboard-color-rgb: 119, 212, 219;display:inline-flex;flex-direction:column;gap:3px;border:none;max-width:calc(100vw - 2rem);width:fit-content;transform:scale(.8);transform-origin:center}@media(max-width:850px){.keyboard[data-v-067310ac]{transform:scale(calc(.8 * (100vw - 2rem) / 846))}}.keyboard-row[data-v-067310ac]{display:flex;gap:3px;justify-content:flex-start}.practice-page[data-v-ad49be81]{background:url(/assets/taipei101-background-blur-BkMeuq9Y.png) no-repeat top center;background-position:center;background-repeat:no-repeat;position:relative;height:100vh;background-size:cover;background-attachment:fixed;background-position:top center}.practice-container[data-v-ad49be81]{margin:0 auto;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100vh;box-sizing:border-box}h1[data-v-ad49be81]{color:#fc9e4f;margin-bottom:1rem;font-size:2.5rem}.level-info[data-v-ad49be81],.topic-info[data-v-ad49be81]{color:#fffc;font-size:1.2rem;margin-bottom:1rem}.level-info strong[data-v-ad49be81],.topic-info strong[data-v-ad49be81]{color:#fc9e4f;text-transform:capitalize}.toolbar[data-v-ad49be81]{grid-column:3;display:flex;flex-direction:column;gap:10px;align-items:flex-end;padding-left:2rem}.sub-toggles[data-v-ad49be81]{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.slide-down-enter-active[data-v-ad49be81],.slide-down-leave-active[data-v-ad49be81]{transition:all .3s ease;transform-origin:top}.slide-down-enter-from[data-v-ad49be81],.slide-down-leave-to[data-v-ad49be81]{opacity:0;transform:translateY(-10px)}.toggle-group[data-v-ad49be81]{display:inline-flex;align-items:center;justify-content:flex-end}.switch[data-v-ad49be81]{position:relative;display:inline-block;width:48px;height:26px;margin-left:10px}.switch input[data-v-ad49be81]{opacity:0;width:0;height:0}.slider[data-v-ad49be81]{position:absolute;cursor:pointer;inset:0;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);transition:all .2s ease;border-radius:999px;box-shadow:inset 0 0 6px #00000059}.slider[data-v-ad49be81]:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 0 8px #77d4db66,0 2px 6px #0000004d}.switch input:checked+.slider[data-v-ad49be81]{background:#77d4db59;border-color:#77d4db}.switch input:checked+.slider[data-v-ad49be81]:before{left:calc(100% - 23px);background:#77d4db;box-shadow:0 0 12px #77d4dbd9,0 0 22px #77d4db80}.switch-text[data-v-ad49be81]{color:#ffffffd9;font-size:.9rem;-webkit-user-select:none;user-select:none;font-family:Inconsolata,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.timer[data-v-ad49be81]{font-size:1.3rem;color:var(--color-primary);font-weight:700;margin-bottom:.7rem}.word-box[data-v-ad49be81]{width:50vw;height:25vh;min-width:320px;min-height:120px;max-width:700px;max-height:340px;background:rgba(var(--color-primary-rgb),.2);color:#bdbdbd;border-radius:0;padding:1.2rem 2rem;font-size:1.7rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;overflow:hidden;margin-bottom:.5rem;box-shadow:0 0 10px rgba(var(--color-primary-rgb),.9),0 0 20px rgba(var(--color-primary-rgb),.55),inset 0 0 10px rgba(var(--color-primary-rgb),.3);box-sizing:border-box;grid-column:2;justify-self:center;flex-shrink:0;border:2px solid var(--color-primary)}.word-row[data-v-ad49be81]{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;width:100%;position:relative}.word[data-v-ad49be81]{margin:0 .5em}.loading-text[data-v-ad49be81],.error-text[data-v-ad49be81]{font-size:1.2rem;color:#ffffffb3}.error-text[data-v-ad49be81]{color:var(--color-secondary)}.input-wrapper[data-v-ad49be81]{position:relative;width:20vw;min-width:220px;max-width:500px;margin-bottom:2rem;border-radius:0;border:none;border-bottom:2.5px solid var(--color-tertiary);background:rgba(var(--color-tertiary-rgb),.12);box-shadow:0 0 16px 2px var(--color-tertiary),0 0 32px 4px rgba(var(--color-tertiary-rgb),.25)}.input-box[data-v-ad49be81]{width:100%;min-height:36px;background:rgba(var(--color-primary-rgb),.13);color:transparent;caret-color:transparent;border-radius:7px;padding:.7rem 1.2rem;font-size:1.2rem;box-shadow:0 1px 4px #0000000d;text-align:left;box-sizing:border-box;border:none;outline:none}.hidden-input[data-v-ad49be81]{position:absolute;top:0;left:0;z-index:1}.input-display[data-v-ad49be81]{position:absolute;top:0;left:0;width:100%;min-height:36px;padding:.7rem 1.2rem;font-size:1.2rem;color:#fff;pointer-events:none;z-index:0;display:flex;align-items:center;box-sizing:border-box}.input-display.cursor-left[data-v-ad49be81]:before{content:"";display:inline-block;width:2px;height:1em;background-color:#fff;margin-right:2px;animation:blink-ad49be81 1s infinite}.input-display.cursor-end[data-v-ad49be81]:after{content:"";display:inline-block;width:2px;height:1em;background-color:#fff;margin-left:2px;animation:blink-ad49be81 1s infinite}.input-display.placeholder[data-v-ad49be81]{color:#c8c8c866;font-family:Inconsolata,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@keyframes blink-ad49be81{0%,50%{opacity:1}51%,to{opacity:0}}.keyboard-box[data-v-ad49be81]{display:inline-flex;justify-content:center}.practice-footer[data-v-ad49be81]{width:100%;text-align:center;margin-top:3.5rem}.char-display.current[data-v-ad49be81]{background:var(--color-primary-light);color:#fff;border-radius:4px;box-shadow:0 2px 8px #fc9e4f26;font-weight:700}.char-display.incorrect[data-v-ad49be81]{color:var(--color-secondary, var(--color-secondary))}.results-page[data-v-071bffe3]{background:url(/assets/taipei101-background-blur-BkMeuq9Y.png) no-repeat top center;background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;padding:1rem;display:flex;align-items:stretch;justify-content:center;overflow:hidden;box-sizing:border-box}.results-container[data-v-071bffe3]{max-width:1200px;width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;box-sizing:border-box}.results-main[data-v-071bffe3]{display:flex;flex-direction:row;gap:1rem;width:100%;max-width:1200px;flex:1;min-height:0}.left-panel[data-v-071bffe3],.right-panel[data-v-071bffe3]{flex:1 1 50%;min-width:0;padding:1.5rem;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}h1[data-v-071bffe3]{color:var(--color-primary);margin-bottom:1.5rem;font-size:2.4rem;text-align:center}.stats-grid[data-v-071bffe3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card[data-v-071bffe3]{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:transform .2s,box-shadow .2s}.stat-card[data-v-071bffe3]:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.2)}.stat-label[data-v-071bffe3]{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.stat-value[data-v-071bffe3]{font-size:2rem;font-weight:700;color:#9dbbae}.no-stats[data-v-071bffe3]{padding:2rem;color:#fff9;font-size:1.2rem}.right-panel h2[data-v-071bffe3]{color:var(--color-primary);font-size:1.8rem;margin-bottom:1rem;text-align:center}.error-list[data-v-071bffe3]{display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;min-height:0;overflow-y:auto;padding:.5rem}.no-errors[data-v-071bffe3]{display:flex;align-items:center;justify-content:center;padding:2rem;font-size:1rem}.error-item[data-v-071bffe3]{background:#ffffff0d;border-radius:12px;padding:1.25rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.5rem}.error-item .character[data-v-071bffe3]{font-size:2.5rem;color:#fff;font-weight:700;min-width:60px;text-align:center;background:rgba(var(--color-primary-rgb),.2);border:2px solid var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.9),0 0 20px rgba(var(--color-primary-rgb),.55),inset 0 0 10px rgba(var(--color-primary-rgb),.3);border-radius:8px;padding:.5rem}.error-item .responses[data-v-071bffe3]{flex:1;display:flex;flex-direction:column;gap:.75rem}.response-row[data-v-071bffe3]{display:flex;align-items:center;gap:1rem}.response-row .label[data-v-071bffe3]{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;min-width:120px;font-weight:500}.response-row .label.incorrect[data-v-071bffe3]{color:var(--color-tertiary)}.response-row .label.correct[data-v-071bffe3]{color:var(--color-primary)}.response-row .zhuyin[data-v-071bffe3]{font-size:1.3rem;font-weight:600;padding:.4rem .8rem;border-radius:6px}.response-row .zhuyin.incorrect[data-v-071bffe3]{color:var(--color-tertiary);background:#fc9e4f1a}.response-row .zhuyin.correct[data-v-071bffe3]{color:var(--color-primary);background:#9dbbae1a}.actions[data-v-071bffe3]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.btn[data-v-071bffe3]{padding:.875rem 2rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;min-width:140px}.btn-primary[data-v-071bffe3]{background:var(--color-primary, var(--color-primary-light));color:#fff}.btn-primary[data-v-071bffe3]:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #fc9e4f66}.btn-secondary[data-v-071bffe3]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary[data-v-071bffe3]:hover{background:#ffffff26;transform:translateY(-2px)}.api-playground-page[data-v-ac0250d8]{min-height:calc(100vh - 60px);padding:2rem 1rem}.api-playground[data-v-ac0250d8]{max-width:1200px;margin:0 auto;padding:2rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#161925d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h2[data-v-ac0250d8]{color:#fc9e4f;margin-bottom:1.5rem}h3[data-v-ac0250d8]{color:#c08497;margin-bottom:1rem;margin-top:2rem}section[data-v-ac0250d8]{margin-top:1.5rem;padding:1.5rem;background:#16192580;border-radius:8px;border-left:4px solid #fc9e4f}.row[data-v-ac0250d8]{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}label[data-v-ac0250d8]{font-size:.9rem;color:#9dbbae;font-weight:500}input[data-v-ac0250d8]{padding:.5rem .75rem;background:#16192599;border:1px solid #5b5b5b;border-radius:6px;color:#fff;transition:all .3s}input[data-v-ac0250d8]:focus{outline:none;border-color:#fc9e4f;background:#161925cc}small[data-v-ac0250d8]{color:#5b5b5b;font-size:.8rem}.buttons[data-v-ac0250d8]{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}pre[data-v-ac0250d8]{background:#161925;color:#9dbbae;padding:1rem;border-radius:8px;max-height:300px;overflow:auto;border:1px solid #5b5b5b;margin-top:.5rem}.error[data-v-ac0250d8]{color:#fc9e4f}.muted[data-v-ac0250d8]{color:#5b5b5b}.about-container[data-v-b2faf470]{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px)}.landing-page[data-v-62243f12]{background:url(/assets/taipei101-background1-BDiuvvPq.jpg) no-repeat top center;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.main-content[data-v-62243f12]{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.bottom-content[data-v-62243f12]{margin-bottom:1rem;position:relative;z-index:1}.pulse[data-v-62243f12]{display:inline-block;animation:pulse-62243f12 1.6s ease-in-out infinite;will-change:transform,opacity}.clickable[data-v-62243f12]{cursor:pointer;transition:transform .2s ease,color .2s ease}.clickable[data-v-62243f12]:hover{transform:scale(1.05);color:var(--color-primary)}.clickable[data-v-62243f12]:active{transform:scale(.98)}@keyframes pulse-62243f12{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}@media(prefers-reduced-motion:reduce){.pulse[data-v-62243f12]{animation:none}}.help-guide[data-v-a3344613]{background:url(/assets/taipei101-background2-BMva1syp.jpg) no-repeat top center;background-size:cover;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;box-sizing:border-box}.help-content[data-v-a3344613]{max-width:900px;width:100%;position:relative;z-index:1}.help-content h1[data-v-a3344613]{font-size:2.5rem;margin-bottom:1rem;text-align:center}.help-content>h2[data-v-a3344613]{text-align:center;margin-bottom:2rem;font-size:2rem;color:#888}.help-section[data-v-a3344613]{margin-bottom:2rem;padding:1.5rem 3rem;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.help-section h2[data-v-a3344613]{font-size:1.5rem;margin-bottom:1rem;color:var(--color-primary)}.help-section p[data-v-a3344613],.help-section ul[data-v-a3344613]{font-size:1rem;line-height:1.6;color:#ccc}.conversion-link[data-v-a3344613]{color:var(--color-primary);text-decoration:none;font-weight:600;position:relative;transition:color .25s ease}.conversion-link[data-v-a3344613]:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:linear-gradient(90deg,var(--color-primary),rgba(var(--color-primary-rgb),.4));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.conversion-link[data-v-a3344613]:hover{color:var(--color-primary-light)}.conversion-link[data-v-a3344613]:hover:after{transform:scaleX(1)}.help-section ul[data-v-a3344613]{list-style:none;padding-left:0}.help-section li[data-v-a3344613]{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.help-section li[data-v-a3344613]:before{content:"▸";position:absolute;left:0;color:var(--color-primary)}.begin-game-btn[data-v-a3344613]{position:fixed;bottom:2rem;right:2rem;padding:1rem 3rem;font-size:1.2rem;font-weight:700;color:#fff;background-color:rgba(var(--color-primary-rgb),.7);border:2px solid var(--color-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;animation:bounce-button-a3344613 2s ease-in-out infinite;z-index:10}@keyframes bounce-button-a3344613{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.begin-game-btn[data-v-a3344613]:hover{background-color:transparent;transform:scale(1.05);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.5);animation:none}.begin-game-btn[data-v-a3344613]:active{transform:scale(.98)}.author-credit[data-v-a3344613]{width:100%;text-align:center;margin-top:3rem;font-size:.9rem;letter-spacing:2px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;color:#fff9}.author-credit.visible[data-v-a3344613]{opacity:1;transform:translateY(0)}.conversion-page[data-v-0c00e501]{background:url(/assets/taipei101-background2-BMva1syp.jpg) no-repeat top center;background-size:cover;height:100vh;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.conversion-container[data-v-0c00e501]{width:min(100vw,1100px);height:100vh;padding:1rem;display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:center;gap:.75rem;position:relative;box-sizing:border-box}.title[data-v-0c00e501]{color:#fff;font-size:clamp(1.1rem,2.2vw + .4rem,2rem);margin:.25rem 3rem;text-align:center}.chart-wrapper[data-v-0c00e501]{height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;background:#00000059;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;overflow:hidden}.chart-img[data-v-0c00e501]{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.close-btn[data-v-0c00e501]{position:absolute;top:.75rem;right:.75rem;background:#00000059;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.35rem .7rem;font-size:.95rem;line-height:1;border-radius:6px;cursor:pointer;transition:background .2s ease,transform .1s ease}.close-btn[data-v-0c00e501]:hover{background:#00000080}.close-btn[data-v-0c00e501]:active{transform:scale(.98)}