.short-video-detail-navigation { display:flex; justify-content:flex-end; align-items:center; gap:12px; }
.short-video-detail-navigation a { padding:6px 8px; color:inherit; font-size:13px; line-height:20px; text-decoration:none; border-radius:16px; background:rgba(255,255,255,.1); -webkit-tap-highlight-color:transparent; }
.short-video-detail-navigation a:focus-visible { outline:2px solid #ffc000; outline-offset:2px; }
.mobile-douyin-page:not(.mobile-short-video-detail-page) .short-video-detail-navigation { position:absolute; top:12px; right:12px; z-index:30; color:#fff; }
.pc-short-video-switch a { position:relative; display:grid; width:36px; height:36px; padding:0; place-items:center; border:0; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; }
.pc-short-video-switch a::before { content:""; width:9px; height:9px; border-right:3px solid currentColor; border-bottom:3px solid currentColor; }
.pc-short-video-switch a[data-pc-short-previous]::before { transform:rotate(225deg); }
.pc-short-video-switch a[data-pc-short-next]::before { transform:rotate(45deg); }
.pc-short-video-switch a:hover { background:var(--pc-accent); color:#111; }
.pc-long-detail-page .short-video-detail-navigation { margin:12px 0; }