/* 全局样式：设置 body 背景颜色和字体 */
        body {
            font-family: Arial, sans-serif;
            background-color: #1a1a1a;  /* 深灰色背景 */
            color: #fff;  /* 白色字体 */
            margin: 0;
            padding: 0;
        }
/* 外部容器，使用 Flexbox 布局 */
.navbar-container {
    display: flex;
    align-items: center;  /* 垂直居中 */
    justify-content: space-between;  /* 左右分布 */
    padding: 10px 20px;
    background-color: #333333;
}

/* 标题样式 */
.navbar-title table {
    margin: 0;
    padding: 0;
}

.table-title {
    background-color: #E3E3E3; /* 浅灰色背景 */
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
}

/* 导航栏样式 */
.navbar {
    display: flex;
    gap: 15px;
}

.navbar a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 8px 16px;
    background-color: #444444;
    border-radius: 5px;
}

.navbar a:hover {
    background-color: #4CAF50;
}

.navbar a:visited {
    color: #9e9e9e;
}

.navbar a:focus,
.navbar a:active {
    color: #fff;
}

        /* 表格样式 */
        table {
            width: 80%;
            margin: 20px auto;
            border-collapse: collapse;
            font-size: 14px;
            text-align: center;
            background-color: #222222;  /* 深灰色背景 */
            color: #fff;
        }

        th, td {
            padding: 10px;
            border: 1px solid #444;
        }

        th {
            background-color: #333333;
            text-transform: uppercase; /* 标题文本大写 */
            font-weight: bold;
        }

        /* 链接样式 */
        td a {
            color: #4CAF50;  /* 更亮的绿色 */
            text-decoration: none;  /* 去掉下划线 */
            font-size: 14px;
            margin-right: 10px;
        }

        /* 链接悬停效果 */
        td a:hover {
            color: #388E3C;  /* 更深的绿色 */
            text-decoration: underline;  /* 悬停时显示下划线 */
        }

        /* 针对“查看”链接添加特殊样式 */
        td a:nth-child(2) {
            background-color: #4CAF50;  /* 更亮的绿色 */
            padding: 5px 10px;
            border-radius: 5px;
            color: #fff;
        }

        td a:nth-child(2):hover {
            background-color: #388E3C;  /* 更深的绿色 */
        }

        /* 表格行的交替颜色 */
        tr:nth-child(even) {
            background-color: #333333;  /* 偶数行背景色 */
        }

        tr:nth-child(odd) {
            background-color: #2c2c2c;  /* 奇数行背景色 */
        }

        /* 添加留言表单样式 */
        form table {
            width: 750px;
            margin: 20px auto;
            border: 1px solid #444;
            background-color: #333333;
            font-size: 14px;
            color: #fff;
        }

        form th, form td {
            padding: 10px;
        }

        form th {
            width: 120px;
            background-color: #444444;
        }

        form input[type="text"], form textarea {
            padding: 5px;
            border: 1px solid #555;
            font-size: 14px;
            width: 300px;
            background-color: #444444;
            color: #fff;
        }

        form textarea {
            height: 100px;
        }

        form input[type="submit"], form input[type="reset"] {
            padding: 5px 10px;
            background-color: #4CAF50;
            color: #fff;
            border: none;
            cursor: pointer;
            font-size: 14px;
            border-radius: 5px;
        }

        form input[type="submit"]:hover, form input[type="reset"]:hover {
            background-color: #3e8e41;
        }

        /* 分页样式 */
        .pagination a {
            margin-right: 5px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            padding: 5px 10px;
            background-color: #333333;
            border-radius: 5px;
        }

        .pagination a:hover {
            background-color: #4CAF50;
        }

        .pagination .current {
            background-color: #4CAF50;
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px;
        }

        /* 表格标题行样式 */
        .table-title {
            background-color: #E3E3E3; /* 浅灰色背景 */
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            padding: 20px 0;
        }