From f2acb7303333e192e7f54776d77f7982bb28dac7 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 30 Apr 2026 15:15:07 +0800
Subject: [PATCH] =?UTF-8?q?style(energy):=20=E5=8A=A0=E6=B0=A2=E7=AB=99?=
 =?UTF-8?q?=E5=8D=95=E4=BB=B7=E5=9B=BA=E5=AE=9A=E6=98=BE=E7=A4=BA=E5=9C=A8?=
 =?UTF-8?q?=E7=AB=99=E5=90=8D=E4=B8=8B=E4=B8=80=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

之前 mobile 用 inline-flex flex-wrap 让单价跟在站名后，空间不够才换行。
统一改为站名独占第一行（whitespace-nowrap），单价 amber 徽章固定在
第二行（mt-1），结构更稳定一眼能看到。

行整体改 items-start 顶部对齐。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/modules/energy/HydrogenDaily.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/modules/energy/HydrogenDaily.tsx b/src/modules/energy/HydrogenDaily.tsx
index 62a3755..6d70ea1 100644
--- a/src/modules/energy/HydrogenDaily.tsx
+++ b/src/modules/energy/HydrogenDaily.tsx
@@ -191,16 +191,18 @@ export default function HydrogenDaily() {
                     {r.stations.map(s => (
                       <div
                         key={s.name}
-                        className="grid grid-cols-[minmax(0,1fr)_84px_80px] md:grid-cols-[minmax(0,1fr)_140px_120px_104px] gap-2 md:gap-3 px-3 py-2 pl-6 md:pl-9 border-t border-slate-100 first:border-t-0 items-center"
+                        className="grid grid-cols-[minmax(0,1fr)_84px_80px] md:grid-cols-[minmax(0,1fr)_140px_120px_104px] gap-2 md:gap-3 px-3 py-2 pl-6 md:pl-9 border-t border-slate-100 first:border-t-0 items-start"
                       >
-                        <div className="min-w-0 flex items-center gap-1.5 flex-wrap">
-                          <span className="text-[12px] text-slate-700 font-medium whitespace-nowrap">
+                        <div className="min-w-0">
+                          <div className="text-[12px] text-slate-700 font-medium whitespace-nowrap leading-snug">
                             {s.name}
-                          </span>
+                          </div>
                           {s.pricePerKg > 0 && (
-                            <span className="md:hidden inline-flex items-center text-[10px] text-amber-600 bg-amber-50 px-1.5 py-0.5 rounded font-bold whitespace-nowrap">
-                              {s.pricePerKg} 元/Kg
-                            </span>
+                            <div className="md:hidden mt-1">
+                              <span className="inline-flex items-center text-[10px] text-amber-600 bg-amber-50 px-1.5 py-0.5 rounded font-bold whitespace-nowrap">
+                                单价 {s.pricePerKg} 元/Kg
+                              </span>
+                            </div>
                           )}
                         </div>
                         <span className="hidden md:block text-right text-[12px] text-slate-500 font-bold tabular-nums">{s.pricePerKg > 0 ? s.pricePerKg : '—'}</span>