.public-room[data-v-c9af6698]{min-width:0}.public-room>a[data-v-c9af6698]{color:#000;flex-direction:column;min-width:0;display:flex;position:relative}.public-room-cover[data-v-c9af6698]{border-radius:6px 6px 0 0;order:0;position:relative;overflow:hidden}.public-room-cover>.content-image[data-v-c9af6698]{height:127px}.public-room .room-card-title[data-v-c9af6698]{text-overflow:ellipsis;white-space:nowrap;order:1;height:34px;margin:0;padding:10px 12px;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.public-room-person[data-v-c9af6698]{color:#777;order:2;align-items:center;gap:4px;min-width:0;height:27px;padding:1px 12px;font-size:12px;line-height:25px;display:flex}.public-room-person>.content-image[data-v-c9af6698]{flex:none;width:20px}.public-room-name[data-v-c9af6698]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.public-room-viewers[data-v-c9af6698]{flex:none;align-items:center;gap:3px;margin-left:auto;display:flex}.public-room-live[data-v-c9af6698]{z-index:2;color:#fff;background:#fa3434;border-radius:2px;align-items:center;gap:4px;height:18px;padding:0 4px;font:12px/18px Arial,sans-serif;display:flex;position:absolute;top:10px;right:8px}.public-room-category>a[data-v-c9af6698]{background:#fff;border-radius:6px;min-height:191px}.public-room-match .public-room-person[data-v-c9af6698]{color:#333;order:-1;height:34px;margin-bottom:6px;padding:0;font-size:12px;line-height:28px}.public-room-match .public-room-person>.content-image[data-v-c9af6698]{width:28px;margin-right:2px}.public-room-match .public-room-cover[data-v-c9af6698]{border-radius:8px}.public-room-match .public-room-cover>.content-image[data-v-c9af6698]{aspect-ratio:16/9;height:auto}.public-room-match .room-card-title[data-v-c9af6698]{z-index:2;color:#fff;background:linear-gradient(#0000,#000b);height:auto;padding:12px 6px 5px;font-size:12px;line-height:18px;position:absolute;bottom:0;left:0;right:0}.public-room-match .public-room-live[data-v-c9af6698]{height:16px;font-size:10px;line-height:16px;top:4px;left:6px;right:auto}@media (width>=0){:where(html[data-device-mode=phone]) .public-room-category>a[data-v-c9af6698]{background:0 0;min-height:0}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-category>a[data-v-c9af6698]{background:0 0;min-height:0}}:where(html[data-device-mode=phone]) .public-room-cover[data-v-c9af6698]{border-radius:calc(var(--wap-unit)*.08)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-cover[data-v-c9af6698]{border-radius:calc(var(--wap-unit)*.08)}}:where(html[data-device-mode=phone]) .public-room-cover>.content-image[data-v-c9af6698]{height:calc(var(--wap-unit)*1.85)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-cover>.content-image[data-v-c9af6698]{height:calc(var(--wap-unit)*1.85)}}:where(html[data-device-mode=phone]) .public-room-category .room-card-title[data-v-c9af6698]{height:calc(var(--wap-unit)*.34);margin-top:calc(var(--wap-unit)*.08);font-size:calc(var(--wap-unit)*.24);line-height:calc(var(--wap-unit)*.34);padding:0}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-category .room-card-title[data-v-c9af6698]{height:calc(var(--wap-unit)*.34);margin-top:calc(var(--wap-unit)*.08);font-size:calc(var(--wap-unit)*.24);line-height:calc(var(--wap-unit)*.34);padding:0}}:where(html[data-device-mode=phone]) .public-room-category .public-room-person[data-v-c9af6698]{top:calc(var(--wap-unit)*1.25);height:calc(var(--wap-unit)*.6);padding:0 calc(var(--wap-unit)*.12) calc(var(--wap-unit)*.08);color:#fff;font-size:calc(var(--wap-unit)*.2);line-height:calc(var(--wap-unit)*.24);background:linear-gradient(#0000,#000b);align-items:flex-end;position:absolute;left:0;right:0}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-category .public-room-person[data-v-c9af6698]{top:calc(var(--wap-unit)*1.25);height:calc(var(--wap-unit)*.6);padding:0 calc(var(--wap-unit)*.12) calc(var(--wap-unit)*.08);color:#fff;font-size:calc(var(--wap-unit)*.2);line-height:calc(var(--wap-unit)*.24);background:linear-gradient(#0000,#000b);align-items:flex-end;position:absolute;left:0;right:0}}:where(html[data-device-mode=phone]) .public-room-category .public-room-person>.content-image[data-v-c9af6698]{display:none}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-category .public-room-person>.content-image[data-v-c9af6698]{display:none}}:where(html[data-device-mode=phone]) .public-room-live[data-v-c9af6698]{top:calc(var(--wap-unit)*.08);right:auto;left:calc(var(--wap-unit)*.12);height:calc(var(--wap-unit)*.32);padding:0 calc(var(--wap-unit)*.08);font-size:calc(var(--wap-unit)*.2);line-height:calc(var(--wap-unit)*.32)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-live[data-v-c9af6698]{top:calc(var(--wap-unit)*.08);right:auto;left:calc(var(--wap-unit)*.12);height:calc(var(--wap-unit)*.32);padding:0 calc(var(--wap-unit)*.08);font-size:calc(var(--wap-unit)*.2);line-height:calc(var(--wap-unit)*.32)}}:where(html[data-device-mode=phone]) .public-room-match .public-room-person[data-v-c9af6698]{height:calc(var(--wap-unit)*.56);margin-bottom:calc(var(--wap-unit)*.12);font-size:calc(var(--wap-unit)*.24);line-height:calc(var(--wap-unit)*.56)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-match .public-room-person[data-v-c9af6698]{height:calc(var(--wap-unit)*.56);margin-bottom:calc(var(--wap-unit)*.12);font-size:calc(var(--wap-unit)*.24);line-height:calc(var(--wap-unit)*.56)}}:where(html[data-device-mode=phone]) .public-room-match .public-room-person>.content-image[data-v-c9af6698]{width:calc(var(--wap-unit)*.56);margin-right:calc(var(--wap-unit)*.04)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-match .public-room-person>.content-image[data-v-c9af6698]{width:calc(var(--wap-unit)*.56);margin-right:calc(var(--wap-unit)*.04)}}:where(html[data-device-mode=phone]) .public-room-match .public-room-cover[data-v-c9af6698]{margin-bottom:calc(var(--wap-unit)*.08)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-match .public-room-cover[data-v-c9af6698]{margin-bottom:calc(var(--wap-unit)*.08)}}:where(html[data-device-mode=phone]) .public-room-match .public-room-cover>.content-image[data-v-c9af6698]{height:calc(var(--wap-unit)*1.88)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-match .public-room-cover>.content-image[data-v-c9af6698]{height:calc(var(--wap-unit)*1.88)}}:where(html[data-device-mode=phone]) .public-room-match .room-card-title[data-v-c9af6698]{bottom:calc(var(--wap-unit)*.08);padding:calc(var(--wap-unit)*.24) calc(var(--wap-unit)*.12) calc(var(--wap-unit)*.1);font-size:calc(var(--wap-unit)*.24);line-height:calc(var(--wap-unit)*.32)}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-match .room-card-title[data-v-c9af6698]{bottom:calc(var(--wap-unit)*.08);padding:calc(var(--wap-unit)*.24) calc(var(--wap-unit)*.12) calc(var(--wap-unit)*.1);font-size:calc(var(--wap-unit)*.24);line-height:calc(var(--wap-unit)*.32)}}}.public-room-cover>.content-image[data-v-c9af6698]{width:100%}.public-room-category>a[data-v-c9af6698]{border:1px solid #e8e8e8;overflow:hidden}.public-room-category .public-room-cover[data-v-c9af6698]{border-radius:0}:where(html[data-device-mode=phone]) .public-room-category>a[data-v-c9af6698]{background:#fff}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-category>a[data-v-c9af6698]{background:#fff}}:where(html[data-device-mode=phone]) .public-room-category .room-card-title[data-v-c9af6698]{margin-bottom:6px;padding:0 6px}@media (width<900px) and (hover:hover){:where(html[data-device-mode=auto]) .public-room-category .room-card-title[data-v-c9af6698]{margin-bottom:6px;padding:0 6px}}