body, html {
    margin: 0; /* 去掉默认的边距 */
    padding: 0; /* 去掉默认的内边距 */
    height: 100%; /* 高度为 100% */
    width: auto;
    box-sizing: border-box; /* 确保 box-sizing 是 border-box */
}

/* 背景图片 */
.beijing {
    width: 100%; /* 宽度为 100% */
    height: 100%;
    padding: 0px; /* 给容器添加内边距 */
    background-image: url('../image/index-背景图.png'); 
    background-size: cover; /* 背景图片覆盖整个容器 */
    background-position: top; /* 背景图片居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
    position: relative; /* 确保子元素的绝对定位相对于此容器 */
}

/* 电影信息表格 */
.container {
    margin-top: 0px; /* 给容器添加顶部外边距 */
    display: flex; 
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center; 
    align-items: center; /* 如果需要，垂直居中 */
}

.container-table {
    padding: 200px 0px 0px 0px; /* 给表格添加内边距 */
    text-align: left;
}

.container-table table {
    font-size: 30px;
    color: white;
    width: 100%; /* 宽度为 100% */
}

.container-table td {
    padding: 0px 10px; /* 给单元格添加内边距 */
}

.container-table a{
    text-decoration: none;
}

.container-table-tr-1 td {
    color: #71ddf3;
    text-align: center;
}

.interactive-link {
    display: inline-block; /* 使链接元素能设置宽高 */
    transition: transform 0.3s ease; /* 动画效果 */
}

.interactive-link:hover {
    transform: scale(1.5); /* 鼠标悬停时放大 */
}