/* 加价率计算器 —— 翡翠绿价签 · 零售定价 */
.c60{
  --a:#047857;
  --a2:#34d399;
  --a-soft:rgba(4,120,87,.10);
  --a-line:rgba(4,120,87,.26);
}

/* 价签母题：斜向条纹 + 薄荷渐变 */
.c60-hero{
  background:
    radial-gradient(700px 300px at 12% 0%, rgba(255,255,255,.82), transparent 62%),
    repeating-linear-gradient(135deg, rgba(4,120,87,.05) 0 1px, transparent 1px 16px),
    linear-gradient(135deg,#ecfdf5 0%,#d1fae5 48%,#f0fdfa 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(700px 300px at 12% 0%, rgba(52,211,153,.16), transparent 62%),
    repeating-linear-gradient(135deg, rgba(52,211,153,.06) 0 1px, transparent 1px 16px),
    linear-gradient(135deg,#061a15 0%,#0a2820 50%,#081824 100%);
}

/* hero 悬挂价签 */
.mk-string{
  position:absolute;
  top:0;left:50%;
  width:2px;height:38px;
  margin-left:-1px;
  background:repeating-linear-gradient(180deg,#059669 0 5px,transparent 5px 9px);
}
.mk-tagart{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
  width:212px;
  padding:26px 46px 26px 24px;
  background:linear-gradient(145deg,#059669,#047857 70%,#065f46);
  color:#fff;
  clip-path:polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%);
  filter:drop-shadow(0 18px 28px rgba(4,120,87,.3));
  transform:rotate(3deg);
}
.mk-tagart .mk-hole{
  position:absolute;
  top:14px;right:26px;
  width:12px;height:12px;
  border-radius:50%;
  background:#ecfdf5;
  box-shadow:inset 0 2px 3px rgba(6,95,70,.5);
}
.mk-tagart .k{font-size:11px;letter-spacing:2px;opacity:.8;}
.mk-tagart .v{font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1.15;}
.mk-tagart .s{font-size:11.5px;font-weight:700;opacity:.88;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#059669,#065f46 72%);
  box-shadow:0 16px 34px rgba(4,120,87,.32);
}
.c60-segbtn.on{color:#047857;}
.c60-chip.on{background:rgba(4,120,87,.12);border-color:#047857;color:#047857;}

/* 价签拆解 */
.mk-visual{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:14px;margin-top:18px;}
.mk-tagboard{
  position:relative;
  padding:15px 16px 14px;
  border:1px dashed var(--a-line);
  border-radius:14px;
  background:linear-gradient(160deg,var(--a-soft),transparent 70%);
}
.mk-tagboard-head{display:flex;justify-content:space-between;font-size:11.5px;font-weight:800;color:var(--muted);letter-spacing:.4px;margin-bottom:12px;}
.mk-stack{display:flex;height:32px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--soft);}
.mk-seg{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;transition:width .5s cubic-bezier(.2,.7,.2,1);}
.mk-seg.is-cost{background:linear-gradient(90deg,#065f46,#0f766e);color:#d1fae5;}
.mk-seg.is-profit{background:linear-gradient(90deg,#34d399,#a7f3d0);color:#065f46;}
.mk-seg.is-loss{background:linear-gradient(90deg,#fca5a5,#fecaca);color:#991b1b;}
.mk-seg b{font-variant-numeric:tabular-nums;}
.mk-stack-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:10.5px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums;}
.mk-tagboard-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:9px;border-top:1px dashed var(--a-line);font-size:12px;color:var(--muted);font-weight:800;}
.mk-tagboard-foot b{font-size:18px;color:var(--a);letter-spacing:-.4px;}

.mk-donut{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border:1px solid var(--line);border-radius:14px;background:var(--card);}
.mk-donut p{margin:4px 0 0;font-size:11px;color:var(--muted);font-weight:700;text-align:center;}

/* 折扣表：低于底线的行标红 */
#mkDiscountTable td{font-variant-numeric:tabular-nums;}
#mkDiscountTable tbody tr:nth-child(even) td{background:rgba(4,120,87,.035);}
#mkDiscountTable tr.is-below td{color:#dc2626;background:rgba(220,38,38,.06);}
#mkDiscountTable tr.is-below td:first-child{font-weight:800;}
:root[data-theme="dark"] #mkDiscountTable tr.is-below td{color:#f87171;background:rgba(239,68,68,.10);}

/* 定价区间 */
#mkRangeTable td{font-variant-numeric:tabular-nums;}
#mkRangeTable tr:nth-child(2) td{background:rgba(4,120,87,.08);font-weight:800;color:var(--ink);}

/* 预设 chips 更紧凑 */
#mkPresetChips{margin-top:2px;}

.c60-bar-row .bf{background:linear-gradient(90deg,#34d399,#047857);}

@media (max-width:640px){
  .mk-visual{grid-template-columns:1fr;}
  .mk-tagart{width:184px;padding:22px 40px 22px 20px;}
  .mk-tagart .v{font-size:29px;}
}