/* 吉他和弦指法：和弦库 + 指法图 */
.gc-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.625rem}
.gc-chip{border:1px solid #e3e8ee;background:#fff;color:#334155;border-radius:1rem;padding:.22rem .65rem;font-size:.8125rem;cursor:pointer}
.gc-chip:hover{border-color:var(--site-primary,#7c3aed);color:var(--site-primary,#7c3aed)}
.gc-chip.is-on{border-color:var(--site-primary,#7c3aed);background:var(--site-tint,#f5f3ff);color:var(--site-primary,#7c3aed);font-weight:600}
.gc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.4rem;max-height:22rem;overflow:auto;padding:.15rem}
.gc-item{padding:.4rem .5rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fff;text-align:center;cursor:pointer}
.gc-item:hover{border-color:var(--site-primary,#7c3aed);color:var(--site-primary,#7c3aed)}
.gc-item.is-on{background:var(--site-primary,#7c3aed);border-color:var(--site-primary,#7c3aed);color:#fff}
.gc-item b{display:block;font-size:1rem}
.gc-item span{display:block;font-size:.6875rem;color:#a7b0bb}
.gc-item.is-on span{color:#e9d5ff}
.gc-detail{padding:1rem;border:1px solid #eef1f5;border-radius:.75rem;background:#fafbfd;min-height:20rem}
.gc-detail .gc-name{font-size:1.5rem;font-weight:800;color:#1f2d3d;line-height:1}
.gc-detail .gc-sub{font-size:.8125rem;color:#8a94a3;margin-top:.2rem}
.gc-detail svg{display:block;margin:1rem auto .5rem;max-width:100%}
.gc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin-top:.75rem}
.gc-fact{padding:.5rem .625rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fff}
.gc-fact .gc-k{font-size:.75rem;color:#8a94a3}
.gc-fact .gc-v{font-size:.9375rem;font-weight:700;color:#1f2d3d}
.gc-fact .gc-v.gc-small{font-size:.8125rem;font-weight:500;color:#5b6675;line-height:1.7}
@media (max-width:575.98px){
  .gc-list{max-height:15rem}
}