@import"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";.home-container[data-v-5b6ff91a]{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#f8f5f0;font-family:Arial,sans-serif;color:#333;position:relative;overflow:hidden}.music-bg[data-v-5b6ff91a]{position:absolute;top:0;left:0;width:100%;height:100%}.guitar-string[data-v-5b6ff91a]{position:absolute;width:100%;height:1px;background:#8b6f47;animation:flow-5b6ff91a 2s ease-in-out infinite}@keyframes flow-5b6ff91a{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.music-note[data-v-5b6ff91a]{position:absolute;font-size:14px;color:#666;opacity:.7;animation:fadeUp-5b6ff91a 5s ease-in-out infinite}@keyframes fadeUp-5b6ff91a{0%{transform:translateY(100vh);opacity:0}20%{opacity:.7}50%{transform:translateY(50vh)}to{transform:translateY(-20px);opacity:0}}@keyframes popIn-5b6ff91a{0%{transform:scale(0);opacity:0}80%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes bounceIn-5b6ff91a{0%{transform:translateY(30px);opacity:0}70%{transform:translateY(-5px);opacity:1}to{transform:translateY(0);opacity:1}}h1[data-v-5b6ff91a]{font-size:28px;font-weight:700;color:#8b6f47;text-shadow:1px 1px 2px rgba(0,0,0,.1);margin:25px 0;z-index:1;animation:fadeIn-5b6ff91a 1s ease forwards}@keyframes fadeIn-5b6ff91a{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.main-modules[data-v-5b6ff91a]{display:flex;gap:20px;justify-content:center;z-index:1}.main-module[data-v-5b6ff91a]{width:250px;padding:20px;background:#fff;border:2px solid #8b6f47;text-align:center;transition:transform .3s ease,box-shadow .3s ease;animation:bounceIn-5b6ff91a .8s ease forwards}.main-module[data-v-5b6ff91a]:nth-child(2){animation-delay:.2s}.main-module[data-v-5b6ff91a]:hover{transform:scale(1.03);box-shadow:0 0 8px #3333}.main-module h2[data-v-5b6ff91a]{font-size:20px;font-weight:600;margin-bottom:10px;color:#8b6f47}.main-module p[data-v-5b6ff91a]{font-size:14px;line-height:1.5;color:#666}.main-button[data-v-5b6ff91a]{display:inline-block;padding:10px 20px;background:#8b6f47;color:#fff;text-decoration:none;font-size:14px;margin-top:10px;transition:background .3s ease}.main-button[data-v-5b6ff91a]:hover{background:#6f5738}.aux-modules[data-v-5b6ff91a]{position:relative;width:100%;max-width:1200px;height:180px;margin-top:20px;z-index:1}.aux-module[data-v-5b6ff91a]{position:absolute;width:70px;height:70px;border:2px solid #8b6f47;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.aux-module[data-v-5b6ff91a]:hover{transform:scale(1.1)}.aux-button[data-v-5b6ff91a]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;font-size:11px;color:#333;text-decoration:none}footer[data-v-5b6ff91a]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:15px;padding:12px 0;background:#fff;border-top:1px solid #e0e0e0;font-size:14px;color:#666;z-index:1}.footer-link[data-v-5b6ff91a]{color:#8b6f47;text-decoration:none;transition:color .3s ease;font-size:15px;font-weight:500}.footer-link[data-v-5b6ff91a]:hover{color:#6f5738}@media(max-width:768px){.main-modules[data-v-5b6ff91a]{flex-direction:column;gap:15px}.main-module[data-v-5b6ff91a]{width:90%;max-width:300px;margin:0 auto}.aux-modules[data-v-5b6ff91a]{height:140px}.aux-module[data-v-5b6ff91a]{width:60px;height:60px}h1[data-v-5b6ff91a]{font-size:36px}}@media(max-width:480px){.main-module[data-v-5b6ff91a]{width:100%;padding:15px}h1[data-v-5b6ff91a]{font-size:28px}.aux-button[data-v-5b6ff91a]{font-size:10px}footer[data-v-5b6ff91a]{flex-wrap:wrap;gap:10px;padding:10px}}.container[data-v-1081e563]{width:100%;text-align:center;flex:1;background-color:#1a202c;min-height:100vh;padding:20px;font-family:Noto Sans,Arial,sans-serif;color:#e2e8f0;box-sizing:border-box;overflow:hidden}canvas[data-v-1081e563]{max-width:100%;height:200px;display:block;margin:20px auto;border:2px solid #4a5568;box-sizing:border-box}h1[data-v-1081e563]{font-size:24px;margin-bottom:20px}canvas[data-v-1081e563]{border:2px solid #4a5568;width:908px;height:200px;display:block;margin:20px auto}select[data-v-1081e563],button[data-v-1081e563]{margin:10px;padding:8px;font-size:16px;background-color:#2d3748;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;cursor:pointer}.distinct[data-v-1081e563]{background-color:#1a202c}select[data-v-1081e563]:disabled{cursor:not-allowed;opacity:.7}button[data-v-1081e563]:hover{background-color:#4a5568}.distinct[data-v-1081e563]:hover{background-color:#2f3748}.controls[data-v-1081e563]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.options-row[data-v-1081e563]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.options-group[data-v-1081e563]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hidden[data-v-1081e563]{display:none}#chordNotes[data-v-1081e563]{margin:10px 0;font-size:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#chordNotes .normal[data-v-1081e563]{background-color:#4299e1;color:#fff;padding:4px 8px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transition:transform .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}#chordNotes .highlight[data-v-1081e563]{background-color:#ed7000;color:#fff;padding:4px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transform:translateY(-8px) scale(1);animation:slidePulse-1081e563 .4s ease-in-out}@keyframes slidePulse-1081e563{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.3)}to{transform:translateY(-8px) scale(1)}}#exercise[data-v-1081e563]{margin-top:14px;font-size:20px;font-style:italic}#score[data-v-1081e563]{margin-top:10px;font-size:18px;color:#e2e8f0}#progress[data-v-1081e563]{margin-top:20px;font-size:16px;color:#a0aec0}footer[data-v-1081e563]{margin-top:20px;padding:10px;font-size:14px;color:#a0aec0;text-align:center}.mute-x[data-v-1081e563]{color:#e53e3e;font-size:16px;font-weight:700}@media(max-width:600px){canvas[data-v-1081e563]{width:100%;height:auto}.container[data-v-1081e563]{padding:10px}select[data-v-1081e563],button[data-v-1081e563]{font-size:14px;padding:6px}#chordNotes[data-v-1081e563]{font-size:16px}#chordNotes .normal[data-v-1081e563],#chordNotes .highlight[data-v-1081e563]{width:40px;height:40px;line-height:32px;padding:2px 4px}}.home-container[data-v-decb3d85]{padding:40px 20px;text-align:center;font-family:Noto Sans,Arial,sans-serif;background-color:#f7fafc;min-height:100vh;display:flex;flex-direction:column;align-items:center}h1[data-v-decb3d85]{font-size:28px;color:#2d3748;margin-bottom:30px;font-weight:700}.grid[data-v-decb3d85]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:450px;width:100%}.grid-item[data-v-decb3d85]{background-color:#d3dbe3;width:100px;height:100px;line-height:100px;text-decoration:none;color:#2d3748;font-size:22px;font-weight:500;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0;border-radius:4px;transition:transform .2s,background-color .2s}.grid-item[data-v-decb3d85]:hover{background-color:#edf2f7;transform:translateY(-4px)}@media(max-width:600px){.grid[data-v-decb3d85]{grid-template-columns:repeat(2,1fr);gap:10px;max-width:300px}.grid-item[data-v-decb3d85]{width:80px;height:80px;line-height:80px;font-size:18px}}.about-overlay[data-v-6525cd05]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.about-modal[data-v-6525cd05]{background:#2d3748;padding:20px;border-radius:0;max-width:400px;width:90%;text-align:center;color:#e2e8f0}.qrcode[data-v-6525cd05]{width:150px;height:150px;margin:20px auto;display:block}.close-button[data-v-6525cd05]{padding:8px 16px;background-color:#4299e1;color:#fff;border:none;border-radius:4px;cursor:pointer}.close-button[data-v-6525cd05]:hover{background-color:#3182ce}h2[data-v-6525cd05]{font-size:24px;margin-bottom:10px}p[data-v-6525cd05]{font-size:16px;color:#a0aec0;margin:10px 0}@media(max-width:768px){.about-modal[data-v-6525cd05]{width:95%}}.container[data-v-d35c794f]{width:100%;text-align:center;flex:1;background-color:#1a202c;min-height:100vh;padding:20px;font-family:Noto Sans,Arial,sans-serif;color:#e2e8f0}h1[data-v-d35c794f]{font-size:24px;margin-bottom:20px}canvas[data-v-d35c794f]{border:2px solid #4a5568;width:908px;height:200px;display:block;margin:20px auto}select[data-v-d35c794f],button[data-v-d35c794f]{margin:10px;padding:8px;font-size:16px;background-color:#2d3748;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;cursor:pointer}button[data-v-d35c794f]:hover{background-color:#4a5568}.controls[data-v-d35c794f]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.melody-display[data-v-d35c794f]{display:flex;justify-content:center;gap:16px;margin:20px 0}.melody-display .bar[data-v-d35c794f]{padding:8px;background-color:#2d3748;border-radius:4px;min-width:150px;text-align:left}.melody-display .bar.active[data-v-d35c794f]{background-color:#4299e1;animation:pulse-d35c794f .5s}.melody-display .chord[data-v-d35c794f]{font-weight:700;color:#e53e3e}.melody-display .note-container[data-v-d35c794f]{display:inline-block;text-align:center;margin-right:4px}.melody-display .note[data-v-d35c794f]{display:inline-block;width:16px;margin:0;text-align:center}.melody-display .eighth-note-group[data-v-d35c794f]{display:inline-flex;margin-right:4px;gap:0;align-items:center}.melody-display .eighth-note-group-rhythm1[data-v-d35c794f]{border-bottom:2px solid #e2e8f0;padding-left:0;padding-right:10px}.melody-display .eighth-note-group-rhythm2[data-v-d35c794f]{border-bottom:2px solid #a0aec0;padding-left:15px;padding-right:12px}.melody-display .eighth-note-group-rhythm3[data-v-d35c794f]{border-bottom:2px solid #4299e1;padding-left:12px;padding-right:8px}.melody-display .eighth-note[data-v-d35c794f]{text-decoration:none}.melody-display .last-eighth-note-underline[data-v-d35c794f]{border-bottom:2px solid #ffffff;padding-left:4px;padding-right:4px;padding-bottom:2px}.melody-display .rhythm[data-v-d35c794f]{font-size:12px;color:#a0aec0;margin-top:4px}#exercise[data-v-d35c794f]{margin-top:14px;font-size:20px;font-style:italic}#progress[data-v-d35c794f]{margin-top:20px;font-size:16px;color:#a0aec0}@keyframes pulse-d35c794f{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:600px){canvas[data-v-d35c794f]{width:100%;height:auto}.melody-display[data-v-d35c794f]{flex-direction:column;align-items:center}.melody-display .bar[data-v-d35c794f]{width:100%}}.container[data-v-0aea55cf]{width:100%;text-align:center;flex:1;background-color:#1a202c;min-height:100vh;padding:20px;font-family:Noto Sans,Arial,sans-serif;color:#e2e8f0}h1[data-v-0aea55cf]{font-size:24px;margin-bottom:20px}canvas[data-v-0aea55cf]{border:2px solid #4a5568;width:908px;height:200px;display:block;margin:20px auto}select[data-v-0aea55cf],button[data-v-0aea55cf]{margin:10px;padding:8px;font-size:16px;background-color:#2d3748;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;cursor:pointer}.distinct[data-v-0aea55cf]{background-color:#1a202c}select[data-v-0aea55cf]:disabled{cursor:not-allowed;opacity:.7}button[data-v-0aea55cf]:hover{background-color:#4a5568}.distinct[data-v-0aea55cf]:hover{background-color:#2f3748}.controls[data-v-0aea55cf]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.options-row[data-v-0aea55cf]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.options-group[data-v-0aea55cf]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hidden[data-v-0aea55cf]{display:none}#chordNotes[data-v-0aea55cf]{margin:10px 0;font-size:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#chordNotes .normal[data-v-0aea55cf]{background-color:#4299e1;color:#fff;padding:4px 8px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transition:transform .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}#chordNotes .highlight[data-v-0aea55cf]{background-color:#4299e1;color:#fff;padding:4px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transform:translateY(-8px) scale(1);animation:slidePulse-0aea55cf .4s ease-in-out}@keyframes slidePulse-0aea55cf{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.3)}to{transform:translateY(-8px) scale(1)}}#exercise[data-v-0aea55cf]{margin-top:14px;font-size:20px;font-style:italic}#score[data-v-0aea55cf]{margin-top:10px;font-size:18px;color:#e2e8f0}#progress[data-v-0aea55cf]{margin-top:20px;font-size:16px;color:#a0aec0}footer[data-v-0aea55cf]{margin-top:20px;padding:10px;font-size:14px;color:#a0aec0;text-align:center}.mute-x[data-v-0aea55cf]{color:#e53e3e;font-size:16px;font-weight:700}@media(max-width:600px){canvas[data-v-0aea55cf]{width:100%;height:auto}.container[data-v-0aea55cf]{padding:10px}select[data-v-0aea55cf],button[data-v-0aea55cf]{font-size:14px;padding:6px}#chordNotes[data-v-0aea55cf]{font-size:16px}#chordNotes .normal[data-v-0aea55cf],#chordNotes .highlight[data-v-0aea55cf]{width:40px;height:40px;line-height:32px;padding:2px 4px}}.container[data-v-2309bb88]{width:100%;text-align:center;flex:1;background-color:#1a202c;min-height:100vh;padding:20px;font-family:Noto Sans,Arial,sans-serif;color:#e2e8f0}h1[data-v-2309bb88]{font-size:24px;margin-bottom:20px}canvas[data-v-2309bb88]{border:2px solid #4a5568;width:908px;height:200px;display:block;margin:20px auto}select[data-v-2309bb88],button[data-v-2309bb88]{margin:10px;padding:8px;font-size:16px;background-color:#2d3748;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;cursor:pointer}.distinct[data-v-2309bb88]{background-color:#1a202c}select[data-v-2309bb88]:disabled{cursor:not-allowed;opacity:.7}button[data-v-2309bb88]:hover{background-color:#4a5568}.distinct[data-v-2309bb88]:hover{background-color:#2f3748}.controls[data-v-2309bb88]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.options-row[data-v-2309bb88]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.options-group[data-v-2309bb88]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hidden[data-v-2309bb88]{display:none}#chordNotes[data-v-2309bb88]{margin:10px 0;font-size:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#chordNotes .normal[data-v-2309bb88]{background-color:#4299e1;color:#fff;padding:4px 8px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transition:transform .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}#chordNotes .highlight[data-v-2309bb88]{background-color:#ed8936;color:#fff;padding:4px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transform:translateY(-8px) scale(1);animation:slidePulse-2309bb88 .4s ease-in-out}@keyframes slidePulse-2309bb88{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.3)}to{transform:translateY(-8px) scale(1)}}#exercise[data-v-2309bb88]{margin-top:14px;font-size:20px;font-style:italic}#score[data-v-2309bb88]{margin-top:10px;font-size:18px;color:#e2e8f0}#progress[data-v-2309bb88]{margin-top:20px;font-size:16px;color:#a0aec0}footer[data-v-2309bb88]{margin-top:20px;padding:10px;font-size:14px;color:#a0aec0;text-align:center}.mute-x[data-v-2309bb88]{color:#e53e3e;font-size:16px;font-weight:700}@media(max-width:600px){canvas[data-v-2309bb88]{width:100%;height:auto}.container[data-v-2309bb88]{padding:10px}select[data-v-2309bb88],button[data-v-2309bb88]{font-size:14px;padding:6px}#chordNotes[data-v-2309bb88]{font-size:16px}#chordNotes .normal[data-v-2309bb88],#chordNotes .highlight[data-v-2309bb88]{width:40px;height:40px;line-height:32px;padding:2px 4px}}.container[data-v-20bb3fd0]{width:100%;text-align:center;flex:1;background-color:#1a202c;min-height:100vh;padding:20px;font-family:Noto Sans,Arial,sans-serif;color:#e2e8f0}h1[data-v-20bb3fd0]{font-size:24px;margin-bottom:20px}canvas[data-v-20bb3fd0]{border:2px solid #4a5568;width:908px;height:200px;display:block;margin:20px auto}select[data-v-20bb3fd0],button[data-v-20bb3fd0]{margin:10px;padding:8px;font-size:16px;background-color:#2d3748;color:#e2e8f0;border:1px solid #4a5568;border-radius:4px;cursor:pointer}.distinct[data-v-20bb3fd0]{background-color:#1a202c}select[data-v-20bb3fd0]:disabled{cursor:not-allowed;opacity:.7}button[data-v-20bb3fd0]:hover{background-color:#4a5568}.distinct[data-v-20bb3fd0]:hover{background-color:#2f3748}.controls[data-v-20bb3fd0]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.options-row[data-v-20bb3fd0]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.options-group[data-v-20bb3fd0]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hidden[data-v-20bb3fd0]{display:none}#chordNotes[data-v-20bb3fd0]{margin:10px 0;font-size:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#chordNotes .normal[data-v-20bb3fd0]{background-color:#4299e1;color:#fff;padding:4px 8px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transition:transform .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}#chordNotes .highlight[data-v-20bb3fd0]{background-color:#4299e1;color:#fff;padding:4px;width:60px;height:60px;line-height:50px;text-align:center;border:4px solid #000000;border-radius:50%;margin:0 6px;display:inline-block;transform:translateY(-8px) scale(1);animation:slidePulse-20bb3fd0 .4s ease-in-out}@keyframes slidePulse-20bb3fd0{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.3)}to{transform:translateY(-8px) scale(1)}}#exercise[data-v-20bb3fd0]{margin-top:14px;font-size:20px;font-style:italic}#score[data-v-20bb3fd0]{margin-top:10px;font-size:18px;color:#e2e8f0}#progress[data-v-20bb3fd0]{margin-top:20px;font-size:16px;color:#a0aec0}footer[data-v-20bb3fd0]{margin-top:20px;padding:10px;font-size:14px;color:#a0aec0;text-align:center}.mute-x[data-v-20bb3fd0]{color:#e53e3e;font-size:16px;font-weight:700}@media(max-width:600px){canvas[data-v-20bb3fd0]{width:100%;height:auto}.container[data-v-20bb3fd0]{padding:10px}select[data-v-20bb3fd0],button[data-v-20bb3fd0]{font-size:14px;padding:6px}#chordNotes[data-v-20bb3fd0]{font-size:16px}#chordNotes .normal[data-v-20bb3fd0],#chordNotes .highlight[data-v-20bb3fd0]{width:40px;height:40px;line-height:32px;padding:2px 4px}}.animate-pulse[data-v-38118367]{animation:pulse-38118367 .5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-38118367{0%,to{opacity:1}50%{opacity:.5}}.hx-container[data-v-e0444bf5]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;background-color:#f7fafc;color:#2d3748;font-family:Arial,sans-serif;box-sizing:border-box;margin:0;padding:0}.title[data-v-e0444bf5]{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.controls[data-v-e0444bf5]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.select[data-v-e0444bf5]{padding:.5rem;font-size:.875rem;background-color:#e2e8f0;color:#2d3748;border:1px solid #A8DADC;border-radius:0}.label[data-v-e0444bf5]{font-size:.875rem;color:#2d3748}.checkbox[data-v-e0444bf5]{margin-left:.25rem}.start-btn[data-v-e0444bf5]{padding:.5rem 1rem;font-size:.875rem;background-color:#e2e8f0;color:#2d3748;border:1px solid #A8DADC;border-radius:0;transition:background-color .2s ease}.start-btn[data-v-e0444bf5]:hover{background-color:#a8dadc}.start-btn[data-v-e0444bf5]:disabled{opacity:.5;cursor:not-allowed}.canvas[data-v-e0444bf5]{margin-bottom:1.25rem;border:2px solid #A8DADC;background-color:#fff}.progress[data-v-e0444bf5]{font-size:1.125rem;color:#2d3748;margin-bottom:.75rem}.chord-name[data-v-e0444bf5]{font-size:1.5rem;color:#2d3748;margin-bottom:1.25rem}.correct[data-v-e0444bf5]{color:#2ecc71!important;font-weight:700}.wrong[data-v-e0444bf5]{color:#e74c3c!important;font-weight:700}.next-btn-container[data-v-e0444bf5]{margin-bottom:.75rem}.next-btn[data-v-e0444bf5]{padding:.5rem 1rem;font-size:.875rem;background-color:#e2e8f0;color:#2d3748;border:1px solid #A8DADC;border-radius:0;transition:background-color .2s ease}.next-btn[data-v-e0444bf5]:hover{background-color:#a8dadc}.options[data-v-e0444bf5]{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.option-btn[data-v-e0444bf5]{width:4rem;height:4rem;font-size:1rem;background-color:#e2e8f0;color:#2d3748;border:1px solid #A8DADC;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease}.option-btn[data-v-e0444bf5]:hover{transform:scale(1.1);background-color:#a8dadc}.option-btn[data-v-e0444bf5]:active{transform:scale(.95);background-color:#80c4de}.footer[data-v-e0444bf5]{font-size:.875rem;color:#2d3748;margin-top:1.5rem}.zhp-container[data-v-83cb89eb]{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#f8f5f0;font-family:Arial,sans-serif;color:#333;position:relative;overflow:hidden;padding:20px;box-sizing:border-box;width:100%;max-width:1800px;margin:0 auto}.cloud-decoration[data-v-83cb89eb]{position:absolute;top:0;left:0;width:100%;height:150px;background:url(https://example.com/cloud-pattern.png) repeat-x top center;background-size:auto 100%;opacity:.3;z-index:0;animation:cloudSlide-83cb89eb 20s linear infinite}@keyframes cloudSlide-83cb89eb{0%{background-position:0 0}to{background-position:100% 0}}.music-bg[data-v-83cb89eb]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.music-note[data-v-83cb89eb]{position:absolute;font-size:14px;color:#666;opacity:.7;animation:fadeUp-83cb89eb 5s ease-in-out infinite}@keyframes fadeUp-83cb89eb{0%{transform:translateY(100vh);opacity:0}20%{opacity:.7}50%{transform:translateY(50vh)}to{transform:translateY(-20px);opacity:0}}h1[data-v-83cb89eb]{font-size:36px;font-weight:700;color:#8b6f47;text-shadow:1px 1px 2px rgba(0,0,0,.1);margin:80px 0 30px;z-index:2;animation:fadeIn-83cb89eb 1s ease forwards}@keyframes fadeIn-83cb89eb{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}table[data-v-83cb89eb]{width:100%;max-width:1200px;margin:0 auto 80px;border-collapse:collapse;background:#fff;box-shadow:0 4px 12px #0000001a;border:2px solid #8b6f47;z-index:2}th[data-v-83cb89eb],td[data-v-83cb89eb]{padding:16px;text-align:left;border-bottom:1px solid #e0e0e0;color:#333;font-size:16px}th[data-v-83cb89eb]{background:#f8f5f0;color:#8b6f47;font-weight:600}tr[data-v-83cb89eb]:nth-child(odd){background:#fff}tr[data-v-83cb89eb]:nth-child(2n){background:#f8f5f0}tr[data-v-83cb89eb]:hover{background:#f0ece3;transition:background .2s ease}.table-link[data-v-83cb89eb]{color:#8b6f47;text-decoration:none;transition:color .2s ease}.table-link[data-v-83cb89eb]:hover{color:#6f5738;text-decoration:underline}footer[data-v-83cb89eb]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:15px;padding:12px 0;background:#fff;border-top:1px solid #e0e0e0;font-size:14px;color:#666;z-index:2}.footer-link[data-v-83cb89eb]{color:#8b6f47;text-decoration:none;transition:color .2s ease;font-size:15px;font-weight:500}.footer-link[data-v-83cb89eb]:hover{color:#6f5738}@media(max-width:768px){.zhp-container[data-v-83cb89eb]{padding:15px}h1[data-v-83cb89eb]{font-size:28px;margin:60px 0 20px}table[data-v-83cb89eb]{font-size:14px;margin-bottom:60px}th[data-v-83cb89eb],td[data-v-83cb89eb]{padding:12px}.cloud-decoration[data-v-83cb89eb]{height:100px}}@media(max-width:480px){.zhp-container[data-v-83cb89eb]{padding:10px}h1[data-v-83cb89eb]{font-size:24px;margin:50px 0 15px}table[data-v-83cb89eb]{font-size:12px;display:block;overflow-x:auto;white-space:nowrap;margin-bottom:50px}th[data-v-83cb89eb],td[data-v-83cb89eb]{padding:10px;min-width:100px}footer[data-v-83cb89eb]{flex-wrap:wrap;gap:10px;padding:10px}.cloud-decoration[data-v-83cb89eb]{height:80px}}body[data-v-d1369f09]{font-family:Arial,sans-serif;margin:0;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);-webkit-user-select:none;user-select:none}.container[data-v-d1369f09]{display:flex;align-items:flex-start;gap:20px;padding:10px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;flex-grow:1}.left-panel[data-v-d1369f09],.right-panel[data-v-d1369f09]{flex:1;padding:20px;box-sizing:border-box;background:#fffc;box-shadow:0 0 15px #0000001a;min-width:320px;border:2px solid rgba(0,0,0,.2)}.left-panel[data-v-d1369f09]{display:flex;flex-direction:column}.right-panel[data-v-d1369f09]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:15px}table[data-v-d1369f09]{margin:0 auto;border-collapse:collapse;background:#ffffffe6;width:100%}th[data-v-d1369f09],td[data-v-d1369f09]{padding:8px 12px;border:1px solid rgba(0,0,0,.2);color:#333;cursor:pointer;transition:all .3s ease;text-align:center}th[data-v-d1369f09]{background:#ffeb3b;color:#333}tr:nth-child(odd) td[data-v-d1369f09]{background:#ffffffb3}tr:nth-child(2n) td[data-v-d1369f09]{background:#f0f0f0cc}td[data-v-d1369f09]:hover{background:#c8c8c880}.highlight[data-v-d1369f09]{background-color:#ff9800!important;transform:scale(1.05)}.fretboard[data-v-d1369f09]{display:grid;grid-template-columns:repeat(6,40px);gap:5px;background-color:#ffffffe6;padding:15px;border:3px solid rgba(0,0,0,.2);box-shadow:0 4px 8px #0000001a;max-width:100%;width:fit-content}.fret[data-v-d1369f09]{display:contents}.string[data-v-d1369f09]{height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.2);position:relative;background-color:#fff5e6cc}.string.headstock[data-v-d1369f09]{background-color:#d3d3d3}.string[data-v-d1369f09]:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background-color:#0000004d}.string.headstock[data-v-d1369f09]:after{content:attr(data-note);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#333}.note[data-v-d1369f09]{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;z-index:1}.root-note[data-v-d1369f09]{background-color:#8bc34a}.third-note[data-v-d1369f09]{background-color:#ff9800}.fifth-note[data-v-d1369f09]{background-color:#f44336}.seventh-note[data-v-d1369f09]{background-color:#2196f3}.all-note[data-v-d1369f09]{background-color:#c8c8c880;color:#333}.fret-number[data-v-d1369f09]{position:absolute;top:50%;left:-25px;transform:translateY(-50%);font-size:11px;color:#cf3b11;z-index:2}.controls[data-v-d1369f09]{display:flex;flex-direction:column;gap:8px;min-width:150px;color:#333}select[data-v-d1369f09]{padding:6px;font-size:.9em;border:1px solid rgba(0,0,0,.2);background-color:#ffffffe6;color:#333;cursor:pointer}.chord-tabs[data-v-d1369f09],.display-tabs[data-v-d1369f09]{display:flex;gap:8px;margin-bottom:8px}.display-tabs[data-v-d1369f09]{margin-top:15px}.chord-tab[data-v-d1369f09],.display-tab[data-v-d1369f09]{padding:4px 8px;background:#ffffffb3;cursor:pointer;color:#333}.chord-tab.active[data-v-d1369f09],.display-tab.active[data-v-d1369f09]{background:#ff9800;color:#fff}.show-all-notes[data-v-d1369f09],.show-root-notes[data-v-d1369f09]{padding:6px;font-size:.9em;border:1px solid rgba(0,0,0,.2);background-color:#ffffffe6;color:#333;cursor:pointer}.show-all-notes.active[data-v-d1369f09],.show-root-notes.active[data-v-d1369f09]{background-color:#ff9800;color:#fff}.chord-display[data-v-d1369f09]{margin-top:auto;padding:15px;background:#fffc;box-shadow:0 4px 8px #0000001a;color:#333;font-size:1em;text-align:center}.chord-content[data-v-d1369f09],.scale-content[data-v-d1369f09]{display:none}.chord-content.active[data-v-d1369f09],.scale-content.active[data-v-d1369f09]{display:block}.flat-sign[data-v-d1369f09]{font-size:.8em;vertical-align:super}.hidden[data-v-d1369f09]{display:none}@media(max-width:768px){.container[data-v-d1369f09]{flex-direction:column;align-items:stretch;padding:10px}.left-panel[data-v-d1369f09],.right-panel[data-v-d1369f09]{min-width:100%;padding:15px;border:2px solid rgba(0,0,0,.2)}.right-panel[data-v-d1369f09]{flex-direction:column;align-items:center}.fretboard[data-v-d1369f09]{grid-template-columns:repeat(6,32px);padding:12px;border:2px solid rgba(0,0,0,.2)}.string[data-v-d1369f09]{height:32px}.note[data-v-d1369f09]{width:20px;height:20px;font-size:10px}.fret-number[data-v-d1369f09]{font-size:10px;left:-20px}.controls[data-v-d1369f09]{margin-top:15px;width:100%;max-width:200px}.chord-display[data-v-d1369f09]{font-size:.9em}}@media(max-width:480px){.fretboard[data-v-d1369f09]{grid-template-columns:repeat(6,24px);padding:10px;border:2px solid rgba(0,0,0,.2)}.string[data-v-d1369f09]{height:24px}.note[data-v-d1369f09]{width:16px;height:16px;font-size:8px}.fret-number[data-v-d1369f09]{font-size:9px;left:-15px}}footer[data-v-d1369f09]{padding:10px 0;width:100%;text-align:center;color:#adad98;font-size:.9em;border-top:1px solid rgba(0,0,0,.2)}body[data-v-22faa83c]{font-family:Arial,sans-serif;background-color:#fff;color:#333;text-align:center;padding:20px}#container[data-v-22faa83c]{background-color:#fff;min-height:100vh}#container h1[data-v-22faa83c]{text-align:center;font-size:2em;margin-bottom:20px}#top[data-v-22faa83c]{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}select[data-v-22faa83c],button[data-v-22faa83c]{padding:10px;font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer}#fretboard[data-v-22faa83c]{display:grid;grid-template-rows:repeat(6,60px);grid-template-columns:60px repeat(14,60px);background-color:#fff;margin:20px auto;padding:10px;width:fit-content;box-sizing:border-box}.string-label[data-v-22faa83c]{display:flex;align-items:center;justify-content:center;font-weight:700;border-right:1px solid #ccc}.fret-cell[data-v-22faa83c]{border-right:1px solid #999;border-bottom:1px solid #999;border-top:1px solid #999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.fret-cell.gray[data-v-22faa83c]{background-color:#e8e8e8;pointer-events:none}.fret-cell.correct[data-v-22faa83c]{animation:flash-22faa83c .5s alternate 3}.fret-cell.is-error[data-v-22faa83c]{background-color:red}@keyframes flash-22faa83c{0%{background-color:#87ceeb}to{background-color:#fff}}.fret-cell .note-display[data-v-22faa83c]{position:absolute;font-size:14px;color:#555;pointer-events:none}#fret-numbers[data-v-22faa83c]{display:grid;grid-template-columns:60px repeat(14,60px);margin:20px auto 0;width:fit-content;box-sizing:border-box}#fret-numbers div[data-v-22faa83c]{text-align:center;font-size:14px}#puzzle-area[data-v-22faa83c]{display:flex;flex-wrap:wrap;justify-content:center;margin:20px auto;max-width:600px}.note-block[data-v-22faa83c]{width:60px;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:5px;cursor:move;-webkit-user-select:none;user-select:none;box-sizing:border-box}.note-block.natural[data-v-22faa83c]{background-color:#fffacd}.note-block.sharp-flat[data-v-22faa83c]{background-color:#90ee90}.note-block.dragging[data-v-22faa83c]{opacity:.5}#flash[data-v-22faa83c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:20px;font-size:28px;font-weight:700;border:2px solid white;opacity:0;transition:opacity .5s ease-in-out;z-index:2000}#flash.show[data-v-22faa83c]{opacity:1}footer[data-v-22faa83c]{margin-top:20px;font-size:14px;color:#666;text-align:center}body[data-v-0c9f43db]{font-family:Arial,sans-serif;background-color:#fff;color:#333;text-align:center;padding:20px}#pyin-container[data-v-0c9f43db]{background-color:#fff;min-height:100vh;max-width:1000px;margin:0 auto;padding:20px;box-sizing:border-box}#pyin-container h1[data-v-0c9f43db]{text-align:center;font-size:2em;margin-bottom:20px}#pyin-top[data-v-0c9f43db]{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}select[data-v-0c9f43db],button[data-v-0c9f43db],input[type=checkbox][data-v-0c9f43db]{padding:10px;font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer}select[data-v-0c9f43db]:disabled,input[type=checkbox][data-v-0c9f43db]:disabled{background-color:#e8e8e8;cursor:not-allowed}#pyin-fretboard[data-v-0c9f43db]{display:grid;grid-template-rows:repeat(6,60px);grid-template-columns:60px repeat(14,60px);background-color:#fff;margin:20px auto;width:fit-content;box-sizing:border-box;position:relative}.pyin-string-label[data-v-0c9f43db]{display:flex;align-items:center;justify-content:center;font-weight:700;border-right:1px solid #ccc}.pyin-fret-cell[data-v-0c9f43db]{border-right:1px solid #999;border-bottom:1px solid #999;border-top:1px solid #999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;min-width:60px;min-height:60px}.pyin-fret-cell.pyin-gray[data-v-0c9f43db]{background-color:#e8e8e8;pointer-events:none}.pyin-fret-cell.pyin-highlighted[data-v-0c9f43db]{background-color:#87ceeb}.pyin-fret-cell .pyin-note-display[data-v-0c9f43db]{position:absolute;font-size:14px;color:#555;pointer-events:none}.pyin-fret-cell .pyin-solfege-display[data-v-0c9f43db]{position:absolute;font-size:14px;color:#d81b60;font-weight:700;pointer-events:none;top:10px}#pyin-fret-numbers[data-v-0c9f43db]{display:grid;grid-template-columns:60px repeat(14,60px);margin:0 auto;width:fit-content;box-sizing:border-box}#pyin-fret-numbers div[data-v-0c9f43db]{text-align:center;font-size:14px}footer[data-v-0c9f43db]{margin-top:20px;font-size:14px;color:#666;text-align:center}:where(#app[data-v-1552bc0f]){background-color:#fff!important}.zxpt-container[data-v-1552bc0f]{font-family:Arial,sans-serif;background-color:#fff;color:#333;text-align:center;padding:20px;min-height:100vh;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.zxpt-container h1[data-v-1552bc0f]{font-size:2em;margin-bottom:20px}.zxpt-top[data-v-1552bc0f]{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%;max-width:900px}.zxpt-top select[data-v-1552bc0f],.zxpt-top button[data-v-1552bc0f]{padding:10px;font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:0;cursor:pointer}.zxpt-result-text[data-v-1552bc0f]{font-size:16px;color:#333;margin-left:10px}.zxpt-fretboard[data-v-1552bc0f]{display:grid;grid-template-rows:repeat(6,60px);grid-template-columns:60px repeat(13,60px);background-color:#fff;margin:20px auto;padding:10px;width:fit-content;box-sizing:border-box;border:2px solid #ccc}.zxpt-string-label[data-v-1552bc0f]{display:flex;align-items:center;justify-content:center;font-weight:700;border-right:1px solid #ccc;background-color:#fff}.zxpt-fret-cell[data-v-1552bc0f]{border-right:1px solid #999;border-bottom:1px solid #999;border-top:1px solid #999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;background-color:#fff;min-height:60px}.zxpt-fret-cell.zxpt-gray[data-v-1552bc0f]{background-color:#e8e8e8;pointer-events:none}.zxpt-fret-cell.zxpt-correct[data-v-1552bc0f]{background-color:#87ceeb;animation:zxpt-flash-1552bc0f .5s alternate 3}.zxpt-fret-cell.zxpt-is-error[data-v-1552bc0f]{background-color:red}@keyframes zxpt-flash-1552bc0f{0%{background-color:#87ceeb}to{background-color:#fff}}.zxpt-fret-cell.zxpt-highlight[data-v-1552bc0f]{background-color:#ff0;animation:zxpt-blink-1552bc0f 1s infinite}@keyframes zxpt-blink-1552bc0f{0%{background-color:#fff}50%{background-color:#ff0}to{background-color:#fff}}.zxpt-fret-cell .zxpt-note-display[data-v-1552bc0f]{position:absolute;font-size:14px;color:#555;pointer-events:none}.zxpt-fret-numbers[data-v-1552bc0f]{display:grid;grid-template-columns:60px repeat(13,60px);margin:0 auto 20px;width:fit-content;box-sizing:border-box}.zxpt-fret-numbers div[data-v-1552bc0f]{text-align:center;font-size:14px}.zxpt-options-area[data-v-1552bc0f]{display:flex;flex-wrap:wrap;justify-content:center;margin:20px auto;max-width:600px}.zxpt-option-button[data-v-1552bc0f]{padding:15px 30px;margin:10px;font-size:20px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:0;cursor:pointer;transition:all .3s}.zxpt-option-button[data-v-1552bc0f]:hover{background-color:#ddd}.zxpt-option-button.zxpt-selected.zxpt-correct[data-v-1552bc0f]{background-color:#87ceeb;border-color:#00f}.zxpt-option-button.zxpt-selected.zxpt-error[data-v-1552bc0f]{background-color:red;border-color:#900}.zxpt-footer[data-v-1552bc0f]{margin-top:20px;font-size:14px;color:#666;text-align:center}:where(#app[data-v-dec30ac5]){background-color:#fff!important}.zxpt-container[data-v-dec30ac5]{font-family:Arial,sans-serif;background-color:#fff;color:#333;text-align:center;padding:20px;min-height:100vh;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.zxpt-container h1[data-v-dec30ac5]{font-size:2em;margin-bottom:20px}.zxpt-top[data-v-dec30ac5]{margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%;max-width:900px}.zxpt-top select[data-v-dec30ac5],.zxpt-top button[data-v-dec30ac5],.zxpt-top input[data-v-dec30ac5]{padding:10px;font-size:16px;background-color:#fff;border:1px solid #ccc;border-radius:0;cursor:pointer}.zxpt-top input[type=checkbox][data-v-dec30ac5]{margin-right:5px}.zxpt-question-text[data-v-dec30ac5]{font-size:16px;color:#fff;background-color:#ff8c00;padding:5px 10px;margin-left:10px}.zxpt-fretboard[data-v-dec30ac5]{display:grid;grid-template-rows:repeat(6,60px);grid-template-columns:repeat(14,60px);background-color:#fff;margin:20px auto;padding:10px;width:fit-content;box-sizing:border-box;border:2px solid #ccc}.zxpt-fret-cell[data-v-dec30ac5]{border:1px solid #999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;background-color:#fff;min-height:60px;cursor:pointer}.zxpt-fret-cell.zxpt-gray[data-v-dec30ac5]{background-color:#e8e8e8;pointer-events:none;cursor:default}.zxpt-fret-cell.zxpt-hint[data-v-dec30ac5]{background-color:beige!important}.zxpt-fret-cell.zxpt-hint .zxpt-note-display[data-v-dec30ac5]{color:#000}.zxpt-fret-cell.zxpt-correct[data-v-dec30ac5]{background-color:#87ceeb!important;animation:zxpt-flash-dec30ac5 .5s alternate 3}.zxpt-fret-cell.zxpt-is-error[data-v-dec30ac5]{background-color:red!important}.zxpt-fret-cell.zxpt-fret-x[data-v-dec30ac5]{background-color:#e0e0e0;pointer-events:none}.zxpt-fret-cell.zxpt-fret-x .zxpt-note-display[data-v-dec30ac5]{color:red;font-weight:700}@keyframes zxpt-flash-dec30ac5{0%{background-color:#87ceeb}to{background-color:#fff}}.zxpt-fret-cell .zxpt-note-display[data-v-dec30ac5]{position:absolute;font-size:14px;color:#555;pointer-events:none}.zxpt-fret-numbers[data-v-dec30ac5]{display:grid;grid-template-columns:repeat(14,60px);margin:0 auto 20px;width:fit-content;box-sizing:border-box}.zxpt-fret-numbers div[data-v-dec30ac5]{text-align:center;font-size:14px}.zxpt-result-box[data-v-dec30ac5]{margin:20px auto;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;max-width:600px;text-align:left}.zxpt-result-box h2[data-v-dec30ac5]{font-size:18px;margin-bottom:10px}.zxpt-result-box p[data-v-dec30ac5]{margin:5px 0}.zxpt-footer[data-v-dec30ac5]{margin-top:20px;font-size:14px;color:#666;text-align:center}.qtzs-container[data-v-b7913ae3]{max-width:800px;margin:0 auto;padding:20px;text-align:center;font-family:Arial,sans-serif;background-color:#fff;min-height:100vh}.qtzs-game-controls[data-v-b7913ae3]{margin:20px 0}.qtzs-string-selection[data-v-b7913ae3]{margin-bottom:20px}.qtzs-string-options[data-v-b7913ae3]{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.qtzs-string-options button[data-v-b7913ae3]{padding:5px 10px;border:1px solid #000;background:#fff;cursor:pointer;font-size:1em}.qtzs-string-options button.qtzs-selected[data-v-b7913ae3]{background:#000;color:#fff}.qtzs-timer[data-v-b7913ae3]{font-size:1.2em;margin-top:10px}.qtzs-message[data-v-b7913ae3]{font-size:1.1em;margin:20px 0;font-weight:700}.qtzs-fretboard[data-v-b7913ae3]{margin:20px 0;padding:10px}.qtzs-frets[data-v-b7913ae3]{display:flex;justify-content:center;gap:5px}.qtzs-frets button[data-v-b7913ae3]{width:40px;height:40px;border:1px solid #000;background:#fff;cursor:pointer;font-size:1em;line-height:40px;text-align:center}.qtzs-frets button.qtzs-highlighted[data-v-b7913ae3]{background:#ff0}.qtzs-controls[data-v-b7913ae3]{margin:20px 0}.qtzs-controls button[data-v-b7913ae3]{padding:10px 20px;margin:0 5px;background:#000;color:#fff;border:none;cursor:pointer;font-size:1em}.qtzs-controls button[data-v-b7913ae3]:hover{background:#333}.qtzs-instructions[data-v-b7913ae3]{text-align:left;margin-top:30px}.qtzs-instructions ul[data-v-b7913ae3]{list-style-type:disc;margin-left:20px}.qtzs-instructions p[data-v-b7913ae3]{margin-top:20px;font-size:.9em;color:#666}.ml-container[data-v-8402a137]{font-family:Arial,Noto Sans CJK JP,sans-serif;background-color:#f8f5f0;color:#333;min-height:100vh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ml-header[data-v-8402a137]{background-color:#fff;padding:20px;text-align:right;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center;gap:20px}.ml-language-switcher select[data-v-8402a137]{padding:8px;border:2px solid #8b6f47;border-radius:0;background-color:#fff;color:#333;font-size:1em;cursor:pointer}.ml-language-switcher select[data-v-8402a137]:hover{background-color:#8b6f47;color:#fff}.ml-header-link[data-v-8402a137]{text-decoration:none;color:#8b6f47;font-weight:700;padding:10px 20px;border:2px solid #8b6f47;border-radius:0}.ml-header-link[data-v-8402a137]:hover{background-color:#8b6f47;color:#fff}.ml-tabs[data-v-8402a137]{text-align:center;padding:20px;background-color:#fff;border-bottom:1px solid #e0e0e0}.ml-tab-link[data-v-8402a137]{text-decoration:none;color:#333;padding:10px 20px;margin:0 10px;font-weight:700;cursor:pointer}.ml-tab-link.ml-active[data-v-8402a137],.ml-tab-link[data-v-8402a137]:hover{color:#8b6f47;border-bottom:2px solid #8b6f47}.ml-main[data-v-8402a137]{text-align:center;padding:50px 20px;flex:1}.ml-main h1[data-v-8402a137]{font-size:2.5em;margin-bottom:30px;color:#333}.ml-content-section[data-v-8402a137]{display:none}.ml-content-section.ml-active[data-v-8402a137]{display:block}.ml-cards[data-v-8402a137]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.ml-card[data-v-8402a137]{background-color:#fff;width:280px;border-radius:4px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.ml-card[data-v-8402a137]:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 8px 20px #0003;background-color:#fefefe}.ml-card-link[data-v-8402a137]{text-decoration:none;display:block}.ml-card-link:hover .ml-card[data-v-8402a137]{transform:translateY(-10px) scale(1.05);box-shadow:0 8px 20px #0003;background-color:#fefefe}.ml-card-image[data-v-8402a137]{width:100%;height:200px;background-color:#d9d9d9;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.2em;position:relative;overflow:hidden}.ml-card-image img[data-v-8402a137]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ml-card:hover .ml-card-image img[data-v-8402a137]{transform:scale(1.1)}.ml-card-description[data-v-8402a137]{padding:15px;text-align:left;color:#333}.ml-card-description h3[data-v-8402a137]{margin:0 0 10px;font-size:1.2em;color:#8b6f47}.ml-card-description p[data-v-8402a137]{margin:0 0 10px;font-size:.9em;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ml-difficulty[data-v-8402a137]{margin-top:10px}.ml-star[data-v-8402a137]{color:#f4c430;font-size:1em;margin-right:2px}.ml-search-bar[data-v-8402a137]{margin:20px auto;text-align:center}.ml-search-bar input[data-v-8402a137]{padding:10px;width:300px;border:1px solid #e0e0e0;border-radius:0;font-size:1em}.ml-search-bar button[data-v-8402a137]{padding:10px 20px;background-color:#8b6f47;color:#fff;border:none;border-radius:0;cursor:pointer}.ml-search-bar button[data-v-8402a137]:hover{background-color:#6f5738}.ml-footer[data-v-8402a137]{background-color:#fff;text-align:center;padding:20px;border-top:1px solid #e0e0e0;color:#666;font-size:.9em}.fretmaster-page[data-v-9e2bf15b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1917!important;z-index:9999;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}.fretboard-wrapper[data-v-9e2bf15b]{width:fit-content;margin:0 auto}.fretboard-scroll[data-v-9e2bf15b]{background:#2c241b!important;overflow-x:hidden!important;overflow-y:hidden!important}.marker[data-v-9e2bf15b]{@apply absolute z-50 w-16 h-16 flex items-center justify-center font-black text-3xl text-white shadow-2xl;transform:scale(0);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.marker.visible[data-v-9e2bf15b]{transform:scale(1)}.marker.correct[data-v-9e2bf15b]{background:#22c55e;box-shadow:0 0 40px #22c55e}.marker.wrong[data-v-9e2bf15b]{background:#ef4444;box-shadow:0 0 40px #ef4444}@keyframes pop-9e2bf15b{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.tm-wrapper[data-v-42721895]{min-height:100vh;background:#faf9f7;font-family:霞鹜文楷,Noto Sans SC,system-ui,sans-serif}[data-v-42721895] .tm-wrapper{background:#faf9f7!important}.tm-header[data-v-42721895]{text-align:center;padding:3rem 1rem 2rem;background:linear-gradient(135deg,#fdfcf8,#f2efea)}.tm-title[data-v-42721895]{margin:0;font-size:2.6rem;font-weight:400;color:#4a6e6a}.tm-container[data-v-42721895]{max-width:1260px;margin:0 auto;padding:2rem 1rem}.tm-controls[data-v-42721895]{text-align:center;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.tm-select[data-v-42721895],.tm-btn[data-v-42721895]{padding:.8rem 1.2rem;font-size:1rem;border:2px solid #4a6e6a;border-radius:0;cursor:pointer;background:#fff;color:#4a6e6a}.tm-btn[data-v-42721895]{background:#4a6e6a;color:#fff}.tm-btn[data-v-42721895]:hover{background:#2d3f3b}.tm-fretboard[data-v-42721895]{background:#fdf9f0;padding:80px 40px 140px;border:6px solid #d4d0c8;position:relative;box-shadow:0 20px 60px #00000038}.tm-grid[data-v-42721895]{position:relative;width:1160px;height:420px;margin:0 auto;background-color:#fdf9f0}.tm-strings-bg[data-v-42721895]{position:absolute;top:0;bottom:0;left:118px;width:960px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 34px,#b8b8b8 34px,#b8b8b8 36px,transparent 38px);background-size:100% 70px;background-repeat:repeat-y}.tm-grid[data-v-42721895]{background:linear-gradient(to right,transparent 0px,#a8a8a8 3px,transparent 6px) 100px 0 / 80px 100% repeat-x}.tm-nut[data-v-42721895]{position:absolute;left:100px;top:0;bottom:0;width:18px;background:#1a1a1a;z-index:5}.tm-double-fret[data-v-42721895]{position:absolute;left:1060px;top:0;bottom:0;width:10px;background:#888;z-index:4}.tm-headstock[data-v-42721895]{position:absolute;left:28px;top:50%;transform:translateY(-50%);font:700 25px/2.75 monospace;color:#222;letter-spacing:7px}.tm-cells[data-v-42721895]{position:absolute;top:0;left:118px;width:960px;height:420px;display:grid;grid-template-columns:repeat(12,80px);grid-template-rows:repeat(6,70px);z-index:10}.tm-row[data-v-42721895]{display:contents}.tm-cell[data-v-42721895]{position:relative}.tm-dot[data-v-42721895]{position:absolute;width:50px;height:50px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;box-shadow:0 6px 22px #00000080;z-index:30}.tm-dot-root[data-v-42721895]{background:#d9665a}.tm-dot-third[data-v-42721895]{background:#4a6e6a}.tm-dot-fifth[data-v-42721895]{background:#889896}.tm-fret-labels[data-v-42721895]{position:absolute;bottom:-58px;left:118px;width:960px;display:flex;justify-content:space-between;font-weight:700;color:#444;font-size:19px}.tm-fl[data-v-42721895]{width:80px;text-align:center;position:relative}.tm-fl[data-v-42721895]:before{content:"";display:inline-block;width:13px;height:13px;border-radius:50%;background:#999;margin-right:8px;vertical-align:middle}.tm-fl[data-v-42721895]:nth-child(3):before,.tm-fl[data-v-42721895]:nth-child(5):before,.tm-fl[data-v-42721895]:nth-child(7):before,.tm-fl[data-v-42721895]:nth-child(9):before{background:#777}.tm-fl[data-v-42721895]:nth-child(12):before{width:19px;height:19px;background:#555}.tm-legend[data-v-42721895]{display:flex;justify-content:center;gap:3rem;margin-top:4rem}.tm-legend-item[data-v-42721895]{display:flex;align-items:center;gap:.8rem;font-size:1.1rem}.tm-legend-dot[data-v-42721895]{width:24px;height:24px;border-radius:50%}.tm-footer[data-v-42721895]{width:100%;max-width:1200px;margin:4rem auto 2rem;text-align:center;color:#666}