From ee981639eb1a35a62d422d8c46c00195f3b1febf Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 30 Apr 2026 15:28:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(energy):=20sticky=20=E5=A4=B4=E9=83=A8?=
 =?UTF-8?q?=E4=B8=8D=E5=86=8D=E5=8D=8A=E9=80=8F=E6=98=8E=EF=BC=8C=E9=81=BF?=
 =?UTF-8?q?=E5=85=8D=E5=BF=AB=E6=8D=B7=E9=80=89=E6=8C=89=E9=92=AE"?=
 =?UTF-8?q?=E5=8D=8A=E6=88=AA=E9=9C=B2=E8=84=B8"+=20=E6=96=87=E6=A1=88?=
 =?UTF-8?q?=E6=94=B9=E3=80=8C=E6=AF=8F=E6=97=A5=E5=8A=A0=E6=B0=A2=E9=87=8F?=
 =?UTF-8?q?=E3=80=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题 1：sticky 头部 bg-[#F8F9FB]/85 backdrop-blur-md 半透明，
下方「本周/本月/近15天」快捷选按钮在滚动时透过 sticky 条隐约可见，
看起来像被遮罩切掉一半，效果差。

修复：把头部背景改为不透明页面色 bg-[#F8F9FB]，去掉 backdrop-blur，
加上一条很淡的下投影 shadow（仅在头部下边缘）作为分割线，
既不再透出后面的内容，也保留了一点层次感。

问题 2：氢能 daily 图表标题「时段每日加氢量」→「每日加氢量」更简洁。

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

diff --git a/src/modules/energy/EnergyModule.tsx b/src/modules/energy/EnergyModule.tsx
index 1e1827d..0f3d23a 100644
--- a/src/modules/energy/EnergyModule.tsx
+++ b/src/modules/energy/EnergyModule.tsx
@@ -31,7 +31,8 @@ export default function EnergyModule() {
       <div className="max-w-6xl mx-auto flex flex-col gap-3 pb-16 landscape:pb-0 landscape:h-full landscape:flex-1 landscape:overflow-hidden">
 
         {/* 统一 sticky 头部：top tab + (氢能时) 子 tab；同一张卡片，无间隙 */}
-        <div className="sticky top-0 z-30 -mx-3 md:-mx-6 px-3 md:px-6 -mt-3 md:-mt-6 pt-3 md:pt-6 pb-2 bg-[#F8F9FB]/85 backdrop-blur-md">
+        {/* 背景不透明（页面色），避免下方快捷选按钮在滚动时透过来"半截露脸" */}
+        <div className="sticky top-0 z-30 -mx-3 md:-mx-6 px-3 md:px-6 -mt-3 md:-mt-6 pt-3 md:pt-6 pb-2 bg-[#F8F9FB] shadow-[0_8px_12px_-12px_rgba(15,23,42,0.08)]">
           <div className="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
             {/* 顶部 tab：氢能 / 电能 / ETC */}
             <div className={`px-4 py-2 flex items-center gap-6 ${showSubTabs ? 'border-b border-slate-50' : ''}`}>
diff --git a/src/modules/energy/HydrogenDaily.tsx b/src/modules/energy/HydrogenDaily.tsx
index fc0331b..5b381ca 100644
--- a/src/modules/energy/HydrogenDaily.tsx
+++ b/src/modules/energy/HydrogenDaily.tsx
@@ -98,7 +98,7 @@ export default function HydrogenDaily() {
       {!(customer === 'external' && totalKg === 0) && trendData.length > 0 && (
         <div className="bg-white rounded-2xl border border-slate-100 shadow-sm p-4">
           <div className="flex items-center justify-between mb-2">
-            <span className="text-sm font-bold text-slate-700">时段每日加氢量</span>
+            <span className="text-sm font-bold text-slate-700">每日加氢量</span>
             <span className="text-[11px] text-slate-400 font-bold">单位 Kg</span>
           </div>
           <ResponsiveContainer width="100%" height={160}>