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.

assets/css/frontend/header-components/dark-theme.css

@@ -19,7 +19,7 @@ body.dark-theme .header-components-search__input {
  * ============================================================ */
 .header-components-card {
     position: relative;
-    z-index: 10;
+    z-index: 1;
     margin-top: -40px;
 }
 
@@ -258,84 +258,8 @@ a.icon-cover-card:hover {
 }
 
 /* ============================================================
- * Nav 透明模式（轮播可见时 nav 变透明）
+ * Container-level blur: PC/Mobile split (colors only; no top offsets)
  * ============================================================ */
-
-/* ============================================================
- * Zibll-aligned text/search structure overrides
- * ============================================================ */
-.header-components__content.slide-text {
-    width: calc(100% - 32px);
-    max-width: 920px;
-    top: 42%;
-    z-index: 12;
-    padding-top: 0;
-}
-
-.header-components__content.slide-text .slide-title {
-    font-size: clamp(1.75rem, 4vw, 3rem);
-    line-height: 1.2;
-    margin: 0 0 12px;
-}
-
-.header-components__content.slide-text .slide-desc {
-    max-width: 680px;
-    margin: 0 auto;
-    font-size: clamp(0.9rem, 1.4vw, 1.125rem);
-    line-height: 1.6;
-    color: rgba(255, 255, 255, 0.9);
-}
-
-.header-components-search {
-    top: calc(50% + 56px);
-    bottom: auto;
-    max-width: 680px;
-    padding: 0 20px;
-    font-size: 16px;
-}
-
-.card-0 .header-components-search {
-    top: calc(50% + 76px);
-}
-
-.header-components-search .search-input {
-    max-width: 620px;
-    margin: 0 auto;
-}
-
-.header-components-search .search-form {
-    margin: 0;
-    display: block;
-    background: transparent;
-    border-radius: 0;
-    padding: 0;
-    box-shadow: none;
-    -webkit-backdrop-filter: none;
-    backdrop-filter: none;
-    transform: none;
-}
-
-.header-components-search .search-form:focus-within {
-    box-shadow: none;
-    transform: none;
-}
-
-.header-components-search .line-form {
-    position: relative;
-    border-radius: 100px;
-    padding: 0.35em 1em;
-    background: rgba(255, 255, 255, 0.82);
-    color: #555;
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
-    -webkit-backdrop-filter: saturate(5) blur(20px);
-    backdrop-filter: saturate(5) blur(20px);
-}
-
-.filter-blur .header-components-search .line-form {
-    background: rgba(255, 255, 255, 0.75);
-}
-
-/* ===== Container-level blur: PC/Mobile split ===== */
 @media (min-width: 768px) {
   .has-blur-pc .header-components-card__wrap--shared,
   .has-blur-pc .header-components-card__item-bg {
@@ -344,7 +268,8 @@ a.icon-cover-card:hover {
     -webkit-backdrop-filter: saturate(3) blur(20px);
     border-color: rgba(255, 255, 255, 0.3);
   }
-  .has-blur-pc .header-components-search .line-form {
+  .has-blur-pc .header-components-search .line-form,
+  .has-blur-pc .header-slider-search .line-form {
     background: rgba(255, 255, 255, 0.75);
   }
   .theme-dark .has-blur-pc .header-components-card__wrap--shared,
@@ -363,7 +288,8 @@ a.icon-cover-card:hover {
     -webkit-backdrop-filter: saturate(3) blur(20px);
     border-color: rgba(255, 255, 255, 0.3);
   }
-  .has-blur-mobile .header-components-search .line-form {
+  .has-blur-mobile .header-components-search .line-form,
+  .has-blur-mobile .header-slider-search .line-form {
     background: rgba(255, 255, 255, 0.75);
   }
   .theme-dark .has-blur-mobile .header-components-card__wrap--shared,