refactor(energy): visual polish + KPI/table self-consistency

- mock: derive ELECTRIC_KPI month/today from APR_DAYS so card and table
  totals always agree (previously ¥8,437 vs ¥9,151 mismatch)
- overview: Top5 bar chart now shows rank badges (1-5) and inline value
  labels at bar ends — readable without hover
- overview: donut "年合计 362.43T" moves into the chart center
  (previously below as a separate line, defeating the donut hole)
- daily: rows with |chainPct| ≥ 30% get a tinted background
  (green for spikes, red for drops) for at-a-glance abnormal-day spotting

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/modules/energy/HydrogenDaily.tsx

@@ -120,11 +120,15 @@ export default function HydrogenDaily() {
           <div className="px-3 py-10 text-center text-slate-400 text-[12px] font-bold">暂无数据</div>
         ) : rows.map(r => {
           const open = expanded.has(r.date);
+          const isAbnormal = Math.abs(r.chainPct) >= 0.3;
+          const abnormalBg = isAbnormal
+            ? r.chainPct > 0 ? 'bg-emerald-50/40' : 'bg-red-50/40'
+            : '';
           return (
-            <div key={r.date} className="border-t border-slate-100">
+            <div key={r.date} className={`border-t border-slate-100 ${abnormalBg}`}>
               <button
                 onClick={() => toggle(r.date)}
-                className="w-full grid grid-cols-[1fr_auto_auto] md:grid-cols-[1fr_140px_120px_120px] gap-2 px-3 py-2.5 text-left hover:bg-slate-50 transition-colors"
+                className="w-full grid grid-cols-[1fr_auto_auto] md:grid-cols-[1fr_140px_120px_120px] gap-2 px-3 py-2.5 text-left hover:bg-slate-50/60 transition-colors"
               >
                 <span className="flex items-center gap-1 text-[12px] text-slate-700 font-bold">
                   <ChevronRight size={14} className={`transition-transform ${open ? 'rotate-90' : ''} text-slate-400`} />