/* 全局样式 */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Arial', sans-serif;
    overflow-x: hidden;
}

/* 背景图片动态切换 */
.background-slider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
    animation: bg-slide 10s linear infinite;
}

@keyframes bg-slide {
    0% { background-image: url('assets/images/1.jpg'); }
    20% { background-image: url('assets/images/2.jpg'); }
    40% { background-image: url('assets/images/3.jpg'); }
    60% { background-image: url('assets/images/4.jpg'); }
    80% { background-image: url('assets/images/5.jpg'); }
    100% { background-image: url('assets/images/1.jpg'); } /* 返回到第一张图片 */
}

/* 主要内容容器 */
.container {
    position: relative;
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    text-align: left;  /* 文本左对齐 */
    color: #fff;
}

/* 标题样式 */
h1, h2 {
    color: #FFD700;
}

/* 链接样式 */
a {
    color: #00BFFF;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* 列表样式 */
ul {
    list-style: none;
    padding: 0;
}
ul li::before {
    content: "• ";
    color: #FFD700;
}