fix(visual): 1:1 banner/hero/modal + strip non-zibll card chrome

Align banner s-desc caption/scale-height, hero search pill and -40px cards, modal colorful header/spring scale; remove white/pink card borders and hover lifts across mainline surfaces.

assets/css/frontend/footer/part-1.css

@@ -96,7 +96,7 @@
     height: 36px;
     border-radius: 50%;
     background: var(--surface-4);
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    border: none;
     box-shadow: var(--shadow-sm);
     color: var(--color-ink-3);
     transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
@@ -211,7 +211,7 @@
     height: 36px;
     border-radius: 50%;
     background: var(--surface-4, rgba(0,0,0,.05));
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    border: none;
     box-shadow: var(--shadow-sm);
     color: var(--color-ink-3, #888);
     font-size: 16px;
@@ -233,7 +233,7 @@
     transform: translateX(-50%);
     padding: 8px;
     background: var(--surface-1, #fff);
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    border: none;
     border-radius: 12px;
     box-shadow: var(--shadow-lg);
     z-index: 10;

assets/css/frontend/footer/part-2.css

@@ -265,7 +265,7 @@ body.dark-theme #float-theme-toggle .float-btn__icon-sun {
 .tabbar-add-panel__sheet {
     border-radius: 20px;
     background: var(--surface-1);
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    border: none;
     box-shadow: var(--shadow-drawer);
     overflow: hidden;
 }

assets/css/frontend/footer/part-3.css

@@ -56,7 +56,7 @@
     align-items: center;
     padding: 14px 14px 14px 12px;
     border-radius: 18px;
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    border: none;
     box-shadow: var(--shadow-sm);
     background: var(--surface-4);
 }
@@ -143,7 +143,7 @@
     justify-content: space-between;
     gap: 12px;
     width: 100%;
-    border: 1px solid rgba(255, 255, 255, 0.55);
+    border: none;
     border-radius: 16px;
     padding: 12px 14px;
     background: var(--surface-4);