/* 产品卡 + 一眼结论框（全站改版第 3 步，2026-10-27）—— mu-plugins/liezhe-cards.php 输出的结构
   规范：E:\liezhe工作流\标准\页面视觉.md「十、产品卡 + 一眼结论框」。只用 lz-tokens.css 变量；一种卡（白底 1px 边 12 圆角无阴影）；三级文字（标题 18–24 / 正文 16 / 辅助 14）。
   本机正本：E:\站点\www.liezhe.com\补丁\lz-cards.css → wp-content/themes/wpdx-liezhe/assets/css/lz-cards.css
   🔴 权重：single.css 有 body.single .lz-single .entry-content p / li（0,3,2：18px/32px、margin 24）。
      产品卡里一律用「body.single .lz-single .entry-content .lzk-card」前缀（0,4,1），清零规则再加 :is(p,…)（0,4,2），各部件规则再加一个类（0,5,1）—— 10-27 第一版没这么写，卡里的间距、小字全被正文规则顶掉。
      结论框在正文外面，用「body.single .lz-single .lzk-v」前缀，同样的三层。 */

/* ── 共用：首字母标、按钮、推广标 ─────────────────────────────── */
.lzk-card,.lzk-v{font-family:var(--lz-font);color:var(--lz-text)}
.lzk-av{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-sizing:border-box;border-radius:var(--lz-r-md);
  background:var(--lz-brand-soft);border:1px solid var(--lz-brand-line);color:var(--lz-brand-strong);font-size:var(--lz-fs-lg);line-height:1;font-weight:var(--lz-fw-bold)}
.lzk-ic{flex:none;display:block}
body.single a.lzk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lz-s2);min-height:48px;padding:0 var(--lz-s5);box-sizing:border-box;
  border-radius:var(--lz-r-md);background:var(--lz-brand)!important;color:var(--lz-on-brand)!important;border:0!important;box-shadow:none;
  font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-bold);text-decoration:none!important;white-space:normal;text-align:center}
body.single a.lzk-btn:hover{background:var(--lz-brand-strong)!important;color:var(--lz-on-brand)!important}
body.single a.lzk-btn:focus-visible{outline:2px solid var(--lz-brand-strong);outline-offset:2px}
.lzk-ad{display:inline-block;padding:0 var(--lz-s2);border-radius:var(--lz-r-sm);background:var(--lz-bg-mute);color:var(--lz-muted);
  font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);font-weight:var(--lz-fw-normal);white-space:nowrap}

/* ── 一、产品卡（正文里，[lz_vps]）─────────────────────────────── */
body.single .lz-single .entry-content .lzk-card{margin:var(--lz-s6) 0;padding:var(--lz-s5);border:1px solid var(--lz-line);border-radius:var(--lz-r-lg);background:var(--lz-bg)}
body.single .lz-single .entry-content .lzk-card :is(p,ul,li,dl,dt,dd){margin:0;padding:0;list-style:none;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
body.single .lz-single .entry-content .lzk-card .lzk-card-h{display:flex;align-items:center;gap:var(--lz-s4)}
body.single .lz-single .entry-content .lzk-card .lzk-card-t{min-width:0}
body.single .lz-single .entry-content .lzk-card .lzk-card-n{font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.single .lz-single .entry-content .lzk-card .lzk-card-pos{color:var(--lz-muted)}
/* 关键数据：一行 1–3 格，格间竖线，上下 1px 线 */
body.single .lz-single .entry-content .lzk-card .lzk-kd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--lz-s5);border-top:1px solid var(--lz-line);border-bottom:1px solid var(--lz-line)}
body.single .lz-single .entry-content .lzk-card .lzk-kd-1{grid-template-columns:minmax(0,1fr)}
body.single .lz-single .entry-content .lzk-card .lzk-kd-2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.single .lz-single .entry-content .lzk-card .lzk-kd>div{min-width:0;padding:var(--lz-s3) var(--lz-s4) var(--lz-s3) 0}
body.single .lz-single .entry-content .lzk-card .lzk-kd>div+div{padding-left:var(--lz-s4);border-left:1px solid var(--lz-line)}
body.single .lz-single .entry-content .lzk-card .lzk-kd dt{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
body.single .lz-single .entry-content .lzk-card .lzk-kd dd{font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
/* 要点：单色对勾，两栏顶对齐 */
body.single .lz-single .entry-content .lzk-card .lzk-pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lz-s2) var(--lz-s6);margin-top:var(--lz-s4)}
body.single .lz-single .entry-content .lzk-card .lzk-pts li{display:flex;align-items:flex-start;gap:var(--lz-s2)}
body.single .lz-single .entry-content .lzk-card .lzk-pts .lzk-dot{flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--lz-line-2)}
body.single .lz-single .entry-content .lzk-card .lzk-fit{margin-top:var(--lz-s4)}
body.single .lz-single .entry-content .lzk-card .lzk-fit b{margin-right:var(--lz-s2);color:var(--lz-ink);font-weight:var(--lz-fw-bold)}
body.single .lz-single .entry-content .lzk-card .lzk-card-a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lz-s3) var(--lz-s4);margin-top:var(--lz-s5)}
body.single .lz-single .entry-content .lzk-card .lzk-card-m{flex:1 1 auto;display:flex;align-items:center;gap:var(--lz-s4)}
body.single .lz-single .entry-content .lzk-card a.lzk-rev{margin-left:auto;display:inline-flex;align-items:center;gap:var(--lz-s1);color:var(--lz-brand);text-decoration:none;border-bottom:1px solid var(--lz-brand-line)}
body.single .lz-single .entry-content .lzk-card a.lzk-rev:hover{color:var(--lz-brand-strong);border-bottom-color:var(--lz-brand-strong);text-decoration:none}
body.single .lz-single .entry-content .lzk-card .lzk-note{margin-top:var(--lz-s2);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}

/* ── 二、一眼结论框（署名下面、正文前）─────────────────────────── */
body.single .lz-single .lzk-v{margin:var(--lz-s5) 0 var(--lz-s6);border:1px solid var(--lz-line);border-radius:var(--lz-r-lg);background:var(--lz-bg);overflow:hidden}
body.single .lz-single .lzk-v :is(p,ul,li,dl,dt,dd){margin:0;padding:0;list-style:none;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
/* 顶行：名称 | 评分 | 按钮，浅灰底 */
body.single .lz-single .lzk-v .lzk-v-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lz-s5) var(--lz-s6);padding:var(--lz-s5);background:var(--lz-bg-soft);border-bottom:1px solid var(--lz-line)}
body.single .lz-single .lzk-v .lzk-av{font-size:var(--lz-fs-2xl)} /* 框里只留三级字：首字母跟名称同一级 24 */
body.single .lz-single .lzk-v .lzk-v-id{display:flex;align-items:center;gap:var(--lz-s4);flex:1 1 220px;min-width:0}
body.single .lz-single .lzk-v .lzk-v-k{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
body.single .lz-single .lzk-v .lzk-v-n{font-size:var(--lz-fs-2xl);line-height:var(--lz-lh-2xl);font-weight:var(--lz-fw-bold);color:var(--lz-ink);overflow-wrap:anywhere}
body.single .lz-single .lzk-v .lzk-v-sc{flex:none;padding-left:var(--lz-s6);border-left:1px solid var(--lz-line)}
body.single .lz-single .lzk-v .lzk-v-num{display:flex;align-items:baseline;gap:2px;color:var(--lz-ink)}
body.single .lz-single .lzk-v .lzk-v-num b{font-size:var(--lz-fs-2xl);line-height:var(--lz-lh-2xl);font-weight:var(--lz-fw-bold)}
body.single .lz-single .lzk-v .lzk-v-num span{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
body.single .lz-single .lzk-v .lzk-v-stars{display:flex;gap:2px}
.lzk-st{fill:var(--lz-acc);stroke:var(--lz-acc-fg);stroke-width:1}
.lzk-st.lzk-st-0{fill:none;stroke:var(--lz-line-2)}
body.single .lz-single .lzk-v a.lzk-v-how{display:inline-block;margin-top:var(--lz-s1);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted);text-decoration:none;border-bottom:1px dashed var(--lz-line-2)}
body.single .lz-single .lzk-v a.lzk-v-how:hover{color:var(--lz-brand);border-bottom-color:var(--lz-brand)}
body.single .lz-single .lzk-v .lzk-v-cta{flex:0 1 240px;display:flex;flex-direction:column;align-items:stretch;gap:var(--lz-s2);text-align:center}
body.single .lz-single .lzk-v .lzk-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--lz-s2);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
/* 下面各块：内边距 24，块间 1px 线 */
body.single .lz-single .lzk-v .lzk-v-one,body.single .lz-single .lzk-v .lzk-v-2,body.single .lz-single .lzk-v .lzk-v-kd{padding:var(--lz-s5)}
body.single .lz-single .lzk-v .lzk-v-top~.lzk-v-one+*,body.single .lz-single .lzk-v .lzk-v-top~.lzk-v-2+*{border-top:1px solid var(--lz-line)}
body.single .lz-single .lzk-v .lzk-v-one b{display:block;margin-bottom:var(--lz-s1);color:var(--lz-ink);font-weight:var(--lz-fw-bold)}
body.single .lz-single .lzk-v .lzk-v-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lz-s5) var(--lz-s6)}
body.single .lz-single .lzk-v .lzk-v-2.lzk-v-1{grid-template-columns:minmax(0,1fr)}
body.single .lz-single .lzk-v .lzk-v-h{margin-bottom:var(--lz-s3);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
body.single .lz-single .lzk-v .lzk-v-ul li{display:flex;align-items:flex-start;gap:var(--lz-s2)}
body.single .lz-single .lzk-v .lzk-v-ul li+li{margin-top:var(--lz-s2)}
body.single .lz-single .lzk-v .lzk-v-ul .lzk-ic{margin-top:3px}
body.single .lz-single .lzk-v .lzk-v-pro .lzk-ic,body.single .lz-single .lzk-v .lzk-v-fit .lzk-ic{color:var(--lz-ok)}
body.single .lz-single .lzk-v .lzk-v-con .lzk-ic,body.single .lz-single .lzk-v .lzk-v-unfit .lzk-ic{color:var(--lz-bad)}
/* 关键数据小表：左列名 14 灰、右列值 16 */
body.single .lz-single .lzk-v .lzk-v-kd>div{display:grid;grid-template-columns:136px minmax(0,1fr);gap:var(--lz-s4);padding:var(--lz-s3) 0;border-top:1px solid var(--lz-line)}
body.single .lz-single .lzk-v .lzk-v-kd>div:first-child{border-top:0;padding-top:0}
body.single .lz-single .lzk-v .lzk-v-kd>div:last-child{padding-bottom:0}
body.single .lz-single .lzk-v .lzk-v-kd dt{font-size:var(--lz-fs-sm);color:var(--lz-muted)}

/* ── 平板 / 手机 ─────────────────────────────────────────── */
@media (max-width:760px){
  body.single .lz-single .lzk-v .lzk-v-cta{flex:1 1 100%}
  body.single .lz-single .lzk-v .lzk-v-sc{padding-left:0;border-left:0}
}
@media (max-width:480px){
  body.single .lz-single .entry-content .lzk-card{padding:var(--lz-s4)}
  body.single .lz-single .entry-content .lzk-card .lzk-kd,body.single .lz-single .entry-content .lzk-card .lzk-kd-2{grid-template-columns:minmax(0,1fr)}
  body.single .lz-single .entry-content .lzk-card .lzk-kd>div,body.single .lz-single .entry-content .lzk-card .lzk-kd>div+div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--lz-s4);padding:var(--lz-s3) 0;border-left:0}
  body.single .lz-single .entry-content .lzk-card .lzk-kd>div+div{border-top:1px solid var(--lz-line)}
  body.single .lz-single .entry-content .lzk-card .lzk-kd dt{flex:none}
  body.single .lz-single .entry-content .lzk-card .lzk-kd dd{text-align:right}
  body.single .lz-single .entry-content .lzk-card .lzk-pts{grid-template-columns:minmax(0,1fr)}
  body.single .lz-single .entry-content .lzk-card .lzk-card-a{flex-direction:column;align-items:stretch}
  body.single .lz-single .entry-content .lzk-card .lzk-card-m{justify-content:space-between}
  body.single .lz-single .lzk-v .lzk-v-top{padding:var(--lz-s4);gap:var(--lz-s4)}
  body.single .lz-single .lzk-v .lzk-v-sc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lz-s1) var(--lz-s3);flex:1 1 100%}
  body.single .lz-single .lzk-v .lzk-v-sc .lzk-v-k{flex:1 1 100%}
  body.single .lz-single .lzk-v a.lzk-v-how{margin-top:0;margin-left:auto}
  body.single .lz-single .lzk-v .lzk-v-one,body.single .lz-single .lzk-v .lzk-v-2,body.single .lz-single .lzk-v .lzk-v-kd{padding:var(--lz-s4)}
  body.single .lz-single .lzk-v .lzk-v-2{grid-template-columns:minmax(0,1fr);gap:var(--lz-s4)}
  body.single .lz-single .lzk-v .lzk-v-kd>div{grid-template-columns:minmax(0,1fr);gap:0}
}