fix(miniprogram): adapt bx topbar for WeChat capsule safe area

Co-authored-by: Cursor <cursoragent@cursor.com>

miniprogram/styles/bx-theme.scss

@@ -76,10 +76,11 @@
   top: 0;
   z-index: 50;
   display: grid;
-  grid-template-columns: 1fr auto 1fr;
+  grid-template-columns: minmax(0, 1fr) auto var(--sq-capsule-right-safe, 96px);
   align-items: center;
-  height: calc(58px + env(safe-area-inset-top, 0px));
-  padding: env(safe-area-inset-top, 0px) 12px 0;
+  height: var(--sq-header-height, calc(44px + 44px));
+  padding: var(--sq-safe-top, 44px) 12px 0;
+  box-sizing: border-box;
   background: rgba(255, 255, 255, 0.92);
   box-shadow: 0 1px 0 rgba(217, 232, 226, 0.85), 0 8px 20px rgba(15, 23, 42, 0.06);
 }
@@ -90,7 +91,7 @@
   left: 0;
   right: 0;
   top: 0;
-  height: calc(58px + env(safe-area-inset-top, 0px));
+  height: var(--sq-header-height, calc(44px + 44px));
   background: linear-gradient(
     135deg,
     rgba(16, 185, 129, 0.1),
@@ -164,12 +165,6 @@
   height: 40px;
 }
 
-.bx-page .search-box__icon {
-  color: var(--text-muted);
-  font-size: 14px;
-  flex-shrink: 0;
-}
-
 .bx-page .search-box input,
 .bx-page .search-box .search-input {
   flex: 1;