feat(tongji): 新增控糖消消乐小游戏

TUICallKit-Vue3/tongji/endless-game/game-endless.scss

@@ -20,14 +20,18 @@
 
 .eg-nav {
     position: relative;
-    display: flex;
+    display: grid;
+    box-sizing: border-box;
+    grid-template-columns: 156rpx minmax(0, 1fr) 156rpx;
     align-items: center;
-    justify-content: space-between;
+    column-gap: 12rpx;
     padding-right: 28rpx;
     padding-bottom: 16rpx;
     padding-left: 28rpx;
 }
 
+.eg-nav-leading { display: flex; width: 156rpx; justify-content: flex-start; }
+
 .eg-nav-btn {
     display: flex;
     width: 72rpx;
@@ -39,10 +43,11 @@
     background: rgba(255,255,255,.82);
 }
 
-.eg-nav-actions { display: flex; width: 156rpx; justify-content: flex-end; gap: 10rpx; }
+.eg-nav-actions { display: flex; width: 156rpx; flex-shrink: 0; justify-content: flex-end; gap: 10rpx; }
 .eg-nav-btn--small { width: 68rpx; height: 68rpx; border-radius: 22rpx; }
 
-.eg-title-wrap { position: absolute; left: 50%; display: flex; flex-direction: column; align-items: center; transform: translateX(-50%); }
+.eg-title-wrap { display: flex; min-width: 0; flex-direction: column; align-items: center; }
+.eg-title, .eg-subtitle { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }
 .eg-title { color: #155e4b; font-size: 40rpx; font-weight: 800; }
 .eg-subtitle { margin-top: 2rpx; color: #648278; font-size: 24rpx; }
 .eg-content { padding: 0 16rpx 48rpx; }