.container.data-v-6baaf426 { width: 100%; height: 100vh; background: #FFF; display: flex; flex-direction: column; } .scroll-body.data-v-6baaf426 { flex: 1; height: 0; } /* 视频/直播 Banner */ .media-banner.data-v-6baaf426 { width: 100%; height: 420rpx; position: relative; background: #000; } .media-banner .banner-img.data-v-6baaf426 { width: 100%; height: 100%; } .media-banner .video-player.data-v-6baaf426 { width: 100%; height: 100%; } .media-banner .play-btn-wrap.data-v-6baaf426 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .media-banner .play-btn-wrap .play-circle.data-v-6baaf426 { width: 110rpx; height: 110rpx; background: rgba(0, 0, 0, 0.4); border: 4rpx solid #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .media-banner .play-btn-wrap .play-circle .play-triangle.data-v-6baaf426 { width: 0; height: 0; border-left: 36rpx solid #FFF; border-top: 24rpx solid transparent; border-bottom: 24rpx solid transparent; margin-left: 10rpx; } .media-banner .banner-info-bar.data-v-6baaf426 { position: absolute; left: 0; right: 0; bottom: 0; height: 80rpx; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); display: flex; justify-content: space-between; align-items: center; padding: 0 40rpx; color: #FFF; font-size: 26rpx; } .media-banner .banner-info-bar .b-left.data-v-6baaf426, .media-banner .banner-info-bar .b-right.data-v-6baaf426 { display: flex; align-items: center; gap: 12rpx; } .media-banner .banner-info-bar .b-icon.data-v-6baaf426 { width: 28rpx; height: 28rpx; } .media-banner .banner-info-bar .play-mini-triangle.data-v-6baaf426 { width: 0; height: 0; border-left: 12rpx solid #FFF; border-top: 8rpx solid transparent; border-bottom: 8rpx solid transparent; } .content.data-v-6baaf426 { padding: 30rpx 40rpx; } .loading-state.data-v-6baaf426 { display: flex; justify-content: center; align-items: center; padding: 80rpx 0; } .loading-state .loading-text.data-v-6baaf426 { font-size: 28rpx; color: #999; } .header-section.data-v-6baaf426 { /* 视频标题调小 */ } .header-section .title.data-v-6baaf426 { font-size: 48rpx; font-weight: bold; color: #1A1A1A; display: block; margin-bottom: 30rpx; } .header-section .video-title.data-v-6baaf426 { font-size: 38rpx; } .header-section .info-list.data-v-6baaf426 { display: flex; flex-direction: column; gap: 20rpx; } .header-section .info-list .info-item.data-v-6baaf426 { display: flex; align-items: center; } .header-section .info-list .info-item .i-icon.data-v-6baaf426 { width: 32rpx; height: 32rpx; margin-right: 20rpx; opacity: 0.5; } .header-section .info-list .info-item .i-text.data-v-6baaf426 { font-size: 28rpx; color: #666; flex: 1; } .header-section .info-list .info-item .ending-tag.data-v-6baaf426 { font-size: 24rpx; color: #FF4D4F; margin-left: 20rpx; font-weight: bold; } .header-section .lecturer-info.data-v-6baaf426 { display: flex; align-items: center; font-size: 30rpx; color: #888; } .header-section .lecturer-info .l-name.data-v-6baaf426 { font-weight: 500; } .divider.data-v-6baaf426 { height: 1rpx; background: #F0F0F0; margin: 40rpx 0; } .section-title.data-v-6baaf426 { font-size: 34rpx; font-weight: bold; color: #1A1A1A; margin-bottom: 30rpx; display: block; } .detail-section .tag-row.data-v-6baaf426 { display: flex; flex-wrap: wrap; gap: 16rpx; margin-bottom: 40rpx; } .detail-section .tag-row .t-tag.data-v-6baaf426 { font-size: 24rpx; color: #666; background: #F5F7FA; padding: 10rpx 24rpx; border-radius: 10rpx; } .detail-section .rich-content .para-item.data-v-6baaf426 { margin-bottom: 30rpx; } .detail-section .rich-content .para-item .p-label.data-v-6baaf426 { font-size: 30rpx; font-weight: bold; color: #1A1A1A; display: block; margin-bottom: 12rpx; } .detail-section .rich-content .para-item .p-text.data-v-6baaf426 { font-size: 28rpx; color: #666; line-height: 1.6; display: block; white-space: pre-wrap; } .address-section .map-wrapper.data-v-6baaf426 { position: relative; width: 100%; height: 360rpx; border-radius: 12rpx; overflow: hidden; box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06); } .address-section .map-wrapper .map-view.data-v-6baaf426 { width: 100%; height: 100%; } .end-of-page.data-v-6baaf426 { display: flex; align-items: center; justify-content: center; padding: 60rpx 0 20rpx; } .end-of-page .line.data-v-6baaf426 { width: 60rpx; height: 1rpx; background: #EEE; margin: 0 20rpx; } .end-of-page .end-text.data-v-6baaf426 { font-size: 24rpx; color: #BBB; } .bottom-placeholder.data-v-6baaf426 { height: 160rpx; } .bottom-bar.data-v-6baaf426 { position: fixed; left: 0; right: 0; bottom: 0; background: #FFF; padding: 20rpx 40rpx; padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.05); z-index: 1000; } .bottom-bar .action-btn.data-v-6baaf426 { width: 100%; height: 90rpx; line-height: 90rpx; border-radius: 45rpx; font-size: 32rpx; font-weight: bold; } .bottom-bar .action-btn.data-v-6baaf426::after { border: none; } .bottom-bar .action-btn.primary.data-v-6baaf426 { background: #1F6CFF; color: #FFF; box-shadow: 0 6rpx 20rpx rgba(31, 108, 255, 0.3); } .bottom-bar .action-btn.disabled.data-v-6baaf426 { background: #D6E8FF; color: #1F6CFF; }