/* ===== 隐形眼镜度数换算 /tool/contact-lens-calc ===== */

/* 双眼结果卡 */
.cl-eye {
    border: 1px solid var(--arc-line-strong); border-radius: var(--arc-radius);
    background: var(--arc-paper); padding: 14px 16px;
}
.cl-eye-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.cl-eye-tag {
    font-family: var(--arc-mono); font-size: 11.5px; font-weight: 700; letter-spacing: .08em;
    color: var(--arc-paper); background: var(--arc-brand);
    padding: 3px 8px; border-radius: 3px;
}
.cl-eye-path { font-size: 11.5px; font-weight: 700; }
.cl-eye-path.ok { color: var(--arc-ok); }
.cl-eye-path.warn { color: var(--arc-warn); }
.cl-eye-frame { font-size: 12px; color: var(--arc-ink-3); margin-top: 10px; }
.cl-eye-val {
    font-family: var(--arc-mono); font-size: 30px; font-weight: 800;
    font-variant-numeric: tabular-nums; letter-spacing: .01em;
    color: var(--arc-ink); margin-top: 4px; line-height: 1.2; word-break: break-all;
}
.cl-eye-val.ok { color: var(--arc-ok); }
.cl-eye-val.warn { color: var(--arc-warn); }
.cl-eye-steps { margin-top: 10px; font-size: 12px; color: var(--arc-ink-2); line-height: 1.8; }
.cl-eye-steps div { font-variant-numeric: tabular-nums; }