/* ============================================================
全站统一页头（浅色版，对齐首页品牌区）
------------------------------------------------------------
结构：
约定：
- 所有类名以 sh- 前缀，避免与 Tailwind / 各页内联样式冲突。
- 只改这一处即可全站生效；页面里不要覆盖 .sh-* 的尺寸。
- 页头本身不透明（内页没有首页那张天空底图），用浅蓝渐变承接品牌色。
============================================================ */
.sh-header{
/* 层叠层级约定（改这里前先对照全站已有的 z-index）：
统一页头 90
页内次级吸顶条 ≤60（case-theme.css 的 .topbar=60、co- 页与 metal-chains 的 .bar=10）
—— 必须低于页头，否则吸顶条会盖住下拉面板
跟随鼠标的小浮层 99（metal-chains 的 #tip 提示框）
模态层 ≥200（case-theme.css 的 .lb 灯箱=200、policy-theme.css 的弹窗=999/1000、
admin.html 的 .mask=100000）
—— 必须高于页头，否则弹窗/灯箱会被页头压住
案例正文页曾出现「下拉菜单被吸顶工具条切一半」：.sh-header 与 .topbar 同为 60，
而 .topbar 在 DOM 里排在页头之后 → 后者胜出，压住 .sh-drop。
（.sh-drop 的 z-index:80 只在 .sh-header 这个层叠上下文内部比较，出不去。） */
position:relative;z-index:90;
/* 蓝色调，不落到白色：色值取自首页天空底图（顶部 #C5E2FB / 左侧 #ABD6FB） */
background:linear-gradient(180deg,#a9d4fa 0%,#bcdffa 48%,#cbe6fb 100%);
border-bottom:1px solid #92c3ee;
box-shadow:0 2px 16px rgba(11,88,164,.12);
/* 防御：金属链等页存在 header{...!important}/header nav a{...!important} 硬规则，
所以统一页头刻意不用 /