.container.data-v-db914789 { width: 100%; height: 100vh; background-color: #FFFFFF; display: flex; flex-direction: column; overflow: hidden; /* 防止页面整体滚动,交给 scroll-view */ } /* 返回按钮 */ .custom-nav.data-v-db914789 { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding-left: 30rpx; } .custom-nav .nav-back-wrap.data-v-db914789 { width: 64rpx; height: 64rpx; background: rgba(0, 0, 0, 0.35); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 10px; } .custom-nav .nav-back-wrap .back-icon.data-v-db914789 { width: 44rpx; height: 44rpx; } /* 滑动主体 */ .scroll-body.data-v-db914789 { flex: 1; /* 撑满剩余空间 */ height: 0; /* 触发 flex 计算 */ } /* 轮播图 */ .banner-section.data-v-db914789 { width: 100%; height: 500rpx; } .banner-section .banner-swiper.data-v-db914789 { width: 100%; height: 100%; } .banner-section .banner-img.data-v-db914789 { width: 100%; height: 100%; } /* 内容板块 */ .content-panel.data-v-db914789 { background: #FFF; border-radius: 40rpx 40rpx 0 0; margin-top: -40rpx; position: relative; z-index: 10; padding: 50rpx 40rpx 0; } .content-panel .header-info.data-v-db914789 { margin-bottom: 40rpx; } .content-panel .header-info .title.data-v-db914789 { font-size: 44rpx; font-weight: bold; color: #1A1A1A; display: block; margin-bottom: 30rpx; } .content-panel .header-info .meta-list.data-v-db914789 { display: flex; flex-direction: column; gap: 16rpx; } .content-panel .header-info .meta-list .meta-item.data-v-db914789 { display: flex; font-size: 28rpx; } .content-panel .header-info .meta-list .meta-item .label.data-v-db914789 { color: #666; width: 160rpx; flex-shrink: 0; } .content-panel .header-info .meta-list .meta-item .value.data-v-db914789 { color: #333; font-weight: 500; } .content-panel .divider-line.data-v-db914789 { height: 1rpx; background: #F0F0F0; margin: 40rpx 0; } .content-panel .detail-section.data-v-db914789 { margin-bottom: 40rpx; } .content-panel .detail-section .section-title.data-v-db914789 { font-size: 34rpx; font-weight: bold; color: #1A1A1A; display: block; margin-bottom: 30rpx; } .content-panel .detail-section .tag-cloud.data-v-db914789 { display: flex; flex-wrap: wrap; gap: 16rpx; margin-bottom: 32rpx; } .content-panel .detail-section .tag-cloud .detail-tag.data-v-db914789 { font-size: 24rpx; color: #666; background: #F5F7FA; padding: 10rpx 24rpx; border-radius: 10rpx; } .content-panel .detail-section .description.data-v-db914789 { margin-bottom: 40rpx; } .content-panel .detail-section .description .desc-label.data-v-db914789 { font-size: 28rpx; color: #1A1A1A; font-weight: bold; display: block; margin-bottom: 12rpx; } .content-panel .detail-section .description .desc-content.data-v-db914789 { font-size: 28rpx; color: #666; line-height: 1.6; } .content-panel .diagram-section.data-v-db914789 { width: 100%; margin-top: 20rpx; } .content-panel .diagram-section .diagram-img.data-v-db914789 { width: 100%; border-radius: 12rpx; } .content-panel .loading-state.data-v-db914789 { display: flex; justify-content: center; align-items: center; padding: 80rpx 0; } .content-panel .loading-state .loading-text.data-v-db914789 { font-size: 28rpx; color: #999; } .end-of-page.data-v-db914789 { display: flex; align-items: center; justify-content: center; padding: 60rpx 0 40rpx; } .end-of-page .line.data-v-db914789 { width: 60rpx; height: 1rpx; background: #EEE; margin: 0 20rpx; } .end-of-page .end-text.data-v-db914789 { font-size: 24rpx; color: #BBB; } .bottom-placeholder.data-v-db914789 { height: calc(140rpx + env(safe-area-inset-bottom)); } .bottom-bar.data-v-db914789 { position: fixed; bottom: 0; left: 0; right: 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; display: flex; align-items: center; gap: 40rpx; } .bottom-bar .action-item.data-v-db914789 { display: flex; flex-direction: column; align-items: center; min-width: 100rpx; } .bottom-bar .action-item .action-icon.data-v-db914789 { width: 44rpx; height: 44rpx; margin-bottom: 4rpx; } .bottom-bar .action-item .action-text.data-v-db914789 { font-size: 22rpx; color: #666; } .bottom-bar .action-item .action-text.active.data-v-db914789 { color: #FFB700; } .bottom-bar .small-consult-btn.data-v-db914789 { flex: 1; height: 84rpx; line-height: 84rpx; background: #FFB700; color: #FFF; border-radius: 42rpx; font-size: 30rpx; font-weight: bold; box-shadow: 0 6rpx 12rpx rgba(255, 183, 0, 0.2); } .bottom-bar .small-consult-btn.data-v-db914789::after { border: none; } .bottom-bar .small-consult-btn.data-v-db914789:active { opacity: 0.9; } .bottom-bar .report-btn.data-v-db914789 { flex: 1; height: 84rpx; line-height: 84rpx; background: #E8F0FF; color: #2B5CFF; border-radius: 42rpx; font-size: 30rpx; font-weight: bold; } .bottom-bar .report-btn.data-v-db914789::after { border: none; } .bottom-bar .report-btn.data-v-db914789:active { opacity: 0.9; } .bottom-bar .report-btn.disabled.data-v-db914789 { background: #F0F2F5; color: #C0C4CC; pointer-events: none; } .bottom-bar .start-exam-btn.data-v-db914789 { flex: 1.5; height: 84rpx; line-height: 84rpx; background: linear-gradient(135deg, #1F6CFF 0%, #0056FF 100%); color: #FFF; border-radius: 42rpx; font-size: 30rpx; font-weight: bold; box-shadow: 0 6rpx 16rpx rgba(31, 108, 255, 0.3); } .bottom-bar .start-exam-btn.data-v-db914789::after { border: none; } .bottom-bar .start-exam-btn.data-v-db914789:active { opacity: 0.9; transform: scale(0.98); } .bottom-bar .apply-btn.data-v-db914789 { flex: 1.5; height: 84rpx; line-height: 84rpx; background: #1F6CFF; color: #FFF; border-radius: 42rpx; font-size: 30rpx; font-weight: bold; box-shadow: 0 6rpx 16rpx rgba(31, 108, 255, 0.3); } .bottom-bar .apply-btn.data-v-db914789::after { border: none; } .bottom-bar .apply-btn.data-v-db914789:active { opacity: 0.9; transform: scale(0.98); } .bottom-bar .applied-btn.data-v-db914789 { flex: 1.5; height: 84rpx; line-height: 84rpx; background: #E0E0E0; color: #999; border-radius: 42rpx; font-size: 30rpx; font-weight: bold; } .bottom-bar .applied-btn.data-v-db914789::after { border: none; } /* 针对所有 scroll-view 隐藏滚动条 */ ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background: transparent; }