.chord-diagram[data-v-4ba64025]{display:block;height:auto}.string-line[data-v-4ba64025]{stroke:rgba(0,0,0,.2);stroke-width:1}.fret-line[data-v-4ba64025]{stroke:rgba(0,0,0,.333);stroke-width:1.5}.fret-line.nut[data-v-4ba64025]{stroke:#1a1a1a;stroke-width:5}.dot[data-v-4ba64025]{fill:#1a1a1a}.mark[data-v-4ba64025]{font-size:12px;fill:rgba(0,0,0,.4)}.open-mark[data-v-4ba64025]{fill:none;stroke:rgba(0,0,0,.4);stroke-width:1.5}.fr-label[data-v-4ba64025]{font-size:11px;font-family:monospace;fill:rgba(0,0,0,.533)}.string-name[data-v-4ba64025]{font-size:11px;fill:rgba(0,0,0,.333)}.chords-page[data-v-5d6d3577]{min-height:100vh;background:#f3f4f5}.chords-container[data-v-5d6d3577]{max-width:860px;margin:0 auto;padding:0 12px}.title-block[data-v-5d6d3577]{padding:30px 0 10px;text-align:center}.title-block>h1[data-v-5d6d3577]{font-size:24px;color:#000}.title-block>.intro[data-v-5d6d3577]{margin:10px 0 0;color:rgba(0,0,0,.45)}.selector-block[data-v-5d6d3577]{margin:18px 0 0;background:#fff;border-radius:8px;padding:14px 16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.selector-row[data-v-5d6d3577]{display:flex;flex-wrap:wrap;gap:8px}.selector-row+.selector-row[data-v-5d6d3577]{margin-top:10px}.sel-btn[data-v-5d6d3577]{padding:5px 12px;font-size:14px;color:rgba(0,0,0,.65);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;cursor:pointer}.sel-btn.active[data-v-5d6d3577]{color:#fff;background:#06aac7;border-color:#06aac7}.main-block[data-v-5d6d3577]{margin:18px 0 0;display:flex;align-items:center;gap:32px;background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.diagram-wrap[data-v-5d6d3577]{cursor:pointer;flex:none}.info-wrap>.chord-name[data-v-5d6d3577]{font-size:40px;font-weight:700;color:#1a1a1a;line-height:1.1}.info-wrap>.chord-type-name[data-v-5d6d3577]{margin:4px 0 0;font-size:15px;color:rgba(0,0,0,.45)}.info-wrap>.chord-tones[data-v-5d6d3577]{margin:14px 0 0;font-size:15px;color:rgba(0,0,0,.75)}.info-wrap>.play-btns[data-v-5d6d3577]{margin:18px 0 0;display:flex;gap:10px}.play-btn[data-v-5d6d3577]{padding:8px 22px;font-size:14px;color:#fff;background:#06aac7;border:none;border-radius:4px;cursor:pointer}.play-btn+.play-btn[data-v-5d6d3577]{color:#06aac7;background:rgba(6,170,199,.0784313725)}.quick-block[data-v-5d6d3577]{margin:18px 0 0}.quick-block>h2[data-v-5d6d3577]{font-size:17px;color:rgba(0,0,0,.75)}.quick-grid[data-v-5d6d3577]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.quick-card[data-v-5d6d3577]{display:flex;flex-direction:column;align-items:center;padding:12px 6px 10px;background:#fff;border:1px solid transparent;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer}.quick-card.active[data-v-5d6d3577]{border-color:#06aac7}.quick-card>.quick-name[data-v-5d6d3577]{margin:6px 0 0;font-size:13px;font-weight:500;color:rgba(0,0,0,.75)}.article-block[data-v-5d6d3577]{margin:24px 0 0;font-size:14px;line-height:1.9;color:rgba(0,0,0,.65)}.article-block>h2[data-v-5d6d3577]{font-size:17px;color:rgba(0,0,0,.75)}.pinlun-wrap[data-v-5d6d3577]{margin:30px 0 40px}@media screen and (max-width: 600px){.main-block[data-v-5d6d3577]{flex-direction:column;gap:12px;text-align:center}.info-wrap>.play-btns[data-v-5d6d3577]{justify-content:center}}