.keyboard-container[data-v-d5933e28]{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--bg-color);border:1px solid var(--el-border-color, #dcdfe6);border-radius:8px;-webkit-user-select:none;user-select:none}.keyboard-row[data-v-d5933e28]{display:flex;gap:4px;justify-content:center}.arrow-row[data-v-d5933e28]{justify-content:flex-end;width:200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.key[data-v-d5933e28]{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:var(--bg-card);border:1px solid #d0d5dd;border-radius:6px;font-size:12px;font-weight:500;color:#344054;cursor:default;transition:all .1s ease;box-shadow:0 1px 2px #0000000d;flex:1;padding:0 4px}.key.active[data-v-d5933e28]{background:var(--el-color-primary);color:#fff;border-color:var(--el-color-primary);box-shadow:0 0 8px #409eff80;transform:translateY(1px)}.key-fn[data-v-d5933e28]{min-width:36px;font-size:10px;flex:.85}.key-wide[data-v-d5933e28]{flex:1.4}.key-xwide[data-v-d5933e28]{flex:1.8}.key-xxwide[data-v-d5933e28]{flex:3.5}.space[data-v-d5933e28]{flex:8}.key-info[data-v-d5933e28]{margin-top:16px}.pressed-count[data-v-d5933e28]{text-align:center;margin-top:12px;color:var(--text-secondary, #909399);font-size:14px}.button-group[data-v-d5933e28]{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}@media (max-width: 768px){.key[data-v-d5933e28]{min-width:28px;height:32px;font-size:10px}.key-fn[data-v-d5933e28]{min-width:24px;font-size:8px}}