.short[data-v-786e9577]{background-color:#1f2329}.short .content[data-v-786e9577]{position:relative;display:flex}.short .current[data-v-786e9577]{position:relative;flex:1}.short .current img[data-v-786e9577]{display:block;width:100%;max-height:calc(100vh - 140px)}.short .current .video[data-v-786e9577]{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;max-height:calc(100vh - 140px)}.short .current .video .player[data-v-786e9577]{position:relative;flex:1;overflow:hidden}.short .current .video .player .left[data-v-786e9577]{position:absolute;left:20px;bottom:20px;z-index:11}.short .current .video .player .left .name[data-v-786e9577]{color:#fff;font-size:20px;text-shadow:0 0 2px #000}.short .current .video .player .left .tag[data-v-786e9577]{margin-top:10px;display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:100px;background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-shadow:0 0 2px #000}.short .current .video .player:hover .left[data-v-786e9577]{bottom:60px}.short .current .video .player .right[data-v-786e9577]{position:absolute;right:20px;bottom:60px;color:#fff;display:flex;flex-direction:column;gap:20px;z-index:11}.short .current .video .player .right .change[data-v-786e9577]{display:flex;flex-direction:column;width:48px;border:1px solid hsla(0,0%,100%,.3);background-color:rgba(0,0,0,.2);border-radius:100px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.short .current .video .player .right .change[data-v-786e9577]:hover{background-color:rgba(0,0,0,.4)}.short .current .video .player .right .change a[data-v-786e9577]{height:54px;display:flex;align-items:center;justify-content:center;opacity:.5}.short .current .video .player .right .change a[data-v-786e9577]:hover{opacity:1}.short .current .video .player .right .change .prev i[data-v-786e9577]{transform:rotate(90deg)}.short .current .video .player .right .change .next i[data-v-786e9577]{transform:rotate(-90deg)}.short .current .video .player .right .channel[data-v-786e9577]{width:48px;height:48px;border-radius:50%;border:1px solid #fff}.short .current .video .player .right .option[data-v-786e9577]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 0 2px #000}.short .current .video .player .right .option i[data-v-786e9577]{font-size:24px}.short .current .video .player .right .option.on i[data-v-786e9577]{color:#cf121b}.short .contents[data-v-786e9577]{max-height:calc(100vh - 140px);width:233px;overflow:auto;padding:0 20px 20px 20px;display:flex;flex-direction:column}.short .contents[data-v-786e9577]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.16470588235294117)}.short .contents .item[data-v-786e9577]{display:block}.short .contents .item.active .cover[data-v-786e9577]{box-shadow:inset 0 0 0 2px #fff;opacity:1}.short .contents .item+.item[data-v-786e9577]{margin-top:10px}.short .contents .item .cover[data-v-786e9577]{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;background-color:hsla(0,0%,100%,.5);opacity:.7}.short .contents .item .cover[data-v-786e9577]:hover{opacity:1}.short .contents .item .cover .tag[data-v-786e9577]{position:absolute;right:8px;top:8px;padding:0 10px;height:30px;line-height:30px;border-radius:100px;background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-shadow:0 0 2px #000}.short .contents .item .cover .time[data-v-786e9577]{position:absolute;right:8px;bottom:8px;color:#fff}.short .contents .item .name[data-v-786e9577]{color:#fff;margin-top:6px}.tags[data-v-786e9577]{padding:20px 20px 0;overflow-x:scroll;white-space:nowrap}.tags[data-v-786e9577]::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.16470588235294117)}.tags a[data-v-786e9577]{display:inline-block;width:90px;height:40px;line-height:40px;border-radius:100px;background-color:hsla(0,0%,100%,.1);color:#fff;text-align:center;margin-right:10px;margin-bottom:10px}.tags a.on[data-v-786e9577]{background-color:hsla(0,0%,100%,.8);color:#000}@media screen and (max-width:1100px){.short .current[data-v-786e9577]{min-height:calc(100vh - 200px)}.short .current .video[data-v-786e9577],.short .current img[data-v-786e9577]{max-height:calc(100vh - 200px)}.short .contents[data-v-786e9577]{display:none}.short .contents.active[data-v-786e9577]{display:flex}}