body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.head {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}

.head .title .big{
    font-size: 22px;
    font-weight: 600;
}
.head .title .small{
    color: #999;
    font-size: 14px;
}

#container {
    /* width: calc(100% - 2px); */
    height: calc(97vh - 70px);
    /* height: 90vh; */
    border: 1px solid grey;
}

#result {
    display: none;
    width: calc(100% - 22px);
    height: 30vh;
    border: 1px solid grey;
    position: absolute;
    bottom: calc(3vh + 28px);
    background-color: #f0f8ff;
    z-index: 99;
    padding: 10px;
    overflow: auto;
}
pre{
    margin: 0;
    white-space: pre-wrap; /* 保留空白符序列，但是正常地进行换行 */
    word-wrap: break-word; /* 长单词或URL断行 */
    overflow: auto; /* 如果内容超出了元素盒子，会出现滚动条 */
}

#foot {
    height: 28px;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}

a {
    text-decoration: none;
}