.main-content h1 {

    font-size: 1.2rem;
    margin-bottom: 1rem;

}


.video-wrapper {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap:1.5rem;
    padding:1.5rem;
}



.video-wrapper h2 {
    font-size: 1.3rem;

}

.video-wrapper h2 a {
    color: #333;
}


ul.tab-nav {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding-bottom: .5rem;

}

ul.tab-nav li {
    display: flex;
    flex-direction: row;
}

ul.tab-nav li a {
    padding: .25rem .5rem;
    color: #333;
}

ul.tab-nav li a:hover {
    color: #0a8be1;
    border-bottom: 2px solid #0a8be1;
}

ul.tab-nav li a.active {
    color: #0a8be1;
    border-bottom: 2px solid #0a8be1;
}

.tab-content {
    display: flex;
    flex-direction: column;
}

.video-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.video-content details {
    font-size: .875rem;
    color: #666;
    cursor: pointer;
}





.ppt-content {
    display: flex;
    flex-direction: column;

}




/*视频播放器*/
.player-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 比例 (9/16 = 0.5625) */
}

.player-container #video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*阿里云播放器设置*/
.prism-player {
    background-color: transparent!important; /* 显式设置透明 */
}

.prism-player .prism-big-play-btn {
    z-index: 70!important;
}

.prism-player .prism-controlbar .prism-controlbar-bg {
    background: rgba(75, 75, 75, .9)!important;
}