.recommend-stage .feed-swiper--preview .feed-slide  { height: calc(100% - 8px); }
.recommend-stage .image-playback-progress  { position: absolute; z-index: 5; right: 16px; bottom: calc(var(--recommend-payment-height, 80px) + 8px); left: 16px; display: flex; gap: 5px; pointer-events: none; }
.recommend-stage.photo-only .image-playback-progress  { right: 60px; bottom: 22px; }
.recommend-stage .image-playback-segment  { flex: 1; height: 3px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.35); }
.recommend-stage .image-playback-fill  { width: 0; height: 100%; background: #fff; }
.recommend-stage .image-playback-segment.is-complete .image-playback-fill  { width: 100%; }
.recommend-stage .image-playback-segment.is-playing .image-playback-fill  { animation: recommendation-image-progress 2s linear both; }
@keyframes recommendation-image-progress { from { width: 0; } to { width: 100%; } }
.recommend-stage .recommend-back  { position: absolute; z-index: 13; top: calc(var(--status-bar-height, 0px) + 14px); left: 16px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(20,22,26,.3); }
.recommend-stage .recommend-back::after  { border: 0; }
.recommend-stage .recommend-back image  { width: 22px; height: 22px; filter: brightness(0) invert(1); }
.recommend-stage .recommend-header{padding-left:64px!important}.recommend-stage .feed-swiper{background:#080808}