fix(navigation): align header wallet tiles with reference

tests/navigation/legacy-navigation-contract.test.cjs

@@ -175,6 +175,9 @@ test('guest account member VIP and publish contracts share reference header DOM'
   assert.match(userboxCss, /\.aksrt-nav-notification \.aksrt-notification-badge/);
   assert.doesNotMatch(userboxCss, /aksrt-header-wallet|aksrt-header-checkin|aksrt-header-payvip|\.aksrt-header-userbox \.aksrt-notification-badge/);
   assert.doesNotMatch(userboxCss, /width:\s*260px/);
+  assert.match(userboxCss, /\.aksrt-header-userbox\s*\{[^}]*line-height:\s*1\.42857143/s);
+  assert.match(userboxCss, /\.aksrt-header-userbox\s+\.muted-box\.padding-6\s*\{[^}]*background-color:\s*var\(--this-bg,\s*var\(--color-line-soft\)\)[^}]*border-radius:\s*4px[^}]*padding:\s*6px/s);
+  assert.match(userboxCss, /\.aksrt-header-userbox\s*>\s*\.mt6\.em09\s*>\s*\.but\.block\s*\{[^}]*display:\s*block;[^}]*box-sizing:\s*border-box;[^}]*width:\s*100%;/s);
 });
 
 test('the account popover rows match the reference user box structure', () => {