修复推荐页封面遮罩与登录态刷新

推荐页运行态封面增加加载条并隔离层级，避免 runtime 内容穿透封面

登录态从未登录到已登录或退出后刷新当前页面，退出等待 token 清理完成后再刷新

补充推荐页封面、认证刷新与样式回归测试

同步平台链路、项目基线和 Hermes 决策文档

src/index.css

@@ -220,6 +220,16 @@ body {
   }
 }
 
+@keyframes platform-recommend-runtime-loading {
+  0% {
+    transform: translateX(-110%);
+  }
+
+  100% {
+    transform: translateX(240%);
+  }
+}
+
 @keyframes puzzle-clear-card-clear-pop {
   0% {
     opacity: 1;
@@ -5281,6 +5291,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   .platform-recommend-runtime-viewport {
     position: absolute;
     inset: 0;
+    z-index: 1;
+    isolation: isolate;
     min-width: 0;
     overflow: hidden;
     background: var(--platform-recommend-runtime-fill);
@@ -5298,7 +5310,8 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   .platform-recommend-runtime-cover {
     position: absolute;
     inset: 0;
-    z-index: 3;
+    z-index: 30;
+    isolation: isolate;
     overflow: hidden;
     background: var(--platform-recommend-runtime-fill);
     opacity: 1;
@@ -5306,6 +5319,35 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
     will-change: opacity;
   }
 
+  .platform-recommend-runtime-loading {
+    position: absolute;
+    right: 1rem;
+    bottom: 0.72rem;
+    left: 1rem;
+    z-index: 4;
+    height: 0.18rem;
+    overflow: hidden;
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.24);
+    box-shadow: 0 0 18px rgba(255, 255, 255, 0.24);
+  }
+
+  .platform-recommend-runtime-loading::before {
+    position: absolute;
+    inset: 0;
+    width: 42%;
+    border-radius: inherit;
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0.38),
+      rgba(255, 255, 255, 0.92),
+      rgba(255, 180, 97, 0.86)
+    );
+    content: '';
+    transform: translateX(-110%);
+    animation: platform-recommend-runtime-loading 1.15s ease-in-out infinite;
+  }
+
   .platform-recommend-runtime-cover--hidden {
     opacity: 0;
     pointer-events: none;