@-webkit-keyframes typing-data-v-064cfc60{0%{width:100%}to{width:0}}@-webkit-keyframes cursor-data-v-064cfc60{50%{border-color:#fff}}@keyframes typing-data-v-064cfc60{0%{width:100%}to{width:0}}@keyframes cursor-data-v-064cfc60{50%{border-color:#fff}}.container[data-v-064cfc60]{height:calc(100vh - 130px);position:relative}.container .head[data-v-064cfc60]{display:flex;justify-content:flex-end}.container .content[data-v-064cfc60]{height:calc(100% - 100px);overflow:auto}.container .content .emtpy[data-v-064cfc60]{color:#999;font-size:18px;display:flex;flex-direction:column;width:80%;margin:8% auto 0;line-height:30px}.container .content .emtpy p[data-v-064cfc60]{color:#888;line-height:35px}.container .content .emtpy p[data-v-064cfc60]:last-child{color:#999}.container .content .emtpy img[data-v-064cfc60]{width:100px;height:100px;margin:0 auto;margin-bottom:30px;border-radius:10px}.container .content .emtpy .tag[data-v-064cfc60]{font-size:20px;font-weight:700;padding:8px 10px}.container .content .item[data-v-064cfc60]{display:flex;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid #d9d9e3;box-sizing:border-box;padding:1.5rem 20px}.container .content .item.result[data-v-064cfc60]{background-color:#f7f7f8}.container .content .item img[data-v-064cfc60]{width:30px;height:30px}.container .content .item .value[data-v-064cfc60]{flex:1;font-size:16px;margin-left:20px}.container .content .item .value .msg[data-v-064cfc60]{word-break:break-all}.container .content .item .value .shard[data-v-064cfc60]{background:#1d1f20;width:100%;margin-left:6px;border-left:.2em solid transparent;-webkit-animation:typing-data-v-064cfc60 3s steps(16) forwards,cursor-data-v-064cfc60 1s infinite;animation:typing-data-v-064cfc60 3s steps(16) forwards,cursor-data-v-064cfc60 1s infinite}.container .input[data-v-064cfc60]{border:1px solid rgba(0,0,0,.1);height:auto;display:flex;align-items:center;margin-top:40px;box-sizing:border-box;padding:10px 20px;border-radius:2px;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 10px 0 rgba(0,0,0,.1);position:absolute;width:calc(100% - 64px);margin-left:32px;left:0;bottom:20px}.container .input textarea[data-v-064cfc60]{flex:1;border:0;border-radius:.375rem;font-size:16px;color:#000;padding-left:0;resize:none;min-height:20px;line-height:20px}.container .input textarea[data-v-064cfc60]:focus{border:0;box-shadow:none}.container .input i[data-v-064cfc60]{font-size:24px;cursor:pointer;color:#8e8ea0}.container .input i[data-v-064cfc60]:hover{color:#222}