.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}.payment-record{min-height:100vh;background:#f5f6fa}.payment-record .stats-card{margin:20rpx;background:linear-gradient(135deg,#0f95b0,#89c4c1);border-radius:24rpx;padding:40rpx 30rpx;display:flex;align-items:center;box-shadow:0 4rpx 16rpx rgba(0,0,0,.08)}.payment-record .stats-card .stat-item{flex:1;text-align:center}.payment-record .stats-card .stat-item .count{font-size:40rpx;color:#fff;font-weight:700;margin-bottom:8rpx;display:block}.payment-record .stats-card .stat-item .label{font-size:26rpx;color:rgba(255,255,255,.9)}.payment-record .stats-card .divider{width:2rpx;height:60rpx;background:rgba(255,255,255,.2)}.payment-record .filter-bar{background:#fff;padding:20rpx;margin-bottom:20rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.payment-record .filter-bar .type-filter{display:flex;margin-bottom:20rpx;overflow-x:hidden}.payment-record .filter-bar .type-filter text{flex:1;text-align:center;font-size:28rpx;color:#666;padding:12rpx 0;position:relative;white-space:nowrap}.payment-record .filter-bar .type-filter text.active{color:#0f95b0;font-weight:700}.payment-record .filter-bar .type-filter text.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:40rpx;height:4rpx;background:#0f95b0;border-radius:2rpx}.payment-record .filter-bar .date-filter{display:flex;align-items:center;justify-content:center;overflow-x:hidden}.payment-record .filter-bar .date-filter picker{flex:1;width:0}.payment-record .filter-bar .date-filter picker text{display:block;text-align:center;font-size:26rpx;color:#666;padding:12rpx 0;background:#f5f6fa;border-radius:12rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-record .filter-bar .date-filter .separator{padding:0 20rpx;font-size:26rpx;color:#999}.payment-record .record-list{height:calc(100vh - 300rpx);padding:0 20rpx;overflow-x:hidden}.payment-record .record-list::-webkit-scrollbar{display:none}.payment-record .record-list .record-item{margin-bottom:20rpx}.payment-record .record-list .record-item .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20rpx}.payment-record .record-list .record-item .header .hospital-info{display:flex;align-items:center}.payment-record .record-list .record-item .header .hospital-info .logo{width:60rpx;height:60rpx;border-radius:4rpx;margin-right:16rpx}.payment-record .record-list .record-item .header .hospital-info .info .name{font-size:30rpx;color:#333;font-weight:700;margin-bottom:4rpx;display:block}.payment-record .record-list .record-item .header .hospital-info .info .type{font-size:26rpx;color:#666}.payment-record .record-list .record-item .header .status{font-size:24rpx;padding:4rpx 12rpx;border-radius:4rpx}.payment-record .record-list .record-item .header .status.unpaid{color:#e6a23c;background:rgba(230,162,60,.1)}.payment-record .record-list .record-item .header .status.completed{color:#67c23a;background:rgba(103,194,58,.1)}.payment-record .record-list .record-item .header .status.refunded{color:#999;background:rgba(153,153,153,.1)}.payment-record .record-list .record-item .detail-info{padding:20rpx 0;border-top:1rpx solid #eee;border-bottom:1rpx solid #eee}.payment-record .record-list .record-item .detail-info .info-item{display:flex;justify-content:space-between;margin-bottom:12rpx}.payment-record .record-list .record-item .detail-info .info-item:last-child{margin-bottom:0}.payment-record .record-list .record-item .detail-info .info-item .label{font-size:26rpx;color:#666}.payment-record .record-list .record-item .detail-info .info-item .value{font-size:26rpx;color:#333}.payment-record .record-list .record-item .footer{padding-top:20rpx;display:flex;justify-content:space-between;align-items:center}.payment-record .record-list .record-item .footer .amount-info .label{font-size:26rpx;color:#666;margin-right:12rpx}.payment-record .record-list .record-item .footer .amount-info .amount{font-size:32rpx;color:#f56c6c;font-weight:700}.payment-record .record-list .record-item .footer .actions{display:flex;gap:20rpx}.payment-record .record-list .record-item .footer .actions .action-btn{height:60rpx;line-height:60rpx;padding:0 30rpx;font-size:26rpx;color:#0f95b0;background:rgba(15,149,176,.1);border-radius:36rpx}.payment-record .record-list .record-item .footer .actions .action-btn:active{opacity:.8}.payment-record .record-list .record-item:active{transform:scale(.99)}.payment-record .empty-state{padding:120rpx 0;text-align:center}.payment-record .empty-state image{width:240rpx;height:240rpx;margin-bottom:30rpx}.payment-record .empty-state text{font-size:28rpx;color:#999}
|
