/* 燃气表规格选型 —— 火焰橙 · 燃气表仪表盘 */
.c60{
  --a:#ea580c;
  --a2:#fbbf24;
  --a-soft:rgba(234,88,12,.10);
  --a-line:rgba(234,88,12,.26);
}

/* 火焰光晕 + 径向热浪 */
.c60-hero{
  background:
    radial-gradient(720px 320px at 8% 0%, rgba(255,255,255,.85), transparent 60%),
    radial-gradient(480px 300px at 88% 84%, rgba(251,191,36,.3), transparent 68%),
    repeating-conic-gradient(from 0deg at 90% 12%, rgba(234,88,12,.05) 0 3deg, transparent 3deg 12deg),
    linear-gradient(135deg,#fff7ed 0%,#ffedd5 48%,#fed7aa 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 320px at 8% 0%, rgba(251,191,36,.14), transparent 60%),
    radial-gradient(480px 300px at 88% 84%, rgba(154,52,18,.45), transparent 68%),
    repeating-conic-gradient(from 0deg at 90% 12%, rgba(251,191,36,.07) 0 3deg, transparent 3deg 12deg),
    linear-gradient(135deg,#160f08 0%,#1f150b 48%,#0d0904 100%);
}
.gas-flame{position:relative;z-index:1;filter:drop-shadow(0 16px 26px rgba(234,88,12,.25));}
.gas-flame svg{display:block;}
.c60-hero-art .chip b{color:#9a3412;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#fcd34d;}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#ea580c,#9a3412 72%);
  box-shadow:0 16px 34px rgba(234,88,12,.34);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

/* 仪表盘 */
.gas-gauge{
  margin-top:16px;
  padding:10px 8px 2px;
  border-radius:14px;
  border:1px solid var(--line);
  background:
    radial-gradient(300px 160px at 50% 100%, rgba(251,191,36,.16), transparent 72%),
    var(--soft);
  display:grid;
  place-items:center;
  min-height:130px;
}
.gas-gauge svg{width:100%;max-width:420px;height:auto;display:block;}
.gas-gauge-empty{font-size:12.5px;color:var(--muted);}
.gas-gauge .gg-track{fill:none;stroke:#e7e5e4;stroke-width:11;stroke-linecap:round;}
.gas-gauge .gg-safe{fill:none;stroke:#4d7c0f;stroke-width:11;}
.gas-gauge .gg-warn{fill:none;stroke:#f59e0b;stroke-width:11;}
.gas-gauge .gg-hot{fill:none;stroke:#dc2626;stroke-width:11;}
.gas-gauge .gg-needle{stroke:#9a3412;stroke-width:3.4;stroke-linecap:round;}
.gas-gauge .gg-hub{fill:#9a3412;}
.gas-gauge .gg-val{font-size:21px;font-weight:900;fill:#9a3412;}
.gas-gauge .gg-unit{font-size:11px;font-weight:700;fill:#a8a29e;}
.gas-gauge .gg-tick{stroke:#a8a29e;stroke-width:1;}
.gas-gauge .gg-num{font-size:10px;font-weight:700;fill:#78716c;}
.gas-gauge .gg-tag{font-size:11px;font-weight:800;fill:#4d7c0f;}
:root[data-theme="dark"] .gas-gauge{background:rgba(234,88,12,.12);}
:root[data-theme="dark"] .gas-gauge .gg-track{stroke:#3f3f46;}
:root[data-theme="dark"] .gas-gauge .gg-val{fill:#fdba74;}
:root[data-theme="dark"] .gas-gauge .gg-unit,
:root[data-theme="dark"] .gas-gauge .gg-num{fill:#a8a29e;}
:root[data-theme="dark"] .gas-gauge .gg-needle{stroke:#fdba74;}
:root[data-theme="dark"] .gas-gauge .gg-hub{fill:#fdba74;}

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

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

/* 组合 chips */
#gasPresetChips .c60-chip.on{background:rgba(251,191,36,.28);border-color:#ea580c;color:#9a3412;}
:root[data-theme="dark"] #gasPresetChips .c60-chip.on{color:#fcd34d;}
.c60-segbtn.on{color:#9a3412;}