| 1 |
- .container.data-v-5ac02cc7{width:100%;height:100vh;background:#fff;display:flex;flex-direction:column}.scroll-body.data-v-5ac02cc7{flex:1;height:0}.media-banner.data-v-5ac02cc7{width:100%;height:420rpx;position:relative;background:#000}.media-banner .banner-img.data-v-5ac02cc7,.media-banner .video-player.data-v-5ac02cc7{width:100%;height:100%}.media-banner .play-btn-wrap.data-v-5ac02cc7{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.media-banner .play-btn-wrap .play-circle.data-v-5ac02cc7{width:110rpx;height:110rpx;background:rgba(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-5ac02cc7{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-5ac02cc7{position:absolute;left:0;right:0;bottom:0;height:80rpx;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));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-5ac02cc7,.media-banner .banner-info-bar .b-right.data-v-5ac02cc7{display:flex;align-items:center;gap:12rpx}.media-banner .banner-info-bar .b-icon.data-v-5ac02cc7{width:28rpx;height:28rpx}.media-banner .banner-info-bar .play-mini-triangle.data-v-5ac02cc7{width:0;height:0;border-left:12rpx solid #FFF;border-top:8rpx solid transparent;border-bottom:8rpx solid transparent}.content.data-v-5ac02cc7{padding:30rpx 40rpx}.loading-state.data-v-5ac02cc7{display:flex;justify-content:center;align-items:center;padding:80rpx 0}.loading-state .loading-text.data-v-5ac02cc7{font-size:28rpx;color:#999}.header-section .title.data-v-5ac02cc7{font-size:48rpx;font-weight:700;color:#1a1a1a;display:block;margin-bottom:30rpx}.header-section .video-title.data-v-5ac02cc7{font-size:38rpx}.header-section .info-list.data-v-5ac02cc7{display:flex;flex-direction:column;gap:20rpx}.header-section .info-list .info-item.data-v-5ac02cc7{display:flex;align-items:center}.header-section .info-list .info-item .i-icon.data-v-5ac02cc7{width:32rpx;height:32rpx;margin-right:20rpx;opacity:.5}.header-section .info-list .info-item .i-text.data-v-5ac02cc7{font-size:28rpx;color:#666;flex:1}.header-section .info-list .info-item .ending-tag.data-v-5ac02cc7{font-size:24rpx;color:#ff4d4f;margin-left:20rpx;font-weight:700}.header-section .lecturer-info.data-v-5ac02cc7{display:flex;align-items:center;font-size:30rpx;color:#888}.header-section .lecturer-info .l-name.data-v-5ac02cc7{font-weight:500}.divider.data-v-5ac02cc7{height:1rpx;background:#f0f0f0;margin:40rpx 0}.section-title.data-v-5ac02cc7{font-size:34rpx;font-weight:700;color:#1a1a1a;margin-bottom:30rpx;display:block}.detail-section .tag-row.data-v-5ac02cc7{display:flex;flex-wrap:wrap;gap:16rpx;margin-bottom:40rpx}.detail-section .tag-row .t-tag.data-v-5ac02cc7{font-size:24rpx;color:#666;background:#f5f7fa;padding:10rpx 24rpx;border-radius:10rpx}.detail-section .rich-content .para-item.data-v-5ac02cc7{margin-bottom:30rpx}.detail-section .rich-content .para-item .p-label.data-v-5ac02cc7{font-size:30rpx;font-weight:700;color:#1a1a1a;display:block;margin-bottom:12rpx}.detail-section .rich-content .para-item .p-text.data-v-5ac02cc7{font-size:28rpx;color:#666;line-height:1.6;display:block;white-space:pre-wrap}.address-section .map-wrapper.data-v-5ac02cc7{position:relative;width:100%;height:360rpx;border-radius:12rpx;overflow:hidden;box-shadow:0 4rpx 16rpx rgba(0,0,0,.06)}.address-section .map-wrapper .map-view.data-v-5ac02cc7{width:100%;height:100%}.end-of-page.data-v-5ac02cc7{display:flex;align-items:center;justify-content:center;padding:60rpx 0 20rpx}.end-of-page .line.data-v-5ac02cc7{width:60rpx;height:1rpx;background:#eee;margin:0 20rpx}.end-of-page .end-text.data-v-5ac02cc7{font-size:24rpx;color:#bbb}.bottom-placeholder.data-v-5ac02cc7{height:160rpx}.bottom-bar.data-v-5ac02cc7{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,.05);z-index:1000}.bottom-bar .action-btn.data-v-5ac02cc7{width:100%;height:90rpx;line-height:90rpx;border-radius:45rpx;font-size:32rpx;font-weight:700}.bottom-bar .action-btn.data-v-5ac02cc7:after{border:none}.bottom-bar .action-btn.primary.data-v-5ac02cc7{background:#1f6cff;color:#fff;box-shadow:0 6rpx 20rpx rgba(31,108,255,.3)}.bottom-bar .action-btn.disabled.data-v-5ac02cc7{background:#d6e8ff;color:#1f6cff}
|
