.page-container[data-v-822b6ec2]{height:100vh;width:100%;display:flex;flex-direction:column}.mqtt-container[data-v-822b6ec2]{max-width:800px;margin:20px auto;padding:0 20px}.mqtt-form[data-v-822b6ec2] .el-form-item__label{color:hsla(0,0%,100%,.85);font-weight:500}.mqtt-form[data-v-822b6ec2] .el-input__inner,.mqtt-form[data-v-822b6ec2] .el-textarea__inner{background-color:rgba(0,198,255,.05);border:1px solid rgba(0,198,255,.3);color:#fff}.mqtt-form[data-v-822b6ec2] .el-input__inner:focus,.mqtt-form[data-v-822b6ec2] .el-textarea__inner:focus{border-color:#00c6ff;background-color:rgba(0,198,255,.1)}.mqtt-form[data-v-822b6ec2] .el-input__inner::-moz-placeholder,.mqtt-form[data-v-822b6ec2] .el-textarea__inner::-moz-placeholder{color:hsla(0,0%,100%,.4)}.mqtt-form[data-v-822b6ec2] .el-input__inner::placeholder,.mqtt-form[data-v-822b6ec2] .el-textarea__inner::placeholder{color:hsla(0,0%,100%,.4)}.mqtt-form[data-v-822b6ec2] .el-select{width:100%}.mqtt-form[data-v-822b6ec2] .el-button--primary{background-color:#00c6ff;border-color:#00c6ff}.mqtt-form[data-v-822b6ec2] .el-button--primary:hover{background-color:#00d4ff;border-color:#00d4ff}.mqtt-history[data-v-822b6ec2]{margin-top:30px}.mqtt-history[data-v-822b6ec2] .el-divider__text{color:#00c6ff;font-weight:700}.mqtt-history .history-list[data-v-822b6ec2]{max-height:400px;overflow-y:auto}.mqtt-history .history-item[data-v-822b6ec2]{padding:12px;margin-bottom:10px;border-radius:4px;border-left:4px solid}.mqtt-history .history-item.success[data-v-822b6ec2]{background-color:rgba(82,196,26,.1);border-color:#52c41a}.mqtt-history .history-item.failed[data-v-822b6ec2]{background-color:rgba(245,34,45,.1);border-color:#f5222d}.mqtt-history .history-item .history-header[data-v-822b6ec2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mqtt-history .history-item .history-time[data-v-822b6ec2]{font-size:12px;color:hsla(0,0%,100%,.6)}.mqtt-history .history-item .history-topic[data-v-822b6ec2]{font-size:13px;color:#00c6ff;margin-bottom:5px;font-weight:500}.mqtt-history .history-item .history-message[data-v-822b6ec2]{font-size:13px;color:hsla(0,0%,100%,.8);word-break:break-all;white-space:pre-wrap}.history-list[data-v-822b6ec2]::-webkit-scrollbar{width:6px}.history-list[data-v-822b6ec2]::-webkit-scrollbar-track{background:rgba(0,198,255,.1);border-radius:3px}.history-list[data-v-822b6ec2]::-webkit-scrollbar-thumb{background:rgba(0,198,255,.3);border-radius:3px}.history-list[data-v-822b6ec2]::-webkit-scrollbar-thumb:hover{background:rgba(0,198,255,.5)}