.tab-list[data-v-f331cf18]{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:24px;overflow-x:auto}.tab-button[data-v-f331cf18]{background-color:#292a2c;border-radius:100px;color:#9b9c9e;cursor:pointer;font-weight:700;line-height:24px;transition:background-color .3s;white-space:nowrap}.tab-button.active[data-v-f331cf18]{background-color:#f6f6f6;color:#565656}.tab-button[data-v-f331cf18]:not(.active):hover{background-color:#444}.grid-container[data-v-f331cf18]{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.grid-container .temp-name[data-v-f331cf18]{color:#9b9c9e;font-weight:500}.video-box[data-v-f331cf18]{aspect-ratio:1 / 1;background:#141415;border:3px solid transparent;border-radius:16px;overflow:hidden;position:relative}.video-box>.btn-use[data-v-f331cf18]{background:#00000080;border:1px solid #ffffff80;border-radius:40px;color:#fff;cursor:pointer;left:50%;transform:translate(-50%)}.poster-img[data-v-f331cf18]{height:calc(100% - 6px);width:calc(100% - 6px)}@media (min-width:1024px){.tab-button[data-v-f331cf18]{font-weight:400}.tab-button.active[data-v-f331cf18]{font-weight:500}.video-box>.btn-use[data-v-f331cf18]{background:linear-gradient(90deg,#0175ff 0,var(--theme-color) 67.31%,#00ffea 100%);border:none;display:none}.video-box:hover[data-v-f331cf18]{background-clip:padding-box,border-box;background-image:linear-gradient(to right,#222,#222),linear-gradient(90deg,#0175ff 0,var(--theme-color) 67.31%,#00ffea 100%);background-origin:padding-box,border-box}.video-box:hover>.btn-use_pc[data-v-f331cf18]{display:block}.grid-container[data-v-f331cf18]{gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}