/* 车牌竞拍预算计算器 —— 竞价金 · 拍板斜纹 */
.c60{
  --a:#a16207;
  --a2:#facc15;
  --a-soft:rgba(161,98,7,.10);
  --a-line:rgba(161,98,7,.26);
}

/* hero：竞价号牌斜纹 + 金色高光 */
.c60-hero{
  background:
    radial-gradient(680px 300px at 16% -8%, rgba(255,255,255,.8), transparent 62%),
    repeating-linear-gradient(135deg, rgba(161,98,7,.055) 0 10px, transparent 10px 24px),
    linear-gradient(132deg, #fffbeb 0%, #fef3c7 46%, #fde68a 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(680px 300px at 16% -8%, rgba(250,204,21,.16), transparent 62%),
    repeating-linear-gradient(135deg, rgba(250,204,21,.05) 0 10px, transparent 10px 24px),
    linear-gradient(132deg,#1c1505 0%,#231a06 48%,#0f1626 100%);
}
.c60-hero-art .core{
  background:linear-gradient(145deg,#facc15,#a16207);
  box-shadow:0 18px 42px rgba(161,98,7,.34);
}
.c60-hero-art .chip b{color:#a16207;}

/* 主结果：竞价金渐变 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#a16207,#713f12 74%);
  box-shadow:0 16px 34px rgba(113,63,18,.3);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

.c60-segbtn.on{color:#a16207;}
.c60-chip.on{background:rgba(161,98,7,.12);border-color:#a16207;color:#713f12;}

/* 可视化容器 */
.c60-viz{
  margin-top:16px;
  padding:12px 14px 8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:
    repeating-linear-gradient(135deg, rgba(161,98,7,.028) 0 8px, transparent 8px 20px),
    linear-gradient(180deg,rgba(161,98,7,.035),transparent 60%), var(--card);
}
.c60-viz-h{
  display:flex;justify-content:space-between;gap:10px;
  margin-bottom:6px;
  font-size:12px;font-weight:800;color:var(--muted);
}
.c60-viz-h span:last-child{color:var(--a);white-space:nowrap;}

/* 环形图 + 图例 */
.lp-donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:4px 0 8px;}
.lp-donut{flex:none;color:var(--ink2);}
.lp-donut svg{display:block;}
.lp-legend{flex:1;min-width:150px;display:flex;flex-direction:column;gap:7px;}
.lp-legend-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);}
.lp-legend-item i{width:10px;height:10px;border-radius:3px;flex:none;}
.lp-legend-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lp-legend-item b{font-weight:800;color:var(--ink);white-space:nowrap;}

.lp-range svg{display:block;width:100%;height:auto;}
.lp-range text{font-family:var(--font);}

/* 经验小抄 */
.lp-howto{margin:0;padding-left:18px;font-size:13px;line-height:1.9;color:var(--ink2);}
.lp-howto li{margin:5px 0;}
.lp-howto b{color:var(--ink);}

/* 费用表 */
.lp-table td:first-child{font-weight:800;color:var(--ink);}
.lp-table td:nth-child(3){font-weight:800;color:var(--a);white-space:nowrap;font-variant-numeric:tabular-nums;}
.lp-table tbody tr:nth-child(even) td{background:rgba(161,98,7,.035);}

@media (max-width:640px){
  .c60-viz{padding:10px;}
  .c60-viz-h{font-size:11.5px;}
  .lp-donut-wrap{gap:10px;}
  .lp-legend{min-width:130px;gap:5px;}
  .lp-legend-item{font-size:12px;}
}
@media print{
  .c60-viz{border-color:#ddd;}
}