[data-v-e75f9066]:root{--dark-primary-color:"red";--light-primary-color:blue}.home-wrap[data-v-e75f9066]{box-sizing:border-box;display:flex;gap:16px;height:640px;justify-content:center;min-width:1400px;padding:20px}.home-wrap .left[data-v-e75f9066]{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);box-sizing:border-box;height:100%;overflow:hidden;position:relative;width:1100px}.home-wrap .left .preview[data-v-e75f9066]{background-color:#f1f2f3;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.home-wrap .left .preview .preview-mask[data-v-e75f9066]{background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,.05) 40%,rgba(0,0,0,.65));bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;top:0}.home-wrap .left .preview .preview-mask .live-badge[data-v-e75f9066]{align-self:flex-start;background:#ff2c55;border-radius:14px;box-shadow:0 2px 8px rgba(255,44,85,.4);color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.home-wrap .left .preview .preview-mask .room-info[data-v-e75f9066]{color:#fff}.home-wrap .left .preview .preview-mask .room-info .room-name[data-v-e75f9066]{font-size:24px;font-weight:600;margin-bottom:8px}.home-wrap .left .preview .preview-mask .room-info .room-meta[data-v-e75f9066]{color:hsla(0,0%,100%,.85);font-size:14px}.home-wrap .left .empty-preview[data-v-e75f9066]{align-items:center;background:linear-gradient(180deg,#fafbfc,#f1f2f3);color:#9499a0;display:flex;font-size:16px;height:100%;justify-content:center}.home-wrap .left .enter-btn[data-v-e75f9066]{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-e75f9066]:hover{background:#e02448}.home-wrap .left:hover .enter-btn[data-v-e75f9066]{display:inline-block}.home-wrap .right[data-v-e75f9066]{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);box-sizing:border-box;height:100%;overflow-y:auto;padding:12px;width:250px}.home-wrap .right .list .item[data-v-e75f9066]{background-color:#f1f2f3;background-position:50%;background-size:cover;border-radius:8px;cursor:pointer;height:110px;margin-bottom:12px;overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s;width:100%}.home-wrap .right .list .item[data-v-e75f9066]:last-child{margin-bottom:0}.home-wrap .right .list .item .item-mask[data-v-e75f9066]{background:rgba(0,0,0,.35);bottom:0;left:0;position:absolute;right:0;top:0;transition:background .2s}.home-wrap .right .list .item[data-v-e75f9066]:hover{box-shadow:0 6px 16px rgba(0,0,0,.12);transform:translateY(-2px)}.home-wrap .right .list .item.active .item-mask[data-v-e75f9066],.home-wrap .right .list .item:hover .item-mask[data-v-e75f9066]{background:rgba(0,0,0,.15)}.home-wrap .right .list .item.active[data-v-e75f9066]{box-shadow:0 0 0 2px #ff2c55}.home-wrap .right .list .item .item-info[data-v-e75f9066]{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);bottom:0;left:0;padding:8px 10px;position:absolute;right:0}.home-wrap .right .list .item .item-info .item-name[data-v-e75f9066]{color:#fff;font-size:13px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-wrap .right .list .item .item-info .item-online[data-v-e75f9066]{color:hsla(0,0%,100%,.75);font-size:11px}.home-wrap .right .none[data-v-e75f9066]{align-items:center;color:#9499a0;display:flex;font-size:14px;height:100%;justify-content:center}@media screen and (max-width:1400px){.home-wrap[data-v-e75f9066]{height:480px;min-width:auto}.home-wrap .left[data-v-e75f9066]{width:900px}.home-wrap .right[data-v-e75f9066]{width:200px}.home-wrap .right .list .item[data-v-e75f9066]{height:84px}}@media screen and (max-width:768px){.home-wrap[data-v-e75f9066]{flex-direction:column;gap:12px;height:auto;min-width:auto;padding:12px}.home-wrap .left[data-v-e75f9066]{height:240px;width:100%}.home-wrap .left .enter-btn[data-v-e75f9066]{display:inline-block;font-size:14px;padding:10px 24px}.home-wrap .left .preview .preview-mask[data-v-e75f9066]{padding:14px}.home-wrap .left .preview .preview-mask .room-info .room-name[data-v-e75f9066]{font-size:18px}.home-wrap .right[data-v-e75f9066]{height:auto;max-height:none;overflow:visible;width:100%}.home-wrap .right .list[data-v-e75f9066]{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.home-wrap .right .list .item[data-v-e75f9066]{height:104px;margin-bottom:0}.home-wrap .right .none[data-v-e75f9066]{height:120px}}