body,html{height:100%;overflow:auto}#app,body,html{margin:0;padding:0}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}.gpsite-wrapper[data-v-b4e0fe72]{align-items:center;background:#1e3c72;display:flex;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;width:100vw}.content[data-v-b4e0fe72]{color:#fff;max-width:900px;padding:15px;text-align:center;width:100%}h1[data-v-b4e0fe72]{font-size:2em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-container[data-v-b4e0fe72]{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:450px}.card[data-v-b4e0fe72],.card-container[data-v-b4e0fe72]{justify-content:center;width:100%}.card[data-v-b4e0fe72]{align-items:center;aspect-ratio:1/1;background:#fff;border:1px solid #333;box-shadow:0 4px 8px #0003;color:#333;cursor:pointer;display:flex;flex-direction:column;max-width:140px;padding:8px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card[data-v-b4e0fe72]:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.card h2[data-v-b4e0fe72]{color:#2a5298;font-size:1em;margin-bottom:5px}.card p[data-v-b4e0fe72]{color:#666;font-size:.75em}.sub-container[data-v-b4e0fe72]{align-items:center;background:#1e3c72;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.sub-container.active[data-v-b4e0fe72]{display:flex}.sub-cards[data-v-b4e0fe72]{display:none;flex-wrap:wrap;gap:15px;justify-content:center;max-height:80vh;overflow-y:auto;padding:20px;width:100%}.sub-cards.active[data-v-b4e0fe72]{display:flex}.sub-cards .card[data-v-b4e0fe72]{aspect-ratio:unset;background:#fff;border:1px solid #333;box-shadow:0 4px 8px #0003;color:#333;cursor:pointer;max-width:280px;min-width:200px;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.sub-cards .card[data-v-b4e0fe72]:hover{box-shadow:0 8px 16px #0000004d;transform:scale(1.05)}.sub-cards .card h2[data-v-b4e0fe72]{color:#2a5298;font-size:1.3em;margin-bottom:8px}.sub-cards .card p[data-v-b4e0fe72]{color:#666;font-size:.9em}footer[data-v-b4e0fe72]{color:#ddd;font-size:.9em;margin-top:20px;padding-bottom:20px;text-align:center;width:100%}.card[data-v-b4e0fe72]{animation:fadeIn-b4e0fe72 .3s ease forwards;opacity:0;transform:scale(.8)}@keyframes fadeIn-b4e0fe72{to{opacity:1;transform:scale(1)}}@media (max-width:768px){.content[data-v-b4e0fe72]{padding:10px}h1[data-v-b4e0fe72]{font-size:1.5em;margin-bottom:15px}.card-container[data-v-b4e0fe72]{gap:8px;grid-template-columns:repeat(2,1fr);max-width:300px}.card[data-v-b4e0fe72]{max-width:120px;padding:6px}.card h2[data-v-b4e0fe72]{font-size:.9em}.card p[data-v-b4e0fe72]{font-size:.7em}.sub-cards[data-v-b4e0fe72]{gap:10px;padding:15px}.sub-cards .card[data-v-b4e0fe72]{max-width:250px;padding:12px;width:calc(100% - 20px)}}@media (max-width:480px){.card-container[data-v-b4e0fe72]{grid-template-columns:repeat(2,1fr);max-width:260px}.card[data-v-b4e0fe72]{max-width:100px}h1[data-v-b4e0fe72]{font-size:1.2em}.sub-cards .card[data-v-b4e0fe72]{width:calc(100% - 20px)}}.zbtg-wrapper[data-v-a7c69447]{align-items:center;background-color:#f8f1e9;color:#5d4037;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0;overflow-y:scroll;padding:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zbtg-game-container[data-v-a7c69447]{gap:10px;margin-bottom:20px;max-width:800px}.zbtg-fretboard-wrapper[data-v-a7c69447],.zbtg-game-container[data-v-a7c69447]{align-items:center;display:flex;flex-direction:column;width:100%}.zbtg-fretboard-container[data-v-a7c69447]{max-width:300px;min-height:520px;position:relative}.zbtg-string-labels[data-v-a7c69447]{color:#8d6e63;display:flex;font-size:14px;font-weight:700;justify-content:space-around;margin-bottom:5px;width:292px}.zbtg-string-labels span[data-v-a7c69447]{flex:1;text-align:center}.zbtg-controls[data-v-a7c69447]{align-items:center;background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;display:flex;gap:15px;justify-content:center;margin-bottom:20px;max-width:500px;padding:15px;width:100%}.zbtg-fretboard-controls[data-v-a7c69447]{align-items:center;display:flex;gap:10px;margin-bottom:10px}.zbtg-fretboard-controls span[data-v-a7c69447]{color:#5d4037;font-size:14px}.zbtg-switch[data-v-a7c69447]{display:inline-block;height:20px;position:relative;width:40px}.zbtg-switch input[data-v-a7c69447]{height:0;opacity:0;width:0}.zbtg-slider[data-v-a7c69447]{background-color:#bcaaa4;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.zbtg-slider[data-v-a7c69447]:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}input:checked+.zbtg-slider[data-v-a7c69447]{background-color:#ff8a65}input:disabled+.zbtg-slider[data-v-a7c69447]{background-color:#e0e0e0;cursor:not-allowed}input:checked+.zbtg-slider[data-v-a7c69447]:before{transform:translate(20px)}.zbtg-fifths-mode-select[data-v-a7c69447]{font-size:12px;padding:5px}.zbtg-fifths-mode-select[data-v-a7c69447]:disabled{background-color:#e0e0e0;cursor:not-allowed}.zbtg-target-note[data-v-a7c69447]{border-radius:0;font-size:20px;font-weight:700;padding:5px 15px;transition:all .3s}.zbtg-target-note sup[data-v-a7c69447]{font-size:10px}.zbtg-target-active[data-v-a7c69447]{background:linear-gradient(45deg,#ff8a65,#ffb300);box-shadow:0 0 10px #ff8a65b3;color:#fff}.zbtg-info[data-v-a7c69447]{color:#8d6e63;font-size:13px;margin-bottom:15px}button[data-v-a7c69447],select[data-v-a7c69447]{background-color:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s}button[data-v-a7c69447]:hover,select[data-v-a7c69447]:hover{background-color:#efebe9}button[data-v-a7c69447]:disabled,select[data-v-a7c69447]:disabled{background-color:#e0e0e0;cursor:not-allowed}.zbtg-header[data-v-a7c69447]{align-items:center;display:flex;gap:10px;justify-content:center;max-width:800px;position:relative;width:100%}h1[data-v-a7c69447]{color:#8d5524;flex-grow:1;font-size:22px;margin:0;text-align:center}.zbtg-fretboard{background-color:#efebe9;border:2px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;display:grid!important;grid-template-columns:repeat(6,48px);grid-template-rows:repeat(13,40px);margin:0 auto;max-width:292px;width:100%}.zbtg-fret,.zbtg-fretboard{box-sizing:border-box;visibility:visible!important}.zbtg-fret{align-items:center;background-color:#fff;border:1px solid #bcaaa4;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:background-color .2s;white-space:nowrap}.zbtg-fret sup{font-size:10px}.zbtg-fret:hover{background-color:#f5f5f5}.zbtg-fret.zbtg-correct{background-color:#2196f3;color:#fff;font-size:16px;font-weight:700}.zbtg-fret.zbtg-incorrect{background-color:#ff1744;color:#fff;font-size:16px;font-weight:700}.zbtg-nut{background-color:#d7ccc8;color:#5d4037}.zbtg-highlight{background-color:#fff8e1}.zbtg-disabled{pointer-events:none}.zbtg-fret-markers{color:#5d4037;display:flex;flex-direction:column;font-size:12px;height:480px;justify-content:space-between;left:-20px;position:absolute;top:40px;visibility:visible!important}.zbtg-fret-marker{height:20px;line-height:65px;text-align:center;visibility:visible!important}.zbtg-fret-marker:nth-child(3):after{content:"3"}.zbtg-fret-marker:nth-child(5):after{content:"5"}.zbtg-fret-marker:nth-child(7):after{content:"7"}.zbtg-fret-marker:nth-child(9):after{content:"9"}.zbtg-fret-marker:nth-child(12):after{content:"12"}.zbtg-results{align-items:center;background-color:#fff;border:1px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;color:#6d4c41;display:flex!important;flex-direction:column;font-size:15px;height:70px;justify-content:center;margin:10px auto;max-width:300px;padding:15px;width:100%}.zbtg-footer,.zbtg-results{visibility:visible!important}.zbtg-footer{color:#a1887f;display:block!important;font-size:12px;margin-top:5px;padding-bottom:10px}@media screen and (max-width:768px){.zbtg-wrapper{padding:10px}.zbtg-header{align-items:center;display:flex;gap:10px;justify-content:center;max-width:100%;position:relative;width:100%}h1{flex-grow:1;font-size:24px;text-align:center}.zbtg-controls{flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;max-width:100%;padding:10px}#zbtg-startButton,#zbtg-stringSelect{width:90px}button[onclick="toggleNotes()"]{font-size:12px;padding:5px;width:60px}.zbtg-controls div{font-size:14px;margin-top:5px;padding:0;text-align:center;width:100%}.zbtg-fretboard{grid-template-columns:repeat(6,40px);grid-template-rows:repeat(13,8vw);max-width:244px}.zbtg-fret{font-size:12px}.zbtg-fret.zbtg-correct,.zbtg-fret.zbtg-incorrect{font-size:14px}.zbtg-fret-markers{height:96vw;left:-15px;top:8vw}.zbtg-fret-marker{font-size:10px;height:8vw;line-height:8vw}.zbtg-string-labels{font-size:12px;max-width:244px}.zbtg-fretboard-controls{flex-direction:row;gap:5px;justify-content:center}.zbtg-fifths-mode-select{font-size:12px;padding:3px;width:80px}.zbtg-target-note{font-size:16px}.zbtg-info{font-size:14px}.zbtg-results{height:100px;margin:10px auto;max-width:244px}}@media screen and (max-width:480px){.zbtg-fretboard{grid-template-columns:repeat(6,40px);grid-template-rows:repeat(13,10vw);max-width:244px}.zbtg-fret-markers{height:125vw;left:-15px;top:8vw}.zbtg-fret-marker{height:10px;line-height:50px}.zbtg-string-labels{font-size:10px;max-width:244px}.zbtg-results{height:100px;margin:10px auto;max-width:244px}}.hxzc-wrapper[data-v-63d54dcc]{align-items:center;background-color:#f8f1e9;color:#5d4037;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0;overflow-y:scroll;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}@keyframes blink-63d54dcc{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.countdown-highlight.active[data-v-63d54dcc]{animation:blink-63d54dcc 1s infinite;background:linear-gradient(45deg,#ff8a65,#ffb300);border-radius:4px;color:#fff;padding:2px 6px}.header[data-v-63d54dcc]{align-items:center;display:flex;justify-content:center;margin-bottom:10px;max-width:600px;width:100%}h1[data-v-63d54dcc]{color:#8d5524;font-size:24px;margin:0;text-align:center}.game-container[data-v-63d54dcc]{gap:20px;margin-bottom:100px;max-width:800px}.fretboard-wrapper[data-v-63d54dcc],.game-container[data-v-63d54dcc]{align-items:center;display:flex;flex-direction:column;width:100%}.fretboard-container[data-v-63d54dcc]{height:700px;margin:0 auto;position:relative;width:300px}.controls[data-v-63d54dcc]{background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;flex-direction:column;margin-bottom:15px;max-width:600px;padding:8px}.controls[data-v-63d54dcc],.controls-row[data-v-63d54dcc]{align-items:center;display:flex;gap:10px}.controls-row[data-v-63d54dcc]{flex-wrap:wrap;justify-content:center}.controls-top[data-v-63d54dcc]{justify-content:space-between}.controls-bottom[data-v-63d54dcc]{justify-content:flex-start}.control-group[data-v-63d54dcc],.hint-wrapper[data-v-63d54dcc]{align-items:center;display:flex;gap:5px}.switch[data-v-63d54dcc]{display:inline-block;height:15px;position:relative;width:30px}.switch input[data-v-63d54dcc]{height:0;opacity:0;width:0}.slider[data-v-63d54dcc]{background-color:#bcaaa4;border-radius:15px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider[data-v-63d54dcc],.slider[data-v-63d54dcc]:before{position:absolute;transition:.4s}.slider[data-v-63d54dcc]:before{background-color:#fff;border-radius:50%;bottom:1.5px;content:"";height:12px;left:2px;width:12px}input:checked+.slider[data-v-63d54dcc]{background-color:#ff8a65}input:disabled+.slider[data-v-63d54dcc]{background-color:#e0e0e0;cursor:not-allowed}input:checked+.slider[data-v-63d54dcc]:before{transform:translate(15px)}.target-chord-wrapper[data-v-63d54dcc]{align-items:center;display:flex;gap:8px}.target-chord[data-v-63d54dcc]{border-radius:0;font-size:16px;font-weight:700;padding:4px 12px;transition:all .3s}.target-active[data-v-63d54dcc]{background:linear-gradient(45deg,#ff8a65,#ffb300);box-shadow:0 0 8px #ff8a65b3;color:#fff}.progression-display[data-v-63d54dcc]{color:#5d4037;font-size:14px;margin-bottom:8px}.info[data-v-63d54dcc]{color:#8d6e63;font-size:14px;margin-bottom:10px}.countdown-highlight[data-v-63d54dcc]{color:#ff5722;font-size:16px;font-weight:700}button[data-v-63d54dcc],select[data-v-63d54dcc]{background-color:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}button[data-v-63d54dcc]:hover,select[data-v-63d54dcc]:hover{background-color:#efebe9}button[data-v-63d54dcc]:disabled,select[data-v-63d54dcc]:disabled{background-color:#e0e0e0;cursor:not-allowed}.highlight-button[data-v-63d54dcc]{background-color:#ff8a65;border:1px solid #ff8a65;color:#fff}.highlight-button[data-v-63d54dcc]:hover{background-color:#ffb300}@media only screen and (max-width:768px){.hxzc-wrapper[data-v-63d54dcc]{padding:5px}.header[data-v-63d54dcc]{align-items:center;flex-direction:column}h1[data-v-63d54dcc]{font-size:18px}.fretboard-container[data-v-63d54dcc]{height:560px;width:240px}.controls[data-v-63d54dcc]{max-width:100%;padding:5px}.controls-row[data-v-63d54dcc]{gap:8px}.controls-top[data-v-63d54dcc]{flex-wrap:nowrap;gap:10px;justify-content:space-between}.controls-bottom[data-v-63d54dcc]{align-items:center;justify-content:flex-start}.control-group[data-v-63d54dcc]{margin-right:10px}.controls-bottom .highlight-button[data-v-63d54dcc]{margin-left:0;text-align:center;width:50px}button[data-v-63d54dcc],select[data-v-63d54dcc]{font-size:10px;padding:5px 8px}.target-chord[data-v-63d54dcc]{font-size:14px;padding:3px 8px}.progression-display[data-v-63d54dcc]{font-size:12px}.info[data-v-63d54dcc]{font-size:15px}}.hxzc-fretboard{background-color:#efebe9;border:2px solid #f8f1e9;border-radius:0;display:grid!important;grid-template-columns:repeat(6,50px);grid-template-rows:repeat(14,50px);width:100%}.hxzc-fret,.hxzc-fretboard{box-sizing:border-box;visibility:visible!important}.hxzc-fret{align-items:center;background-color:#fff;border:1px solid #bcaaa4;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:background-color .2s;white-space:nowrap}.hxzc-fret:hover{background-color:#ffe0b2}.hxzc-fret.clicked{background-color:#ffb300;color:#fff;font-size:14px;font-weight:700}.hxzc-fret.correct{background-color:#2196f3!important}.hxzc-fret.correct,.hxzc-fret.incorrect{color:#fff!important;font-size:14px;font-weight:700}.hxzc-fret.incorrect{background-color:#ff1744!important}.hxzc-fret.hint-1{background-color:#ff1744}.hxzc-fret.hint-2{background-color:#4caf50}.hxzc-fret.hint-3{background-color:#2196f3}.hxzc-fret.hint-4{background-color:#ffb300}.hxzc-zero-fret{background-color:#8d5524;border-bottom:2px solid #bcaaa4;color:#ba5909;font-weight:700}.hxzc-position-highlight{background-color:#fff8e1}.hxzc-disabled{background-color:#fff;pointer-events:none}.hxzc-fret-markers{color:#8d6e63;display:flex;flex-direction:column;font-size:10px;height:100%;justify-content:space-between;left:-30px;position:absolute;top:0;visibility:visible!important}.hxzc-fret-marker{height:50px;line-height:50px;margin-right:-30px;text-align:center;visibility:visible!important}.hxzc-fret-marker:nth-child(4):after{content:"3"}.hxzc-fret-marker:nth-child(6):after{content:"5"}.hxzc-fret-marker:nth-child(8):after{content:"7"}.hxzc-fret-marker:nth-child(10):after{content:"9"}.hxzc-fret-marker:nth-child(13):after{content:"12"}.hxzc-results{align-items:center;background-color:#fff;border:1px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;color:#6d4c41;display:flex!important;flex-direction:column;font-size:12px;justify-content:flex-start;margin:-30px auto 15px;max-height:120px;max-width:500px;overflow-y:auto;padding:12px;visibility:visible!important;width:80%}.hxzc-results h5{font-size:14px;margin-bottom:8px}.hxzc-results div{font-size:12px;font-weight:400;margin-bottom:8px}.hxzc-footer{color:#a1887f;display:block!important;font-size:10px;margin-top:30px;padding-bottom:40px;visibility:visible!important}@media only screen and (max-width:768px){.hxzc-fretboard{grid-template-columns:repeat(6,40px);grid-template-rows:repeat(14,40px)}.hxzc-fret{border:1px solid #bcaaa4;font-size:10px}.hxzc-fret.clicked,.hxzc-fret.correct,.hxzc-fret.incorrect{font-size:12px}.hxzc-fret-markers{font-size:8px;left:-25px}.hxzc-fret-marker{height:40px;line-height:40px}}.zbtgv2-body[data-v-be5cb6b9]{align-items:center;background-color:#f8f1e9;color:#5d4037;display:flex;font-family:PingFang SC,Microsoft YaHei,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.zbtgv2-page-wrapper[data-v-be5cb6b9]{background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;padding:20px}.zbtgv2-h1[data-v-be5cb6b9]{color:#8d5524;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center}.zbtgv2-controls[data-v-be5cb6b9]{align-items:center;background:#fff;border:1px solid #bcaaa4;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:10px}.zbtgv2-button-area[data-v-be5cb6b9]{gap:15px}.zbtgv2-button-area[data-v-be5cb6b9],.zbtgv2-timer-score-area[data-v-be5cb6b9]{align-items:center;display:flex;justify-content:center}.zbtgv2-container[data-v-be5cb6b9]{align-items:center;display:flex;flex-direction:column;gap:20px}.zbtgv2-fretboard[data-v-be5cb6b9]{background-color:#efebe9;border:2px solid #bcaaa4;display:none;grid-template-columns:repeat(13,35px);padding:5px}.zbtgv2-fretboard.zbtgv2-show[data-v-be5cb6b9]{display:grid}.zbtgv2-fretboard-cell[data-v-be5cb6b9]{background:#fff;border:1px solid #bcaaa4;font-size:14px;height:35px;line-height:35px;text-align:center;transition:background-color .2s;width:35px}.zbtgv2-highlight[data-v-be5cb6b9]{background-color:#6b15f5;background-size:20px 20px;border:3px solid #ffeb3b;color:#cf0ef6;font-weight:700}.zbtgv2-correct[data-v-be5cb6b9]{background-color:#00d3e6;color:#fff;font-weight:700}.zbtgv2-wrong[data-v-be5cb6b9]{background-color:#ff3d00;color:#fff;font-weight:700}.zbtgv2-question[data-v-be5cb6b9]{background:#fff;color:#ff5722;font-size:1.4rem;font-weight:700;padding:10px;text-align:center}.zbtgv2-options[data-v-be5cb6b9]{background-color:#fff;border:1px solid #bcaaa4;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px}.zbtgv2-options.zbtgv2-correct[data-v-be5cb6b9]{border:2px solid #168ce6}.zbtgv2-options.zbtgv2-wrong[data-v-be5cb6b9]{border:2px solid #ff3d00}.zbtgv2-option-input[data-v-be5cb6b9]{margin-right:5px;transform:scale(1.2)}.zbtgv2-option-label[data-v-be5cb6b9]{color:#5d4037;font-size:1rem;font-weight:700}.zbtgv2-result[data-v-be5cb6b9]{background-color:#fff;border:2px solid #bcaaa4;color:#6d4c41;font-size:.9rem;margin:20px auto;max-height:120px;overflow-y:auto;padding:10px;width:60%}.zbtgv2-button[data-v-be5cb6b9]{background-color:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;color:#5d4037;cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s}.zbtgv2-button[data-v-be5cb6b9]:hover:not(:disabled){background-color:#efebe9}.zbtgv2-button[data-v-be5cb6b9]:disabled{background-color:#e0e0e0;border-color:#a9a9a9;cursor:not-allowed}.zbtgv2-highlight-text[data-v-be5cb6b9]{color:#8d6e63;font-size:1rem;font-weight:700}.zbtgv2-select[data-v-be5cb6b9]{background:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;color:#5d4037;font-weight:700;padding:6px;width:100px}.zbtgv2-select[data-v-be5cb6b9]:hover{background-color:#efebe9}.zbtgv2-footer[data-v-be5cb6b9]{color:#a1887f;font-size:.8rem;margin-top:10px;text-align:center}.zbtgv2-footer-link[data-v-be5cb6b9]{color:#8d5524;text-decoration:none}.zbtgv2-footer-link[data-v-be5cb6b9]:hover{text-decoration:underline}@media (max-width:600px){.zbtgv2-page-wrapper[data-v-be5cb6b9]{margin-left:0;margin-top:20px;padding:10px}.zbtgv2-h1[data-v-be5cb6b9]{font-size:1.5rem}.zbtgv2-controls[data-v-be5cb6b9]{flex-direction:column;gap:10px;padding:5px}.zbtgv2-button-area[data-v-be5cb6b9]{flex-direction:row;flex-wrap:nowrap;gap:5px;width:100%}.zbtgv2-timer-score-area[data-v-be5cb6b9]{text-align:center;width:100%}.zbtgv2-select[data-v-be5cb6b9]{width:60px}.zbtgv2-button[data-v-be5cb6b9]{font-size:.9rem;padding:6px 8px}.zbtgv2-highlight-text[data-v-be5cb6b9]{font-size:.9rem;width:auto}.zbtgv2-container[data-v-be5cb6b9]{gap:30px}.zbtgv2-fretboard[data-v-be5cb6b9]{grid-template-columns:repeat(13,25px)}.zbtgv2-fretboard-cell[data-v-be5cb6b9]{font-size:12px;height:25px;line-height:25px;width:25px}.zbtgv2-question[data-v-be5cb6b9]{font-size:1.2rem}.zbtgv2-option-label[data-v-be5cb6b9]{font-size:.9rem}.zbtgv2-result[data-v-be5cb6b9]{margin:30px auto;width:80%}}.ts-body[data-v-5fd22104]{align-items:center;background-color:#f8f1e9;background-color:transparent;color:#5d4037;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;height:100%;justify-content:flex-start;margin:0;padding:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ts-h1[data-v-5fd22104]{color:#8d5524;font-size:28px;margin-bottom:20px}.ts-controls[data-v-5fd22104]{align-items:center;background-color:#fff;border:2px solid #bcaaa4;box-shadow:0 2px 5px rgba(0,0,0,0 nil .1);display:flex;gap:10px;justify-content:center;max-width:500px;padding:10px;width:100%}.ts-select[data-v-5fd22104]{background-color:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:14px;padding:6px 10px;transition:background-color .2s;width:120px}.ts-select[data-v-5fd22104]:hover{background-color:#efebe9}.ts-play-toggle[data-v-5fd22104]{display:flex;gap:10px}.ts-button[data-v-5fd22104]{border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.ts-button#play-btn[data-v-5fd22104]{background-color:#2196f3;color:#fff}.ts-button#play-btn[data-v-5fd22104]:hover{background-color:#1976d2}.ts-button#play-btn[data-v-5fd22104]:disabled{background-color:#bcaaa4;cursor:not-allowed}.ts-button#toggle-notes[data-v-5fd22104]{background-color:#4caf50;color:#fff}.ts-button#toggle-notes[data-v-5fd22104]:hover{background-color:#388e3c}.ts-progress[data-v-5fd22104]{color:#8d6e63;font-size:14px;margin-top:10px}.ts-options[data-v-5fd22104]{display:flex;flex-direction:column;gap:15px;margin-top:20px;max-width:600px;width:100%}.ts-option-row[data-v-5fd22104]{display:flex;gap:10px;justify-content:center}.ts-option-button[data-v-5fd22104]{border:1px solid #bcaaa4;border-radius:0;color:#5d4037;cursor:pointer;flex:1;max-width:100px;padding:8px 15px;text-align:center;transition:background-color .2s}.ts-option-button.ts-string-6[data-v-5fd22104]{background-color:#d7ccc8}.ts-option-button.ts-string-5[data-v-5fd22104]{background-color:#efebe9}.ts-option-button.ts-string-4[data-v-5fd22104]{background-color:#f5f5f5}.ts-option-button[data-v-5fd22104]:hover{background-color:#efebe9}.ts-option-button[data-v-5fd22104]:disabled{background-color:#bcaaa4;cursor:not-allowed}.ts-option-button.ts-correct-answer[data-v-5fd22104]{background-color:#2196f3;color:#fff;font-weight:700}.ts-option-placeholder[data-v-5fd22104]{flex:1;max-width:100px;visibility:hidden}.ts-feedback[data-v-5fd22104]{font-size:16px;gap:20px}.ts-feedback[data-v-5fd22104],.ts-fretboard-wrapper[data-v-5fd22104]{align-items:center;display:flex;margin-top:20px}.ts-fretboard-wrapper[data-v-5fd22104]{flex-direction:column;width:100%}.ts-string-labels[data-v-5fd22104]{color:#8d6e63;display:none;font-size:12px;font-weight:700;justify-content:space-around;margin-bottom:5px;max-width:312px;width:100%}.ts-string-labels span[data-v-5fd22104]{flex:1;text-align:center}.ts-fretboard[data-v-5fd22104]{background-color:#efebe9;border:2px solid #bcaaa4;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:none;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(13,45px);max-width:312px;width:100%}.ts-fret[data-v-5fd22104]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:background-color .2s}.ts-fret.ts-note-display[data-v-5fd22104]{background-color:#d7ccc8;color:#5d4037}.ts-fret.ts-string-6[data-v-5fd22104]{background-color:#fff9c4}.ts-fret.ts-string-5[data-v-5fd22104]{background-color:#ffe0b2}.ts-fret.ts-string-4[data-v-5fd22104]{background-color:#b3e5fc}.ts-fret.ts-string-white[data-v-5fd22104]{background-color:#fff!important}.ts-fret.ts-disabled[data-v-5fd22104]{background-color:#e0e0e0;cursor:not-allowed}.ts-fret.ts-clicked[data-v-5fd22104]{background-color:#ff3bde;transition:background-color .1s}.ts-footer[data-v-5fd22104]{color:#a1887f;font-size:12px;margin-top:20px}@media screen and (max-width:768px){.ts-body[data-v-5fd22104]{flex-direction:column;gap:5px;padding:10px}.ts-h1[data-v-5fd22104]{font-size:24px;margin-bottom:10px;order:1}.ts-controls[data-v-5fd22104]{margin-top:0;max-width:300px;order:2;padding:8px}.ts-progress[data-v-5fd22104]{margin-top:5px;order:3}.ts-options[data-v-5fd22104]{margin-top:5px;order:4}.ts-feedback[data-v-5fd22104]{margin-top:10px;order:5}.ts-fretboard-wrapper[data-v-5fd22104]{order:6}.ts-footer[data-v-5fd22104]{order:7}.ts-select[data-v-5fd22104]{font-size:12px;width:100px}.ts-button[data-v-5fd22104]{font-size:12px;padding:5px 10px}.ts-option-button[data-v-5fd22104]{max-width:70px;padding:10px 12px}.ts-option-placeholder[data-v-5fd22104]{max-width:70px}.ts-fretboard[data-v-5fd22104]{grid-template-rows:repeat(13,8vw);max-width:312px}.ts-string-labels[data-v-5fd22104]{font-size:10px;max-width:312px}}.xzzb-body[data-v-f9b734da]{align-items:center;background-color:#f8f1e9;color:#5d4037;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0 auto;min-height:100vh;padding:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xzzb-body[data-v-f9b734da],.xzzb-header[data-v-f9b734da]{box-sizing:border-box;width:100%}.xzzb-header[data-v-f9b734da]{margin-bottom:10px;padding:0 10px}.xzzb-header h1[data-v-f9b734da]{color:#8d5524;font-size:clamp(20px,6vw,28px);margin:0;text-align:center}.xzzb-game-container[data-v-f9b734da]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:0 5px;width:100%}.xzzb-fretboard-wrapper[data-v-f9b734da]{display:flex;justify-content:center;position:relative;width:100%}.xzzb-fretboard-container[data-v-f9b734da]{aspect-ratio:6/13;height:auto;margin:0;overflow:visible;position:relative;width:clamp(240px,85vw,320px)}.xzzb-fretboard[data-v-f9b734da]{background-color:#efebe9;border:2px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(13,1fr);height:100%;position:relative;width:100%;z-index:1}.xzzb-fret[data-v-f9b734da]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;cursor:pointer;display:flex;font-size:clamp(8px,2.5vw,12px);justify-content:center;transition:background-color .2s}.xzzb-fret[data-v-f9b734da]:hover{background-color:#ffe0b2}.xzzb-fret.xzzb-clicked[data-v-f9b734da]{background-color:#ffb300;color:#fff;font-size:clamp(10px,3vw,14px);font-weight:700}.xzzb-fret.xzzb-correct[data-v-f9b734da]{background-color:#2196f3!important}.xzzb-fret.xzzb-correct[data-v-f9b734da],.xzzb-fret.xzzb-incorrect[data-v-f9b734da]{color:#fff!important;font-size:clamp(10px,3vw,14px);font-weight:700}.xzzb-fret.xzzb-incorrect[data-v-f9b734da]{background-color:#ff1744!important}.xzzb-fret.xzzb-start-note[data-v-f9b734da]{background-color:#2196f3;color:#fff;font-weight:700}.xzzb-fret.xzzb-hint[data-v-f9b734da]{background-color:#4caf50;color:#fff}.xzzb-fret.xzzb-zero-fret[data-v-f9b734da]{background-color:#8d5524;border-bottom:2px solid #bcaaa4;color:#fff;font-weight:700}.xzzb-fret-markers[data-v-f9b734da]{color:#8d6e63;display:flex;flex-direction:column;font-size:clamp(6px,2vw,10px);height:92.30769%;justify-content:space-between;left:0;position:absolute;top:7.69231%;transform:translate(-100%);width:clamp(15px,4vw,30px);z-index:0}.xzzb-fret-marker[data-v-f9b734da]{height:50px;line-height:50px;text-align:center}.xzzb-fret-marker[data-v-f9b734da]:nth-child(3):after{content:"3"}.xzzb-fret-marker[data-v-f9b734da]:nth-child(5):after{content:"5"}.xzzb-fret-marker[data-v-f9b734da]:nth-child(7):after{content:"7"}.xzzb-fret-marker[data-v-f9b734da]:nth-child(9):after{content:"9"}.xzzb-fret-marker[data-v-f9b734da]:nth-child(12):after{content:"12"}.xzzb-controls[data-v-f9b734da]{align-items:center;background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;max-width:clamp(280px,90vw,400px);padding:10px;width:100%}.xzzb-controls-row[data-v-f9b734da]{display:flex;flex-wrap:nowrap;gap:5px;width:100%}.xzzb-controls-middle[data-v-f9b734da],.xzzb-controls-row[data-v-f9b734da],.xzzb-controls-top[data-v-f9b734da]{justify-content:space-between}.xzzb-controls-bottom[data-v-f9b734da]{justify-content:center}.xzzb-control-group[data-v-f9b734da],.xzzb-hint-wrapper[data-v-f9b734da],.xzzb-target-interval-wrapper[data-v-f9b734da]{align-items:center;display:flex;flex:1 1 auto;gap:5px;min-width:0}.xzzb-switch[data-v-f9b734da]{display:inline-block;flex-shrink:0;height:20px;position:relative;width:40px}.xzzb-switch input[data-v-f9b734da]{height:0;opacity:0;width:0}.xzzb-slider[data-v-f9b734da]{background-color:#bcaaa4;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.xzzb-slider[data-v-f9b734da]:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.xzzb-switch input:checked+.xzzb-slider[data-v-f9b734da]{background-color:#ff8a65}.xzzb-switch input:checked+.xzzb-slider[data-v-f9b734da]:before{transform:translate(20px)}.xzzb-target-interval[data-v-f9b734da]{font-size:clamp(12px,3.5vw,18px);font-weight:700;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.xzzb-target-active[data-v-f9b734da]{background:linear-gradient(45deg,#ff8a65,#ffb300);box-shadow:0 0 10px #ff8a65b3;color:#fff}.xzzb-info[data-v-f9b734da]{color:#8d6e63;font-size:clamp(12px,3.5vw,16px);margin-bottom:10px;text-align:center}.xzzb-countdown-highlight[data-v-f9b734da]{color:#ff5722;font-size:clamp(14px,4vw,18px);font-weight:700}.xzzb-results[data-v-f9b734da]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;color:#6d4c41;display:flex;flex-direction:column;font-size:clamp(10px,2.5vw,14px);margin:15px 0;max-height:150px;overflow-y:auto;padding:10px;width:clamp(240px,85vw,300px)}.xzzb-footer[data-v-f9b734da]{color:#a1887f;font-size:clamp(10px,2.5vw,12px);margin-top:20px;text-align:center}button[data-v-f9b734da],select[data-v-f9b734da]{background-color:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:clamp(11px,3vw,14px);min-width:80px;padding:6px 12px;transition:background-color .2s}button[data-v-f9b734da]:hover,select[data-v-f9b734da]:hover{background-color:#efebe9}button[data-v-f9b734da]:disabled,select[data-v-f9b734da]:disabled{background-color:#e0e0e0;cursor:not-allowed}.xzzb-countdown-active[data-v-f9b734da]{animation:xzzb-blink-f9b734da 1s infinite;color:#0288d1;margin-left:10px}.xzzb-click-prompt.highlight[data-v-f9b734da]{animation:xzzb-blink-f9b734da 1s infinite;color:#d32f2f;font-weight:700;margin-left:10px}@keyframes xzzb-blink-f9b734da{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.xzzb-fret.xzzb-disabled[data-v-f9b734da]{background-color:#e0e0e0;cursor:not-allowed}@media (max-width:480px){.xzzb-controls-row[data-v-f9b734da]{align-items:center;flex-direction:column;justify-content:center}.xzzb-controls-middle[data-v-f9b734da],.xzzb-controls-top[data-v-f9b734da]{flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:space-between}.xzzb-controls-bottom[data-v-f9b734da]{flex-direction:column;justify-content:center}.xzzb-control-group[data-v-f9b734da],.xzzb-hint-wrapper[data-v-f9b734da],.xzzb-target-interval-wrapper[data-v-f9b734da]{justify-content:left;width:auto}.xzzb-fretboard-container[data-v-f9b734da],.xzzb-results[data-v-f9b734da]{width:clamp(200px,85vw,280px)}}@media (min-width:481px){.xzzb-control-group[data-v-f9b734da]{gap:5px}}.wxp-body[data-v-5a6415a2]{align-items:center;background-color:#f5e8d3;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:10px}.wxp-game-container[data-v-5a6415a2]{background-color:#fff;border:2px solid #8b5a2b;border-radius:0;box-shadow:inset 0 0 5px #0000004d;max-height:80vh;overflow-y:auto;padding:15px;text-align:center;width:300px}.wxp-staff[data-v-5a6415a2]{background-color:#fff;border:1px solid #8b5a2b;box-sizing:border-box;display:block;height:150px;margin:10px 0;width:100%}.wxp-top-controls[data-v-5a6415a2]{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin-bottom:10px;width:100%}.wxp-button-controls[data-v-5a6415a2]{display:flex;gap:5px;justify-content:space-between;margin:5px 0}.wxp-options[data-v-5a6415a2]{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin:10px 0;padding:0;width:100%}.wxp-options button[data-v-5a6415a2]{box-sizing:border-box;flex:1 1 calc(50% - 5px);transition:transform .1s,background-color .1s}.wxp-options button[data-v-5a6415a2]:active{background-color:#a9a9a9;transform:scale(.95)}button[data-v-5a6415a2]{background-color:#4caf50;border:2px solid #8b5a2b;border-radius:0;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}button[data-v-5a6415a2]:hover{background-color:#45a049}.wxp-correct[data-v-5a6415a2]{background-color:gold;color:#fff;font-weight:700}.wxp-wrong[data-v-5a6415a2]{background-color:red;color:#fff}.wxp-start-button[data-v-5a6415a2]{background-color:#d19681;border-radius:0;box-sizing:border-box;flex:1}.wxp-start-button[data-v-5a6415a2]:hover{background-color:#6b3a0f}.wxp-hint-button[data-v-5a6415a2]{background-color:#ae9387;box-sizing:border-box;flex:1;text-align:center}.wxp-hint-button[data-v-5a6415a2]:hover{background-color:#9e8377}.wxp-round[data-v-5a6415a2]{color:#5c4033;font-size:12px;margin:5px 0}.wxp-arpeggio-hint[data-v-5a6415a2]{color:red;font-size:14px;margin:5px 0;text-align:center}.wxp-chord-type-select[data-v-5a6415a2],.wxp-circle-direction-select[data-v-5a6415a2],.wxp-difficulty-select[data-v-5a6415a2]{margin:0}select[data-v-5a6415a2]{background-color:#fff;border:2px solid #8b5a2b;border-radius:0;color:#5c4033;font-size:14px;padding:3px}select[data-v-5a6415a2]:disabled{background-color:#d3d3d3;color:#5c4033;cursor:not-allowed}label[data-v-5a6415a2]{margin-right:3px}.wxp-footer[data-v-5a6415a2],label[data-v-5a6415a2]{color:#5c4033;font-size:14px}.wxp-footer[data-v-5a6415a2]{bottom:5px}.wxp-footer[data-v-5a6415a2],.wxp-result[data-v-5a6415a2]{left:50%;position:fixed;transform:translate(-50%)}.wxp-result[data-v-5a6415a2]{background-color:#fff;border:1px solid #8b5a2b;border-radius:0;bottom:30px;color:#5c4033;font-size:14px;padding:5px 10px}h1[data-v-5a6415a2]{color:#6b3a0f;font-size:12px;margin-bottom:10px}.wxp-fretboard-container[data-v-5a6415a2]{background-color:#efebe9;border:2px solid #bcaaa4;border-radius:0;border-right:none;box-shadow:0 2px 5px #0000001a;height:325px;margin:0 auto;position:relative;width:208px}.wxp-fretboard[data-v-5a6415a2]{background-color:transparent;border:none;display:grid;grid-template-columns:repeat(6,35px);grid-template-rows:repeat(13,25px);height:100%;left:-2px;position:relative;width:calc(100% + 2px)}.wxp-fret[data-v-5a6415a2]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;border-right:none;cursor:pointer;display:flex;font-size:8px;justify-content:center;transition:background-color .2s;white-space:nowrap}.wxp-fret[data-v-5a6415a2]:nth-child(6n){border-right:1px solid #bcaaa4}.wxp-fret[data-v-5a6415a2]:hover{background-color:#ffe0b2}.wxp-fret.wxp-clicked[data-v-5a6415a2]{background-color:#ffb300;color:#fff;font-size:10px;font-weight:700}.wxp-fret.wxp-correct[data-v-5a6415a2]{background-color:#2196f3!important}.wxp-fret.wxp-correct[data-v-5a6415a2],.wxp-fret.wxp-incorrect[data-v-5a6415a2]{color:#fff!important;font-size:10px;font-weight:700}.wxp-fret.wxp-incorrect[data-v-5a6415a2]{background-color:#ff1744!important}.wxp-fret.wxp-hint-1[data-v-5a6415a2]{background-color:#ff1744}.wxp-fret.wxp-hint-2[data-v-5a6415a2]{background-color:#4caf50}.wxp-fret.wxp-hint-3[data-v-5a6415a2]{background-color:#2196f3}.wxp-fret.wxp-hint-4[data-v-5a6415a2]{background-color:#ffb300}.wxp-zero-fret[data-v-5a6415a2]{background-color:#5d4037;border-bottom:2px solid #bcaaa4;color:#220404;font-weight:700}.wxp-position-highlight[data-v-5a6415a2]{background-color:#fff8e1}.wxp-disabled[data-v-5a6415a2]{background-color:#fff;pointer-events:none}.wxp-fret-markers[data-v-5a6415a2]{color:#8d6e63;display:flex;flex-direction:column;font-size:8px;height:100%;justify-content:space-between;left:-20px;position:absolute;top:0}.wxp-fret-marker[data-v-5a6415a2]{height:25px;line-height:25px;text-align:center}.wxp-fret-marker[data-v-5a6415a2]:nth-child(4):after{content:"3"}.wxp-fret-marker[data-v-5a6415a2]:nth-child(6):after{content:"5"}.wxp-fret-marker[data-v-5a6415a2]:nth-child(8):after{content:"7"}.wxp-fret-marker[data-v-5a6415a2]:nth-child(10):after{content:"9"}.wxp-fret-marker[data-v-5a6415a2]:nth-child(13):after{content:"12"}@media only screen and (max-width:768px){.wxp-game-container[data-v-5a6415a2]{padding:10px;width:80%}.wxp-top-controls[data-v-5a6415a2]{gap:3px}button[data-v-5a6415a2],select[data-v-5a6415a2]{font-size:12px;padding:3px}.wxp-fretboard-container[data-v-5a6415a2]{border-right:none;height:auto;max-height:325px;max-width:208px;width:100%}.wxp-fretboard[data-v-5a6415a2]{grid-template-columns:repeat(6,35px);grid-template-rows:repeat(13,25px);left:-2px;width:calc(100% + 2px)}.wxp-fret[data-v-5a6415a2]{font-size:6px}.wxp-fret.wxp-clicked[data-v-5a6415a2],.wxp-fret.wxp-correct[data-v-5a6415a2],.wxp-fret.wxp-incorrect[data-v-5a6415a2]{font-size:8px}.wxp-fret-markers[data-v-5a6415a2]{font-size:6px;left:-15px}.wxp-fret-marker[data-v-5a6415a2]{height:25px;line-height:25px}}.zbyj-body[data-v-024607b8]{background-color:#f0f0f0;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zbyj-body[data-v-024607b8],.zbyj-container[data-v-024607b8]{align-items:center;display:flex}.zbyj-container[data-v-024607b8]{flex-direction:column;margin:10px auto;max-width:100%;padding:10px}.zbyj-selectors[data-v-024607b8]{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:10px 0}.zbyj-selector-group[data-v-024607b8]{align-items:center;display:flex;gap:5px}select[data-v-024607b8]{border:1px solid #ccc;border-radius:4px}button[data-v-024607b8],select[data-v-024607b8]{font-size:14px;margin:5px;padding:8px}button[data-v-024607b8]{background-color:#4caf50;border:1px solid #ccc;border-radius:0;color:#fff;cursor:pointer;min-width:100px}button[data-v-024607b8]:hover{background-color:#45a049}button.zbyj-active[data-v-024607b8]{background-color:#ff8c00}.zbyj-buttons[data-v-024607b8]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.zbyj-fretboard-container[data-v-024607b8]{align-items:center;display:flex;flex-direction:column;width:100%}.zbyj-fretboard[data-v-024607b8]{background-color:#9fe4c9;border-radius:0;box-sizing:border-box;display:grid;gap:2px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(13,40px);max-width:360px;padding:10px;width:100%}.zbyj-fret[data-v-024607b8]{align-items:center;background-color:tan;border:1px solid #000;box-sizing:border-box;color:#000;display:flex;font-size:12px;height:40px;justify-content:center}.zbyj-scale-note[data-v-024607b8]{background-color:#ffffe0;font-weight:700}.zbyj-selected-note[data-v-024607b8]{background-color:red!important;color:#fff;font-weight:700}.zbyj-root-note[data-v-024607b8]{background-color:#009aff!important;color:#fff;font-weight:700}.zbyj-scale-info[data-v-024607b8]{font-size:14px;line-height:1.6;margin:10px 0;max-width:360px;text-align:left}.zbyj-footer[data-v-024607b8]{color:#666;font-size:12px;font-weight:bolder;margin-top:15px}.zbyj-footer a[data-v-024607b8]{color:#666;text-decoration:none}.zbyj-footer a[data-v-024607b8]:hover{text-decoration:underline}@media (max-width:600px){h1[data-v-024607b8]{font-size:20px}button[data-v-024607b8],select[data-v-024607b8]{font-size:12px;min-width:80px;padding:6px}.zbyj-fretboard[data-v-024607b8]{grid-template-rows:repeat(13,30px);max-width:300px}.zbyj-fret[data-v-024607b8]{font-size:10px;height:30px}.zbyj-scale-info[data-v-024607b8]{font-size:12px;max-width:300px}}@media (max-width:400px){.zbyj-fretboard[data-v-024607b8]{max-width:240px}.zbyj-fret[data-v-024607b8]{font-size:8px;height:25px}.zbyj-scale-info[data-v-024607b8]{font-size:10px;max-width:240px}button[data-v-024607b8],select[data-v-024607b8]{font-size:10px;min-width:70px;padding:5px}}.zx-body[data-v-50d7207d]{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:20px}h1[data-v-50d7207d]{color:#333;margin-bottom:15px}.zx-controls[data-v-50d7207d]{display:flex;gap:15px;margin-bottom:20px}.zx-practice-toggle[data-v-50d7207d]{margin-bottom:20px}.zx-practice-info[data-v-50d7207d],.zx-practice-toggle[data-v-50d7207d]{align-items:center;display:flex;gap:5px}.zx-highlight[data-v-50d7207d]{animation:blink-50d7207d 1s infinite;background-color:#ff9800;border-radius:5px;color:#fff;font-size:18px;font-weight:700;padding:6px 10px}@keyframes blink-50d7207d{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.zx-start-button[data-v-50d7207d]{background-color:#2196f3;border:1px solid #333;border-radius:0;color:#fff;cursor:pointer;padding:8px 16px}.zx-start-button[data-v-50d7207d]:disabled{background-color:#ccc;cursor:not-allowed}.zx-start-button[data-v-50d7207d]:hover:not(:disabled){background-color:#1976d2}.zx-note-button[data-v-50d7207d]{background-color:#4caf50;border:1px solid #333;border-radius:0;color:#fff;cursor:pointer;padding:8px 16px}.zx-note-button[data-v-50d7207d]:hover{background-color:#45a049}.zx-practice-controls[data-v-50d7207d]{flex-direction:column;margin-bottom:20px}.zx-answer-boxes-container[data-v-50d7207d],.zx-practice-controls[data-v-50d7207d]{align-items:center;display:flex;gap:10px}.zx-answer-boxes[data-v-50d7207d]{gap:10px}.zx-answer-box[data-v-50d7207d],.zx-answer-boxes[data-v-50d7207d]{display:flex;justify-content:center}.zx-answer-box[data-v-50d7207d]{align-items:center;background-color:#ece8d0;border:1px solid #333;color:#333;font-size:16px;height:40px;width:40px}.zx-correct-box[data-v-50d7207d]{background-color:#2196f3;color:#fff}.zx-wrong-box[data-v-50d7207d]{background-color:#f44336;color:#fff}.zx-result[data-v-50d7207d]{font-size:16px;margin-bottom:10px;text-align:center;white-space:nowrap}.zx-correct-result[data-v-50d7207d]{color:#4caf50}.zx-wrong-result[data-v-50d7207d]{color:#f44336}.zx-countdown[data-v-50d7207d]{color:#f44336;font-size:16px;font-weight:700}.zx-practice-text[data-v-50d7207d]{color:#333;font-size:14px}select[data-v-50d7207d]{background-color:#fff;border:1px solid #333;border-radius:0;cursor:pointer;font-size:1em;padding:8px}select[data-v-50d7207d]:disabled{background-color:#e0e0e0;cursor:not-allowed}.zx-container[data-v-50d7207d]{align-items:flex-start;display:flex;gap:30px;justify-content:center;width:100%}.zx-fretboard[data-v-50d7207d]{background-color:#fff;border:2px solid #333;border-radius:0;box-shadow:0 4px 8px #0000001a;display:grid;gap:5px;grid-template-columns:repeat(6,40px);grid-template-rows:repeat(14,40px);padding:20px}.zx-string[data-v-50d7207d]{align-items:center;background-color:#f4f2e7;border:1px solid #ddd;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative}.zx-string.zx-headstock[data-v-50d7207d]{background-color:#d5923f;cursor:default}.zx-string.zx-muted[data-v-50d7207d]{background-color:#ccc}.zx-string.zx-muted[data-v-50d7207d]:after{color:#333;content:"X";font-size:16px;position:absolute;top:-10px;z-index:2}.zx-string[data-v-50d7207d]:before{background-color:#666;content:"";height:2px;left:0;position:absolute;right:0;top:50%}.zx-note[data-v-50d7207d]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px;z-index:1}.zx-root-note[data-v-50d7207d]{background-color:#8bc34a}.zx-third-note[data-v-50d7207d]{background-color:#ff9800}.zx-fifth-note[data-v-50d7207d]{background-color:#f44336}.zx-note-name[data-v-50d7207d]{background-color:#898585}.zx-fret-number[data-v-50d7207d]{color:#333;font-size:14px;left:-40px;position:absolute}.zx-chord-info[data-v-50d7207d]{color:#333;font-size:1em;margin-top:20px;text-align:left;white-space:nowrap;width:200px}.zx-footer[data-v-50d7207d]{border-top:1px solid #ddd;color:#666;font-size:.9em;margin-top:auto;padding:10px 0;text-align:center;width:100%}.zx-footer a[data-v-50d7207d]{color:#666;text-decoration:none}.zx-footer a[data-v-50d7207d]:hover{text-decoration:underline}@media (max-width:768px){.zx-container[data-v-50d7207d]{align-items:center;flex-direction:column}.zx-fretboard[data-v-50d7207d]{grid-template-columns:repeat(6,30px);grid-template-rows:repeat(13,30px);max-width:100%;padding:10px}.zx-string[data-v-50d7207d]{height:30px}.zx-note[data-v-50d7207d]{font-size:10px;height:18px;width:18px}.zx-chord-info[data-v-50d7207d]{font-size:.9em;margin-top:20px;text-align:center;width:90%}.zx-controls[data-v-50d7207d]{flex-wrap:wrap;justify-content:center}select[data-v-50d7207d]{flex:1 1 40%;margin:5px 0}.zx-practice-toggle[data-v-50d7207d]{flex-wrap:nowrap}.zx-answer-box[data-v-50d7207d]{font-size:14px;height:30px;width:30px}.zx-highlight[data-v-50d7207d]{font-size:16px;padding:4px 8px}.zx-practice-text[data-v-50d7207d]{font-size:12px}.zx-countdown[data-v-50d7207d],.zx-result[data-v-50d7207d]{font-size:14px}}.qzb-wrapper[data-v-abc2b93e]{align-items:center;background-color:#f8f1e9;color:#5d4037;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0;overflow-y:scroll;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}@keyframes qzb-blink-abc2b93e{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.qzb-countdown-highlight.qzb-active[data-v-abc2b93e]{padding:2px 6px}.qzb-countdown-highlight.qzb-active[data-v-abc2b93e],.qzb-target-chord.qzb-target-active[data-v-abc2b93e]{animation:qzb-blink-abc2b93e 1s infinite;background:linear-gradient(45deg,#ff8a65,#ffb300);border-radius:4px;color:#fff}.qzb-target-chord.qzb-target-active[data-v-abc2b93e]{padding:4px 12px}.qzb-header[data-v-abc2b93e]{align-items:center;display:flex;justify-content:center;margin-bottom:10px;max-width:600px;width:100%}.qzb-header h1[data-v-abc2b93e]{color:#8d5524;font-size:24px;margin:0;text-align:center}.qzb-game-container[data-v-abc2b93e]{gap:20px;margin-bottom:100px;max-width:800px}.qzb-fretboard-wrapper[data-v-abc2b93e],.qzb-game-container[data-v-abc2b93e]{align-items:center;display:flex;flex-direction:column;width:100%}.qzb-fretboard-container[data-v-abc2b93e]{height:700px;margin:0 auto;position:relative;width:300px}.qzb-controls[data-v-abc2b93e]{background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;flex-direction:column;margin-bottom:15px;max-width:600px;padding:8px}.qzb-controls[data-v-abc2b93e],.qzb-controls-row[data-v-abc2b93e]{align-items:center;display:flex;gap:10px}.qzb-controls-row[data-v-abc2b93e]{flex-wrap:wrap;justify-content:center}.qzb-controls-top[data-v-abc2b93e]{justify-content:space-between}.qzb-controls-bottom[data-v-abc2b93e]{justify-content:flex-start}.qzb-control-group[data-v-abc2b93e],.qzb-hint-wrapper[data-v-abc2b93e]{align-items:center;display:flex;gap:5px}.qzb-switch[data-v-abc2b93e]{display:inline-block;height:15px;position:relative;width:30px}.qzb-switch input[data-v-abc2b93e]{height:0;opacity:0;width:0}.qzb-slider[data-v-abc2b93e]{background-color:#bcaaa4;border-radius:15px;bottom:0;cursor:pointer;left:0;right:0;top:0}.qzb-slider[data-v-abc2b93e],.qzb-slider[data-v-abc2b93e]:before{position:absolute;transition:.4s}.qzb-slider[data-v-abc2b93e]:before{background-color:#fff;border-radius:50%;bottom:1.5px;content:"";height:12px;left:2px;width:12px}.qzb-switch input:checked+.qzb-slider[data-v-abc2b93e]{background-color:#ff8a65}.qzb-switch input:disabled+.qzb-slider[data-v-abc2b93e]{background-color:#e0e0e0;cursor:not-allowed}.qzb-switch input:checked+.qzb-slider[data-v-abc2b93e]:before{transform:translate(15px)}.qzb-target-chord-wrapper[data-v-abc2b93e]{align-items:center;display:flex;gap:8px}.qzb-target-chord[data-v-abc2b93e]{border-radius:0;font-size:16px;font-weight:700;padding:4px 12px;transition:all .3s}.qzb-progression-display[data-v-abc2b93e]{color:#5d4037;font-size:14px;margin-bottom:8px}.qzb-info[data-v-abc2b93e]{color:#8d6e63;font-size:14px;margin-bottom:10px}.qzb-countdown-highlight[data-v-abc2b93e]{color:#ff5722;font-size:16px;font-weight:700}.qzb-controls button[data-v-abc2b93e],.qzb-controls select[data-v-abc2b93e]{border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.qzb-controls button[data-v-abc2b93e]:hover,.qzb-controls select[data-v-abc2b93e]:hover{background-color:#efebe9}.qzb-controls button[data-v-abc2b93e]:disabled,.qzb-controls select[data-v-abc2b93e]:disabled{background-color:#e0e0e0;cursor:not-allowed}.qzb-highlight-button[data-v-abc2b93e]{background-color:#ff8a65;border:1px solid #ff8a65;color:#fff}.qzb-highlight-button[data-v-abc2b93e]:hover{background-color:#ffb300}.qzb-fretboard[data-v-abc2b93e]{background-color:#efebe9;border:2px solid #f8f1e9;border-radius:0;display:grid!important;grid-template-columns:repeat(6,50px);grid-template-rows:repeat(14,50px);width:100%}.qzb-fret[data-v-abc2b93e],.qzb-fretboard[data-v-abc2b93e]{box-sizing:border-box;visibility:visible!important}.qzb-fret[data-v-abc2b93e]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:background-color .2s;white-space:nowrap}.qzb-fret[data-v-abc2b93e]:hover{background-color:#ffe0b2}.qzb-fret.qzb-clicked[data-v-abc2b93e]{animation:qzb-pulse-abc2b93e .3s ease;background-color:#ffb300!important;box-shadow:0 0 8px #0006;color:#fff!important;font-size:14px;font-weight:700;transform:scale(1.1);transition:all .2s ease}@keyframes qzb-pulse-abc2b93e{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.qzb-fret.qzb-correct[data-v-abc2b93e]{background-color:#2196f3!important}.qzb-fret.qzb-correct[data-v-abc2b93e],.qzb-fret.qzb-incorrect[data-v-abc2b93e]{color:#fff!important;font-size:14px;font-weight:700}.qzb-fret.qzb-incorrect[data-v-abc2b93e]{background-color:#ff1744!important}.qzb-fret.qzb-hint-1[data-v-abc2b93e]{background-color:#ff1744}.qzb-fret.qzb-hint-2[data-v-abc2b93e]{background-color:#4caf50}.qzb-fret.qzb-hint-3[data-v-abc2b93e]{background-color:#2196f3}.qzb-fret.qzb-hint-4[data-v-abc2b93e]{background-color:#ffb300}.qzb-zero-fret[data-v-abc2b93e]{background-color:#8d5524;border-bottom:2px solid #bcaaa4;color:#ba5909;font-weight:700}.qzb-position-highlight[data-v-abc2b93e]{background-color:#fff8e1}.qzb-disabled[data-v-abc2b93e]{background-color:#fff;pointer-events:none}.qzb-fret-x[data-v-abc2b93e]{background-color:#e0e0e0;pointer-events:none}.qzb-fret-markers[data-v-abc2b93e]{color:#8d6e63;display:flex;flex-direction:column;font-size:10px;height:100%;justify-content:space-between;left:-30px;position:absolute;top:0;visibility:visible!important}.qzb-fret-marker[data-v-abc2b93e]{height:50px;line-height:50px;margin-right:-30px;text-align:center;visibility:visible!important}.qzb-fret-marker[data-v-abc2b93e]:nth-child(4):after{content:"3"}.qzb-fret-marker[data-v-abc2b93e]:nth-child(6):after{content:"5"}.qzb-fret-marker[data-v-abc2b93e]:nth-child(8):after{content:"7"}.qzb-fret-marker[data-v-abc2b93e]:nth-child(10):after{content:"9"}.qzb-fret-marker[data-v-abc2b93e]:nth-child(13):after{content:"12"}.qzb-results[data-v-abc2b93e]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;color:#6d4c41;display:flex!important;flex-direction:column;font-size:12px;justify-content:flex-start;margin:-30px auto 15px;max-height:120px;max-width:500px;overflow-y:auto;padding:12px;visibility:visible!important;width:80%}.qzb-results h5[data-v-abc2b93e]{font-size:14px;margin-bottom:8px}.qzb-results div[data-v-abc2b93e]{font-size:12px;font-weight:400;margin-bottom:8px}.qzb-footer[data-v-abc2b93e]{color:#a1887f;display:block!important;font-size:10px;margin-top:30px;padding-bottom:40px;visibility:visible!important}@media only screen and (max-width:768px){.qzb-wrapper[data-v-abc2b93e]{padding:5px}.qzb-header[data-v-abc2b93e]{align-items:center;flex-direction:column}.qzb-header h1[data-v-abc2b93e]{font-size:18px}.qzb-fretboard-container[data-v-abc2b93e]{height:560px;width:240px}.qzb-controls[data-v-abc2b93e]{max-width:100%;padding:5px}.qzb-controls-row[data-v-abc2b93e]{gap:8px}.qzb-controls-top[data-v-abc2b93e]{flex-wrap:nowrap;gap:10px;justify-content:space-between}.qzb-controls-bottom[data-v-abc2b93e]{align-items:center;justify-content:flex-start}.qzb-control-group[data-v-abc2b93e]{margin-right:10px}.qzb-controls-bottom .qzb-highlight-button[data-v-abc2b93e]{margin-left:0;text-align:center;width:50px}.qzb-controls button[data-v-abc2b93e],.qzb-controls select[data-v-abc2b93e]{font-size:10px;padding:5px 8px}.qzb-target-chord[data-v-abc2b93e]{font-size:14px;padding:3px 8px}.qzb-progression-display[data-v-abc2b93e]{font-size:12px}.qzb-info[data-v-abc2b93e]{font-size:15px}.qzb-fretboard[data-v-abc2b93e]{grid-template-columns:repeat(6,40px);grid-template-rows:repeat(14,40px)}.qzb-fret[data-v-abc2b93e]{border:1px solid #bcaaa4;font-size:10px}.qzb-fret.qzb-clicked[data-v-abc2b93e],.qzb-fret.qzb-correct[data-v-abc2b93e],.qzb-fret.qzb-incorrect[data-v-abc2b93e]{font-size:12px}.qzb-fret-markers[data-v-abc2b93e]{font-size:8px;left:-25px}.qzb-fret-marker[data-v-abc2b93e]{height:40px;line-height:40px}}.thx-wrapper[data-v-c1f9d058]{align-items:center;background-color:#f8f1e9;color:#5d4037;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0;overflow-y:scroll;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}@keyframes thx-blink-c1f9d058{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.thx-countdown-highlight.thx-active[data-v-c1f9d058]{padding:2px 6px}.thx-countdown-highlight.thx-active[data-v-c1f9d058],.thx-target-chord.thx-target-active[data-v-c1f9d058]{animation:thx-blink-c1f9d058 1s infinite;background:linear-gradient(45deg,#ff8a65,#ffb300);border-radius:4px;color:#fff}.thx-target-chord.thx-target-active[data-v-c1f9d058]{padding:4px 12px}.thx-header[data-v-c1f9d058]{align-items:center;display:flex;justify-content:center;margin-bottom:10px;max-width:600px;width:100%}.thx-header h1[data-v-c1f9d058]{color:#8d5524;font-size:24px;margin:0;text-align:center}.thx-game-container[data-v-c1f9d058]{gap:20px;margin-bottom:100px;max-width:800px}.thx-fretboard-wrapper[data-v-c1f9d058],.thx-game-container[data-v-c1f9d058]{align-items:center;display:flex;flex-direction:column;width:100%}.thx-fretboard-container[data-v-c1f9d058]{height:700px;margin:0 auto;position:relative;width:300px}.thx-controls[data-v-c1f9d058]{background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;flex-direction:column;margin-bottom:15px;max-width:600px;padding:8px}.thx-controls[data-v-c1f9d058],.thx-controls-row[data-v-c1f9d058]{align-items:center;display:flex;gap:10px}.thx-controls-row[data-v-c1f9d058]{flex-wrap:wrap}.thx-controls-row[data-v-c1f9d058],.thx-controls-top[data-v-c1f9d058]{justify-content:center}.thx-controls-bottom[data-v-c1f9d058]{justify-content:flex-start}.thx-control-group[data-v-c1f9d058],.thx-hint-wrapper[data-v-c1f9d058]{align-items:center;display:flex;gap:5px}.thx-switch[data-v-c1f9d058]{display:inline-block;height:15px;position:relative;width:30px}.thx-switch input[data-v-c1f9d058]{height:0;opacity:0;width:0}.thx-slider[data-v-c1f9d058]{background-color:#bcaaa4;border-radius:15px;bottom:0;cursor:pointer;left:0;right:0;top:0}.thx-slider[data-v-c1f9d058],.thx-slider[data-v-c1f9d058]:before{position:absolute;transition:.4s}.thx-slider[data-v-c1f9d058]:before{background-color:#fff;border-radius:50%;bottom:1.5px;content:"";height:12px;left:2px;width:12px}.thx-switch input:checked+.thx-slider[data-v-c1f9d058]{background-color:#ff8a65}.thx-switch input:disabled+.thx-slider[data-v-c1f9d058]{background-color:#e0e0e0;cursor:not-allowed}.thx-switch input:checked+.thx-slider[data-v-c1f9d058]:before{transform:translate(15px)}.thx-target-chord-wrapper[data-v-c1f9d058]{align-items:center;display:flex;gap:8px}.thx-target-chord[data-v-c1f9d058]{border-radius:0;font-size:16px;font-weight:700;padding:4px 12px;transition:all .3s}.thx-progression-display[data-v-c1f9d058]{color:#5d4037;font-size:14px;margin-bottom:8px}.thx-info[data-v-c1f9d058]{color:#8d6e63;font-size:14px;margin-bottom:10px}.thx-countdown-highlight[data-v-c1f9d058]{color:#ff5722;font-size:16px;font-weight:700}.thx-controls button[data-v-c1f9d058],.thx-controls select[data-v-c1f9d058]{border:1px solid #bcaaa4;border-radius:0;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.thx-controls button[data-v-c1f9d058]:hover,.thx-controls select[data-v-c1f9d058]:hover{background-color:#efebe9}.thx-controls button[data-v-c1f9d058]:disabled,.thx-controls select[data-v-c1f9d058]:disabled{background-color:#e0e0e0;cursor:not-allowed}.thx-action-button[data-v-c1f9d058]{background-color:#ff8a65;border:1px solid #ff8a65;color:#fff}.thx-action-button[data-v-c1f9d058]:hover{background-color:#ffb300}.thx-mode-button[data-v-c1f9d058]{background-color:#4caf50;border:1px solid #4caf50;color:#fff}.thx-mode-button[data-v-c1f9d058]:hover{background-color:#45a049}.thx-level-button[data-v-c1f9d058]{background-color:#bcaaa4;border:1px solid #bcaaa4;color:#fff;padding:6px 10px}.thx-level-button[data-v-c1f9d058]:hover{background-color:#a1887f}.thx-level-button[data-v-c1f9d058]:disabled{background-color:#e0e0e0;cursor:not-allowed}.thx-level-selected[data-v-c1f9d058]{background-color:#ff8a65;border:1px solid #ff8a65}.thx-level-selected[data-v-c1f9d058]:hover{background-color:#ffb300}.thx-fretboard[data-v-c1f9d058]{background-color:#efebe9;border:2px solid #f8f1e9;border-radius:0;display:grid!important;grid-template-columns:repeat(6,50px);grid-template-rows:repeat(14,50px);width:100%}.thx-fret[data-v-c1f9d058],.thx-fretboard[data-v-c1f9d058]{box-sizing:border-box;visibility:visible!important}.thx-fret[data-v-c1f9d058]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:background-color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.thx-fret[data-v-c1f9d058]:hover{background-color:#ffe0b2}.thx-fret.thx-clicked[data-v-c1f9d058]{animation:thx-pulse-c1f9d058 .3s ease;background-color:#ffca28!important;box-shadow:inset 0 2px 4px #0000004d,0 0 8px #ffca28cc;color:#fff!important;font-size:16px;font-weight:700;transform:scale(1.1)}@keyframes thx-pulse-c1f9d058{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.thx-fret.thx-correct[data-v-c1f9d058]{background-color:#2196f3!important}.thx-fret.thx-correct[data-v-c1f9d058],.thx-fret.thx-incorrect[data-v-c1f9d058]{color:#fff!important;font-size:14px;font-weight:700}.thx-fret.thx-incorrect[data-v-c1f9d058]{background-color:#ff1744!important}.thx-fret.thx-hint-1[data-v-c1f9d058]{background-color:#ff1744}.thx-fret.thx-hint-2[data-v-c1f9d058]{background-color:#4caf50}.thx-fret.thx-hint-3[data-v-c1f9d058]{background-color:#2196f3}.thx-fret.thx-root-note[data-v-c1f9d058]{background-color:red!important;color:#fff!important}.thx-zero-fret[data-v-c1f9d058]{background-color:#8d5524;border-bottom:2px solid #bcaaa4;color:#ba5909;font-weight:700}.thx-position-highlight[data-v-c1f9d058]{background-color:#fff8e1}.thx-disabled[data-v-c1f9d058]{background-color:#fff;pointer-events:none}.thx-fret-x[data-v-c1f9d058]{background-color:#e0e0e0;pointer-events:none}.thx-fret-markers[data-v-c1f9d058]{color:#8d6e63;display:flex;flex-direction:column;font-size:10px;height:100%;justify-content:space-between;left:-30px;position:absolute;top:0;visibility:visible!important}.thx-fret-marker[data-v-c1f9d058]{height:50px;line-height:50px;margin-right:-30px;text-align:center;visibility:visible!important}.thx-fret-marker[data-v-c1f9d058]:nth-child(4):after{content:"3"}.thx-fret-marker[data-v-c1f9d058]:nth-child(6):after{content:"5"}.thx-fret-marker[data-v-c1f9d058]:nth-child(8):after{content:"7"}.thx-fret-marker[data-v-c1f9d058]:nth-child(10):after{content:"9"}.thx-fret-marker[data-v-c1f9d058]:nth-child(13):after{content:"12"}.thx-results[data-v-c1f9d058]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;color:#6d4c41;display:flex!important;flex-direction:column;font-size:12px;justify-content:flex-start;margin:-30px auto 15px;max-height:120px;max-width:500px;overflow-y:auto;padding:12px;visibility:visible!important;width:80%}.thx-results h5[data-v-c1f9d058]{font-size:14px;margin-bottom:8px}.thx-results div[data-v-c1f9d058]{font-size:12px;font-weight:400;margin-bottom:8px}.thx-footer[data-v-c1f9d058]{color:#a1887f;display:block!important;font-size:10px;margin-top:30px;padding-bottom:40px;visibility:visible!important}@media only screen and (max-width:768px){.thx-wrapper[data-v-c1f9d058]{padding:5px}.thx-header[data-v-c1f9d058]{align-items:center;flex-direction:column}.thx-header h1[data-v-c1f9d058]{font-size:18px}.thx-fretboard-container[data-v-c1f9d058]{height:560px;width:240px}.thx-controls[data-v-c1f9d058]{max-width:100%;padding:5px}.thx-controls-row[data-v-c1f9d058]{gap:8px}.thx-controls-top[data-v-c1f9d058]{flex-wrap:nowrap;gap:10px;justify-content:space-between}.thx-controls-bottom[data-v-c1f9d058]{align-items:center;flex-wrap:wrap;justify-content:flex-start}.thx-control-group[data-v-c1f9d058]{margin-right:10px}.thx-controls-bottom .thx-action-button[data-v-c1f9d058],.thx-controls-bottom .thx-mode-button[data-v-c1f9d058]{margin-left:0;text-align:center;width:50px}.thx-controls button[data-v-c1f9d058],.thx-controls select[data-v-c1f9d058],.thx-level-button[data-v-c1f9d058]{font-size:10px;padding:5px 8px}.thx-target-chord[data-v-c1f9d058]{font-size:14px;padding:3px 8px}.thx-progression-display[data-v-c1f9d058]{font-size:12px}.thx-info[data-v-c1f9d058]{font-size:15px}.thx-fretboard[data-v-c1f9d058]{grid-template-columns:repeat(6,40px);grid-template-rows:repeat(14,40px)}.thx-fret[data-v-c1f9d058]{border:1px solid #bcaaa4;font-size:10px}.thx-fret.thx-clicked[data-v-c1f9d058],.thx-fret.thx-correct[data-v-c1f9d058],.thx-fret.thx-incorrect[data-v-c1f9d058]{font-size:12px}.thx-fret-markers[data-v-c1f9d058]{font-size:8px;left:-25px}.thx-fret-marker[data-v-c1f9d058]{height:40px;line-height:40px}}.bdyc-body[data-v-5a33ad89]{background-color:#f8f1e9;box-sizing:border-box;color:#5d4037;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bdyc-body[data-v-5a33ad89],.bdyc-game-container[data-v-5a33ad89]{align-items:center;display:flex;flex-direction:column;min-height:100vh}.bdyc-game-container[data-v-5a33ad89]{flex-grow:1;gap:10px;max-width:800px;width:100%}.bdyc-fretboard-wrapper[data-v-5a33ad89]{align-items:center;display:flex;flex-direction:column;width:100%}.bdyc-fretboard-container[data-v-5a33ad89]{max-width:330px;padding-left:20px;position:relative;width:100%}.bdyc-fretboard[data-v-5a33ad89]{background-color:#efebe9;border:2px solid #bcaaa4;border-radius:0;box-shadow:0 2px 5px #0000001a;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(14,42px);width:100%;z-index:1}.bdyc-fret[data-v-5a33ad89]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;box-sizing:border-box;display:flex;font-size:14px;justify-content:center;position:relative;transition:background-color .2s;white-space:nowrap}.bdyc-fret[data-v-5a33ad89],.bdyc-fret-text[data-v-5a33ad89]{font-weight:400;text-shadow:none}.bdyc-fret-text[data-v-5a33ad89]{font-size:10px}.bdyc-fret.bdyc-root[data-v-5a33ad89]{background-color:#2196f3;color:#fff;font-weight:700}.bdyc-fret.bdyc-scale-degree[data-v-5a33ad89]{background-color:#ffeb3b;color:#5d4037;font-weight:400}.bdyc-fret.bdyc-correct[data-v-5a33ad89]{background-color:#4caf50;color:#fff;font-weight:400}.bdyc-fret.bdyc-incorrect[data-v-5a33ad89]{background-color:#f44336;color:#fff;font-weight:400}.bdyc-fret.bdyc-click-message-active[data-v-5a33ad89]{background-color:#4caf50;color:#fff;font-weight:400}.bdyc-nut[data-v-5a33ad89]{background-color:#d7ccc8;color:#5d4037;font-weight:700}.bdyc-disabled[data-v-5a33ad89]{background-color:#e0e0e0;cursor:not-allowed;pointer-events:none}.bdyc-fret-markers[data-v-5a33ad89]{color:#8d6e63;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:space-between;left:-5px;position:absolute;top:0;z-index:2}.bdyc-fret-marker[data-v-5a33ad89]{height:42px;line-height:42px;text-align:center}.bdyc-fret-marker[data-v-5a33ad89]:nth-child(4):after{content:"3"}.bdyc-fret-marker[data-v-5a33ad89]:nth-child(6):after{content:"5"}.bdyc-fret-marker[data-v-5a33ad89]:nth-child(8):after{content:"7"}.bdyc-fret-marker[data-v-5a33ad89]:nth-child(10):after{content:"9"}.bdyc-fret-marker[data-v-5a33ad89]:nth-child(13):after{content:"12"}.bdyc-controls[data-v-5a33ad89]{align-items:center;background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px;margin-top:10px;max-width:100%;padding:10px}.bdyc-practice-message[data-v-5a33ad89]{color:#ff6200;font-size:16px;margin-bottom:5px;text-align:center}.bdyc-click-message[data-v-5a33ad89]{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:400;justify-content:center;text-shadow:none;white-space:nowrap;z-index:12}.bdyc-click-message[data-v-5a33ad89],.bdyc-octave-lines[data-v-5a33ad89]{height:100%;left:0;position:absolute;top:0;width:100%}.bdyc-octave-lines[data-v-5a33ad89]{pointer-events:none;visibility:visible;z-index:10}.bdyc-footer[data-v-5a33ad89]{color:#a1887f;font-size:12px;margin-top:20px}.bdyc-picker[data-v-5a33ad89],button[data-v-5a33ad89]{background-color:#d7ccc8;border:1px solid #bcaaa4;border-radius:0;font-size:14px;min-width:60px;padding:6px 10px;text-align:center;transition:background-color .2s}.bdyc-picker[data-v-5a33ad89]{overflow:hidden;width:90px}.bdyc-picker[data-v-5a33ad89]:hover,button[data-v-5a33ad89]:hover{background-color:#efebe9}.bdyc-picker.bdyc-disabled[data-v-5a33ad89]:hover,button.bdyc-disabled[data-v-5a33ad89]:hover{background-color:#e0e0e0}@media screen and (max-width:768px){.bdyc-body[data-v-5a33ad89]{padding:5px}.bdyc-controls[data-v-5a33ad89]{flex-direction:row;gap:7.5px;justify-content:center;padding:7.5px}.bdyc-picker[data-v-5a33ad89]{width:80px}.bdyc-picker[data-v-5a33ad89],button[data-v-5a33ad89]{font-size:12px;padding:4px 7.5px}button[data-v-5a33ad89]{min-width:50px}.bdyc-fretboard-container[data-v-5a33ad89]{padding-left:20px}.bdyc-fretboard[data-v-5a33ad89]{grid-template-rows:repeat(14,48px)}.bdyc-fret[data-v-5a33ad89]{font-size:14px}.bdyc-fret-text[data-v-5a33ad89]{font-size:10px}.bdyc-fret-markers[data-v-5a33ad89]{left:-20px}.bdyc-fret-marker[data-v-5a33ad89]{font-size:10px;height:48px;line-height:48px}.bdyc-click-message[data-v-5a33ad89]{font-size:14px}}@media screen and (max-width:480px){.bdyc-fretboard-container[data-v-5a33ad89]{padding-left:15px}.bdyc-fretboard[data-v-5a33ad89]{grid-template-rows:repeat(14,48px)}.bdyc-fret-markers[data-v-5a33ad89]{left:-12px}.bdyc-fret-marker[data-v-5a33ad89]{height:48px;line-height:48px}.bdyc-controls[data-v-5a33ad89]{gap:5px;margin-top:7.5px;padding:5px}.bdyc-picker[data-v-5a33ad89]{width:70px}.bdyc-picker[data-v-5a33ad89],button[data-v-5a33ad89]{font-size:11px;padding:3px 5px}button[data-v-5a33ad89]{min-width:45px}.bdyc-click-message[data-v-5a33ad89]{font-size:12px}}.tnps-container[data-v-70470b33]{background-color:#f8f1e9;box-sizing:border-box;color:#5d4037;flex-direction:column;margin:0 auto;max-width:375px;padding:20px}.tnps-container[data-v-70470b33],.tnps-header[data-v-70470b33]{align-items:center;display:flex;width:100%}.tnps-header[data-v-70470b33]{gap:10px;justify-content:center;margin-bottom:10px;position:relative}.tnps-title[data-v-70470b33]{color:#8d5524;flex-grow:1;font-size:22px;line-height:22px;margin:0;text-align:center}.tnps-controls[data-v-70470b33]{background-color:#fff;border-radius:0;box-shadow:0 2px 5px #0000001a;flex-direction:column;margin-bottom:20px;padding:15px}.tnps-button-row[data-v-70470b33],.tnps-controls[data-v-70470b33]{align-items:center;display:flex;gap:10px;width:100%}.tnps-button-row[data-v-70470b33]{justify-content:center}.tnps-target-note-row[data-v-70470b33]{display:flex;justify-content:center;width:100%}.tnps-target-note-wrapper[data-v-70470b33]{align-items:center;display:flex;justify-content:center}.tnps-validation-message[data-v-70470b33]{color:#ff1744;font-size:14px;text-align:center}.tnps-mode-select[data-v-70470b33],.tnps-select-picker[data-v-70470b33]{box-sizing:border-box;font-size:14px;height:36px;padding:7px 10px;width:80px}.tnps-start-button[data-v-70470b33]{align-items:center;border-radius:0;display:flex;font-size:14px;height:36px;justify-content:center;line-height:normal;padding:0;width:120px}.tnps-start-button[data-v-70470b33]:disabled{background-color:#d7ccc8;color:#8d6e63;opacity:.5}.tnps-toggle-notes[data-v-70470b33]{align-items:center;background-color:#0aad92;border-radius:0;color:#fff;display:flex;font-size:14px;height:36px;justify-content:center;line-height:normal;padding:0;width:50px}.tnps-target-note[data-v-70470b33]{border-radius:0;font-size:20px;font-weight:700;padding:5px 15px;transition:all .3s}.tnps-target-active[data-v-70470b33]{background:linear-gradient(45deg,#ff8a65,#ffb300);box-shadow:0 0 10px #ff8a65b3;color:#fff}.tnps-info[data-v-70470b33]{color:#8d6e63;font-size:16px;margin-bottom:15px}.tnps-game-container[data-v-70470b33]{gap:20px}.tnps-fretboard-wrapper[data-v-70470b33],.tnps-game-container[data-v-70470b33]{align-items:center;display:flex;flex-direction:column;width:100%}.tnps-string-labels[data-v-70470b33]{color:#8d6e63;display:flex;font-size:14px;font-weight:700;justify-content:space-around;margin-bottom:5px;max-width:300px;width:100%}.tnps-string-labels span[data-v-70470b33]{flex:1;text-align:center}.tnps-fretboard-container[data-v-70470b33]{max-width:300px;position:relative;width:100%}.tnps-fretboard[data-v-70470b33]{background-color:#efebe9;border:2px solid #bcaaa4;box-shadow:0 2px 5px #0000001a;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(13,40px);width:100%}.tnps-fret[data-v-70470b33]{align-items:center;background-color:#fff;border:1px solid #bcaaa4;display:flex;font-size:12px;justify-content:center;line-height:12px;transition:background-color .2s;white-space:nowrap}.tnps-fret.tnps-correct[data-v-70470b33]{background-color:#2196f3}.tnps-fret.tnps-correct[data-v-70470b33],.tnps-fret.tnps-incorrect[data-v-70470b33]{color:#fff;font-size:14px;font-weight:700;line-height:14px;padding-top:5px}.tnps-fret.tnps-incorrect[data-v-70470b33]{background-color:#ff1744}.tnps-fret.tnps-augmented-fourth[data-v-70470b33]{background-color:#4caf50;color:#fff;font-size:14px;font-weight:700;line-height:14px;padding-top:5px}.tnps-nut[data-v-70470b33]{background-color:#d7ccc8;color:#5d4037}.tnps-highlight[data-v-70470b33]{background-color:#fff8e1}.tnps-disabled[data-v-70470b33]{pointer-events:none}.tnps-fret-markers[data-v-70470b33]{color:#8d6e63;display:flex;flex-direction:column;font-size:12px;height:calc(100% - 4px);justify-content:space-between;left:-25px;position:absolute;top:2px}.tnps-fret-marker[data-v-70470b33]{height:40px;line-height:40px;text-align:center}.tnps-footer[data-v-70470b33]{color:#a1887f;font-size:12px;margin-top:20px}@media screen and (max-width:768px){.tnps-container[data-v-70470b33]{padding:10px}.tnps-header[data-v-70470b33]{margin-bottom:5px}.tnps-title[data-v-70470b33]{font-size:18px;line-height:18px}.tnps-controls[data-v-70470b33]{gap:5px;padding:10px}.tnps-mode-select[data-v-70470b33],.tnps-select-picker[data-v-70470b33]{font-size:12px;height:30px;padding:6px 8px;width:70px}.tnps-start-button[data-v-70470b33]{font-size:12px;height:50px;padding:0;width:100px}.tnps-toggle-notes[data-v-70470b33]{font-size:12px;height:47.5px;padding:0;width:50px}.tnps-fretboard[data-v-70470b33]{grid-template-rows:repeat(13,8vw)}.tnps-fret[data-v-70470b33]{font-size:10px;line-height:10px;padding-top:4px}.tnps-fret.tnps-augmented-fourth[data-v-70470b33],.tnps-fret.tnps-correct[data-v-70470b33],.tnps-fret.tnps-incorrect[data-v-70470b33]{font-size:12px;line-height:12px;padding-top:4px}.tnps-fret-markers[data-v-70470b33]{height:calc(100% - 4px);left:-20px;top:2px}.tnps-fret-marker[data-v-70470b33]{font-size:10px;height:8vw;line-height:8vw}.tnps-string-labels[data-v-70470b33]{font-size:12px}.tnps-target-note[data-v-70470b33]{font-size:16px}.tnps-info[data-v-70470b33]{font-size:14px}}@media screen and (max-width:480px){.tnps-fretboard[data-v-70470b33]{grid-template-rows:repeat(13,10vw)}.tnps-fret-markers[data-v-70470b33]{left:-15px}.tnps-fret-marker[data-v-70470b33]{height:10vw;line-height:10vw}.tnps-string-labels[data-v-70470b33]{font-size:10px}}