.tuner[data-v-6625cf61]{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 20px;gap:20px}.header[data-v-6625cf61]{text-align:center}.header h1[data-v-6625cf61]{font-size:22px;font-weight:600;letter-spacing:2px}.hint[data-v-6625cf61]{margin-top:8px;font-size:13px;color:#8a857c}.warn[data-v-6625cf61]{font-size:13px;color:#e0a558;background:#e0a5581a;border-radius:8px;padding:10px 14px;max-width:320px;text-align:center}.mic-btn[data-v-6625cf61]{font-size:16px;padding:12px 40px;border-radius:24px;border:1px solid #4a4640;background:#222;color:#e8e4dc}.mic-btn.active[data-v-6625cf61]{background:#3a2f22;border-color:#8a6a3a}.freq[data-v-6625cf61]{display:flex;align-items:baseline;gap:8px;margin-top:12px}.freq .num[data-v-6625cf61]{font-size:64px;font-weight:300;font-variant-numeric:tabular-nums;min-width:200px;text-align:center}.freq .unit[data-v-6625cf61]{font-size:18px;color:#8a857c}.note[data-v-6625cf61]{display:flex;align-items:baseline;gap:14px}.note .name[data-v-6625cf61]{font-size:40px;font-weight:500}.note .cents[data-v-6625cf61]{font-size:22px;font-variant-numeric:tabular-nums}.note .cents.sharp[data-v-6625cf61]{color:#d98d6a}.note .cents.flat[data-v-6625cf61]{color:#6a9fd9}.note.idle[data-v-6625cf61]{font-size:16px;color:#8a857c;height:52px;line-height:52px}.cents-bar[data-v-6625cf61]{position:relative;width:min(90%,360px);height:44px;margin-top:12px}.cents-bar[data-v-6625cf61]:before{content:"";position:absolute;top:18px;left:0;right:0;height:4px;border-radius:2px;background:linear-gradient(to right,#6a9fd9,#4a4640 30%,#4aa06a,#4a4640 70%,#d98d6a)}.cents-bar .marker[data-v-6625cf61]{position:absolute;top:8px;width:4px;height:24px;border-radius:2px;background:#e8e4dc;transform:translate(-50%);transition:left 80ms linear}.cents-bar .tick[data-v-6625cf61]{position:absolute;top:28px;font-size:11px;color:#8a857c}.cents-bar .tick.left[data-v-6625cf61]{left:0}.cents-bar .tick.center[data-v-6625cf61]{left:50%;transform:translate(-50%)}.cents-bar .tick.right[data-v-6625cf61]{right:0}.vol-bar[data-v-6625cf61]{width:min(90%,360px);height:6px;border-radius:3px;background:#2a2a2a;overflow:hidden}.vol-bar .vol[data-v-6625cf61]{height:100%;border-radius:3px;background:#4a4640}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#151515;color:#e8e4dc;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{height:100%}