.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}.featured-all{min-height:100vh;background:#f5f6fa}.featured-all .search-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:20rpx;background:#fff}.featured-all .search-bar .search-box{flex:1;height:72rpx;background:#f5f6fa;border-radius:36rpx;display:flex;align-items:center;padding:0 20rpx;margin-right:20rpx}.featured-all .search-bar .search-box .iconfont{font-size:32rpx;color:#999;margin-right:12rpx}.featured-all .search-bar .search-box input{flex:1;height:100%;font-size:28rpx}.featured-all .search-bar .filter-btn{display:flex;align-items:center;font-size:28rpx;color:#666}.featured-all .search-bar .filter-btn .iconfont{font-size:32rpx;margin-right:4rpx}.featured-all .category-bar{background:#fff;white-space:nowrap;padding:20rpx}.featured-all .category-bar .category-item{display:inline-block;padding:12rpx 30rpx;margin-right:20rpx;font-size:28rpx;color:#666;background:#f5f6fa;border-radius:24rpx}.featured-all .category-bar .category-item.active{color:#fff;background:linear-gradient(135deg,#0f95b0,#89c4c1)}.featured-all .category-bar .category-item:last-child{margin-right:0}.featured-all .featured-list{height:calc(100vh - 184rpx);padding:20rpx}.featured-all .featured-list .featured-item{background:#fff;border-radius:24rpx;margin-bottom:20rpx;overflow:hidden}.featured-all .featured-list .featured-item .cover-image{width:100%;height:300rpx}.featured-all .featured-list .featured-item .content{padding:20rpx}.featured-all .featured-list .featured-item .content .info{margin-bottom:20rpx}.featured-all .featured-list .featured-item .content .info .name{font-size:32rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.featured-all .featured-list .featured-item .content .info .desc{font-size:26rpx;color:#666;margin-bottom:16rpx;display:block}.featured-all .featured-list .featured-item .content .info .tags text{display:inline-block;font-size:24rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 16rpx;border-radius:4rpx;margin-right:12rpx}.featured-all .featured-list .featured-item .content .stats{display:flex;border-top:1rpx solid #EEEEEE;padding-top:20rpx}.featured-all .featured-list .featured-item .content .stats .stat-item{flex:1;text-align:center}.featured-all .featured-list .featured-item .content .stats .stat-item .value{font-size:32rpx;color:#0f95b0;font-weight:700;margin-bottom:4rpx;display:block}.featured-all .featured-list .featured-item .content .stats .stat-item .label{font-size:24rpx;color:#999}.featured-all .featured-list .featured-item:active{transform:scale(.99)}.featured-all .filter-drawer{height:100%;background:#fff;padding:30rpx}.featured-all .filter-drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30rpx}.featured-all .filter-drawer .drawer-header .title{font-size:32rpx;color:#333;font-weight:700}.featured-all .filter-drawer .drawer-header .reset{font-size:28rpx;color:#999}.featured-all .filter-drawer .filter-section{margin-bottom:30rpx}.featured-all .filter-drawer .filter-section .section-title{font-size:30rpx;color:#333;font-weight:700;margin-bottom:20rpx}.featured-all .filter-drawer .filter-section .tag-list{display:flex;flex-wrap:wrap;gap:20rpx}.featured-all .filter-drawer .filter-section .tag-list text{font-size:26rpx;color:#666;background:#f5f6fa;padding:12rpx 30rpx;border-radius:24rpx}.featured-all .filter-drawer .filter-section .tag-list text.active{color:#fff;background:linear-gradient(135deg,#0f95b0,#89c4c1)}.featured-all .filter-drawer .filter-section .sort-list .sort-item{display:flex;justify-content:space-between;align-items:center;height:88rpx;padding:0 20rpx;font-size:28rpx;color:#666}.featured-all .filter-drawer .filter-section .sort-list .sort-item .iconfont{font-size:32rpx;color:#0f95b0;opacity:0}.featured-all .filter-drawer .filter-section .sort-list .sort-item.active{color:#0f95b0}.featured-all .filter-drawer .filter-section .sort-list .sort-item.active .iconfont{opacity:1}.featured-all .filter-drawer .drawer-footer{position:absolute;left:30rpx;right:30rpx;bottom:30rpx}.featured-all .filter-drawer .drawer-footer .confirm-btn{width:100%;height:88rpx;line-height:88rpx;font-size:30rpx;color:#fff;background:linear-gradient(135deg,#0f95b0,#89c4c1);border-radius:36rpx}.featured-all .filter-drawer .drawer-footer .confirm-btn:active{transform:scale(.98)}
|
