fix(frontend): align top navigation with reference theme

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

@@ -166,7 +166,8 @@ test('guest account member VIP and publish contracts share reference header DOM'
   assert.match(header, /nav_newposts/);
   assert.match(header, /navbar-form navbar-right navbar-but/);
   assert.match(header, /pay-vip/);
-  assert.match(scripts, /\$enqueue_module\('header-userbox'\)/);
+  assert.match(header, /fa far fa-toggle-theme/);
+  assert.doesNotMatch(scripts, /\$enqueue_module\('header-userbox'\)/);
   assert.match(userboxCss, /\.header-user-href > a[\s\S]*?max-height: none/);
   assert.doesNotMatch(userboxCss, /user-dropdown|nav-user|html\.dark|theme-dark/);
   assert.doesNotMatch(userboxCss, /--(?:main|muted|key)-|@import/);
@@ -180,21 +181,14 @@ test('guest account member VIP and publish contracts share reference header DOM'
   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 top-nav midline chip rule leaves the popover social buttons alone', () => {
+test('the top navigation keeps the reference Bootstrap control geometry', () => {
   const userboxCss = read('assets/css/frontend/header-userbox.css');
   const publicCss = read('assets/css/build/public.css');
 
-  // The account-row chips, the theme toggle and the language toggle all want a
-  // 29px midline circle. The popover's quick-login buttons are .toggle-radius
-  // too and also live inside .navbar-form, but they must keep the
-  // .social_loginbar geometry from main.css. flex-basis outranks width in a
-  // flex container and the bare rule is (0,3,0) against (0,2,0), so an
-  // unscoped selector collapses the buttons to 29px and zeroes their margins.
-  assert.match(userboxCss, /\.navbar-top \.navbar-form \.toggle-radius:not\(\.social-login-item\):not\(\.xh-social-item\)\s*\{[^}]*flex:\s*0 0 29px;[^}]*margin:\s*0;/s);
-  assert.doesNotMatch(userboxCss, /\.navbar-top \.navbar-form \.toggle-radius\s*\{/);
-  // header-userbox.css is also folded into the public bundle, so the exemption
-  // has to survive the build.
-  assert.match(publicCss, /\.navbar-top \.navbar-form \.toggle-radius:not\(\.social-login-item\):not\(\.xh-social-item\)/);
+  assert.match(userboxCss, /\.header,\s*\.mobile-header,\s*\.navbar-search\s*\{[^}]*font-family:\s*['"]Helvetica Neue['"],\s*Helvetica,\s*Arial,\s*sans-serif;[^}]*font-weight:\s*400;[^}]*line-height:\s*1\.42857143;/s);
+  assert.match(userboxCss, /\.navbar-top \.aksrt-nav-icon\s*\{[^}]*display:\s*inline-block;[^}]*padding:\s*6px 12px;[^}]*font-size:\s*14px;[^}]*line-height:\s*1\.42857143;[^}]*border:\s*1px solid transparent;[^}]*border-radius:\s*4px;/s);
+  assert.doesNotMatch(userboxCss, /\.aksrt-navbar-account|\.aksrt-nav-avatar|\.navbar-form \.toggle-radius:not|navbar-form\.flex\.ac\s*\{[^}]*min-height|\.aksrt-navbar-language\s*\{[^}]*margin:/);
+  assert.doesNotMatch(publicCss, /\.navbar-top \.navbar-form \.toggle-radius:not\(\.social-login-item\)/);
 });
 
 test('route and feature modules do not restyle the legacy top-nav chips', () => {
@@ -278,14 +272,15 @@ test('the account popover rows match the reference user box structure', () => {
 
   // Check-in entry is an anchor with the reference button classes.
   assert.match(header, /but block c-yellow/);
-  assert.match(header, /but block c-yellow is-done/);
+  assert.match(header, /aksrt_get_user_checkin_details_link\([\s\S]*?'but block c-yellow'/);
+  assert.match(header, /checkin-details-link/);
   assert.match(buttonsCss, /\.but\.block\s*\{\s*display:\s*block;\s*\}/);
   assert.match(buttonsCss, /\.btn-block\s*\{\s*display:\s*block;\s*width:\s*100%;\s*\}/);
-  // The reference selector is a descendant, so the VIP chip inside its hover-show
-  // wrapper receives the same .but geometry (font-size, padding, margin) as the
-  // publish chip instead of falling back to the bare .but defaults.
+  // The hover wrapper uses the reference inline-block utility so the absolutely
+  // positioned VIP card keeps its original static position.
+  assert.match(read('inc/helpers/aksrt-header-menu-buttons.php'), /class="hover-show inline-block"/);
   assert.match(legacyMainCss, /\.navbar-top \.navbar-but \.but\s*\{[^}]*font-size:\s*0\.8em;[^}]*padding:\s*0\.3em 1em !important;[^}]*margin:\s*0\.4em;/s);
-  assert.doesNotMatch(legacyMainCss, /\.navbar-top \.navbar-but > \.but\s*\{/);
+  assert.doesNotMatch(read('assets/css/frontend/header-userbox.css'), /\.navbar-top \.navbar-but > \.hover-show/);
   assert.doesNotMatch(header, /but block c-yellow[^"']*btn-block/);
   assert.match(header, /<div class="mt6 em09" style="padding:2px;">' \. \$checkin \. '<\/div>/);
   assert.match(header, /data-signin-done-label[\s\S]{0,120}?今日已签到/);