:root{--cardBG:#fff;--bodyBgColor:#f5f5f7;--prmColor:#d51308;--subBtnBin:#d42e1b;--subBtnLoad:#e67837;--subBtnEnd:#f7bd50;--asideBg:#000;--asideBtnBin:#d01e14;--asideBtnEnd:#f8bf51;--asideSetBg:#308dee;--asideHisBg:#d51308;--asideQuestionsBG:#d51308;--asideTailBG:#3c1515}*{box-sizing:border-box}body{background-color:var(--bodyBgColor,#f5f5f7);padding:0;margin:0}.HL-chart .el-scrollbar__wrap,.HL-left .el-scrollbar__wrap{overflow-x:hidden}.HL-body{width:100%;height:100%;overflow:hidden;display:flex;align-items:stretch}.HL-body .HL-left{width:320px;flex-shrink:0;background-image:linear-gradient(0deg,#2c2e3e 100%,#353269 0,#353269);overflow:hidden}.HL-body .HL-right{min-width:640px;width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch}.HL-body .HL-right .HL-header{height:70px;flex-shrink:0;background-color:var(--cardBG,#fff);box-shadow:0 2px 8px rgba(0,0,0,.149);display:flex;align-items:center;justify-content:space-between}.HL-body .HL-right .HL-header .shrink{padding-left:10px;font-size:22px;color:#999;cursor:pointer}.HL-body .HL-right .HL-footer{flex-shrink:0;height:50px}.HL-body .HL-right .HL-footer .copyRight{text-align:center;line-height:40px;font-family:SourceHanSansCN-Normal;font-size:14px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#c7cad3}.HL-body .HL-right .HL-Main{flex-grow:1;overflow:hidden;padding:20px 20px 10px}.HL-body .HL-right .HL-Main .HL-chart{height:100%;border-radius:10px;overflow-x:hidden;background-color:var(--cardBG,#fff);box-shadow:0 2px 8px rgba(0,0,0,.149);overflow:hidden}.HL-body .HL-right .HL-Main .HL-chart .chatMian{padding:30px;display:flex;flex-direction:column;align-items:stretch;height:100%}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat{flex-grow:1;overflow:hidden;padding-bottom:20px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list{display:flex;flex-direction:column;align-items:stretch}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item{max-width:80%;display:flex;margin-top:10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .icon{flex-shrink:0;width:70px;height:70px;border-radius:50%;overflow:hidden;text-align:center;margin:0 10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .icon img{width:100%;height:100%}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head{display:flex;justify-content:space-between;align-items:center}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .left{display:flex;align-items:baseline}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .left .user{margin-right:10px;font-family:SourceHanSansCN-Normal;font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#080b2b}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .left .time{margin-right:10px;font-family:SourceHanSansCN-Normal;font-size:14px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#95979f}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .right{display:flex;align-items:center;justify-content:stretch}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .right i{font-size:16px;color:#95979f;padding:6px;border-radius:3px;cursor:pointer;height:28px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .right i img{width:16px;height:16px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .right i:hover{color:#333;background-color:var(--bodyBgColor,#f5f5f7)}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .right i:hover img{filter:brightness(30%)}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .text{text-align:justify;margin:10px 0;padding:15px 20px;border:1px solid #eaf4ff;line-height:180%;overflow:hidden;background-color:#eaf4ff;box-shadow:0 3px 6px 0 rgba(2,0,17,.16);border-radius:0 16px 16px 16px;font-family:SourceHanSansCN-Normal;font-size:14px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#565862}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.ask{align-self:flex-end;flex-direction:row-reverse;text-align:right}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.ask .main .head{justify-content:flex-end}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.ask .main .head .left{flex-direction:row-reverse}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.ask .main .text{border:1px solid var(--asideQuestionsBG);background-color:var(--asideQuestionsBG);border-radius:20px 3px 20px 20px;background-image:linear-gradient(#e5414a,#e5414a),linear-gradient(#5c5cfc,#5c5cfc);background-blend-mode:normal,normal;box-shadow:0 3px 6px 0 rgba(2,0,17,.16);border-radius:16px 0 16px 16px;font-family:SourceHanSansCN-Normal;font-size:14px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub{height:80px;display:flex;align-items:center;position:relative}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .text{width:100%;height:100%;border-radius:16px 4px 4px 16px;padding:10px 20px;overflow:hidden;border:1px solid #ccc}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .text .el-textarea__inner{height:60px;border:none;resize:none;line-height:40px;font-family:SourceHanSansCN-Normal;font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#9597a0}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .btn{flex-shrink:0;width:120px;height:100%;overflow:hidden;margin-left:10px;font-size:16px;color:#fff;text-align:center;line-height:80px;letter-spacing:5px;cursor:pointer;background-image:linear-gradient(#308dee,#308dee),linear-gradient(270deg,#3790f0,#8bd7ff),linear-gradient(270deg,#ea4c27,#f5cf4d),linear-gradient(#fff,#fff);background-blend-mode:normal,normal;border-radius:4px 16px 16px 4px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .loading{position:absolute;top:50%;left:50%;width:200px;height:150px;transform:translate(-50%,-50%)}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .loading img{width:100%;height:auto}.HL-body.isShrink .HL-left{width:100px}::v-deep .el-select-dropdown__item.selected{color:var(--prmColor)!important}@media screen and (max-width:1023px){.HL-body .HL-left{display:none}.HL-body .HL-right{min-width:320px}.HL-body .HL-right .HL-header{height:50px}.HL-body .HL-right .HL-header .btn{display:none}.HL-body .HL-right .HL-Main{padding:10px 5px 10px}.HL-body .HL-right .HL-Main .HL-chart{border-radius:5px}.HL-body .HL-right .HL-Main .HL-chart .chatMian{padding:20px 10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat{padding-bottom:10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item{max-width:90%}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .icon{width:40px;height:40px;margin:0 5px;padding:5px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .left .user{font-size:14px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .left .time{font-size:12px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .text{margin:5px 0 10px;padding:10px 8px;font-size:12px;border-radius:3px 10px 10px 10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.ask .main .text{border-radius:10px 3px 10px 10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.reply .main .head .left .time,.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.reply .main .head .right .delike,.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item.reply .main .head .right .like{display:none}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub{height:40px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .text{padding:5px 10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .text .el-textarea__inner{height:30px;font-size:14px;line-height:30px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .btn{width:80px;line-height:40px;letter-spacing:normal;margin-left:5px}.HL-body .HL-right .HL-footer{height:40px}.HL-body .HL-right .HL-footer .copyRight{font-size:12px;line-height:normal}.HL-body .HL-right .HL-footer .copyRight span{white-space:nowrap}.HL-body .el-icon-microphone{font-size:32px!important}}#app{width:100%;height:100vh;min-height:480px;overflow:hidden}#app,#app textarea{font-family:SourceHanSansCN-Regular,Avenir,Helvetica,Arial,sans-serif}