@charset "UTF-8";#root{width:100%;height:100%;background-color:#ffe6ea}.App{height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1368px){.chat-box{width:100vw;height:100vh}.chat-box .left-panel{display:flex;width:100px}.chat-box .right-panel .header-panel{display:none}}@media screen and (min-width: 1368px){.chat-box{width:85vw;height:80vh}.chat-box .left-panel{display:flex;width:100px}.chat-box .right-panel .header-panel{display:none}}@media screen and (max-width: 900px){.chat-box{width:100%;height:100%;margin-bottom:env(safe-area-inset-top)}.chat-box .left-panel{display:flex;width:0;background-color:#2e2e2e;flex:none;transition:width .5s}.chat-box .left-panel.unfolding{width:100px}.chat-box .right-panel .header-panel{display:flex;background-color:#979797;font-size:20px;padding:10px;justify-content:space-between;flex:none;height:30px}.chat-box .right-panel .header-panel img{width:20px}}@media screen and (max-width: 900px) and (max-width: 281px){.chat-box .right-panel .chat-input{padding:20px 0!important}}.chat-box{display:flex}.chat-box .left-panel{background-color:#2e2e2e;flex:none;flex-direction:column}.chat-box .left-panel .session-panel{flex:1}.chat-box .left-panel .setting-panel{padding-bottom:40px;width:100px;overflow:hidden}.chat-box .left-panel .setting-panel .setting-item{height:30px;user-select:none;padding:0 10px;color:#979797;font-size:14px}.chat-box .left-panel .authing,.chat-box .left-panel .made-by{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:#979797;width:100px;overflow:hidden}.chat-box .left-panel .authing img{width:80%}.chat-box .left-panel .made-by img{width:38px}.chat-box .right-panel{flex:1;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.chat-box .right-panel .chat-panel{flex:1;overflow-y:scroll}.chat-box .right-panel .chat-input{padding:10px 20px 10px 10px;display:flex;align-items:center;border-top:1px solid #ececec}.chat-box .right-panel .chat-input textarea{min-height:3em;overflow-y:auto;border-radius:6px;border:1px solid #ccc;padding:10px;box-sizing:border-box;width:100%;resize:none;background:rgba(226,229,229,.1)}.chat-box .right-panel .chat-input textarea:focus{border:1px solid #ccc}.chat-box .right-panel .chat-input img{width:20px;cursor:pointer;margin-left:10px}.chat-card{padding:15px 10px;display:flex}.chat-card .avatar{flex:none;width:50px;height:50px;margin-right:10px;display:flex;align-items:center;justify-content:center}.chat-card .avatar.chatBot{background-color:#499f82}.chat-card .avatar.chatBot img{width:70%}.chat-card .avatar.user{background-color:#fe0000}.chat-card .avatar.user img{width:100%}.chat-card .context{font-size:14px;font-family:Microsoft YaHei UI;position:relative;max-width:90%}.parentBox{display:inline-block;position:absolute;bottom:0}.parentBox .dot{display:inline-block;width:10px;height:5px;background:#fff;margin-left:5px}.parentBox .dot:nth-child(1){animation:cartoon 1.5s infinite;animation-delay:.3s}.parentBox .dot:nth-child(2){animation:cartoon 1.5s infinite;animation-delay:.6s}.parentBox .dot:nth-child(3){animation:cartoon 1.5s infinite;animation-delay:.9s}@keyframes cartoon{to{background-color:#333}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;width:100%}body{margin:0;display:flex;place-items:center}:root{color:#213547;background-color:#fff}