.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:1.125rem;text-align:center;font-size:.9375rem;height:2.75rem;line-height:2.75rem}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:.75rem;padding:.9375rem;margin-bottom:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.tag{display:inline-block;font-size:.6875rem;color:#0f95b0;background:rgba(15,149,176,.1);padding:.125rem .375rem;border-radius:.125rem;margin-right:.3125rem}.section-title{font-size:1.0625rem;font-weight:700;color:#333;position:relative;padding-left:.625rem;margin-bottom:.9375rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.1875rem;height:.9375rem;background:#0f95b0;border-radius:.09375rem}.price{font-size:1rem;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:.75rem;color:#999;text-decoration:line-through;margin-left:.3125rem}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}body{width:100%;height:100%;overflow-x:hidden}.payment-detail{min-height:100vh;background:#f5f6fa;padding-bottom:3.75rem}.payment-detail .status-card{position:relative;background:linear-gradient(135deg,#0f95b0,#89c4c1);padding:1.25rem .9375rem;overflow:hidden}.payment-detail .status-card .status-info{position:relative;z-index:1}.payment-detail .status-card .status-info .status-text{font-size:1.25rem;color:#fff;font-weight:700;margin-bottom:.375rem;display:block}.payment-detail .status-card .status-info .desc{font-size:.8125rem;color:rgba(255,255,255,.9)}.payment-detail .status-card .status-image{position:absolute;right:.9375rem;bottom:0;width:6.25rem;height:6.25rem;opacity:.2}.payment-detail .status-card.unpaid{background:linear-gradient(135deg,#e6a23c,#ecb869)}.payment-detail .status-card.completed{background:linear-gradient(135deg,#67c23a,#85cf60)}.payment-detail .status-card.refunded{background:linear-gradient(135deg,#999,#b3b3b3)}.payment-detail .info-card{margin:.625rem;background:#fff;border-radius:.75rem;padding:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.payment-detail .info-card .hospital-info{display:flex;align-items:center;margin-bottom:.625rem}.payment-detail .info-card .hospital-info .logo{width:2.5rem;height:2.5rem;border-radius:.125rem;margin-right:.625rem}.payment-detail .info-card .hospital-info .info{flex:1}.payment-detail .info-card .hospital-info .info .name{font-size:1rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.payment-detail .info-card .hospital-info .info .address{font-size:.8125rem;color:#666}.payment-detail .info-card .hospital-info .icon-arrow-right{font-size:.75rem;color:#999}.payment-detail .info-card .divider{height:.03125rem;background:#eee;margin:.625rem 0}.payment-detail .info-card .department-info{display:flex;align-items:center}.payment-detail .info-card .department-info .icon{width:1.875rem;height:1.875rem;margin-right:.625rem}.payment-detail .info-card .department-info .info .name{font-size:.9375rem;color:#333;font-weight:700;margin-bottom:.125rem;display:block}.payment-detail .info-card .department-info .info .doctor{font-size:.8125rem;color:#666}.payment-detail .detail-card{margin:.625rem;background:#fff;border-radius:.75rem;padding:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.payment-detail .detail-card .item-list .item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.625rem}.payment-detail .detail-card .item-list .item:last-child{margin-bottom:0}.payment-detail .detail-card .item-list .item .item-info{flex:1;margin-right:.625rem}.payment-detail .detail-card .item-list .item .item-info .name{font-size:.875rem;color:#333;margin-bottom:.125rem;display:block}.payment-detail .detail-card .item-list .item .item-info .desc{font-size:.75rem;color:#999}.payment-detail .detail-card .item-list .item .amount{font-size:.9375rem;color:#333;font-weight:700}.payment-detail .detail-card .total{display:flex;justify-content:flex-end;align-items:center;margin-top:.625rem;padding-top:.625rem;border-top:.03125rem solid #eee}.payment-detail .detail-card .total uni-text{font-size:.875rem;color:#666;margin-right:.625rem}.payment-detail .detail-card .total uni-text.amount{font-size:1.125rem;color:#f56c6c;font-weight:700}.payment-detail .detail-card .info-list .info-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.payment-detail .detail-card .info-list .info-item:last-child{margin-bottom:0}.payment-detail .detail-card .info-list .info-item .label{font-size:.8125rem;color:#666}.payment-detail .detail-card .info-list .info-item .value{font-size:.8125rem;color:#333}.payment-detail .bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:.625rem .9375rem;background:#fff;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);display:flex;justify-content:space-between;align-items:center}.payment-detail .bottom-bar .amount-info uni-text{font-size:.8125rem;color:#666;margin-right:.375rem}.payment-detail .bottom-bar .amount-info .amount{font-size:1.125rem;color:#f56c6c;font-weight:700}.payment-detail .bottom-bar .pay-btn{width:7.5rem}.payment-detail .bottom-bar .action-btn{flex:1;height:2.5rem;line-height:2.5rem;font-size:.875rem;color:#0f95b0;background:rgba(15,149,176,.1);border-radius:1.125rem;margin:0 .3125rem}.payment-detail .bottom-bar .action-btn:active{transform:scale(.98)}
|
