/* 空开选型计算器 —— 配电蓝 · 电流橙 · 走线示意 */
.c60{
  --a:#1e40af;
  --a2:#f59e0b;
  --a-soft:rgba(30,64,175,.10);
  --a-line:rgba(30,64,175,.26);
}

/* 蓝图网格 + 橙色电流线 */
.c60-hero{
  background:
    radial-gradient(780px 320px at 6% 0%, rgba(255,255,255,.9), transparent 62%),
    linear-gradient(to right, rgba(30,64,175,.07) 1px, transparent 1px) 0 0/30px 30px,
    linear-gradient(to bottom, rgba(30,64,175,.07) 1px, transparent 1px) 0 0/30px 30px,
    linear-gradient(135deg,#eff6ff 0%,#dbeafe 50%,#fef3c7 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(780px 320px at 6% 0%, rgba(245,158,11,.12), transparent 62%),
    linear-gradient(to right, rgba(96,165,250,.12) 1px, transparent 1px) 0 0/30px 30px,
    linear-gradient(to bottom, rgba(96,165,250,.12) 1px, transparent 1px) 0 0/30px 30px,
    linear-gradient(135deg,#0a1424 0%,#0d1b33 52%,#150f06 100%);
}
.brk-circuit{position:relative;z-index:1;}
.brk-circuit svg{display:block;filter:drop-shadow(0 12px 20px rgba(30,64,175,.18));}
.c60-hero-art .chip b{color:#1e40af;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#fbbf24;}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#1e40af,#1e3a8a 55%,#b45309 140%);
  box-shadow:0 16px 34px rgba(30,64,175,.32);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

/* 配电走线示意 */
.brk-diagram{
  margin-top:16px;
  padding:10px;
  border-radius:14px;
  border:1px solid var(--line);
  background:
    linear-gradient(to right, rgba(30,64,175,.05) 1px, transparent 1px) 0 0/18px 18px,
    linear-gradient(to bottom, rgba(30,64,175,.05) 1px, transparent 1px) 0 0/18px 18px,
    var(--soft);
  display:grid;
  place-items:center;
  min-height:118px;
}
.brk-diagram svg{width:100%;max-width:430px;height:auto;display:block;}
.brk-diagram-empty{font-size:12.5px;color:var(--muted);}
.brk-diagram .bd-wire{stroke:#1e40af;stroke-width:3;fill:none;stroke-dasharray:9 6;}
.brk-diagram .bd-wire.live{animation:brkflow 1.4s linear infinite;}
@keyframes brkflow{to{stroke-dashoffset:-30;}}
@media (prefers-reduced-motion:reduce){
  .brk-diagram .bd-wire.live{animation:none;}
}
.brk-diagram .bd-node{fill:#fff;stroke:#1e40af;stroke-width:2;}
.brk-diagram .bd-label{font-size:11px;font-weight:800;fill:#1e40af;}
.brk-diagram .bd-sub{font-size:10.5px;font-weight:700;fill:#b45309;}
:root[data-theme="dark"] .brk-diagram{background:rgba(30,64,175,.14);}
:root[data-theme="dark"] .brk-diagram .bd-node{fill:#0e1626;stroke:#60a5fa;}
:root[data-theme="dark"] .brk-diagram .bd-label{fill:#93c5fd;}
:root[data-theme="dark"] .brk-diagram .bd-wire{stroke:#60a5fa;}
:root[data-theme="dark"] .brk-diagram .bd-sub{fill:#fbbf24;}

/* 线径表高亮 */
#brkWireTable tbody tr td{font-variant-numeric:tabular-nums;}
#brkWireTable tbody tr.is-cur td{background:rgba(245,158,11,.16);font-weight:800;color:var(--ink);box-shadow:inset 3px 0 0 #f59e0b;}
#brkWireTable tbody tr.is-ok td{color:var(--muted);}
#brkWireTable tbody tr.is-ok td:first-child::after{content:" ✓";color:#1e40af;font-weight:900;}

/* 分段按钮 */
.c60-segbtn.on{color:#1e40af;}
:root[data-theme="dark"] .c60-segbtn.on{color:#fbbf24;}
.c60-chip.on{background:rgba(30,64,175,.1);border-color:#1e40af;color:#1e40af;}
:root[data-theme="dark"] .c60-chip.on{color:#93c5fd;}

/* 条形图：电流色 */
#brkBars .bf{background:linear-gradient(90deg,#60a5fa,#1e40af);}
#brkBars .c60-bar-row:nth-child(2) .bf{background:linear-gradient(90deg,#fbbf24,#f59e0b);}
@media (max-width:640px){
  .brk-diagram{min-height:96px;}
}