.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}.case-detail{min-height:100vh;background:#f5f6fa;padding-bottom:120rpx}.case-detail .status-card{background:linear-gradient(135deg,#0f95b0,#89c4c1);padding:40rpx 30rpx}.case-detail .status-card .hospital-info{display:flex;align-items:center;margin-bottom:20rpx}.case-detail .status-card .hospital-info .logo{width:80rpx;height:80rpx;border-radius:12rpx;margin-right:20rpx}.case-detail .status-card .hospital-info .info .name{font-size:32rpx;color:#fff;font-weight:700;margin-bottom:8rpx;display:block}.case-detail .status-card .hospital-info .info .department{font-size:26rpx;color:rgba(255,255,255,.9)}.case-detail .status-card .visit-info{display:flex;justify-content:space-between;align-items:center}.case-detail .status-card .visit-info text{font-size:26rpx;color:rgba(255,255,255,.9)}.case-detail .status-card .visit-info .type{background:rgba(255,255,255,.2);padding:4rpx 16rpx;border-radius:36rpx}.case-detail .detail-content{padding:20rpx}.case-detail .detail-content .info-card{background:#fff;border-radius:24rpx;padding:30rpx;margin-bottom:20rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.case-detail .detail-content .info-card:last-child{margin-bottom:0}.case-detail .detail-content .info-card .card-title{display:flex;align-items:center;margin-bottom:20rpx}.case-detail .detail-content .info-card .card-title .iconfont{font-size:36rpx;color:#0f95b0;margin-right:12rpx}.case-detail .detail-content .info-card .card-title text{font-size:30rpx;color:#333;font-weight:700}.case-detail .detail-content .info-card .info-list .info-item{display:flex;justify-content:space-between;align-items:center;padding:16rpx 0;border-bottom:1rpx solid #eee}.case-detail .detail-content .info-card .info-list .info-item:last-child{border-bottom:none}.case-detail .detail-content .info-card .info-list .info-item .label{font-size:28rpx;color:#666}.case-detail .detail-content .info-card .info-list .info-item .value{font-size:28rpx;color:#333}.case-detail .detail-content .info-card .section{margin-bottom:20rpx}.case-detail .detail-content .info-card .section:last-child{margin-bottom:0}.case-detail .detail-content .info-card .section .section-title{font-size:28rpx;color:#666;margin-bottom:12rpx;display:block}.case-detail .detail-content .info-card .section .content{font-size:28rpx;color:#333;line-height:1.6;white-space:pre-wrap}.case-detail .detail-content .info-card .exam-list .exam-item{display:flex;justify-content:space-between;align-items:center;padding:20rpx 0;border-bottom:1rpx solid #eee}.case-detail .detail-content .info-card .exam-list .exam-item:last-child{border-bottom:none}.case-detail .detail-content .info-card .exam-list .exam-item .exam-info{flex:1}.case-detail .detail-content .info-card .exam-list .exam-item .exam-info .name{font-size:28rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.case-detail .detail-content .info-card .exam-list .exam-item .exam-info .time{font-size:24rpx;color:#999;margin-bottom:8rpx;display:block}.case-detail .detail-content .info-card .exam-list .exam-item .exam-info .result{font-size:26rpx;color:#666}.case-detail .detail-content .info-card .exam-list .exam-item .icon-arrow-right{font-size:24rpx;color:#999}.case-detail .detail-content .info-card .exam-list .exam-item:active{opacity:.8}.case-detail .detail-content .info-card .diagnosis-list .diagnosis-item{margin-bottom:16rpx}.case-detail .detail-content .info-card .diagnosis-list .diagnosis-item:last-child{margin-bottom:0}.case-detail .detail-content .info-card .diagnosis-list .diagnosis-item .type{font-size:26rpx;color:#999;margin-bottom:8rpx;display:block}.case-detail .detail-content .info-card .diagnosis-list .diagnosis-item .name{font-size:28rpx;color:#333;font-weight:700}.case-detail .detail-content .info-card .prescription-list .prescription-item{padding:20rpx 0;border-bottom:1rpx solid #eee}.case-detail .detail-content .info-card .prescription-list .prescription-item:last-child{border-bottom:none}.case-detail .detail-content .info-card .prescription-list .prescription-item .medicine-info{margin-bottom:12rpx}.case-detail .detail-content .info-card .prescription-list .prescription-item .medicine-info .name{font-size:28rpx;color:#333;font-weight:700;margin-bottom:4rpx;display:block}.case-detail .detail-content .info-card .prescription-list .prescription-item .medicine-info .spec{font-size:24rpx;color:#999}.case-detail .detail-content .info-card .prescription-list .prescription-item .usage{display:flex;align-items:center;justify-content:space-between}.case-detail .detail-content .info-card .prescription-list .prescription-item .usage text{font-size:26rpx;color:#666}.case-detail .detail-content .info-card .prescription-list .prescription-item .usage .quantity{font-size:28rpx;color:#333;font-weight:700}.case-detail .detail-content .info-card .total-amount{display:flex;justify-content:flex-end;align-items:center;margin-top:20rpx;padding-top:20rpx;border-top:1rpx solid #eee}.case-detail .detail-content .info-card .total-amount text{font-size:26rpx;color:#666;margin-right:16rpx}.case-detail .detail-content .info-card .total-amount text.amount{font-size:32rpx;color:#f56c6c;font-weight:700}.case-detail .detail-content .info-card .doctor-info{display:flex;align-items:center}.case-detail .detail-content .info-card .doctor-info .avatar{width:100rpx;height:100rpx;border-radius:50%;margin-right:20rpx}.case-detail .detail-content .info-card .doctor-info .info{flex:1}.case-detail .detail-content .info-card .doctor-info .info .name{font-size:30rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.case-detail .detail-content .info-card .doctor-info .info .title{font-size:26rpx;color:#666;margin-bottom:8rpx;display:block}.case-detail .detail-content .info-card .doctor-info .info .specialty{font-size:24rpx;color:#999}.case-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}.case-detail .bottom-bar .action-btn{flex:1;height:88rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;color:#666;background:#f5f6fa;border-radius:36rpx}.case-detail .bottom-bar .action-btn .iconfont{font-size:32rpx;margin-right:8rpx}.case-detail .bottom-bar .action-btn.primary{color:#fff;background:linear-gradient(135deg,#0f95b0,#89c4c1)}.case-detail .bottom-bar .action-btn:active{transform:scale(.98)}
|
