/* ================================================================
   三级验货范围对比表 —— 首页 / 定价页 / 品类页共用
   由 build.py 注入 data-levels / data-compare
   ================================================================ */

/* ---------- 价格卡 ---------- */
.lv-cards{
  display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  margin:0 0 28px;align-items:stretch
}
.lv-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;display:flex;flex-direction:column;position:relative
}
.lv-card.lv2{border:2px solid var(--brand);padding:19px 21px}
.lv-card .lv-badge{
  position:absolute;top:-10px;left:20px;background:var(--brand);color:#fff;
  font-size:11.5px;padding:2px 10px;border-radius:20px;font-weight:600
}
.lv-card .lv-id{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.5px}
.lv-card .lv-name{font-size:16.5px;font-weight:600;margin:4px 0 0}
.lv-card .lv-price{font-size:32px;font-weight:700;letter-spacing:-1px;margin:10px 0 2px;color:var(--ink)}
.lv-card .lv-days{font-size:13px;color:var(--ink-3);margin-bottom:10px}
.lv-card .lv-sum{font-size:14px;color:var(--ink-2);line-height:1.55;margin:0 0 12px;
  padding-bottom:12px;border-bottom:1px solid var(--line)}
.lv-card .lv-for{font-size:12.5px;color:var(--ink-3);margin:0 0 14px}
.lv-card ul{margin:0 0 18px;padding:0;list-style:none;flex:1}
.lv-card li{font-size:13.5px;line-height:1.5;margin-bottom:6px;padding-left:18px;position:relative;color:var(--ink-2)}
.lv-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-weight:600;font-size:12px}
.lv-card li.no{color:var(--ink-3)}
.lv-card li.no::before{content:"—";color:var(--ink-3);font-weight:400}
.lv-card .btn{width:100%;text-align:center}

/* ---------- 对比表 ---------- */
.lv-table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.lv-table th,.lv-table td{
  padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top
}
.lv-table thead th{
  background:var(--bg-3);font-size:13px;font-weight:600;color:var(--ink-2);
  position:sticky;top:0
}
.lv-table thead th.c1{background:#e8e6df}
.lv-table thead th.c2{background:var(--brand);color:#fff}
.lv-table thead th.c3{background:var(--warn-bg);color:var(--ink)}
.lv-table td.c1,.lv-table td.c2,.lv-table td.c3{text-align:center;white-space:nowrap}
.lv-table td.c2{background:var(--ok-bg)}
.lv-table td.c3{background:#fdf5e6}
.lv-table tbody tr:hover td{background-color:#fafaf7}
.lv-table tbody tr:hover td.c2{background-color:#dcf0e8}
.lv-table tbody tr:hover td.c3{background-color:#fbeedc}
.lv-table td:first-child{color:var(--ink-2);font-size:13.5px}
.lv-table .yes{color:var(--ok);font-weight:600}
.lv-table .no{color:var(--ink-3)}
.lv-table tbody tr.grp td{
  background:var(--bg-3);font-size:12px;font-weight:600;color:var(--ink-2);
  text-transform:uppercase;letter-spacing:.4px;padding:6px 12px
}
.lv-table tbody tr.grp td.c2{background:#dceee7}
.lv-table tbody tr.grp td.c3{background:#f8ecd8}

/* ---------- 品类页内的紧凑版 ---------- */
.lv-table.compact{font-size:13.5px;min-width:560px}
.lv-table.compact th,.lv-table.compact td{padding:7px 10px}
.lv-table.compact td:first-child{font-size:13px}

.lv-note{
  background:var(--bg-2);border:1px solid var(--line);border-radius:8px;
  padding:13px 16px;margin:0 0 20px;font-size:13.5px;color:var(--ink-2)
}
.lv-note p{margin:0}
.lv-note p+p{margin-top:7px}

.lv-cta{
  display:flex;gap:12px;flex-wrap:wrap;align-items:center;
  margin:0 0 26px;padding-top:4px
}