/* ======================================================================
 * av6 · 57 耳机耳塞尺寸核对 —— 页面专属样式（S/M/L 阶梯 / 试戴表 / 三步横条）
 * 只使用 shell.css 的 --av6-* 变量，暗色自动跟随
 * ====================================================================== */

/* S/M/L 阶梯 SVG */
.efs #efsPlate { width: 100%; height: auto; max-width: 240px; }
.efs .efs-plate-t {
    font-family: var(--av6-mono);
    font-size: 10px;
    letter-spacing: .12em;
    fill: var(--av6-muted);
}
.efs .efs-plate-c {
    font-family: var(--av6-mono);
    font-size: 11px;
    fill: var(--av6-ink2);
}
.efs .efs-plate-s { font-size: 9px; fill: var(--av6-muted); }
.efs #efsPlate .efs-step rect {
    fill: var(--av6-paper);
    stroke: var(--av6-line);
    stroke-width: 1.5;
    transition: fill .2s, stroke .2s;
}
.efs #efsPlate .efs-step circle {
    fill: var(--av6-line2);
    stroke: var(--av6-muted);
    stroke-width: 1.5;
    transition: fill .2s, stroke .2s;
}
.efs #efsPlate .efs-step.rec rect {
    fill: var(--av6-prisoft);
    stroke: var(--av6-pri);
    stroke-width: 2.5;
}
.efs #efsPlate .efs-step.rec circle {
    fill: var(--av6-pri);
    stroke: var(--av6-pri2);
}
.efs #efsPlate .efs-step.rec .efs-plate-c { fill: var(--av6-pri); font-weight: 700; }

/* 摘要行 */
.efs .efs-sub { font-size: 13.5px; color: var(--av6-ink2); margin: 0 0 10px; }

/* 试戴顺序表 */
.efs #efs_trial table { margin: 2px 0 10px; }
.efs #efs_trial td b { color: var(--av6-ink); }

/* 佩戴三步横条 */
.efs .efs-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 2px 0 12px;
}
.efs .efs-step-bar {
    border: 1px solid var(--av6-line);
    border-radius: 3px;
    background: var(--av6-paper);
    padding: 8px 10px;
    text-align: center;
}
.efs .efs-step-bar .n {
    display: inline-block;
    font-family: var(--av6-mono);
    font-size: 11px;
    color: var(--av6-sig);
    border: 1px solid var(--av6-sig);
    border-radius: 50%;
    width: 18px; height: 18px;
    line-height: 16px;
    margin-bottom: 4px;
}
.efs .efs-step-bar b { display: block; font-size: 14px; color: var(--av6-ink); }
.efs .efs-step-bar i { display: block; font-style: normal; font-size: 11.5px; color: var(--av6-muted); }
@media (max-width: 560px) {
    .efs .efs-steps { grid-template-columns: 1fr; }
}

/* 批量输出表容器（空时不占位） */
.efs #efs_batch_out:empty { display: none; }
.efs #efs_batch_out table { margin-bottom: 4px; }
