fix(frontend): restore reference VIP expiry geometry

assets/css/frontend/vip-modal.css

@@ -101,7 +101,3 @@
   opacity: 0.7;
   cursor: wait;
 }
-
-.vip-expdate-tag {
-  font-size: 12px;
-}

tests/widget-system/page-display-contract.test.cjs

@@ -378,6 +378,8 @@ test('header user-card membership stays on one row with a date-only expiry', ()
   assert.match(headerUserbox, /aksrt_get_vip_icon\(\$user_id, 'em12 mr6', false\)/)
   assert.match(headerUserbox, /class="ml10 badg jb-yellow vip-expdate-tag"/)
   assert.match(legacyMainCss, /\.sub-user-box \.payvip-icon\s*\{[^}]*padding:\s*8px;/s)
+  assert.match(legacyMainCss, /\.vip-expdate-tag\s*\{[^}]*font-size:\s*0\.8em;[^}]*padding:\s*0\.1em 6px;[^}]*vertical-align:\s*0\.1em;/s)
+  assert.doesNotMatch(vipModalCss, /\.vip-expdate-tag\s*\{/)
   assert.doesNotMatch(headerCss, /aksrt-header-payvip/)
   // The CTA wrapper is the reference padding wrapper, not a bespoke hook.
   assert.match(headerUserbox, /'<div class="mt10 em09" style="padding:2px;">'/)