fix(frontend): restore reference VIP watermark and action-row geometry

会员条右下角那枚淡淡的 gem 水印一直没渲染出来：.payvip-icon:before 留着参考主题的 FA4 码位 f219，但本站字体栈是 FA5，该码位在 FA5 里映射不到任何字形。改为 f3a5（fa-gem，Solid 字重），这正是参考主题水印的实际内容。

操作行（用户中心 / 我的订单 / 支付中心 / 后台管理）的几何被 header-userbox.css 里的自有规则盖住了，而 main.css 里本就有参考主题的对应规则：瓦片被强制成 flex 1 1 0 加 min-width 0，容器加 4px  gap，标签还被截断。删掉这些覆盖，只保留 max-height none 这一处对全局导航链接 50px 高度上限的豁免，让 .header-user-href > a（inline-block、padding-top 10px、min-width 58px）和 .header-user-href .toggle-radius（36px）重新接管。

同时删掉 360px 断点下把图标瓦片缩到 34px 的规则，参考主题没有对应物；移动端宽度对齐参考主题的 auto。

排查中确认 main.css 整体是对参考主题的忠实移植：93 条布局工具类、8 条 padding 工具类、.sub-user-box / .header-user-href / .msg-news-icon / .payvip-icon 规则以及颜色变量均逐条一致，因此上述两处就是仅有的缺口。另外核对 f3a5 在随包 FA5 Solid 字体中可解析，fa-solid-900.woff2 确实存在。

重建 main.min.css 与 public bundle，仅这三个构建产物发生变化，JS bundle 字节级一致。573 项契约测试全部通过。

assets/css/build/public.css

@@ -2895,59 +2895,19 @@ main.container,
 }
 
 /* Navigation links are globally capped at 50px. Account actions are taller
- * icon tiles and must opt out or their labels overlap the following row. */
-.navbar-top .aksrt-header-userbox .header-user-href {
-  align-items: flex-start;
-  gap: 4px;
-}
-
+ * icon tiles and must opt out or their labels overlap the following row.
+ * The tile geometry itself stays with the shared legacy rules
+ * (.header-user-href > a and .header-user-href .toggle-radius in main.css)
+ * so the action row keeps the reference proportions. */
 .navbar-top .aksrt-header-userbox .header-user-href > a,
 .aksrt-header-userbox .header-user-href > a {
-  display: flex;
-  flex: 1 1 0;
-  flex-direction: column;
-  align-items: center;
-  min-width: 0;
   max-height: none;
-  padding: 10px 2px 2px;
-  line-height: 1.35;
-}
-
-.aksrt-header-userbox .header-user-href > a:hover {
-  opacity: .75;
-}
-
-.aksrt-header-userbox .header-user-href .toggle-radius {
-  flex: 0 0 36px;
-  width: 36px;
-  height: 36px;
-}
-
-.aksrt-header-userbox .header-user-href > a > div:last-child {
-  max-width: 100%;
-  overflow: hidden;
-  font-size: 12px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .mobile-navbar .aksrt-header-userbox {
-  width: 100%;
+  width: auto;
   max-width: 400px;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-@media (max-width: 360px) {
-  .aksrt-header-userbox .header-user-href {
-    gap: 2px;
-  }
-
-  .aksrt-header-userbox .header-user-href .toggle-radius {
-    flex-basis: 34px;
-    width: 34px;
-    height: 34px;
-  }
+  margin: auto;
 }
 
 /* source: assets/css/frontend/card-primitives.css */

assets/css/frontend/header-userbox.css

@@ -191,57 +191,17 @@
 }
 
 /* Navigation links are globally capped at 50px. Account actions are taller
- * icon tiles and must opt out or their labels overlap the following row. */
-.navbar-top .aksrt-header-userbox .header-user-href {
-  align-items: flex-start;
-  gap: 4px;
-}
-
+ * icon tiles and must opt out or their labels overlap the following row.
+ * The tile geometry itself stays with the shared legacy rules
+ * (.header-user-href > a and .header-user-href .toggle-radius in main.css)
+ * so the action row keeps the reference proportions. */
 .navbar-top .aksrt-header-userbox .header-user-href > a,
 .aksrt-header-userbox .header-user-href > a {
-  display: flex;
-  flex: 1 1 0;
-  flex-direction: column;
-  align-items: center;
-  min-width: 0;
   max-height: none;
-  padding: 10px 2px 2px;
-  line-height: 1.35;
-}
-
-.aksrt-header-userbox .header-user-href > a:hover {
-  opacity: .75;
-}
-
-.aksrt-header-userbox .header-user-href .toggle-radius {
-  flex: 0 0 36px;
-  width: 36px;
-  height: 36px;
-}
-
-.aksrt-header-userbox .header-user-href > a > div:last-child {
-  max-width: 100%;
-  overflow: hidden;
-  font-size: 12px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .mobile-navbar .aksrt-header-userbox {
-  width: 100%;
+  width: auto;
   max-width: 400px;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-@media (max-width: 360px) {
-  .aksrt-header-userbox .header-user-href {
-    gap: 2px;
-  }
-
-  .aksrt-header-userbox .header-user-href .toggle-radius {
-    flex-basis: 34px;
-    width: 34px;
-    height: 34px;
-  }
+  margin: auto;
 }

assets/css/main.css

@@ -5936,7 +5936,7 @@ body:has(.modal.in) .float-btn,
 }
 
 .payvip-icon:before {
-    content: '\f219';
+    content: '\f3a5';
     font: normal normal 900 14px/1 "Font Awesome 5 Free";
     font-size: 3.5em;
     right: -0.2em !important;