.sidebar[data-v-e307adff]{width:280px;flex-shrink:0;background:var(--color-sidebar);border-right:1px solid var(--color-border);padding:1.5rem 1rem;overflow-y:auto;height:100vh;position:sticky;top:0}.sidebar__brand[data-v-e307adff]{display:block;font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none}.sidebar__subtitle[data-v-e307adff]{font-size:.8rem;color:var(--color-text-muted);margin:.25rem 0 1.25rem}.sidebar__list[data-v-e307adff]{list-style:none;padding:0;margin:0}.sidebar__item[data-v-e307adff]{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:8px;text-decoration:none;color:var(--color-text);font-size:.92rem;transition:background .15s}.sidebar__item[data-v-e307adff]:hover{background:var(--color-surface)}.sidebar__item--active[data-v-e307adff]{background:var(--color-primary);color:#fff}.sidebar__item--active .sidebar__num[data-v-e307adff]{color:#fffc}.sidebar__num[data-v-e307adff]{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--color-text-muted);font-weight:600}.sidebar__title[data-v-e307adff]{flex:1;line-height:1.3}.sidebar__check[data-v-e307adff]{color:var(--color-accent);font-weight:700}.sidebar__item--active .sidebar__check[data-v-e307adff]{color:#fff}@media(max-width:820px){.sidebar[data-v-e307adff]{position:fixed;top:0;left:0;z-index:50;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 16px #00000026}.sidebar--open[data-v-e307adff]{transform:translate(0)}}.layout[data-v-9232430f]{display:flex;min-height:100vh}.layout__main[data-v-9232430f]{flex:1;min-width:0}.layout__overlay[data-v-9232430f]{display:none}.content[data-v-9232430f]{padding:1.5rem 2rem 3rem}.topbar[data-v-9232430f]{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-sidebar);position:sticky;top:0;z-index:40}.topbar__toggle[data-v-9232430f]{background:none;border:1px solid var(--color-border);border-radius:8px;font-size:1.2rem;padding:.2rem .6rem;cursor:pointer;color:var(--color-text)}.topbar__title[data-v-9232430f]{font-weight:700}.fade-enter-active[data-v-9232430f],.fade-leave-active[data-v-9232430f]{transition:opacity .15s ease}.fade-enter-from[data-v-9232430f],.fade-leave-to[data-v-9232430f]{opacity:0}@media(max-width:820px){.topbar[data-v-9232430f]{display:flex}.content[data-v-9232430f]{padding:1.25rem 1rem 2.5rem}.layout__overlay[data-v-9232430f]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}}.progress[data-v-fd3bfb99]{width:100%}.progress__head[data-v-fd3bfb99]{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.4rem}.progress__track[data-v-fd3bfb99]{height:10px;background:var(--color-border);border-radius:999px;overflow:hidden}.progress__fill[data-v-fd3bfb99]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:999px;transition:width .4s ease}.home[data-v-2fa9abdc]{max-width:960px;margin:0 auto}.home__hero[data-v-2fa9abdc]{padding:2.5rem 0 1.5rem}.home__hero h1[data-v-2fa9abdc]{font-size:2rem;margin:0 0 1rem}.home__hero p[data-v-2fa9abdc]{color:var(--color-text-muted);line-height:1.9;max-width:640px}.home__cta[data-v-2fa9abdc]{display:inline-block;margin-top:1.25rem;background:var(--color-primary);color:#fff;text-decoration:none;padding:.7rem 1.6rem;border-radius:999px;font-weight:600;transition:background .2s,transform .1s}.home__cta[data-v-2fa9abdc]:hover{background:var(--color-primary-dark)}.home__cta[data-v-2fa9abdc]:active{transform:scale(.98)}.home__progress[data-v-2fa9abdc]{margin:1.5rem 0 2.5rem}.home__units h2[data-v-2fa9abdc]{font-size:1.4rem;margin-bottom:1.25rem}.home__grid[data-v-2fa9abdc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card[data-v-2fa9abdc]{display:block;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:var(--color-text);transition:transform .15s,box-shadow .15s,border-color .15s}.card[data-v-2fa9abdc]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014;border-color:var(--color-primary)}.card--done[data-v-2fa9abdc]{border-color:var(--color-accent)}.card__head[data-v-2fa9abdc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.card__num[data-v-2fa9abdc]{font-size:1.5rem;font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}.card__badge[data-v-2fa9abdc]{font-size:.75rem;color:#fff;background:var(--color-accent);padding:.15rem .6rem;border-radius:999px}.card__duration[data-v-2fa9abdc]{font-size:.75rem;color:var(--color-text-muted)}.card__title[data-v-2fa9abdc]{font-size:1.1rem;margin:0 0 .5rem}.card__summary[data-v-2fa9abdc]{font-size:.88rem;color:var(--color-text-muted);line-height:1.7;margin:0}.abc-score[data-v-25c8bac9]{margin:1.5rem 0;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.abc-score__sheet[data-v-25c8bac9]{min-height:60px}.abc-score__controls[data-v-25c8bac9]{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.abc-score__play[data-v-25c8bac9]{background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:.4rem 1.1rem;font-size:.95rem;cursor:pointer;transition:background .2s,transform .1s}.abc-score__play[data-v-25c8bac9]:hover:not(:disabled){background:var(--color-primary-dark)}.abc-score__play[data-v-25c8bac9]:active:not(:disabled){transform:scale(.97)}.abc-score__play[data-v-25c8bac9]:disabled{opacity:.6;cursor:progress}.abc-score__note[data-v-25c8bac9]{font-size:.85rem;color:var(--color-text-muted)}.abc-score__error[data-v-25c8bac9]{font-size:.85rem;color:#c0392b}.markdown-body[data-v-2a8cd6eb]{line-height:1.8;color:var(--color-text)}.markdown-body[data-v-2a8cd6eb] h1{font-size:1.9rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.markdown-body[data-v-2a8cd6eb] h2{font-size:1.4rem;margin:2rem 0 .75rem;color:var(--color-primary-dark)}.markdown-body[data-v-2a8cd6eb] h3{font-size:1.15rem;margin:1.5rem 0 .5rem}.markdown-body[data-v-2a8cd6eb] p{margin:.75rem 0}.markdown-body[data-v-2a8cd6eb] ul,.markdown-body[data-v-2a8cd6eb] ol{padding-left:1.5rem;margin:.75rem 0}.markdown-body[data-v-2a8cd6eb] li{margin:.3rem 0}.markdown-body[data-v-2a8cd6eb] ul.contains-task-list{list-style:none;padding-left:.25rem}.markdown-body[data-v-2a8cd6eb] .task-list-item{display:flex;align-items:flex-start;gap:.55rem}.markdown-body[data-v-2a8cd6eb] .task-list-item-checkbox{width:1.05rem;height:1.05rem;margin-top:.35rem;flex-shrink:0;accent-color:var(--color-accent);cursor:pointer}.markdown-body[data-v-2a8cd6eb] .task-list-item label{cursor:pointer}.markdown-body[data-v-2a8cd6eb] blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:4px solid var(--color-primary);background:var(--color-surface);color:var(--color-text-muted);border-radius:0 8px 8px 0}.markdown-body[data-v-2a8cd6eb] table{border-collapse:collapse;margin:1rem 0;width:100%;font-size:.95rem}.markdown-body[data-v-2a8cd6eb] th,.markdown-body[data-v-2a8cd6eb] td{border:1px solid var(--color-border);padding:.5rem .75rem;text-align:center}.markdown-body[data-v-2a8cd6eb] th{background:var(--color-surface)}.markdown-body[data-v-2a8cd6eb] code{background:var(--color-surface);padding:.1rem .35rem;border-radius:4px;font-size:.9em}.markdown-body[data-v-2a8cd6eb] strong{color:var(--color-primary-dark)}.unit[data-v-ab2ac7c7]{max-width:760px;margin:0 auto}.unit__meta[data-v-ab2ac7c7]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--color-text-muted)}.unit__order[data-v-ab2ac7c7]{background:var(--color-primary);color:#fff;padding:.2rem .7rem;border-radius:999px;font-weight:600}.unit__objectives[data-v-ab2ac7c7]{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin-bottom:2rem}.unit__objectives-title[data-v-ab2ac7c7]{font-size:1rem;margin:0 0 .5rem;color:var(--color-primary-dark)}.unit__objectives ul[data-v-ab2ac7c7]{margin:0;padding-left:1.25rem}.unit__objectives li[data-v-ab2ac7c7]{margin:.25rem 0;line-height:1.7}.unit__complete[data-v-ab2ac7c7]{margin:2.5rem 0 1.5rem;text-align:center}.unit__complete-btn[data-v-ab2ac7c7]{background:var(--color-primary);color:#fff;border:none;padding:.8rem 2rem;border-radius:999px;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s}.unit__complete-btn[data-v-ab2ac7c7]:hover{background:var(--color-primary-dark)}.unit__complete-btn[data-v-ab2ac7c7]:active{transform:scale(.98)}.unit__complete-btn--done[data-v-ab2ac7c7]{background:var(--color-accent)}.unit__pager[data-v-ab2ac7c7]{display:flex;justify-content:space-between;gap:1rem;margin:2rem 0 3rem}.unit__pager-link[data-v-ab2ac7c7]{flex:1;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;text-decoration:none;color:var(--color-text);font-weight:600;transition:border-color .15s,transform .15s}.unit__pager-link[data-v-ab2ac7c7]:hover{border-color:var(--color-primary);transform:translateY(-2px)}.unit__pager-link--next[data-v-ab2ac7c7]{text-align:right}.unit__pager-link small[data-v-ab2ac7c7]{font-weight:400;color:var(--color-text-muted)}.unit__notfound[data-v-ab2ac7c7]{max-width:640px;margin:4rem auto;text-align:center}:root{--color-primary: #6b4ce6;--color-primary-dark: #543bc0;--color-accent: #2bb673;--color-text: #1f2330;--color-text-muted: #6b7280;--color-surface: #f5f4fb;--color-sidebar: #fbfaff;--color-border: #e3e1ef;--color-bg: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,Noto Sans TC,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:var(--color-primary)}.abcjs-note,.abcjs-rest,.abcjs-staff{fill:var(--color-text)}