#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}


/*!
  Theme: Darcula
  Author: jetbrains
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#a9b7c6;background:#2b2b2b}.hljs ::-moz-selection,.hljs::-moz-selection{background-color:#323232;color:#a9b7c6}.hljs ::selection,.hljs::selection{background-color:#323232;color:#a9b7c6}.hljs-comment{color:#606366}.hljs-tag{color:#a4a3a3}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#a9b7c6}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#4eade5}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#689757}.hljs-class .hljs-title,.hljs-strong,.hljs-title,.hljs-title.class_{color:#bbb529}.hljs-strong{font-weight:700}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#6a8759}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#629755}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#9876aa}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#cc7832}.hljs-emphasis{color:#cc7832;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:grey}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body,html{height:100%;width:100%;margin:0;padding:0}p{margin:0}.chat-wrapper{height:100%;width:100%;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;background-color:#eee;padding:15px;height:60px;box-shadow:0 2px 6px #ccc;border-bottom:1px solid #eee}.avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-info{display:flex;flex-direction:column}.name{font-size:16px;font-weight:700;margin-bottom:5px;margin:0 5px}.status{color:#999;font-size:12px;display:flex;align-items:center;justify-content:left}.chat-content{flex-grow:1;display:flex;flex-direction:column;box-sizing:border-box;justify-content:flex-end;height:calc(100% - 100px);max-height:calc(100% - 100px)}.chat-messages{overflow-y:auto;background-color:#fff;padding:10px;margin-bottom:10px;height:100%}.message{display:flex;margin-bottom:20px;width:calc(100% - 20px);box-shadow:0 2px 6px #ccc;padding:10px;border-radius:10px}.message-body{display:flex;flex-direction:column;width:100%}.message-header{display:flex;justify-content:space-between;margin-bottom:5px}.message-content{padding:10px;border-radius:10px;word-wrap:break-word;word-break:break-all;font-size:14px;text-align:left;white-space:pre-line}.my-message{text-align:left}.van-field--round{border-radius:30px;margin-bottom:10px}.chat-input{display:flex;box-sizing:border-box;background-color:#fff;box-shadow:0 2px 6px #ccc;padding:10px;align-items:center}.send-button{margin-left:10px;width:100px}