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/home-modules/ranking.css

@@ -14,16 +14,15 @@
 	gap: var(--space-3, 12px);
 	padding: 12px 14px;
 	background: var(--surface-1);
-	border: 1px solid rgba(255, 255, 255, 0.55);
-	border-radius: var(--radius-lg, 10px);
+	border: none;
+	border-radius: var(--main-radius, var(--radius, 8px));
 	box-shadow: var(--shadow-sm);
 	transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
 }
 
 .home-module__ranking-item:hover {
 	box-shadow: var(--shadow);
-	border-color: rgba(240, 68, 148, 0.12);
-	transform: translateY(-1px);
+	transform: none;
 }
 
 .home-module__ranking-num {