body {
        font-family: 'Arial', sans-serif;
        background-color: #ecf0f1;
        color: #333;
        margin: 0;
        padding: 0;
    }

#serverAddress {
    cursor: pointer; /* 改变鼠标样式为手形，表明可以点击 */
    color: #3498db; /* 为数字添加颜色 */
    text-decoration: underline; /* 添加下划线表示可以进行操作 */
}

    .container {
        background-color: #ffffff;
        width: 80%;
        margin: 2% auto;
        padding: 20px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        border-radius: 8px;
    }
    .header {
        text-align: center;
        padding: 20px;
        border-bottom: 1px solid #dcdcdc;
    }
    .header-logo {
        width: 120px;
        margin-bottom: 20px;
    }
    .main-content h2 {
        color: #333;
        text-align: center;
        font-size: 24px;
    }
    .info-box {
        background-color: #f9f9f9;
        border-left: 5px solid #3498db;
        margin: 20px 0;
        padding: 10px 20px;
    }
    .button-group {
        text-align: center;
        margin: 20px 0;
    }
    .button {
        background-color: #3498db;
        color: white;
        border: none;
        padding: 10px 20px;
        margin: 10px 5px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 16px;
        display: inline-block;
        text-decoration: none;
    }
    .button:hover {
        background-color: #2980b9;
    }
    .button:active {
        background-color: #2471a3;
    }
    .footer {
        text-align: center;
        padding: 20px;
        margin-top: 20px;
        border-top: 1px solid #dcdcdc;
        font-size: 14px;
    }
    .footer a {
        color: #3498db;
        text-decoration: none;
    }
    .footer a:hover {
        text-decoration: underline;
    }
    .text-content {
        background-color: #f9f9f9;
        border-left: 5px solid #3498db;
        margin: 20px 0;
        padding: 10px 20px;
        font-size: 16px;
    }
    .text-content p {
        margin: 10px 0;
    }