/* 在线麦克风测试 */
.mt-opts {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 12px 0 6px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--c-surface-soft, #f6f8fa);
}
.mt-check {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--c-text-sub, #5b6572);
    cursor: pointer;
}
.mt-check input { width: 15px; height: 15px; }

.mt-meter {
    margin-top: 16px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--c-border, #e3e8ef);
    background: var(--c-surface-soft, #f6f8fa);
}
.mt-meter-label {
    font-size: 12.5px;
    color: var(--c-text-muted, #9aa5b1);
    margin-bottom: 6px;
}
.mt-meter-bar {
    height: 14px;
    border-radius: 999px;
    background: var(--c-surface, #eef1f5);
    overflow: hidden;
}
.mt-meter-fill {
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #22c55e, #eab308 65%, #ef4444);
    transition: width .06s linear;
}
.mt-meter-num {
    margin-top: 6px;
    font-size: 13px;
    color: var(--c-text-sub, #5b6572);
    font-variant-numeric: tabular-nums;
}
.mt-meter-num b { color: #0096dc; font-size: 16px; }
.mt-meter canvas {
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-radius: 8px;
    background: var(--c-surface, #fff);
}

.mt-rec {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px;
}
.mt-rec .btn { width: auto; }
.mt-rec-time {
    font-size: 13px;
    color: var(--c-text-sub, #5b6572);
    font-variant-numeric: tabular-nums;
}

.mt-play-box { margin-top: 14px; }
.mt-play-box label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--c-text-sub, #5b6572);
}
.mt-play-box audio { width: 100%; }

.mt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.mt-note {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.7;
}
.mt-note.is-ok { background: rgba(22, 163, 74, .1); color: #15803d; }
.mt-note.is-warn { background: rgba(220, 120, 0, .1); color: #b45309; }

[data-theme="dark"] .mt-meter canvas { background: var(--c-surface, #1b2028); }
[data-theme="dark"] .mt-note.is-ok { color: #4ade80; }
[data-theme="dark"] .mt-note.is-warn { color: #fbbf24; }