.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}.list-container{min-height:100vh;background:#f5f6fa;padding-bottom:20rpx}.list-container .hospital-info{margin:20rpx;display:flex;align-items:center}.list-container .hospital-info .logo{width:100rpx;height:100rpx;border-radius:12rpx;margin-right:20rpx}.list-container .hospital-info .info{flex:1}.list-container .hospital-info .info .name{font-size:32rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.list-container .hospital-info .info .address{font-size:26rpx;color:#666;margin-bottom:12rpx;display:block}.list-container .hospital-info .info .tags text{display:inline-block;font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:10rpx;margin-bottom:10rpx}.list-container .category-header{background:#fff;padding:30rpx;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.list-container .category-header .title{font-size:34rpx;color:#333;font-weight:700}.list-container .category-header .count{font-size:26rpx;color:#999}.list-container .department-list{padding:20rpx}.list-container .department-list .department-item{margin-bottom:20rpx}.list-container .department-list .department-item .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.list-container .department-list .department-item .header .hospital-tag{display:flex;align-items:center;padding-bottom:16rpx;margin-bottom:16rpx;border-bottom:1rpx solid #eee}.list-container .department-list .department-item .header .hospital-tag .logo{width:32rpx;height:32rpx;border-radius:4rpx;margin-right:8rpx}.list-container .department-list .department-item .header .hospital-tag .name{font-size:24rpx;color:#666}.list-container .department-list .department-item .header .left{display:flex;align-items:center}.list-container .department-list .department-item .header .left .icon{width:60rpx;height:60rpx;margin-right:16rpx}.list-container .department-list .department-item .header .left .title-wrap .name{font-size:32rpx;color:#333;font-weight:700;margin-bottom:6rpx;display:block}.list-container .department-list .department-item .header .left .title-wrap .desc{font-size:26rpx;color:#999}.list-container .department-list .department-item .header .status{font-size:24rpx;padding:4rpx 12rpx;border-radius:4rpx}.list-container .department-list .department-item .header .status.available{color:#67c23a;background:rgba(103,194,58,.1)}.list-container .department-list .department-item .header .status.busy{color:#e6a23c;background:rgba(230,162,60,.1)}.list-container .department-list .department-item .header .status.full{color:#f56c6c;background:rgba(245,108,108,.1)}.list-container .department-list .department-item .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20rpx;margin-bottom:20rpx}.list-container .department-list .department-item .info-grid .info-item{text-align:center}.list-container .department-list .department-item .info-grid .info-item .label{font-size:24rpx;color:#999;margin-bottom:8rpx;display:block}.list-container .department-list .department-item .info-grid .info-item .value{font-size:28rpx;color:#333;font-weight:700}.list-container .department-list .department-item .info-grid .info-item .value.free{color:#67c23a}.list-container .department-list .department-item .info-grid .info-item .value.rating{color:#e6a23c}.list-container .department-list .department-item .doctors{display:flex;margin-bottom:20rpx;overflow-x:auto}.list-container .department-list .department-item .doctors::-webkit-scrollbar{display:none}.list-container .department-list .department-item .doctors .doctor{display:flex;align-items:center;margin-right:30rpx;flex-shrink:0}.list-container .department-list .department-item .doctors .doctor:last-child{margin-right:0}.list-container .department-list .department-item .doctors .doctor image{width:80rpx;height:80rpx;border-radius:40rpx;margin-right:12rpx;border:2rpx solid rgba(15,149,176,.1)}.list-container .department-list .department-item .doctors .doctor .info .name{font-size:26rpx;color:#333;font-weight:700;margin-bottom:4rpx;display:block}.list-container .department-list .department-item .doctors .doctor .info .title{font-size:22rpx;color:#999}.list-container .department-list .department-item .book-btn{width:100%;margin-top:20rpx}.list-container .department-list .department-item .book-btn:active{transform:scale(.98)}
|
