.kalimba-page[data-v-3bd4f08e]{min-height:100vh;background:#f3f4f5}.kalimba-container[data-v-3bd4f08e]{max-width:1000px;margin:0 auto}.title-block[data-v-3bd4f08e]{padding:30px 0 10px;text-align:center}.title-block>h1[data-v-3bd4f08e]{font-size:24px;color:#000}.title-block>.intro[data-v-3bd4f08e]{margin:10px 0 0;color:rgba(0,0,0,.45)}.tuning-switch[data-v-3bd4f08e]{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}.tuning-switch>.tuning-label[data-v-3bd4f08e]{font-size:13px;color:rgba(0,0,0,.45)}.tuning-switch>.tuning-btn[data-v-3bd4f08e]{padding:4px 12px;font-size:13px;color:rgba(0,0,0,.65);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;cursor:pointer}.tuning-switch>.tuning-btn.active[data-v-3bd4f08e]{color:#fff;background:#06aac7;border-color:#06aac7}.kalimba-board[data-v-3bd4f08e]{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin:24px auto 0;padding:56px 24px 40px;max-width:860px;background:linear-gradient(180deg,#b5793f 0%,#9c6330 100%);border-radius:18px;box-shadow:inset 0 2px 6px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.133);touch-action:none;user-select:none}.tine-wrap[data-v-3bd4f08e]{flex:1 1 0;min-width:16px;max-width:56px;display:flex;justify-content:center}.tine[data-v-3bd4f08e]{position:relative;width:100%;border-radius:6px 6px 14px 14px;background:linear-gradient(90deg,#c8ccd2 0%,#f4f6f8 45%,#aab0b8 100%);box-shadow:0 3px 5px rgba(0,0,0,.267),inset 0 -6px 10px rgba(0,0,0,.133);cursor:pointer;transform-origin:top center}.tine.active[data-v-3bd4f08e]{animation:tine-vibe-3bd4f08e .35s ease-out;background:linear-gradient(90deg,#9fd8e8 0%,#d8f2fa 45%,#8fc9dc 100%)}.tine-label[data-v-3bd4f08e]{position:absolute;left:0;right:0;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.tine-label>.jp[data-v-3bd4f08e]{position:relative;font-size:17px;font-weight:700;color:#333;line-height:1;padding-top:8px}.tine-label>.jp>.jp-dot[data-v-3bd4f08e]{position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#333}.tine-label>.jp>.jp-dot[data-v-3bd4f08e]:nth-child(1){top:0}.tine-label>.jp>.jp-dot[data-v-3bd4f08e]:nth-child(2){top:5px}.tine-label>.ename[data-v-3bd4f08e]{font-size:11px;color:#555}.tine-label>.pc-key[data-v-3bd4f08e]{font-size:10px;font-family:monospace;color:#888}.demo-block[data-v-3bd4f08e]{max-width:860px;margin:18px auto 0;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.demo-block>.demo-head[data-v-3bd4f08e]{display:flex;align-items:center;justify-content:space-between}.demo-block>.demo-head>.demo-title[data-v-3bd4f08e]{font-size:14px;font-weight:500;color:rgba(0,0,0,.75)}.demo-block>.demo-head>.demo-btn[data-v-3bd4f08e]{padding:4px 14px;font-size:13px;color:#fff;background:#06aac7;border:none;border-radius:4px;cursor:pointer}.demo-block>.demo-notes[data-v-3bd4f08e]{margin:8px 0 0;font-size:13px;font-family:monospace;line-height:1.8;color:rgba(0,0,0,.55);word-break:break-all}.tip[data-v-3bd4f08e]{margin:16px 0 0;text-align:center;font-size:13px;color:rgba(0,0,0,.4)}.pinlun-wrap[data-v-3bd4f08e]{margin:30px 0 40px}@media screen and (max-width: 600px){.kalimba-board[data-v-3bd4f08e]{gap:3px;padding:48px 8px 24px;border-radius:12px}.tine-label>.jp[data-v-3bd4f08e]{font-size:12px}.tine-label>.ename[data-v-3bd4f08e]{display:none}.tine-label>.pc-key[data-v-3bd4f08e]{display:none}}@keyframes tine-vibe-3bd4f08e{0%{transform:rotate(0)}20%{transform:rotate(1.6deg)}40%{transform:rotate(-1.3deg)}60%{transform:rotate(.9deg)}80%{transform:rotate(-.5deg)}to{transform:rotate(0)}}