.qin-guide-intro{margin:22px 0}.qin-guide-intro h2{font:26px var(--serif);margin:10px 0}.qin-guide-intro p,.qin-study-note p{line-height:1.9;color:#667561}.qin-components,.qin-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qin-components article,.qin-example-grid article,.qin-study-note,.qin-audio-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fffdfa;margin:14px 0}.qin-components article{margin:0}.qin-components small{color:#ab9565;letter-spacing:2px}.qin-components h3,.qin-example-grid h3,.qin-study-note h3,.qin-audio-card h3{font:21px var(--serif);margin:8px 0}.qin-components p,.qin-example-grid p{font-size:13px;line-height:1.8;color:#677660}.qin-example-grid{grid-template-columns:1fr}.qin-example-grid article{display:grid;grid-template-columns:85px 1fr;gap:4px 16px;align-items:center;margin:0}.qin-example-grid .qin-glyph{grid-row:span 2;text-align:center;font-size:58px}.qin-example-grid p{margin:0}.qin-example-grid h3{font-size:18px}.qin-study-note li{margin:10px 0;line-height:1.8;padding-left:4px}.qin-study-note ol{padding-left:20px}.qin-source-link{display:block;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.7}.qin-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.qin-filter-row button{min-height:42px;border:1px solid var(--line);border-radius:20px;padding:8px 15px;background:#fff}.qin-filter-row button[aria-pressed=true]{background:var(--green);color:#fff}.qin-learning-hint{border-left:3px solid #b29c68;padding:9px 14px;background:#f5f5ec;line-height:1.9;color:#56704f}.qin-library-card .learning-label{display:inline-block;font-size:11px;background:#edf1e7;border-radius:6px;padding:5px 9px;margin:8px 0}.qin-audio-card audio{width:100%;height:42px;margin:10px 0}.qin-audio-card small{display:block;line-height:1.8;color:#7f826e}.qin-card-actions{flex-wrap:wrap}.qin-library-card .version-item{min-height:48px}.qin-main-tabs{flex-wrap:wrap}.qin-main-tabs button{min-height:44px}.audio-reference{margin:12px 20px;padding:15px;background:#f4f6ed;border:1px solid var(--line);border-radius:12px}.audio-reference h3{margin:0;font:19px var(--serif)}.audio-reference h3 small{font:12px sans-serif;color:#89947b;margin-left:8px}.audio-reference p{line-height:1.8;font-size:12px}.audio-reference audio{width:100%;height:40px}.audio-reference select{max-width:200px}.numbered-score{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:18px 0}.numbered-note{padding:10px 4px;border-radius:8px;min-height:96px;border:1px solid var(--line);background:#fbfcf7;text-align:center}.numbered-note.selected{border-color:#b8a56d}.numbered-note.playing{background:#e3ecda}.numbered-note .octave-dots{display:block;font-size:11px;line-height:11px;min-height:11px;letter-spacing:3px}.numbered-note b{font-size:28px;font-weight:500}.numbered-note small{display:block;font-size:10px;margin-top:8px;color:#758268}.numbered-meta{font-size:11px;line-height:1.8;color:#859176}.note-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.note-edit-fields label{font-size:12px;display:grid;gap:8px}.note-edit-fields input,.note-edit-fields select{width:100%;min-width:0}.note-edit-error{color:#a05437;font-size:12px}body:not([data-view=numbered]):not([data-view=jianpu]) .numbered-pane{display:none}body[data-view=numbered] .staff-pane,body[data-view=jianpu] .staff-pane,body[data-view=jianpu] .qin-pane{display:none}body[data-view=qin] .staff-pane{display:none}.workspace-tabs [role=tablist]{flex-wrap:wrap;gap:15px}.workspace-tabs .draft-badge{max-width:160px;text-align:right}@media(min-width:600px){.numbered-score{grid-template-columns:repeat(6,minmax(0,1fr))}.qin-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qin-example-grid article{display:block;text-align:center}.qin-example-grid p{margin-top:10px}}