body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow: auto;  /* 启用滚动条 */
    height: auto;  /* 自动调整页面高度以便能够滚动 */
    background: black;
}

.autoindex-container {
    position: relative;
    z-index: 1;
    padding: 50px 0;
    color: #e0e0e0;
    text-align: left;
}

.autoindex-container h1 {
    text-shadow: 
        2px 2px 4px rgba(200, 200, 200, 0.7); /* 右下角浅灰色阴影 */
}

h1 {
    font-size: 2.5em; /* 增大标题文字 */
    text-align: center;
    color: #fff;
    margin-bottom: 0px; /* 减小标题与内容之间的间距 */
}

table {
    max-width: 900px;
    margin: 0px auto;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.85); /* 提高透明度，让背景更清晰 */
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); /* 增加阴影效果 */
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(30, 30, 30, 0.95); /* 整体加深表格的背景色 */
    margin-top: 0px; /* 表格与标题之间的额外间距 */
    margin-bottom: 80px;

    /* 新增：固定表格布局，配合下面的断行设置 */
    /* table-layout: fixed; */
}

th, td {
    padding: 20px; /* 增加单元格内边距 */
    text-align: left;
    font-size: 1.2em; /* 增大文字大小 */

    /* 新增：强制自动换行设置，防止长链接撑破布局 */
    /* word-wrap: break-word;
    word-break: break-all;
    white-space: normal; */
}

th {
    background-color: #5a5a5a;  /* 更深的灰色背景 */
    color: #fff;  /* 亮白色字体 */
}

tr {
    border-bottom: 1px solid #444;  /* 更深的边框颜色 */
}

tr:nth-child(even) {
    background-color: rgba(50, 50, 50, 0.9);  /* 加深偶数行的背景色 */
}

a {
    color: #f7d034;  /* 明亮的黄色 */
    text-decoration: none;
    /* font-weight: bold; /* 加粗文件名 */
}

a:hover {
    text-decoration: underline;  /* 鼠标悬停时下划线 */
    color: #fff878; /* 悬停时颜色更明亮 */
}

/* 星星效果 */
#stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.star {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0.8;
    animation: blink 1.5s infinite alternate;
}

/* 随机闪烁效果 */
@keyframes blink {
    0% { opacity: 0.1; }
    100% { opacity: 1; }
}

/* 页面容器 */
.autoindex-container {
    display: flex;
    flex-direction: column; /* 让内容垂直排列 */
    align-items: center; /* 水平居中对齐 */
    position: relative;
    z-index: 1;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.1); /* 半透明背景 */
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

table {
    width: 100%;
    border-collapse: collapse;
}

table th, table td {
    padding: 10px;
    border: 2px solid #ba750e;
}

table th {
    background-color: #ba750e;
}

table a {
    text-decoration: none;
    color: #f7d034;
}

table a:hover {
    color: #fff878;
}

.email-contact {
    margin-top: -20px;
    margin-bottom: -8px;
}

.email-contact a {
    color: #55a3f7; /* Use the appropriate text color variable */
    text-decoration: none; /* Remove underline from link */
    font-weight: bold; /* Make the email address bold */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}