[data-v-4dce7c2f]:root{--dark-primary-color:"red";--light-primary-color:blue}.home-wrap[data-v-4dce7c2f]{background:#0f0f1e;color:#fff;display:flex;height:610px;min-width:1400px;padding:20px 0}.home-wrap .left[data-v-4dce7c2f]{background:#1a1a2e;border-radius:8px;box-sizing:border-box;display:inline-block;height:610px;overflow:hidden;position:relative;vertical-align:top;width:1100px}.home-wrap .left .preview[data-v-4dce7c2f]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.home-wrap .left .preview .preview-mask[data-v-4dce7c2f]{background:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent 40%,rgba(0,0,0,.6));bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0}.home-wrap .left .preview .preview-mask .live-badge[data-v-4dce7c2f]{align-self:flex-start;background:#ff2c55;border-radius:4px;font-size:12px;font-weight:700;padding:4px 10px}.home-wrap .left .preview .preview-mask .room-info .room-name[data-v-4dce7c2f]{font-size:22px;font-weight:700;margin-bottom:8px}.home-wrap .left .preview .preview-mask .room-info .room-meta[data-v-4dce7c2f]{color:hsla(0,0%,100%,.8);font-size:14px}.home-wrap .left .empty-preview[data-v-4dce7c2f]{align-items:center;color:hsla(0,0%,100%,.6);display:flex;font-size:16px;height:100%;justify-content:center}.home-wrap .left .enter-btn[data-v-4dce7c2f]{background:#ff2c55;border-radius:24px;color:#fff;cursor:pointer;display:none;font-size:16px;left:50%;padding:12px 32px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s}.home-wrap .left .enter-btn[data-v-4dce7c2f]:hover{background:#e02448}.home-wrap .left:hover .enter-btn[data-v-4dce7c2f]{display:inline-block}.home-wrap .right[data-v-4dce7c2f]{background:#1a1a2e;border-radius:8px;box-sizing:border-box;display:inline-block;height:610px;margin-left:10px;overflow-y:auto;padding:10px;vertical-align:top;width:230px}.home-wrap .right .list .item[data-v-4dce7c2f]{background-color:#2a2a3e;background-position:50%;background-size:cover;border-radius:6px;cursor:pointer;height:110px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.home-wrap .right .list .item[data-v-4dce7c2f]:last-child{margin-bottom:0}.home-wrap .right .list .item .item-mask[data-v-4dce7c2f]{background:rgba(0,0,0,.4);bottom:0;left:0;position:absolute;right:0;top:0;transition:background .2s}.home-wrap .right .list .item.active .item-mask[data-v-4dce7c2f],.home-wrap .right .list .item:hover .item-mask[data-v-4dce7c2f]{background:rgba(0,0,0,.2)}.home-wrap .right .list .item.active[data-v-4dce7c2f]{box-shadow:0 0 0 2px #ff2c55}.home-wrap .right .list .item .item-info[data-v-4dce7c2f]{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;left:0;padding:8px;position:absolute;right:0}.home-wrap .right .list .item .item-info .item-name[data-v-4dce7c2f]{color:#fff;font-size:13px;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-wrap .right .list .item .item-info .item-online[data-v-4dce7c2f]{color:hsla(0,0%,100%,.7);font-size:11px}.home-wrap .right .none[data-v-4dce7c2f]{align-items:center;color:hsla(0,0%,100%,.5);display:flex;font-size:14px;height:100%;justify-content:center}@media screen and (max-width:1400px){.home-wrap[data-v-4dce7c2f]{height:460px}.home-wrap .left[data-v-4dce7c2f]{height:460px;width:900px}.home-wrap .right[data-v-4dce7c2f]{height:460px;width:180px}.home-wrap .right .list .item[data-v-4dce7c2f]{height:80px}}