.chat-pc-menu-container[data-v-0a65444e]{margin:0 16px;overflow-x:auto;overflow-y:hidden;padding-top:12px}.chat-pc-menu-container .chat-pc-menu[data-v-0a65444e]{box-sizing:border-box;margin:0 auto;max-width:768px;white-space:nowrap}.chat-pc-menu-container .chat-pc-menu .mask[data-v-0a65444e]{bottom:84px;height:32px;pointer-events:none;position:absolute;width:40px;z-index:2}.chat-pc-menu-container .chat-pc-menu .more-menu[data-v-0a65444e]{align-items:center;display:flex;position:relative}.chat-pc-menu-container .chat-pc-menu .more-menu .more-text[data-v-0a65444e]{position:relative}@media screen and (max-width:744px){.chat-pc-menu[data-v-0a65444e]{display:none}}.chat-pc-menu-more-container .menu-item{background:#232324;color:#ffffffb3}.chat-pc-menu-more-container .menu-item:hover{background:#2a2a2b;color:#fff}.chat-footer[data-v-3aac28bf]{align-items:flex-end;background:#101011;box-sizing:border-box;display:flex;justify-content:space-between;padding:12px 16px 24px;position:relative}.chat-footer[data-v-3aac28bf] .user-guide-exp3{bottom:60px;left:28px;position:absolute;z-index:2}.chat-footer .send-box-container[data-v-3aac28bf]{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative;width:100%}.chat-footer .more[data-v-3aac28bf]{background:#ffffff1a;border-radius:50%;box-sizing:border-box;cursor:pointer;height:40px;margin-bottom:5px;position:relative;width:40px}.chat-footer .more[data-v-3aac28bf]:before{background:url(./more.DULW3zaT.webp) 50% no-repeat;background-size:24px 24px;content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%}.chat-footer .more[data-v-3aac28bf]:active,.chat-footer .more[data-v-3aac28bf]:hover{background:#ffffff0d;opacity:1}.chat-footer .more .new-icon[data-v-3aac28bf]{align-items:center;background:#f5444433;border-radius:6px 6px 6px 2px;color:#f54444;display:flex;flex-direction:column;font-size:10px;font-weight:510;height:14px;justify-content:center;line-height:14px;opacity:1;padding:0 4px;position:absolute;right:-10px;top:-5px;white-space:nowrap;width:auto;z-index:2}.chat-footer .sendbox[data-v-3aac28bf]{display:flex;flex:1;flex-direction:column;justify-content:flex-start;margin:0 12px 0 0;position:relative}.chat-footer .sendbox[data-v-3aac28bf] .inputbox{background:none}.chat-footer .sendbox[data-v-3aac28bf] .inputbox .el-textarea{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;height:100%;padding:11px 16px}.chat-footer .sendbox[data-v-3aac28bf] .inputbox .el-textarea__inner{background:transparent;border:none;box-sizing:border-box;font-size:16px;height:auto;line-height:26px}.chat-footer .sendbox[data-v-3aac28bf] .inputbox-hover:before,.chat-footer .sendbox[data-v-3aac28bf] .inputbox:active:before,.chat-footer .sendbox[data-v-3aac28bf] .inputbox:focus:before,.chat-footer .sendbox[data-v-3aac28bf] .inputbox:hover:before{border-radius:8px;display:none}.chat-footer .sendbox .tips[data-v-3aac28bf]{color:#ffffff4d;font-size:12px;left:0;line-height:14px;margin-top:0;position:absolute;top:64px}.chat-footer .sendbox.show-inspiration[data-v-3aac28bf] .inputbox .el-textarea{padding:11px 50px 11px 16px}.chat-footer .sendbox.show-gift-inline[data-v-3aac28bf] .inputbox .el-textarea{padding:11px 74px 11px 16px}.chat-footer .sendbox .inspiration-btn[data-v-3aac28bf]{background:url(./inspiration-normal.CmGfc4X9.webp) no-repeat 50%;background-size:100% 100%;cursor:pointer;height:24px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px}.chat-footer .sendbox .inspiration-btn.disabled[data-v-3aac28bf]{cursor:not-allowed}.chat-footer .sendbox .inspiration-btn.active[data-v-3aac28bf]{background:url(./inspiration-active.DqQBiqs4.webp) no-repeat 50%;background-size:100% 100%}.chat-footer .sendbtn[data-v-3aac28bf]{align-items:center;background:#7673ff;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:5px;width:40px}.chat-footer .sendbtn.disabled[data-v-3aac28bf]{background:#ffffff0d;cursor:not-allowed}.chat-footer .sendbtn.disabled[data-v-3aac28bf]:before{opacity:.5}.chat-footer .sendbtn[data-v-3aac28bf]:before{background:url(./send.BgpY2lVR.png) no-repeat;background-size:100% 100%;content:" ";display:block;height:40px;width:40px}.recommend-role-container[data-v-3aac28bf]{animation:init-height-3aac28bf 3.3s ease-in-out;display:flex;flex-direction:column;height:54px;justify-content:flex-start;position:relative;transition:height .3s ease-in-out}.recommend-role-container.expanded[data-v-3aac28bf]{height:var(--v69329b46)}.recommend-role-container.expanded .recommend-role-title[data-v-3aac28bf]{background:linear-gradient(180deg,#5246c799,#5246c700 93%),#101011}.recommend-role-container.expanded .recommend-role-title .recommend-role-expand-icon[data-v-3aac28bf]{transform:rotate(180deg)}.recommend-role-container .recommend-role-title[data-v-3aac28bf]{align-items:center;animation:init-background-3aac28bf 3.3s ease-in-out;background:linear-gradient(180deg,#5246c700,#5246c799 125%),#101011;display:flex;flex-direction:column;justify-content:center;padding:3px 12px;position:relative}.recommend-role-container .recommend-role-title .recommend-role-expand-icon[data-v-3aac28bf]{background:url(./expand_icon_h5.CqTWMyM_.webp) no-repeat;background-size:100% 100%;height:24px;width:24px}.recommend-role-container .recommend-role-title-text[data-v-3aac28bf]{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:4px;letter-spacing:0;line-height:24px}.recommend-role-container .recommend-role-title-text[data-v-3aac28bf]:before{background:url(./heart_icon.BCYR6Yn3.webp) no-repeat;background-size:100% 100%;content:"";display:block;height:16px;width:16px}.recommend-role-container .recommend-role-close-icon[data-v-3aac28bf]{background:url(./close_icon.Hf46rBAP.webp) no-repeat;background-size:100% 100%;cursor:pointer;height:24px;position:absolute;right:8px;top:8px;width:24px}.recommend-role-container .recommend-role-content[data-v-3aac28bf]{background:#101011;flex:1;overflow-y:hidden;padding:0 12px}@media screen and (max-width:744px){.chat-footer[data-v-3aac28bf]{padding:16px 12px}.chat-footer.safari-keyboard-fix[data-v-3aac28bf]{bottom:0!important;left:0!important;position:fixed!important;right:0!important;z-index:101!important}.chat-footer.showCustomBg[data-v-3aac28bf]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000004d;padding:16px 12px}.chat-footer.showCustomBg .sendbox[data-v-3aac28bf]{margin-left:0}.chat-footer.showCustomBg .sendbox[data-v-3aac28bf] .inputbox .el-textarea{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff4d}}@keyframes init-height-3aac28bf{0%{height:0}25%{height:300px}85%{height:300px}to{height:54px}}@keyframes init-background-3aac28bf{0%{background:linear-gradient(180deg,#5246c799,#5246c700 93%),#101011}85%{background:linear-gradient(180deg,#5246c799,#5246c700 93%),#101011}to{background:linear-gradient(180deg,#5246c700,#5246c799 125%),#101011}}.el-popper.is-dark.chat-more{background:#232324;border:none;border-radius:8px;box-shadow:0 1px 8px #00000059;box-sizing:border-box;min-width:146px;overflow:hidden;padding:0}.el-popper.is-dark.chat-more .el-popper__arrow:before{background:#232324}