body,html{height:100%;width:100%;color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}p{margin:0}#share_root,.share_main{height:100%;width:100%}.share_main{background-image:url(../../themes/element/img/backgrounds/share_bg.c39255e.png);background-size:cover}.share_content{position:fixed;width:82%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.share_card{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:20px;border-radius:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-box-shadow:0 4px 80px 0 rgba(0,0,0,.33),inset 0 1px 0 0 hsla(0,0%,100%,.51);box-shadow:0 4px 80px 0 rgba(0,0,0,.33),inset 0 1px 0 0 hsla(0,0%,100%,.51);border:1px solid hsla(0,0%,97.6%,.08);background-image:url(../../themes/element/img/backgrounds/share_card_bg.a54dc75.png);background-size:cover;background-position:50% 80%}.share_avatar_container{position:relative;width:100%}.share_avatar_container .share_avatar_frame{width:100%;height:0;padding-bottom:100%}.share_avatar_container .share_avatar{position:absolute;width:100%;height:100%;border-radius:20px;top:0}.share_label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;font-size:24px;margin:10px 0 6px;line-height:36px;height:36px}.share_room_id{font-size:12px;height:16px;margin-bottom:36px;-webkit-line-clamp:2;height:28px;overflow:hidden;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;width:70%}.share_room_id span{margin-right:6px;opacity:.5}.share_room_id{margin-bottom:56px}.share_user_id{opacity:.8;font-size:14px;height:16px;margin-bottom:48px}.share_from{margin-right:72px;white-space:nowrap;overflow:hidden}.share_from_avatar{height:34px;width:34px;float:left;border-radius:6px;margin-right:12px}.share_from_user{font-size:14px}.share_from_slogan{font-size:12px;opacity:.5;border-radius:6px}.share_user_slogan{opacity:.5;margin:0 72px 32px 0;font-size:14px}.share_logo{height:92px;width:68px;position:absolute;bottom:20px;right:20px;display:none}.share_btn{color:#fff;background-color:#38ca9f;border-radius:16px;font-size:18px;font-weight:700;text-align:center;margin-top:16px;height:52px;line-height:52px}.share_grid{grid-row-gap:2%;grid-column-gap:2%;background-color:#3c3c3c;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-grid;overflow:hidden;position:absolute;top:0;border-radius:20px;height:100%;width:100%}.share_grid.in-2-avatar{grid-template-columns:50% 50%}.share_grid.in-3-avatar,.share_grid.in-4-avatar{grid-template-columns:50% 50%;grid-template-rows:50% 50%}.share_grid.in-3-avatar .room_avatar:first-child{grid-column-start:1;grid-column-end:3}.share_grid.in-5-avatar{grid-template-columns:50% 50%;grid-template-rows:repeat(6,15%)}.share_grid.in-5-avatar .room_avatar:first-child{grid-row:1/4}.share_grid.in-5-avatar .room_avatar:nth-child(2){grid-row:4/7}.share_grid.in-5-avatar .room_avatar:nth-child(3){grid-row:1/3;grid-column:1}.share_grid.in-5-avatar .room_avatar:nth-child(4){grid-row:3/5;grid-column:1}.share_grid.in-5-avatar .room_avatar:nth-child(5){grid-row:5/7;grid-column:1}.share_grid.in-6-avatar{grid-template-columns:repeat(3,32%);grid-template-rows:repeat(3,32%)}.share_grid.in-6-avatar .room_avatar:first-child{grid-row:1/3;grid-column:2/4}.share_grid.in-7-avatar{grid-template-columns:repeat(4,23.5%);grid-template-rows:repeat(4,23.5%)}.share_grid.in-7-avatar .room_avatar:first-child{grid-column:1/3;grid-row:1/3}.share_grid.in-7-avatar .room_avatar:nth-child(2){grid-column:3/6;grid-row:1/3}.share_grid.in-7-avatar .room_avatar:nth-child(3){grid-column:1/3;grid-row:3/6}.share_grid.in-7-avatar .room_avatar:nth-child(6){grid-row:4/4;grid-column:3/3}.share_grid.in-7-avatar .room_avatar:nth-child(7){grid-row:4/4;grid-column:4/4}.share_grid.in-8-avatar{grid-template-columns:repeat(5,18.4%);grid-template-rows:repeat(4,23.5%)}.share_grid.in-8-avatar .room_avatar:first-child{grid-row:1/3;grid-column:1/3}.share_grid.in-8-avatar .room_avatar:nth-child(2){grid-row:1/3;grid-column:4/6}.share_grid.in-8-avatar .room_avatar:nth-child(3){grid-row:3/5;grid-column:1/3}.share_grid.in-8-avatar .room_avatar:nth-child(4){grid-row:3/5;grid-column:4/6}.share_grid.in-9-avatar{grid-template-columns:repeat(3,32%);grid-template-rows:repeat(3,32%)}.share_grid img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}