/* 厨房排烟量计算器 —— 烟灶深灰 · 火橙 · 气流箭头 */
.c60{
  --a:#44403c;
  --a2:#fb923c;
  --a-soft:rgba(68,64,60,.10);
  --a-line:rgba(68,64,60,.26);
}

/* 气流斜线 + 烟火橙雾 */
.c60-hero{
  background:
    radial-gradient(820px 340px at 6% 0%, rgba(255,255,255,.82), transparent 62%),
    repeating-linear-gradient(115deg, rgba(251,146,60,.10) 0 2px, transparent 2px 22px),
    radial-gradient(520px 240px at 92% 88%, rgba(251,146,60,.22), transparent 70%),
    linear-gradient(135deg,#fafaf9 0%,#f5f5f4 46%,#ffe9d6 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(820px 340px at 6% 0%, rgba(251,146,60,.14), transparent 62%),
    repeating-linear-gradient(115deg, rgba(251,146,60,.09) 0 2px, transparent 2px 22px),
    radial-gradient(520px 240px at 92% 88%, rgba(120,53,15,.4), transparent 70%),
    linear-gradient(135deg,#12100e 0%,#1a1714 48%,#0c0a09 100%);
}
.exh-flow{position:relative;z-index:1;filter:drop-shadow(0 14px 22px rgba(68,64,60,.2));}
.exh-flow svg{display:block;}
.c60-hero-art .chip b{color:#9a3412;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#fdba74;}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#57534e,#292524 62%,#9a3412 145%);
  box-shadow:0 16px 34px rgba(41,37,36,.35);
}
.c60-metric.is-hero .v{font-size:clamp(27px,3.3vw,40px);}

/* 油烟流向示意 */
.exh-diagram{
  margin-top:16px;
  padding:8px;
  border-radius:14px;
  border:1px solid var(--line);
  background:
    repeating-linear-gradient(135deg, rgba(251,146,60,.05) 0 3px, transparent 3px 14px),
    var(--soft);
  display:grid;
  place-items:center;
  min-height:120px;
}
.exh-diagram svg{width:100%;max-width:430px;height:auto;display:block;}
.exh-diagram-empty{font-size:12.5px;color:var(--muted);}
.exh-diagram .exh-hood{fill:#fed7aa;stroke:#44403c;stroke-width:2;}
.exh-diagram .exh-duct{fill:#e7e5e4;stroke:#44403c;stroke-width:2;}
.exh-diagram .exh-label{font-size:11px;font-weight:800;fill:#44403c;}
.exh-diagram .exh-sub{font-size:10.5px;font-weight:700;fill:#9a3412;}
.exh-diagram .exh-arrow{stroke:#fb923c;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:8 7;animation:exhflow 1.1s linear infinite;}
@keyframes exhflow{to{stroke-dashoffset:-30;}}
@media (prefers-reduced-motion:reduce){
  .exh-diagram .exh-arrow{animation:none;}
}
:root[data-theme="dark"] .exh-diagram{background:rgba(68,64,60,.35);}
:root[data-theme="dark"] .exh-diagram .exh-hood{fill:#7c2d12;stroke:#fdba74;}
:root[data-theme="dark"] .exh-diagram .exh-duct{fill:#292524;stroke:#fdba74;}
:root[data-theme="dark"] .exh-diagram .exh-label{fill:#e7e5e4;}
:root[data-theme="dark"] .exh-diagram .exh-sub{fill:#fdba74;}

/* 风速标尺 */
.exh-scale{
  margin-top:14px;
  padding:10px 12px 6px;
  border-radius:12px;
  border:1px dashed rgba(251,146,60,.4);
  background:rgba(251,146,60,.07);
}
.exh-scale svg{width:100%;height:auto;display:block;max-width:430px;margin:0 auto;}
.exh-scale .sc-track{stroke:#d6d3d1;stroke-width:8;stroke-linecap:round;}
.exh-scale .sc-zone{stroke:#86efac;stroke-width:8;stroke-linecap:butt;}
.exh-scale .sc-tick{stroke:#a8a29e;stroke-width:1;}
.exh-scale .sc-num{font-size:9.5px;fill:#78716c;font-weight:700;}
.exh-scale .sc-mark{fill:#ea580c;}
.exh-scale .sc-val{font-size:11px;font-weight:900;fill:#9a3412;}
:root[data-theme="dark"] .exh-scale{background:rgba(251,146,60,.10);}
:root[data-theme="dark"] .exh-scale .sc-track{stroke:#57534e;}
:root[data-theme="dark"] .exh-scale .sc-num{fill:#a8a29e;}
:root[data-theme="dark"] .exh-scale .sc-val{fill:#fdba74;}

/* 滑块 */
.exh-range-note{
  display:flex;align-items:center;justify-content:space-between;
  font-size:11.5px;color:var(--muted);font-weight:700;margin-bottom:2px;
}
.exh-range-note b{color:var(--a);font-size:13px;font-variant-numeric:tabular-nums;}
:root[data-theme="dark"] .exh-range-note b{color:#fdba74;}

/* 条形图 */
#exhBars .bf{background:linear-gradient(90deg,#fdba74,#ea580c);}

/* 管径表高亮 */
#exhDuctTable tbody tr td{font-variant-numeric:tabular-nums;}
#exhDuctTable tbody tr.is-cur td{background:rgba(251,146,60,.16);font-weight:800;color:var(--ink);box-shadow:inset 3px 0 0 #ea580c;}
#exhDuctTable tbody tr.is-rec td:first-child::after{content:"推荐";margin-left:6px;padding:1px 6px;border-radius:999px;background:#ea580c;color:#fff;font-size:10px;vertical-align:1px;}

.c60-chip.on{background:rgba(251,146,60,.16);border-color:#ea580c;color:#9a3412;}
:root[data-theme="dark"] .c60-chip.on{color:#fdba74;}