fix(hero): align header slider title/search stack with zibll

Put hero main title/subtitle in search before_html (document flow),
move the search overlay outside the swiper as a sibling, and reset
search/slide-text positioning to zibll tops so title and search no
longer overlap.
This commit is contained in:
kate522 committed 2026-07-17 23:00:33 +08:00
1 parent e7ccc4f069
commit 397231ca75
12 files changed
+476 -439

No files matched your search

@@ -25,20 +25,7 @@
color: #ffe082;
}
/* ============================================================
* Layer 2: 搜索覆盖模块(在轮播内部 absolute 定位)
* ============================================================ */
.header-components-search {
position: absolute;
bottom: 25%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
width: 100%;
max-width: 600px;
padding: 0 16px;
}
/* Legacy form-class helpers (unused by zibll-aligned search; kept for admin-only markup) */
.header-components-search__form {
display: flex;
align-items: center;
@@ -87,4 +74,3 @@
font-weight: 500;
flex-shrink: 0;
}