fix(navigation): stop the public reset from overriding the reference menu styles

The public bundle loads after main.min.css, and its bare-element rules
won on equal specificity:

- img { display: block; height: auto } replaced the inline image baseline
  the menu relies on (Bootstrap img{vertical-align:middle} + main.css
  img{max-height:100%}). Menu glyphs and graphic-card thumbnails were
  pulled out of the inline flow, breaking row height and baseline.
  Scoped the reset to content and restored the inline baseline inside
  .header / .mobile-header.
- html { overflow-x: clip/hidden } made the root a clipping context,
  which crops the position:fixed senior mega menu and its drop panels.
  The horizontal-overflow guard now lives on body only.

Rebuilt public.css / public.min.css.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Opus 5 committed 2026-11-05 12:04:31 +08:00
1 parent 3595935475
commit ed38dec314
4 files changed
+33 -11

No files matched your search

+12 -2
View File
@@ -15,7 +15,6 @@ html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
text-rendering: optimizeLegibility;
}
@@ -30,7 +29,11 @@ body {
overflow-x: hidden;
}
/* 媒体元素 */
/* 媒体元素
*
* 导航树排除在外:main.css 的导航依赖 Bootstrap 的 inline 图片基线
* (img{vertical-align:middle} + max-height),裸 img 的 display:block
* 会把菜单图标和图文卡片从行内排版里拽出来,撑乱菜单行的高度与基线。 */
img,
picture,
video,
@@ -40,6 +43,13 @@ canvas {
height: auto;
}
.header img,
.mobile-header img {
display: inline;
height: auto;
vertical-align: middle;
}
/* 表单元素继承字体 */
input,
button,