/* =============================================================
   生意洞察计算器 · 前台视觉（紧凑版）
   -------------------------------------------------------------
   同一份「Excel 数据」的两种表情：
     左栏 = 可填的账本（字段组 / 对比表 / 结论）
     右栏 = 实时结果面板（极简三指标：月营业额/设备回本/每年多赚）
   颜色一律走 pulse.css 的语义变量，换主题不打架。
   2026-10-23：整体收紧——圆角减小、间距收窄、输入框/行高压到刚够显示文本。
   2026-10-24：站长令四连——① 结果面板极简化（去深色小票屏/CTA）；
     ② A 列左对齐 + 开关移到文字左边 + 斑马纹/实线分行界；
     ③ 移动端结果面板浮动吸顶。
   2026-10-24 晚：深色主题撤下（站长改主意），只保留「各项目之间的视觉区分」。
   ============================================================= */

/* ---------- 页面顶部 ---------- */
/* 页头英雄区与「实时测算」工具条已删除，首块只需让出固定导航与面包屑高度。
   面包屑是 absolute（top = nav-h+12，高约 20px → 底 = nav-h+32），
   旧值 nav-h+22 会让第一张卡压住面包屑底部 10px；现让到 nav-h+40，下方留 8px 呼吸 */
.pg-calc .ci-top{padding-top:calc(var(--nav-h) + 40px)}

/* ---------- 工具按钮（恢复示例 / 打印，现挂页尾） ---------- */
.pg-calc .ci-btn{
  height:28px;padding:0 11px;border-radius:7px;border:1px solid var(--line-2);
  background:var(--bg-3);color:var(--ink-2);font-size:12.5px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
  transition:border-color .2s,color .2s,background .2s,transform .2s var(--ease)
}
.pg-calc .ci-btn:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}
.pg-calc .ci-btn:active{transform:none}
.pg-calc .ci-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6}

/* ---------- 布局 ---------- */
.pg-calc .ci-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;
  gap:14px;align-items:start;padding-bottom:28px
}
/* 页尾操作行：恢复示例数据 / 打印存 PDF */
.pg-calc .ci-acts{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0 0 2px
}
.pg-calc .ci-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.pg-calc .ci-side{
  position:sticky;top:calc(var(--nav-h) + 12px);
  display:flex;flex-direction:column;gap:10px;min-width:0
}

/* ---------- 卡片 ---------- */
.pg-calc .ci-card{
  background:var(--bg-3);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 1px 2px rgba(17,26,46,.05);overflow:hidden;position:relative
}
.pg-calc .ci-card__hd{display:flex;align-items:center;gap:10px;padding:13px 16px 11px}
.pg-calc .ci-step{
  width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;
  font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--brand);
  background:color-mix(in srgb,var(--brand) 14%,var(--bg-3));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 20%,transparent)
}
.pg-calc .ci-card__ttl{min-width:0}
.pg-calc .ci-card__ttl h2{
  margin:0;font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--ink)
}
.pg-calc .ci-card__ttl p{margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}

/* ---------- 字段组 ---------- */
.pg-calc .ci-fields{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--line)
}
.pg-calc .ci-field{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:10px 14px;border-bottom:1px solid var(--line);
  cursor:text;transition:background .22s
}
.pg-calc .ci-field--pair-l{border-right:1px solid var(--line)}
.pg-calc .ci-field--wide{grid-column:1 / -1}
.pg-calc .ci-field--last{border-bottom:0}
.pg-calc .ci-field:hover{background:color-mix(in srgb,var(--brand) 2.4%,transparent)}
.pg-calc .ci-field:focus-within{background:color-mix(in srgb,var(--brand) 4.5%,transparent)}
.pg-calc .ci-field__k{
  flex:none;font-size:12.5px;color:var(--muted);white-space:nowrap;letter-spacing:.01em;
  transition:color .2s
}
.pg-calc .ci-field:focus-within .ci-field__k{color:var(--brand)}
.pg-calc .ci-field__box{
  flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px
}
.pg-calc .ci-input{
  width:100%;min-width:0;
  padding:6px 10px;border:1px solid var(--line-2);border-radius:8px;
  background:var(--bg-3);
  text-align:right;font:inherit;font-size:16px;font-weight:600;letter-spacing:-.015em;
  color:var(--ink);font-variant-numeric:tabular-nums;
  transition:border-color .2s,box-shadow .2s
}
.pg-calc .ci-input:hover{border-color:var(--line-3)}
.pg-calc .ci-input:focus{
  outline:none;border-color:var(--brand);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent)
}
.pg-calc .ci-input::placeholder{color:var(--dim);font-weight:400}
.pg-calc .ci-input.is-text{text-align:right;font-weight:600}
/* 测算假设为后台写死，前台只读展示：去掉可编辑态的聚焦高亮，提示不可改 */
.pg-calc .ci-input[readonly]{cursor:default;background:color-mix(in srgb,var(--ink) 8%,var(--bg-3))}
.pg-calc .ci-input[readonly]:hover{border-color:var(--line-2)}
.pg-calc .ci-input[readonly]:focus{border-color:var(--line-2);box-shadow:none}
.pg-calc .ci-unit{
  flex:none;font-style:normal;font-size:11.5px;color:var(--dim);
  letter-spacing:.02em;transform:translateY(-1px)
}
.pg-calc .ci-field__calc{
  font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap
}

/* ---------- 对比表 ---------- */
.pg-calc .ci-tablewrap{border-top:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.pg-calc .ci-table{
  width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;
  font-size:13.5px;color:var(--ink)
}
.pg-calc .ci-table col.c-a{width:35%}
.pg-calc .ci-table col.c-b{width:16%}
.pg-calc .ci-table col.c-c{width:18%}
.pg-calc .ci-table col.c-d{width:31%}
/* 列数不足 4 时重新分配宽度，别让表尾空一大块 */
.pg-calc .ci-table--3 col.c-a{width:44%}
.pg-calc .ci-table--3 col.c-b{width:24%}
.pg-calc .ci-table--3 col.c-c{width:30%}
/* 删掉「个人码」列后，对比明细只剩 A 项目 / 收钱吧 / 测算依据 三列
   （colgroup 就是 c-a / c-b / c-c，旧注释写的 c-a/c-c/c-d 是笔误）；
   2026-10-24：C 列加宽到 30%、B 列收到 24%——买机器的下拉落在测算依据列，
   要给「AI 拍照收银机」留足宽度（690 小窗下余量从 5px 加到 ~18px）；
   B 列只放价格数字（最宽「101,600 元」约 78px），24% 仍绰绰有余 */
.pg-calc .ci-table--3 col.c-c{width:30%}
.pg-calc .ci-table--3 col.c-d{width:30%}
.pg-calc .ci-table--2 col.c-a{width:56%}
.pg-calc .ci-table--2 col.c-b{width:44%}
.pg-calc .ci-table th,.pg-calc .ci-table td{padding:11px 13px;text-align:left;vertical-align:middle}
/* 收钱吧数值列：上面那条 text-align:left 优先级更高，这里显式右对齐整列（含下拉格） */
.pg-calc .ci-table td.ci-num{text-align:right}
/* 对比项目列（A 列）左对齐：表头 + 所有数据行标签（2026-10-24 站长令，
   开关移到文字左边后右对齐会显得重心外抛，左对齐才与开关列齐平） */
.pg-calc .ci-table thead th:first-child{text-align:left}
.pg-calc .ci-table tbody th{text-align:left}
.pg-calc .ci-table thead th{
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);background:color-mix(in srgb,var(--ink) 4%,var(--bg-3));
  border-bottom:1px solid var(--line-2);white-space:nowrap;padding-top:9px;padding-bottom:9px
}
.pg-calc .ci-table thead th.is-num{text-align:right}
.pg-calc .ci-table thead th.is-brand{
  color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--bg-3));
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--brand) 30%,transparent)
}
.pg-calc .ci-reco{
  display:inline-flex;align-items:center;height:16px;padding:0 5px;margin-left:5px;
  border-radius:5px;background:var(--brand);color:#fff;
  font-size:9px;font-weight:700;letter-spacing:.08em;vertical-align:1px;
  text-transform:none
}
/* 行与行之间明显的视觉分界：斑马纹 + 比卡片内框更实一级的分隔线（2026-10-24 站长令） */
.pg-calc .ci-table tbody tr{transition:background .18s}
.pg-calc .ci-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--ink) 3.5%,transparent)}
.pg-calc .ci-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)}
.pg-calc .ci-table tbody th,.pg-calc .ci-table tbody td{border-bottom:1px solid var(--line-2)}
.pg-calc .ci-table tbody tr:last-child th,.pg-calc .ci-table tbody tr:last-child td{border-bottom:0}
.pg-calc .ci-table tbody th{
  font-weight:500;font-size:13.5px;color:var(--ink);line-height:1.45
}
.pg-calc .ci-table tbody tr.is-off th{color:var(--muted)}
.pg-calc .ci-table tbody tr.is-off td{opacity:.55}
.pg-calc .ci-table .is-brand{background:color-mix(in srgb,var(--brand) 8%,transparent)}
.pg-calc .ci-table tbody tr:nth-child(even) .is-brand{background:color-mix(in srgb,var(--brand) 11%,transparent)}
.pg-calc .ci-table tbody tr:hover .is-brand{background:color-mix(in srgb,var(--brand) 14%,transparent)}
/* 行名（A 列）：控件在左、文字随后，两者组成一组；控件位等宽保证文字起点对齐 */
.pg-calc .ci-rowname{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}
.pg-calc .ci-rowname__t{min-width:0}
.pg-calc .ci-sw{
  width:34px;height:20px;border-radius:999px;border:1px solid var(--line-3);
  background:color-mix(in srgb,var(--ink) 12%,transparent);position:relative;margin:0;cursor:pointer;flex:none;
  vertical-align:middle;padding:0;transition:background .24s,border-color .24s,box-shadow .24s
}
.pg-calc .ci-sw::after{
  content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);
  transition:transform .26s cubic-bezier(.34,1.56,.64,1)
}
.pg-calc .ci-sw[aria-checked="true"]{background:var(--brand);border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}
.pg-calc .ci-sw[aria-checked="true"]::after{transform:translateX(14px)}
.pg-calc .ci-sw:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* 非开关行的小圆点：与开关等宽占位，文字起点才和开关行对齐 */
.pg-calc .ci-tick{display:inline-block;width:34px;margin-right:0;flex:none;vertical-align:middle}
.pg-calc .ci-tick::before{
  content:"";display:block;width:5px;height:5px;border-radius:50%;
  background:var(--line-3);margin:8px auto
}
.pg-calc .ci-num{
  text-align:right;font-variant-numeric:tabular-nums;
  font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap
}
.pg-calc .ci-num i{font-style:normal;font-size:10.5px;font-weight:500;color:var(--dim);margin-left:2px;letter-spacing:0}
/* 收益/成本/错误三色走变量（--gain/--cost/--err，带浅色兜底），换主题时只改变量不动规则 */
.pg-calc .ci-num.is-pos{color:var(--gain,#0a7a4a)}
.pg-calc .ci-num.is-neg{color:var(--cost,#a85a12)}
.pg-calc .ci-num.is-zero,.pg-calc .ci-num.is-zero i{color:var(--dim);font-weight:500}
.pg-calc .ci-num.is-err{color:var(--err,#c0392b);font-size:12.5px;font-weight:600}

/* 下拉选项单元格：后台配在单元格上的 [{n:名称,v:数值}]，前台渲染成下拉。
   2026-10-24：选项只放名称，价格由同行公式格（B8=-D8）在数值列显示；
   买机器的下拉挂在 C 列「测算依据」——选哪台机器就是测算依据 */
.pg-calc .ci-select{
  width:100%;max-width:100%;padding:5px 8px;border:1px solid var(--line-2);border-radius:7px;
  background:var(--bg-3);font:inherit;font-size:13px;font-weight:600;color:var(--ink);
  cursor:pointer;text-align:right;transition:border-color .2s,box-shadow .2s
}
.pg-calc .ci-select:hover{border-color:var(--line-3)}
.pg-calc .ci-select:focus{
  outline:none;border-color:var(--brand);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent)
}
.pg-calc .ci-basis{font-size:12px;line-height:1.5;color:var(--muted);white-space:pre-wrap}
/* 下拉落在「测算依据」列（买机器）：左对齐、宽度自适应内容，别把整格拉满 */
.pg-calc td.ci-basis .ci-select{width:auto;max-width:100%;text-align:left}
.pg-calc .ci-table tbody tr.is-total th,
.pg-calc .ci-table tbody tr.is-total td{
  border-top:2px solid var(--line-3);border-bottom:0;
  background:color-mix(in srgb,var(--ink) 7%,transparent);font-weight:700
}
.pg-calc .ci-table tbody tr.is-total th{font-weight:700}
.pg-calc .ci-table tbody tr.is-total .is-brand{background:color-mix(in srgb,var(--brand) 14%,transparent)}
.pg-calc .ci-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 16px 12px;font-size:11px;color:var(--dim);line-height:1.6
}
.pg-calc .ci-foot em{font-style:normal;display:inline-flex;align-items:center;gap:6px}
.pg-calc .ci-foot i{display:inline-block;width:8px;height:8px;border-radius:2px}
.pg-calc .ci-foot i.ci-dot-pos{background:var(--gain,#0a7a4a)}
.pg-calc .ci-foot i.ci-dot-neg{background:var(--cost,#a85a12)}

/* 表格子行：父对比项下挂的可填小维度（如「扫码点餐每月省下工时」），
   缩进 + 连接线 + 内嵌输入框，与父行组成一个组合维度；父行开关关闭时一起变暗 */
.pg-calc .ci-table tbody tr.is-sub th{padding-top:2px;padding-bottom:10px;font-weight:400}
.pg-calc .ci-table tbody tr.is-sub td{padding-top:2px;padding-bottom:10px}
.pg-calc .ci-table .ci-subname{
  display:inline-block;padding-left:2px;
  font-size:12px;color:var(--muted);letter-spacing:.01em
}
.pg-calc .ci-table .ci-subname::before{
  content:"";display:inline-block;width:11px;height:1.5px;border-radius:2px;
  background:var(--line-3);vertical-align:4px;margin-right:8px
}
.pg-calc .ci-table tbody tr.is-sub.is-off th,
.pg-calc .ci-table tbody tr.is-sub.is-off td{opacity:.5}
.pg-calc .ci-table .ci-subval{text-align:left;white-space:nowrap}
.pg-calc .ci-table .ci-subval .ci-unit{font-size:11px;transform:none}
.pg-calc .ci-input--tbl{
  display:inline-block;width:76px;max-width:100%;
  padding:4px 8px;border:1px solid var(--line-2);border-radius:6px;
  background:var(--bg-3);
  text-align:right;font:inherit;font-size:13px;font-weight:600;
  color:var(--ink);font-variant-numeric:tabular-nums;
  transition:border-color .2s,box-shadow .2s
}
.pg-calc .ci-input--tbl:hover{border-color:var(--line-3)}
.pg-calc .ci-input--tbl:focus{
  outline:none;border-color:var(--brand);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent)
}

/* ---------- 结果面板：2026-10-24 极简三指标（月营业额/设备回本/每年多赚） ----------
   去掉了深色渐变底板、光斑、扫描线、主数字大字号、CTA——只留三行「标签 + 数值」 */
.pg-calc .ci-result{
  background:var(--bg-3);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 1px 2px rgba(17,26,46,.05);padding:5px 15px
}
.pg-calc .ci-result__list{display:flex;flex-direction:column}
.pg-calc .ci-result__list > div{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--line);font-size:13px
}
.pg-calc .ci-result__list > div:last-child{border-bottom:0}
.pg-calc .ci-result__list span{color:var(--muted)}
.pg-calc .ci-result__list b{
  font-weight:600;font-size:15px;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap
}
.pg-calc .ci-result__list b.is-pos{color:var(--gain,#0a7a4a)}
.pg-calc .ci-result__list b.is-neg{color:var(--cost,#a85a12)}
.pg-calc .ci-result__list b.is-zero{color:var(--dim);font-weight:500}
.pg-calc .ci-mini{
  display:flex;align-items:center;gap:9px;padding:9px 12px;
  border:1px solid var(--line);border-radius:10px;background:var(--bg-3);
  box-shadow:0 1px 2px rgba(17,26,46,.05);font-size:12px;color:var(--muted);line-height:1.5
}
.pg-calc .ci-mini b{color:var(--ink);font-weight:600}
.pg-calc .ci-mini a{
  margin-left:auto;flex:none;color:var(--brand);font-weight:600;white-space:nowrap;
  display:inline-flex;align-items:center;gap:3px
}
.pg-calc .ci-mini a:hover{text-decoration:underline}

/* ---------- 结论 / 说明 ---------- */
.pg-calc .ci-card--verdict{
  background:linear-gradient(102deg,color-mix(in srgb,var(--brand) 13%,var(--bg-3)) 0%,var(--bg-3) 58%);
  border-color:color-mix(in srgb,var(--brand) 17%,var(--line))
}
.pg-calc .ci-card--verdict::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--grad);opacity:.85
}
.pg-calc .ci-verdict{padding:14px 16px 16px}
.pg-calc .ci-verdict__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)
}
.pg-calc .ci-verdict__eyebrow::before{
  content:"";width:14px;height:1px;background:var(--brand);opacity:.6
}
.pg-calc .ci-verdict__text{
  margin:8px 0 0;font-size:17px;line-height:1.6;font-weight:500;
  letter-spacing:-.012em;color:var(--ink);text-wrap:pretty
}
.pg-calc .ci-verdict__text b{
  font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;
  padding:0 1px
}
.pg-calc .ci-verdict__foot{margin-top:10px;font-size:11.5px;color:var(--dim)}
.pg-calc .ci-card--assump{background:var(--bg-3)}
.pg-calc .ci-assump__hd{
  display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;
  list-style:none;user-select:none
}
.pg-calc .ci-assump__hd::-webkit-details-marker{display:none}
.pg-calc .ci-assump__hd:hover{background:color-mix(in srgb,var(--brand) 2.4%,transparent)}
.pg-calc .ci-assump__hint{margin-left:auto;font-size:11.5px;color:var(--dim);white-space:nowrap}
.pg-calc .ci-assump__chev{
  width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);
  transform:rotate(45deg);transition:transform .25s var(--ease);margin:-3px 2px 0 4px;flex:none
}
.pg-calc .ci-card--assump[open] .ci-assump__chev{transform:rotate(-135deg);margin-top:4px}
.pg-calc .ci-card--assump[open] .ci-assump__hint{color:var(--brand)}
.pg-calc .ci-card--assump .ci-fields{border-top:1px solid var(--line)}
.pg-calc .ci-card--note{background:transparent;box-shadow:none;border-style:dashed}
.pg-calc .ci-note{padding:11px 16px 13px;display:flex;gap:12px;align-items:flex-start}
.pg-calc .ci-note__k{
  flex:none;padding:2px 8px;border-radius:5px;font-size:10.5px;font-weight:600;
  letter-spacing:.06em;color:var(--muted);background:var(--surface-3);
  box-shadow:inset 0 0 0 1px var(--line)
}
.pg-calc .ci-note__v{font-size:11.5px;line-height:1.7;color:var(--muted);white-space:pre-wrap}
.pg-calc .ci-note + .ci-note{padding-top:0}
.pg-calc .ci-disclaim{
  margin:12px 0 0;max-width:820px;font-size:11px;line-height:1.75;color:var(--dim)
}
.pg-calc .ci-empty{
  padding:28px 24px;text-align:center;font-size:13px;color:var(--muted)
}

/* 数值变化时的一次性高光 */
.pg-calc .ci-flash{animation:ciFlash .5s var(--ease)}
@keyframes ciFlash{
  0%{background:color-mix(in srgb,var(--brand) 10%,transparent)}
  100%{background:transparent}
}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .pg-calc .ci-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}
}
@media (max-width:920px){
  .pg-calc .ci-layout{display:flex;flex-direction:column;gap:12px}
  .pg-calc .ci-main{display:contents}
  .pg-calc .ci-card--fields{order:1}
  .pg-calc .ci-side{order:2;position:static}
  .pg-calc .ci-card--table{order:3}
  .pg-calc .ci-card--verdict{order:4}
  .pg-calc .ci-card--assump{order:5}
  .pg-calc .ci-card--note{order:6}
}
/* 移动端（≤720px）：结果面板变成吸在页面上方的浮动小条（站长令 2026-10-24）。
   三指标横排，半透明毛玻璃底，滚动时一直可见；不占文档流，
   页面首屏内容整体下移，避免被浮动条压住。 */
@media (max-width:720px){
  .pg-calc .ci-top{padding-top:calc(var(--nav-h) + 62px)}
  .pg-calc .ci-side{
    position:fixed;left:10px;right:10px;top:calc(var(--nav-h) + 6px);z-index:50;
    min-width:0
  }
  .pg-calc .ci-result{
    padding:7px 10px;border-radius:12px;
    background:color-mix(in srgb,var(--bg-3) 86%,transparent);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    box-shadow:0 10px 24px -14px rgba(17,26,46,.3)
  }
  .pg-calc .ci-result__list{flex-direction:row;gap:0}
  .pg-calc .ci-result__list > div{
    flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:1px;
    padding:2px 4px;border-bottom:0;font-size:10.5px;line-height:1.25;text-align:center
  }
  .pg-calc .ci-result__list > div + div{border-left:1px solid var(--line)}
  .pg-calc .ci-result__list span{font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .pg-calc .ci-result__list b{font-size:14px;line-height:1.2}
}
@media (max-width:640px){
  /* 字段组：两个输入项并排一行（站长令 2026-10-24），标签在上、输入框在下，各占半格 */
  .pg-calc .ci-fields{grid-template-columns:1fr 1fr}
  .pg-calc .ci-field{flex-direction:column;align-items:stretch;gap:5px;padding:9px 12px}
  .pg-calc .ci-field--pair-l{border-right:1px solid var(--line)}
  .pg-calc .ci-field__k{white-space:normal}
  .pg-calc .ci-card__hd{padding:12px 14px 10px}
  .pg-calc .ci-card__ttl h2{font-size:15.5px}
  /* 移动端没有「测算依据」列：三列重新分配，避免右侧留一条空白 */
  .pg-calc .ci-table col.c-a{width:48%}
  .pg-calc .ci-table col.c-b{width:24%}
  .pg-calc .ci-table col.c-c{width:28%}
  .pg-calc .ci-table col.c-d{width:0}
  /* 删个人码列后三列（c-a / c-c / 依据隐藏）：收钱吧列加宽放金额 */
  .pg-calc .ci-table--3 col.c-a{width:56%}
  .pg-calc .ci-table--3 col.c-c{width:44%}
  .pg-calc .ci-table th,.pg-calc .ci-table td{padding:9px 9px}
  .pg-calc .ci-table thead th{font-size:10px;letter-spacing:.04em}
  .pg-calc .ci-reco{display:none}
  .pg-calc .ci-num{font-size:14px}
  .pg-calc .ci-table tbody th{font-size:12.5px}
  .pg-calc .ci-table .is-d{display:none}
  /* 移动端对比明细改「堆叠式」：第一行 = 对比项目 + 收钱吧值，
     第二行另起一行全宽展示「测算依据」——三列信息一个不少，不再挤成一团。
     关键：tr 改 flex 后会脱离表格行布局收缩到内容宽（实测 340px 卡片只占 154px），
     必须把 table/tbody 一起退化为 block，行才有确定的 100% 参照，
     否则 54%/42% 全按收缩宽解析——标签折成三四行、下拉被截断成「云…」。 */
  .pg-calc .ci-table--3{display:block}
  .pg-calc .ci-table--3 tbody{display:block}
  .pg-calc .ci-table--3 thead{display:none}
  .pg-calc .ci-table--3 tbody tr{display:flex;flex-wrap:wrap;align-items:center;width:100%;border-bottom:1px solid var(--line)}
  .pg-calc .ci-table--3 tbody th,.pg-calc .ci-table--3 tbody td{border-bottom:0}
  .pg-calc .ci-table--3 tbody th{flex:1 1 54%;min-width:0;text-align:left}
  .pg-calc .ci-table--3 tbody td.ci-num{flex:0 0 42%;text-align:right}
  .pg-calc .ci-table--3 tbody td.ci-basis{flex:1 1 100%;text-align:left;padding-top:0;font-size:11px;line-height:1.55}
  .pg-calc .ci-table--3 tbody tr.is-total td.ci-basis{border-top:0}
  .pg-calc .ci-table--3 .ci-select{font-size:12px;padding:4px 7px}
  /* 子行（扫码点餐工时）：与其他项目统一——标签左 54%、输入框+单位右 42%，
     不再独占一行（站长令 2026-10-24）；td 保持 flex 让单位「小时」贴着输入框 */
  .pg-calc .ci-table--3 tbody tr.is-sub th{flex:1 1 54%}
  .pg-calc .ci-table--3 tbody td.ci-subval{
    flex:0 0 42%;display:flex;align-items:center;justify-content:flex-end;
    gap:6px;min-width:0}
  /* 普通行里的下拉格（如买机器，2026-10-24 起挂在 C 列测算依据）：独占一行全宽，
     不再和 42% 的值格抢位；:has 不限定列类，哪列藏下拉都全宽 */
  .pg-calc .ci-table--3 tbody td:has(select.ci-select){
    flex:1 1 100%;text-align:left;padding-top:2px;
    display:flex;align-items:center;gap:6px;min-width:0}
  .pg-calc .ci-table--3 tbody td:has(select.ci-select) .ci-select{
    width:100%;min-width:0;flex:1 1 auto}
  /* 开关/占位圆点不再按移动端缩小：与桌面统一 34×20，文字起点全视口一致 */
  .pg-calc .ci-foot{padding:9px 14px 11px;flex-direction:column;align-items:flex-start;gap:4px}
  .pg-calc .ci-verdict{padding:14px}
  .pg-calc .ci-verdict__text{font-size:16px;line-height:1.6}
  .pg-calc .ci-note{padding:11px 14px}
}

/* ---------- 打印 ---------- */
@media print{
  .pg-calc .cosmos,.pg-calc .ribbon,.pg-calc .scanline,.pg-calc .pointer-glow-wrap,
  .pg-calc .ci-acts,.pg-calc .ci-mini,
  .pg-calc .nav,.pg-calc .footer,.pg-calc .askfab,.pg-calc .breadcrumbs,
  .pg-calc .progress{display:none!important}
  .pg-calc .ci-top{padding-top:0}
  .pg-calc .ci-layout{display:block;padding:0}
  .pg-calc .ci-main{display:block}
  .pg-calc .ci-card,.pg-calc .ci-side{break-inside:avoid;box-shadow:none}
  .pg-calc .ci-side{position:static;margin-top:12px}
  .pg-calc .ci-card{border-color:#d8dee9}
  .pg-calc .ci-table,.pg-calc .ci-table thead th,.pg-calc .ci-table .is-brand,
  .pg-calc .ci-step{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* 打印别糊一大块深色：改成白底深字，省墨也看得清 */
  .pg-calc .ci-result{background:#fff!important;color:var(--ink);border:1px solid #d8dee9;box-shadow:none;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pg-calc .ci-result__list span{color:var(--muted)}
  .pg-calc .ci-result__list b{color:var(--ink)}
  .pg-calc .ci-result__list b.is-pos{color:#0a7a4a}
}