更新

TUICallKit-Vue3/tongji/styles/stitch-vitalmint-theme.scss

@@ -3,7 +3,7 @@
  * 设计 token 与 stitch-weekly.html tailwind.config 一一对应
  */
 
-.weekly-page {
+.stitch-vitalmint {
     --primary: #006c49;
     --on-primary: #ffffff;
     --on-primary-fixed-variant: #005236;
@@ -29,6 +29,8 @@
     --error-container: #ffdad6;
     --tertiary: #a43a3a;
     --tertiary-container: #fc7c78;
+    --on-tertiary: #ffffff;
+    --on-tertiary-container: #711419;
 
     --st-container-margin: 40rpx;
     --st-section-gap: 64rpx;
@@ -39,7 +41,9 @@
     --st-radius-xl: 24rpx;
     --st-radius-lg: 16rpx;
     --st-shadow-ambient: 0 20rpx 60rpx -20rpx rgba(0, 108, 73, 0.08);
+}
 
+.weekly-page.stitch-vitalmint {
     min-height: 100vh;
     background: var(--surface);
     color: var(--on-surface);

TUICallKit-Vue3/tongji/styles/weekly-stitch.scss

@@ -139,6 +139,59 @@
     transform: scale(0.98);
 }
 
+/* 糖分突袭游戏入口 */
+.weekly-page .st-game-entry {
+    width: 100%;
+    margin-top: 24rpx;
+    padding: 28rpx 32rpx;
+    display: flex;
+    align-items: center;
+    gap: 24rpx;
+    border-radius: var(--st-radius-2xl);
+    background: var(--surface-container-lowest);
+    border: 1rpx solid rgba(0, 108, 73, 0.14);
+    box-shadow: var(--st-shadow-ambient);
+    box-sizing: border-box;
+}
+
+.weekly-page .st-game-entry:active {
+    transform: scale(0.98);
+    opacity: 0.92;
+}
+
+.weekly-page .st-game-entry-icon {
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 24rpx;
+    background: rgba(0, 108, 73, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.weekly-page .st-game-entry-body {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6rpx;
+}
+
+.weekly-page .st-game-entry-title {
+    font-size: 32rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+    line-height: 1.25;
+}
+
+.weekly-page .st-game-entry-sub {
+    font-size: 24rpx;
+    font-weight: 500;
+    color: var(--on-surface-variant, #64748b);
+    line-height: 1.35;
+}
+
 /* ===== Chart card — rounded-3xl ===== */
 .weekly-page .st-chart-card {
     padding: 40rpx;
@@ -150,7 +203,7 @@
 
 .weekly-page .st-chart-head {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: space-between;
     margin-bottom: 48rpx;
 }
@@ -170,6 +223,23 @@
     color: var(--on-surface-variant);
 }
 
+.weekly-page .st-chart-more {
+    display: inline-flex;
+    align-items: center;
+    gap: 4rpx;
+    margin-top: 12rpx;
+}
+
+.weekly-page .st-chart-more-text {
+    font-size: 26rpx;
+    font-weight: 600;
+    color: var(--primary);
+}
+
+.weekly-page .st-chart-more:active {
+    opacity: 0.75;
+}
+
 .weekly-page .st-chart-legend {
     display: flex;
     gap: var(--st-inline-gap);