.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}.cases-container{min-height:100vh;background:#f5f6fa}.cases-container .timeline-view{height:100vh}.cases-container .timeline-view .timeline{padding:30rpx}.cases-container .timeline-view .timeline .timeline-item{display:flex;margin-bottom:40rpx}.cases-container .timeline-view .timeline .timeline-item:last-child{margin-bottom:0}.cases-container .timeline-view .timeline .timeline-item .time-point{width:120rpx;text-align:center;padding-top:20rpx}.cases-container .timeline-view .timeline .timeline-item .time-point .date{font-size:26rpx;color:#999;margin-bottom:8rpx;display:block}.cases-container .timeline-view .timeline .timeline-item .time-point .time{font-size:24rpx;color:#999}.cases-container .timeline-view .timeline .timeline-item .time-point:before{content:"";display:block;width:16rpx;height:16rpx;background:#0f95b0;border-radius:50%;margin:0 auto 8rpx}.cases-container .timeline-view .timeline .timeline-item .time-point:after{content:"";display:block;width:2rpx;height:calc(100% + 40rpx);background:#eee;margin:8rpx auto 0}.cases-container .timeline-view .timeline .timeline-item:last-child .time-point:after{display:none}.cases-container .timeline-view .timeline .timeline-item .case-card{flex:1;background:#fff;border-radius:24rpx;padding:30rpx;margin-left:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.cases-container .timeline-view .timeline .timeline-item .case-card .hospital-info{display:flex;align-items:center;padding-bottom:20rpx;border-bottom:1rpx solid #eee}.cases-container .timeline-view .timeline .timeline-item .case-card .hospital-info .logo{width:60rpx;height:60rpx;border-radius:4rpx;margin-right:16rpx}.cases-container .timeline-view .timeline .timeline-item .case-card .hospital-info .info .name{font-size:30rpx;color:#333;font-weight:700;margin-bottom:4rpx;display:block}.cases-container .timeline-view .timeline .timeline-item .case-card .hospital-info .info .department{font-size:26rpx;color:#666}.cases-container .timeline-view .timeline .timeline-item .case-card .diagnosis-info{padding:20rpx 0;border-bottom:1rpx solid #eee}.cases-container .timeline-view .timeline .timeline-item .case-card .diagnosis-info .section{margin-bottom:16rpx}.cases-container .timeline-view .timeline .timeline-item .case-card .diagnosis-info .section:last-child{margin-bottom:0}.cases-container .timeline-view .timeline .timeline-item .case-card .diagnosis-info .section .label{font-size:26rpx;color:#999;margin-bottom:8rpx;display:block}.cases-container .timeline-view .timeline .timeline-item .case-card .diagnosis-info .section .value{font-size:28rpx;color:#333;line-height:1.6}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info{padding-top:20rpx;display:flex;justify-content:space-between;align-items:center}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .doctor{display:flex;align-items:center}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .doctor .avatar{width:60rpx;height:60rpx;border-radius:50%;margin-right:16rpx}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .doctor .info .name{font-size:28rpx;color:#333;font-weight:700;margin-bottom:4rpx;display:block}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .doctor .info .title{font-size:24rpx;color:#999}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .actions{display:flex;gap:20rpx}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .actions .action-btn{display:flex;align-items:center;padding:12rpx 20rpx;background:rgba(15,149,176,.1);border-radius:36rpx}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .actions .action-btn .iconfont{font-size:28rpx;color:#0f95b0;margin-right:8rpx}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .actions .action-btn text{font-size:24rpx;color:#0f95b0}.cases-container .timeline-view .timeline .timeline-item .case-card .doctor-info .actions .action-btn:active{opacity:.8}.cases-container .timeline-view .timeline .timeline-item .case-card:active{transform:scale(.99)}.cases-container .timeline-view .load-more,.cases-container .timeline-view .no-more{text-align:center;padding:30rpx 0}.cases-container .timeline-view .load-more text,.cases-container .timeline-view .no-more text{font-size:26rpx;color:#999}.cases-container .timeline-view .empty-state{padding:120rpx 0;text-align:center}.cases-container .timeline-view .empty-state image{width:240rpx;height:240rpx;margin-bottom:30rpx}.cases-container .timeline-view .empty-state text{font-size:28rpx;color:#999}
|
