.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}.guide-container{min-height:100vh;background:#f5f6fa}.guide-container .search-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#fff;padding:20rpx 30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.guide-container .category-section{background:#fff;margin:20rpx;padding:30rpx;border-radius:24rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.guide-container .category-section .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30rpx}.guide-container .category-section .category-grid .category-item{display:flex;flex-direction:column;align-items:center;padding:20rpx;background:#f5f6fa;border-radius:12rpx;transition:all .3s}.guide-container .category-section .category-grid .category-item:active{transform:scale(.95)}.guide-container .category-section .category-grid .category-item .icon{width:80rpx;height:80rpx;margin-bottom:16rpx}.guide-container .category-section .category-grid .category-item .name{font-size:28rpx;color:#333;font-weight:700;margin-bottom:8rpx}.guide-container .category-section .category-grid .category-item .count{font-size:22rpx;color:#999}.guide-container .disease-section{background:#fff;margin:20rpx;padding:30rpx;border-radius:24rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.guide-container .disease-section .disease-tags{display:flex;flex-wrap:wrap;gap:20rpx}.guide-container .disease-section .disease-tags .tag{font-size:26rpx;color:#666;padding:12rpx 24rpx;background:#f5f6fa;border-radius:36rpx;transition:all .3s}.guide-container .disease-section .disease-tags .tag:active{transform:scale(.95);background:rgba(15,149,176,.1);color:#0f95b0}.guide-container .hot-section{background:#fff;margin:20rpx;padding:30rpx;border-radius:24rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.guide-container .hot-section .hot-list .hot-item{display:flex;align-items:center;padding:20rpx 0;border-bottom:1rpx solid #eee}.guide-container .hot-section .hot-list .hot-item:last-child{border-bottom:none}.guide-container .hot-section .hot-list .hot-item .rank-num{width:40rpx;height:40rpx;line-height:40rpx;text-align:center;font-size:24rpx;color:#999;margin-right:20rpx}.guide-container .hot-section .hot-list .hot-item .rank-num.top{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:8rpx;font-weight:700}.guide-container .hot-section .hot-list .hot-item .info{flex:1}.guide-container .hot-section .hot-list .hot-item .info .name{font-size:28rpx;color:#333;font-weight:700;margin-bottom:6rpx;display:block}.guide-container .hot-section .hot-list .hot-item .info .desc{font-size:24rpx;color:#999}.guide-container .hot-section .hot-list .hot-item .stats{text-align:right}.guide-container .hot-section .hot-list .hot-item .stats .count{font-size:24rpx;color:#0f95b0;margin-bottom:4rpx;display:block}.guide-container .hot-section .hot-list .hot-item .stats .rating{font-size:24rpx;color:#e6a23c}.guide-container .section-title{font-size:32rpx;color:#333;font-weight:700;margin-bottom:20rpx;display:flex;align-items:center}.guide-container .section-title:before{content:"";width:6rpx;height:30rpx;background:#0f95b0;border-radius:3rpx;margin-right:16rpx}
|
