:root{--cardBG:#fff;--bodyBgColor:#f5f5f7;--prmColor:#15d3d0;--subBtnBin:#15d6ce;--subBtnEnd:#18eeb9;--asideBg:#000;--asideBtnBin:#15b4eb;--asideBtnEnd:#1cecbb;--asideSetBg:#1e8885;--asideHisBg:#2f99a4}*{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;background-color:var(--bodyBgColor,#000);display:flex;align-items:stretch}.HL-body .HL-left{width:320px;flex-shrink:0;background-color:var(--asideBg,#000);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;color:#c8c8c8;font-size:14px;line-height:40px}.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:50px;height:50px;padding:9px;border-radius:50%;overflow:hidden;background-color:var(--bodyBgColor,#f5f5f7);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{font-size:16px;color:#000;margin-right:10px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .chat .list .item .main .head .left .time{font-size:14px;color:#95979f;margin-right:10px}.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 #ccc;font-size:14px;color:#565862;line-height:180%;overflow:hidden;border-radius:3px 20px 20px 20px;box-shadow:0 4px 10px 0 rgba(0,0,0,.1)}.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 #15d3d0;background-color:#15d3d0;color:#fff;border-radius:20px 3px 20px 20px;box-shadow:0 4px 10px 0 rgba(21,211,208,.314)}.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;font-size:18px;color:#333;line-height:40px}.HL-body .HL-right .HL-Main .HL-chart .chatMian .sub .btn{flex-shrink:0;width:120px;height:100%;overflow:hidden;margin-left:10px;background:linear-gradient(to right,var(--subBtnBin,#15d6ce),var(--subBtnEnd,#18eeb9) 40%);border-radius:4px 16px 16px 4px;font-size:16px;color:#fff;text-align:center;line-height:80px;letter-spacing:5px;cursor:pointer}.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}@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:Avenir,Helvetica,Arial,sans-serif}