.section {
    text-align: center;
    font-family: Arial, sans-serif;
    overflow: hidden;
    position: relative; /* 使得子元素的绝对定位基于此元素 */
    background-size: cover; /* 背景图覆盖整个区域 */
    background-position: center; /* 背景图居中 */
    z-index: 0; /* 为背景设置基础层级 */
}

.section-mask {
    position: absolute; /* 使用绝对定位，使遮罩相对于其父元素（.section）定位 */
    top: 0; /* 将遮罩的顶部与其父元素的顶部对齐 */
    left: 0; /* 将遮罩的左边与其父元素的左边对齐 */
    width: 100%; /* 设置遮罩的宽度等于其父元素的宽度，确保遮盖整个区域 */
    height: 100%; /* 设置遮罩的高度等于其父元素的高度，确保遮盖整个区域 */
    background-color: rgba(0, 0, 0, 0.3); /* 设置遮罩的背景颜色为浅灰色，透明度 */
    z-index: 1; /* 设置层叠顺序，确保遮罩位于背景图片和其他元素之间 */
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 覆盖整个区域 */
    z-index: 1; /* 确保视频位于底层 */
}

.cover_png_image {
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 平移以确保完全居中 */
    width: 560px; /* 图片宽度 */
    height: 320px; /* 图片高度 */
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/firstpage/2023.logo.png'); /* 图片地址 */
    background-size: contain; /* 保证图片完整显示 */
    background-repeat: no-repeat;
    z-index: 2; /* 确保位于视频上方 */
}

.title {
    color: white;
    font-size: 80px;
    margin: 0; /* 移除外边距 */
}

#cover-page #startButton {
    position: absolute;
    left: 50%; /* 水平居中 */
    top: 94%; /* 垂直底部 */
    width: 200px; /* 图片宽度 */
    height: 100px; /* 图片高度 */
    transform: translate(-50%, -50%); /* 用于确保图片的中心与页面中心对齐 */
    cursor: pointer;
    z-index: 10;
}


#end-page {
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/endpagebg.jpg');
    background-size: cover;
}

#end-page h2 {
    font-family: 'FZFangSong', Arial, sans-serif;
    color: lightskyblue;
    font-size: 70px;
    margin: 0; /* 移除外边距 */
}

#end-page .title-link {
    color: inherit;
    text-decoration: none;
}

#end-page p {
    font-family: 'FZFangSong', Arial, sans-serif;
    font-size: 2em;
    margin-top: 1em;
    margin-bottom: 0.1em;
    color: gold;
}

.fp-watermark {
    display: none;
}

@font-face {
    font-family: 'FZFangSong';
    src: url('https://cfs.queers.top/seequeerpublic/2023annual/FZFangSong.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CangErZhouZhengDaBangShu';
    src: url('https://cfs.queers.top/seequeerpublic/2023annual/subCangErZhouZhengDaBangShu.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SrcMingItalXb';
    src: url('https://cfs.queers.top/seequeerpublic/2023annual/subSrcMingItalXb.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 仅背景图片页面 */
#channel-2023-work .only-background-image {
    z-index: 1; /* 确保图片位于底层 */
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/2023work.png'); /* 设置背景图片 */
    background-size: cover; /* 背景图片覆盖整个元素，但保持宽高比 */
    background-position: center; /* 背景图片总是垂直居中 */
    width: 100%; /* 宽度占满屏幕宽度 */
    height: 100%; /* 高度设置为100% */
    position: absolute; /* 使用绝对定位 */
    top: 0; /* 位于顶部 */
}

/* 导语页面 */
#intro-page .background-blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/introbg.jpg');
    background-size: cover;
    filter: blur(10px);
    z-index: -1;
}
#intro-page .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 设置高度为视口高度的100% */
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/introbg.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
#intro-page .text-container {
    background-color: rgba(0, 0, 0, 0.85); /* 设置遮罩的背景颜色为浅灰色，透明度 */
    padding: 10px;
}
#intro-page h1 {
    font-family: 'FZFangSong', Arial, sans-serif;
    font-size: 3.6em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-weight: bold; /* 字体加粗 */
    background: linear-gradient(to left, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    background-clip: text;
    color: lightskyblue;
    opacity: 0.9;
    display: inline; /* 确保 span 是内联元素 */
}
#intro-page p {
    font-family: 'FZFangSong', Arial, sans-serif;
    font-size: 2em;
    margin-top: 1em;
    margin-bottom: 0.1em;
    color: pink;
}


/* SpecialMention2013页面 */
#SpecialMention2013 .background-blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/2013movie/ronnyandi.jpg');
    background-size: cover;
    filter: blur(10px);
    z-index: -1;
}
#SpecialMention2013 .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 设置高度为视口高度的100% */
    background-image: url('https://cfs.queers.top/seequeerpublic/2023annual/img/2013movie/ronnyandi.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: white;
}
#SpecialMention2013 .title-link {
    color: inherit;
    text-decoration: none;
}
#SpecialMention2013 h1 {
    font-family: 'FZFangSong', Arial, sans-serif;
    font-size: 3.6em;
    margin-bottom: 0.5em;
}
#SpecialMention2013 h2 {
    font-family: 'SrcMingItalXb', Arial, sans-serif;
    font-size: 2.5em;
    margin-bottom: 1em;
    color: #e6b422
}
#SpecialMention2013 p {
    font-family: 'FZFangSong', Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: 0.5em;
}


/* 电影榜单页面样式 */
/* 榜单名称样式 */
.list-name {
    font-family: 'SrcMingItalXb', Arial, sans-serif;
    font-size: 3.5em; /* 字号大小 */
    font-weight: normal; /* 字体不加粗 */
    text-align: center; /* 居中对齐 */
    margin-top: 10vh; /* 从顶部到文本的距离 */
    margin-bottom: 10px; /* 文本下方的外边距 */
    z-index: 2; /* 确保这些内容在遮罩层之上 */
}

.list-name span {
    background: linear-gradient(to left, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 0.9;
    display: inline; /* 确保 span 是内联元素 */
}

/* 榜单导语样式 */
.list-intro {
    color: white; /* 文本颜色 */
    font-family: 'FZFangSong', Arial, sans-serif;
    text-align: center; /* 居中对齐 */
    margin: 20px auto 50px; /* 上下外边距 */
    z-index: 2; /* 确保这些内容在遮罩层之上 */
    white-space: pre-line; /* 保留换行符 */
}

/* 榜一电影容器样式 */
.top-movie-container {
    display: flex; /* 使用弹性布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 元素间居中分布 */
    margin-bottom: 20px; /* 容器下方的外边距 */
    z-index: 2; /* 确保这些内容在遮罩层之上 */
}

.top-movie-poster img {
    width: 100px; /* 海报宽度 */
    height: 150px; /* 海报高度 */
    border-radius: 8px; /* 圆角边框 */
    cursor: pointer; /* 鼠标悬停时显示手形图标 */
}

.top-movie-rank {
    position: absolute; /* 绝对定位 */
    color: gold; /* 金色字体 */
    font-size: 1.5em; /* 字号大小 */
    font-weight: bold; /* 字体加粗 */
    font-family: 'FZFangSong', Arial, sans-serif;
}

.top-movie-info {
    color: white; /* 文本颜色 */
    font-family: 'FZFangSong', Arial, sans-serif;
    max-width: 45%; /* 设置最大宽度为父容器宽度的45% */
}

.top-movie-info h3 {
    font-size: 2.4em; /* 电影名字号 */
    font-weight: bold; /* 字体加粗 */
    margin: 10px 10px 10px 30px; /* 外间距，上右下左 */
    text-align: left;
}

.top-movie-info .top-movie-region {
    font-size: 1em; /* 文本字号 */
    opacity: 0.9; /* 文本透明度 */
    margin: 10px 10px 20px 32px; /* 外间距，上右下左 */
    text-align: left;
}

.top-movie-info .top-movie-comment {
    font-size: 1.2em; /* 文本字号 */
    opacity: 0.9; /* 文本透明度 */
    margin: 10px 10px 20px 30px; /* 外间距，上右下左 */
    text-align: left;
    max-width: 90%; /* 设置最大宽度为父容器宽度的90% */
    white-space: pre-line; /* 保留换行符 */
}

.top-movie-rating {
    font-size: 4em; /* 评分字号 */
    font-weight: bold; /* 字体加粗 */
    color: orange; /* 评分颜色 */
    font-family: 'FZFangSong', Arial, sans-serif;
}

.top-movie-rating-text {
    font-size: 1em; /* 评分字号 */
    color: white; /* 评分颜色 */
    font-family: 'FZFangSong', Arial, sans-serif;
}

/* 其他电影容器样式 */
.other-movies-container {
    display: flex; /* 使用弹性布局 */
    justify-content: center; /* 元素间居中分布 */
    z-index: 2; /* 确保这些内容在遮罩层之上 */
}

.movie-container {
    width: 100px; /* 容器宽度 */
    text-align: center; /* 文本居中 */
    cursor: pointer; /* 鼠标悬停时显示手形图标 */
    margin: 5px 5px 5px 5px; /* 外间距，上右下左 */
}

.movie-poster {
    width: 80px; /* 海报宽度 */
    height: 120px; /* 海报高度 */
    border-radius: 6px; /* 圆角边框 */
}

.movie-rank {
    position: absolute; /* 绝对定位 */
    color: white; /* 字体颜色 */
    font-size: 1.5em; /* 字号大小 */
    font-family: 'FZFangSong', Arial, sans-serif;
}

.movie-name {
    color: white; /* 文本颜色 */
    font-size: 1em; /* 字号大小 */
    font-weight: bold; /* 字体加粗 */
    font-family: 'FZFangSong', Arial, sans-serif;
    margin: 1px; /* 外间距，上右下左 */
}

.movie-region {
    color: white; /* 文本颜色 */
    opacity: 0.8; /* 文本透明度 */
    font-size: 0.8em; /* 字号大小 */
    font-family: 'FZFangSong', Arial, sans-serif;
    margin: 2px; /* 外间距，上右下左 */
}

.movie-rating {
    color: white; /* 文字综评颜色 */
    font-family: 'FZFangSong', Arial, sans-serif;
    margin: 1px; /* 外间距，上右下左 */
}

.movie-rating span {
    color: orange; /* 评分颜色 */
    font-weight: bold; /* 字体加粗 */
}

/* 台词页 */
.black-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85); /* 半透明黑色 */
    padding: 0px;
    box-sizing: border-box;
}

.lines-text {
    font-family: 'FZFangSong', Arial, sans-serif;
    color: white;
    font-size: 2em;
    text-align: center;
    white-space: pre-line; /* 保留换行符 */
    margin-bottom: 0px;
    margin-top: 20px;
}

.from-text {
    font-family: 'FZFangSong', Arial, sans-serif;
    color: white;
    font-size: 1em;
    text-align: right;
    margin-right: 50px;
    margin-bottom: 20px;
    margin-top: 0px;
}