.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:36rpx;text-align:center;font-size:30rpx;height:88rpx;line-height:88rpx}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:24rpx;padding:30rpx;margin-bottom:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.tag{display:inline-block;font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:10rpx}.section-title{font-size:34rpx;font-weight:700;color:#333;position:relative;padding-left:20rpx;margin-bottom:30rpx}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rpx;height:30rpx;background:#0f95b0;border-radius:3rpx}.price{font-size:32rpx;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:24rpx;color:#999;text-decoration:line-through;margin-left:10rpx}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}page{width:100%;height:100%;overflow-x:hidden}.news-detail{min-height:100vh;background:#fff;padding-bottom:120rpx}.news-detail .article-header{padding:30rpx}.news-detail .article-header .title{font-size:40rpx;color:#333;font-weight:700;line-height:1.4;margin-bottom:20rpx;display:block}.news-detail .article-header .meta{display:flex;align-items:center;font-size:24rpx;color:#999}.news-detail .article-header .meta .tag{color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:16rpx}.news-detail .article-header .meta .time{margin-right:16rpx}.news-detail .article-content{padding:0 30rpx}.news-detail .article-content .cover-image{width:100%;border-radius:24rpx;margin-bottom:30rpx}.news-detail .article-content rich-text{font-size:30rpx;color:#333;line-height:1.8}.news-detail .article-content .image-list{margin-top:30rpx}.news-detail .article-content .image-list image{width:100%;border-radius:24rpx;margin-bottom:20rpx}.news-detail .article-content .image-list image:last-child{margin-bottom:0}.news-detail .related-section{margin-top:40rpx;padding:30rpx;background:#f5f6fa}.news-detail .related-section .section-title{font-size:32rpx;color:#333;font-weight:700;margin-bottom:20rpx}.news-detail .related-section .related-list .related-item{display:flex;background:#fff;border-radius:24rpx;padding:20rpx;margin-bottom:20rpx}.news-detail .related-section .related-list .related-item:last-child{margin-bottom:0}.news-detail .related-section .related-list .related-item .image{width:200rpx;height:140rpx;border-radius:24rpx;margin-right:20rpx;flex-shrink:0}.news-detail .related-section .related-list .related-item .content{flex:1}.news-detail .related-section .related-list .related-item .content .title{font-size:28rpx;color:#333;line-height:1.4;margin-bottom:12rpx;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.news-detail .related-section .related-list .related-item .content .meta{display:flex;align-items:center;font-size:24rpx;color:#999}.news-detail .related-section .related-list .related-item .content .meta .tag{color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:16rpx}.news-detail .related-section .related-list .related-item:active{transform:scale(.99)}.news-detail .bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:20rpx 30rpx;background:#fff;box-shadow:0 8rpx 24rpx rgba(0,0,0,.12);display:flex;gap:20rpx}.news-detail .bottom-bar button{flex:1;height:88rpx;display:flex;align-items:center;justify-content:center;font-size:30rpx;border-radius:36rpx}.news-detail .bottom-bar button .iconfont{font-size:36rpx;margin-right:8rpx}.news-detail .bottom-bar .share-btn,.news-detail .bottom-bar .action-btn{color:#666;background:#f5f6fa}.news-detail .bottom-bar .action-btn.active{color:#fff;background:linear-gradient(135deg,#0f95b0,#89c4c1)}
|
