导航栏等 HUD 元素置顶（z-index 40）

src/styles.css

@@ -90,7 +90,7 @@ html, body {
 }
 
 /* 顶部标题 */
-.hud { position: absolute; z-index: 5; }
+.hud { position: absolute; z-index: 40; }
 .top-left { top: 22px; left: 26px; }
 .title {
   font-size: clamp(20px, 2.4vw, 34px);
@@ -151,7 +151,7 @@ html, body {
 /* 登记卡详情 */
 .detail-card {
   right: 24px; bottom: 22px; width: min(320px, 82vw);
-  z-index: 30; /* 始终置顶，盖在标记便签层之上 */
+  z-index: 40; /* 始终置顶，盖在标记便签层之上 */
   padding: 18px 20px; border-radius: 4px;
   background: linear-gradient(180deg, rgba(232,216,182,0.96), rgba(214,196,156,0.96));
   color: var(--ink); box-shadow: 0 18px 50px rgba(0,0,0,0.55), inset 0 0 0 1px rgba(90,61,43,0.4);