body, html {
        height: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Arial', sans-serif;
        background-color: #f5f5f5; /* 淡灰色背景 */
        color: #333; /* 深灰色文本 */
    }
    .container {
        width: 80%;
        max-width: 100%;
        background-color: #fff; /* 白色背景 */
        padding: 20px;
        border-radius: 10px; /* 圆角边框 */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影效果 */
        position: relative;
    }
    h1, h3, h5 {
        text-align: center;
        color: #00FFC8; /* 青绿色标题 */
    }
    input, button {
        width: calc(100% - 18px); /* 考虑边框的宽度 */
        margin-bottom: 10px;
        padding: 8px;
        border: 1px solid #ccc; /* 浅灰色边框 */
        border-radius: 5px;
        background-color: #f9f9f9; /* 非常浅的灰色背景 */
        color: #333; /* 深灰色文本 */
    }

    button {
        width: calc(100% - 0px); /* 与输入框宽度相同 */
        margin-bottom: 10px;
        padding: 8px;
        border: 1px solid #ccc; /* 浅灰色边框 */
        border-radius: 5px;
        background-color: #00FFC8; /* 青绿色按钮 */
        color: #fff; /* 白色文本 */
        cursor: pointer;
    }

    .buttons {
        text-align: center;
        margin-top: 20px;
    }
    .button {
        display: inline-block;
        padding: 10px 20px;
        margin: 0 10px;
        background-color: #00FFC8; /* 青绿色按钮 */
        color: #fff; /* 白色文本 */
        text-decoration: none;
        border-radius: 5px;
        width: 120px;
    }
    .path-display {
        text-align: center;
        margin-top: 10px;
        padding: 10px;
        background-color: #f5f5f5; /* 非常浅的灰色背景 */
        border: 1px solid #ccc; /* 浅灰色边框 */
        border-radius: 5px;
    }
    p {
        margin: 0;
    }
    #message, #success_message, #warning_message {
        text-align: center;
        margin-top: 20px;
        font-weight: bold;
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
    }
    #success_message {
        color: #00FFC8; /* 青绿色文本 */
    }
    #warning_message {
        color: #FF6347; /* 火砖色文本 */
    }
    .topnav {
        overflow: hidden;
        background-color: #404553; /* 黑色背景 */
        position: fixed; /* 固定在顶部 */
        width: 100%; /* 宽度占满整个页面 */
        top: 0; /* 顶部位置 */
        z-index: 1000; /* 确保导航栏位于其他内容之上 */
        display: flex; /* 使用 Flexbox 布局 */
        justify-content: center; /* 水平居中 */
    }

    .topnav a {
        color: #FFFFFF; /* 浅灰色文本 */
        text-align: center;
        padding: 18px 18px;
        text-decoration: none;
        font-size: 18px; /* 设置字体大小为 18 像素 */
    }

    .topnav a:hover {
        background-color: #FFFFFF; /* 淡灰色背景 */
        color: black;
    }

    .container {
        margin-top: 50px; /* 为容器留出顶部导航栏的空间 */
    }
    .fly-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f5f5f5;
        text-align: center;
        padding: 10px 0;
        color: #333;
    }