.service-video-thumbnail[data-v-recommend-feed-video]{position:relative;display:block;flex:0 0 58px;width:58px;height:58px;min-height:58px;margin:0;padding:0;overflow:hidden;border:0;border-radius:7px;background:#f4f1e8;color:#9b8b5d;cursor:pointer}
.service-video-thumbnail[data-v-recommend-feed-video]::after{border:0}
.service-video-thumbnail>video[data-v-recommend-feed-video]{width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.service-video-thumbnail>video.ready[data-v-recommend-feed-video]{opacity:1}
.video-placeholder[data-v-recommend-feed-video]{position:absolute;inset:12px;width:34px;height:34px}
.video-play-badge[data-v-recommend-feed-video]{position:absolute;right:4px;bottom:4px;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#0009;color:#fff;pointer-events:none}
.video-play-badge svg[data-v-recommend-feed-video]{width:16px;height:16px}
.service-video-thumbnail[data-v-recommend-feed-video]:focus-visible{outline:2px solid #94772c;outline-offset:3px}
.service-video-preview[data-v-recommend-feed-video]{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border:0;background:#111;color:#fff;overflow:hidden}
.service-video-preview[open][data-v-recommend-feed-video]{display:flex;flex-direction:column}
.service-video-preview[data-v-recommend-feed-video]::backdrop{background:#111}
.service-video-preview header[data-v-recommend-feed-video]{display:flex;align-items:center;justify-content:space-between;flex:none;height:60px;padding:0 18px;font-size:16px}
.service-video-preview header button[data-v-recommend-feed-video]{width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:#ffffff18;color:#fff;font:28px/40px sans-serif;cursor:pointer}
.service-video-preview>video[data-v-recommend-feed-video]{width:100%;flex:1;min-height:0;object-fit:contain}
.service-video-preview>p[data-v-recommend-feed-video]{flex:none;text-align:center;color:#a5a5a5;font-size:12px;margin:16px 0}