/* ==========================================================================
   电动车电池更换成本 —— 专属样式（SOH 健康度环 + 双方案对比卡）
   依赖 biz-kit.css v2 的变量与骨架
   ========================================================================== */

/* ---------- 双方案对比 ---------- */
.eb-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 6px; }

.eb-plan {
    border: 1px solid var(--bk-line);
    border-radius: 12px;
    background: var(--bk-card);
    padding: 16px 18px;
    display: grid;
    gap: 10px;
    transition: border-color .16s ease, background .16s ease;
}

.eb-plan.is-win { border-color: var(--bk-accent); background: var(--bk-accent-soft); }

.eb-plan-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.eb-plan-head b { font-size: 14.5px; font-weight: 800; }

.eb-plan-tag {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--bk-accent);
    color: #fff;
}

.eb-plan-cost { font-family: var(--bk-mono); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--bk-ink); }
.eb-plan.is-win .eb-plan-cost { color: var(--bk-accent); }
.eb-plan-cost small { font-size: 10.5px; font-weight: 400; color: var(--bk-ink3); margin-left: 4px; }

.eb-plan-rows { display: grid; gap: 5px; }
.eb-plan-rows div { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; color: var(--bk-ink2); }
.eb-plan-rows b { font-family: var(--bk-mono); font-variant-numeric: tabular-nums; color: var(--bk-ink); white-space: nowrap; }

.eb-plan-fit { font-size: 11.5px; line-height: 1.75; color: var(--bk-ink3); border-top: 1px dashed var(--bk-line); padding-top: 8px; }

/* 对比结论条 */
.eb-verdict {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border: 1px solid var(--bk-line);
    border-left: 3px solid var(--bk-accent);
    border-radius: 10px;
    font-size: 12.5px;
    line-height: 1.8;
    color: var(--bk-ink2);
    background: var(--bk-card);
}

.eb-verdict b { color: var(--bk-ink); }

@media (max-width: 700px) {
    .eb-plans { grid-template-columns: 1fr; }
    .eb-plan-cost { font-size: 19px; }
}