.container {
    height: 100%;
    width: auto;
}
.content {
    height: 100%;
    margin-top: 30px;
}
.row {
    margin: 0 50px;
}
.text-box {
    display: flex;
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中 */
}
.row textarea {
    resize: none;
}
.button-box {
    margin: 20px;
}
.footer {
    /* position: fixed; */
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color: #0a0a0a;
}

.output-area {
    min-width: 400px;
    height: 190px;
    resize: none;
}

.ace_editor {
    min-width: 400px;
    min-height: 320px;
}

.h4-title {
    font-size: 20px;
    color: #0d6efd;
    font-weight: bold;
}
.port-open {
    color: #ec3b53;
}
.port-closed {
    color: #3662f1;
}