/* 空调铜管与冷媒追加 —— 冷媒蓝 · 铜管盘绕 */
.c60{
  --a:#0284c7;
  --a2:#7dd3fc;
  --a-soft:rgba(2,132,199,.10);
  --a-line:rgba(2,132,199,.26);
}

/* 盘管纹理：同心铜圈 + 冰蓝渐变 */
.c60-hero{
  background:
    radial-gradient(760px 320px at 8% 0%, rgba(255,255,255,.88), transparent 62%),
    repeating-radial-gradient(circle at 84% 42%, rgba(2,132,199,.07) 0 2px, transparent 2px 15px),
    linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 48%,#bae6fd 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(760px 320px at 8% 0%, rgba(125,211,252,.14), transparent 62%),
    repeating-radial-gradient(circle at 84% 42%, rgba(125,211,252,.10) 0 2px, transparent 2px 15px),
    linear-gradient(135deg,#041525 0%,#062338 52%,#03111e 100%);
}
.acp-coil{position:relative;z-index:1;filter:drop-shadow(0 14px 24px rgba(2,132,199,.22));}
.acp-coil svg{display:block;}
.c60-hero-art .chip b{color:#0369a1;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#7dd3fc;}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#0891b2,#075985 78%);
  box-shadow:0 16px 34px rgba(2,132,199,.3);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

/* 管路示意 */
.acp-diagram{
  margin-top:16px;
  padding:8px;
  border-radius:14px;
  border:1px solid var(--line);
  background:
    repeating-linear-gradient(135deg, rgba(2,132,199,.04) 0 2px, transparent 2px 10px),
    var(--soft);
  display:grid;
  place-items:center;
  min-height:120px;
}
.acp-diagram svg{width:100%;max-width:430px;height:auto;display:block;}
.acp-diagram-empty{font-size:12.5px;color:var(--muted);}
.acp-diagram .acp-unit{fill:#e0f2fe;stroke:#0284c7;stroke-width:2;}
.acp-diagram .acp-pipe{stroke:#0284c7;stroke-width:3.2;fill:none;stroke-linecap:round;}
.acp-diagram .acp-label{font-size:11px;font-weight:800;fill:#0369a1;}
.acp-diagram .acp-sub{font-size:10.5px;font-weight:700;fill:#0c4a6e;}
:root[data-theme="dark"] .acp-diagram{background:rgba(2,132,199,.16);}
:root[data-theme="dark"] .acp-diagram .acp-unit{fill:#0b1c2c;stroke:#7dd3fc;}
:root[data-theme="dark"] .acp-diagram .acp-label,
:root[data-theme="dark"] .acp-diagram .acp-sub{fill:#bae6fd;}
:root[data-theme="dark"] .acp-diagram .acp-pipe{stroke:#7dd3fc;}

/* 可视化区：费用环图 + 清单 */
.acp-viz{
  margin-top:16px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.acp-cost-donut{display:grid;place-items:center;}
.acp-cost-donut svg{color:#0284c7;}
.acp-cost-donut svg text:first-of-type{font-size:15px;font-weight:900;}
:root[data-theme="dark"] .acp-cost-donut svg{color:#7dd3fc;}
.acp-viz .c60-table-wrap{margin-top:0;}
.acp-viz .c60-table{min-width:220px;}
#acpList td:last-child{font-variant-numeric:tabular-nums;text-align:right;}
#acpList td:nth-child(2){font-variant-numeric:tabular-nums;}

/* 管径参考表高亮 */
#acpRefTable tbody tr td{font-variant-numeric:tabular-nums;}
#acpRefTable tbody tr.is-cur td{background:rgba(2,132,199,.10);font-weight:800;color:var(--ink);box-shadow:inset 3px 0 0 #0284c7;}

/* 条形图 / chips */
#acpBars .bf{background:linear-gradient(90deg,#7dd3fc,#0284c7);}
.c60-chip.on{background:rgba(2,132,199,.12);border-color:#0284c7;color:#0369a1;}
:root[data-theme="dark"] .c60-chip.on{color:#bae6fd;}

@media (max-width:640px){
  .acp-viz{grid-template-columns:1fr;}
}