From dc6f541c8b06078b4d6ea852d33e2e95b24b237e Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 30 Apr 2026 15:42:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(energy):=20=E6=A1=8C=E9=9D=A2=20sticky=20?=
 =?UTF-8?q?=E5=A4=B1=E6=95=88=20=E2=80=94=E2=80=94=20overflow:hidden=20?=
 =?UTF-8?q?=E9=99=90=E5=AE=9A=E5=88=B0=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=A8=AA?=
 =?UTF-8?q?=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

原因：父容器一直挂着 landscape:overflow-hidden，意图是手机横屏全屏
体验。但 Tailwind 的 landscape: 是纯方向匹配（含桌面横屏显示器），
所以桌面也命中 overflow:hidden，sticky 完全失效，滚动时头部 tab
全部消失，看起来像「半截被遮挡」。

修复：把 landscape: 修饰符改为 max-md:landscape: ，仅在移动端
（< 768px）+ 横屏时生效。桌面恢复正常 overflow:visible，sticky
头部能稳稳停在顶部。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/modules/energy/EnergyModule.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/energy/EnergyModule.tsx b/src/modules/energy/EnergyModule.tsx
index 02604ee..fb68a16 100644
--- a/src/modules/energy/EnergyModule.tsx
+++ b/src/modules/energy/EnergyModule.tsx
@@ -28,7 +28,7 @@ export default function EnergyModule() {
   const setSub = (id: SubTabId) => activeTab === 'electric' ? setElectricSub(id) : setHydroSub(id);
   return (
     <div className="min-h-screen bg-[#F8F9FB] text-gray-800 font-sans p-3 md:p-6 relative" style={{ overflowX: 'clip' }}>
-      <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">
+      <div className="max-w-6xl mx-auto flex flex-col gap-3 pb-16 max-md:landscape:pb-0 max-md:landscape:h-full max-md:landscape:flex-1 max-md:landscape:overflow-hidden">
 
         {/* 统一 sticky 头部：top tab + (氢能时) 子 tab；同一张卡片，无间隙 */}
         {/* pb-4 留一点底部缓冲，避免下方快捷选按钮在滚动时贴着 sticky 半截露脸 */}