.page-header {
    padding: 4rem 0;
    text-align: center;
    background: var(--container-bg-color);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
}
.page-header__title {
    font-size: var(--h1-font-size);
    margin-bottom: 1rem;
}
.page-header__nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem;
}
.page-header__subtitle {
     font-size: var(--h3-font-size);
    color: var(--text-color-light);
    font-weight: 400;
    margin-top: -0.5rem; /* 调整与主标题的间距 */
    margin-bottom: 1.5rem; /* 调整与下方按钮的间距 */
 }
.content-section {
    padding-top: 5rem; /* 增加顶部内边距以避免被固定导航栏遮挡 */
 }
.sub-module {
    margin-bottom: 3rem;
}
.sub-module__title {
    font-size: var(--h3-font-size);
    margin-bottom: 1rem;
    border-left: 4px solid var(--primary-color);
    padding-left: 1rem;
}
.video-list {
    list-style-type: none; /* 不显示列表标记 */
    padding-left: 2rem;      /* 左边距 */
}
.video-list li {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}
.video-list a {
    font-weight: 600;
}
.video-list a:hover {
    text-decoration: underline;
}