.chat-root[data-v-000333ce]{height:100vh;background:linear-gradient(180deg,#2a3a5c,#2b314c);border:1.38px solid #43496a;box-shadow:0 20.77px 69.23px 0 rgba(0,0,0,.3)}.header[data-v-000333ce]{background-color:#232d46;display:flex;align-items:center;justify-content:center;color:#cad0a2;padding:0;border-bottom:1px solid #43496a}.msg-list[data-v-000333ce]{height:100px}.msg[data-v-000333ce]{margin-top:10px;position:relative;display:flex}.msg-right[data-v-000333ce]{flex-direction:row-reverse}.msg-avatar-left[data-v-000333ce]{justify-content:flex-start}.msg-content-left[data-v-000333ce]{justify-content:flex-start;margin-left:10px;max-width:calc(100% - 120px);margin-top:2px;word-wrap:break-word}.msg-avatar-right[data-v-000333ce]{justify-content:flex-end}.msg-content-right[data-v-000333ce]{justify-content:flex-end;margin-right:10px;max-width:calc(100% - 120px);margin-top:2px;word-wrap:break-word}.msg-content-right .el-card[data-v-000333ce]{background-color:#24b39b;color:#fff}.footer[data-v-000333ce]{height:12.36vw!important;padding:0;background-color:#20263a}.footer-root[data-v-000333ce]{display:flex;padding:0 2.78vw;gap:0 2.78vw;height:100%;align-items:center;justify-items:center}.input-msg[data-v-000333ce]{height:8.89vw}.send-btn-div[data-v-000333ce]{justify-content:flex-end;min-width:13.84vw;background-color:#505c85!important;border:none!important;margin-left:0!important;height:8.89vw}.msg-img[data-v-000333ce]{max-width:160px}.avatar-img[data-v-000333ce]{-o-object-fit:cover;object-fit:cover;width:40px;height:40px}[data-v-000333ce] .el-input__inner::-moz-placeholder{color:rgba(184,193,229,.3)}[data-v-000333ce] .el-input__inner::placeholder{color:rgba(184,193,229,.3)}[data-v-000333ce] .el-input__inner{border-radius:1.67vw;background:#111523;box-sizing:border-box;border:1px solid #505c85;box-shadow:inset 0 0 6px 0 rgba(6,7,13,.35);font-size:3.33vw;color:#b8c1e5;height:100%}[data-v-000333ce] .el-input__inner:focus,[data-v-000333ce] .el-input__inner:hover{border:1px solid #505c85}.input-image[data-v-000333ce],.input-image[data-v-000333ce]:active,.input-image[data-v-000333ce]:focus,.input-image[data-v-000333ce]:hover{background:#7786bf;color:#adbbf2;border:none;padding:0;font-size:5.44vw;height:8.89vw;min-width:8.89vw}.customer-tips[data-v-000333ce]{display:flex;align-content:center;align-items:center;justify-content:center;width:100%;font-size:12px;color:#909399}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100vh;background-image:linear-gradient(#222826,#11261f)}body{margin:0}