body, html {  
    margin: 0;  
    padding: 0;  
    height: 100%;  
    font-family: Arial, sans-serif;  
    color: #fff;  
    background-color: #000; /* 初始背景色为黑色，用于显示半透明效果 */  
}  
  
.background-container {  
    position: relative;  
    height: 100%;  
    width: 100%;  
    background-image: url('https://www.loliapi.com/acg/');
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat;  
    /* 在这里添加背景图片的CSS，或者使用JavaScript动态设置 */  
}  
  
.content {  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  
    text-align: center;  
    padding: 20px;  
    background: rgba(66, 51, 51, 0.692); /* 半透明白色背景 */  
    border-radius: 10px;  
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);  
    max-width: 80%; /* 限制内容容器的最大宽度 */  
    margin: auto; /* 水平居中 */  
}  
  
h1 {  
    margin-bottom: 20px;  
    font-size: 2em;  
}  
  
.links-list {  
    list-style: none;  
    padding: 0;  
    text-align: left; /* 或者保持居中*/  
}  
  
.links-list li {  
    margin: 20px 0;  
    position: relative;  
    padding-left: 20px; /* 为链接和描述留出一些空间 */  
}  
  
.links-list li::before {  
    content: '•'; /* 使用圆点作为项目符号 */  
    position: absolute;  
    left: 0;  
    color: #fff;  
    font-size: 1.5em;  
    line-height: 1em;  
    top: 0.3em; /* 调整项目符号的垂直位置 */  
}  
  
a {  
    color: #fff;  
    text-decoration: none;  
    transition: color 0.3s;  
}  
  
a:hover {  
    color: #ff9999; /* 可爱的粉色 */  
}  
  
.description {  
    color: rgba(255, 255, 255, 0.7); /* 描述文字稍微淡一些 */  
    font-size: 0.9em;  
    margin-top: 5px; /* 描述与链接之间留出一些空间 */  
}