.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}.medical-container{min-height:100vh;background:#f5f6fa}.medical-container .stats-card{margin:.625rem;background:linear-gradient(135deg,#0f95b0,#89c4c1);border-radius:.75rem;padding:1.25rem .9375rem;display:flex;align-items:center;box-shadow:0 .125rem .5rem rgba(0,0,0,.08)}.medical-container .stats-card .stat-item{flex:1;text-align:center}.medical-container .stats-card .stat-item .count{font-size:1.25rem;color:#fff;font-weight:700;margin-bottom:.25rem;display:block}.medical-container .stats-card .stat-item .label{font-size:.8125rem;color:rgba(255,255,255,.9)}.medical-container .stats-card .divider{width:.0625rem;height:1.875rem;background:rgba(255,255,255,.2)}.medical-container .timeline-view{height:calc(100vh - 6.25rem)}.medical-container .timeline-view .timeline{padding:.9375rem}.medical-container .timeline-view .timeline .timeline-item{display:flex;margin-bottom:1.25rem}.medical-container .timeline-view .timeline .timeline-item:last-child{margin-bottom:0}.medical-container .timeline-view .timeline .timeline-item:last-child .time-point:after{display:none}.medical-container .timeline-view .timeline .timeline-item .time-point{width:3.75rem;text-align:center;padding-top:.625rem;position:relative}.medical-container .timeline-view .timeline .timeline-item .time-point .date{font-size:.8125rem;color:#999;margin-bottom:.25rem;display:block}.medical-container .timeline-view .timeline .timeline-item .time-point .time{font-size:.75rem;color:#999}.medical-container .timeline-view .timeline .timeline-item .time-point:before{content:"";display:block;width:.5rem;height:.5rem;background:#0f95b0;border-radius:50%;margin:0 auto .25rem}.medical-container .timeline-view .timeline .timeline-item .time-point:after{content:"";position:absolute;left:50%;top:1.375rem;bottom:-1.875rem;width:.0625rem;background:#eee}.medical-container .timeline-view .timeline .timeline-item .record-card{flex:1;background:#fff;border-radius:.75rem;padding:.9375rem;margin-left:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.medical-container .timeline-view .timeline .timeline-item .record-card .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.625rem}.medical-container .timeline-view .timeline .timeline-item .record-card .header .hospital-info{display:flex;align-items:center}.medical-container .timeline-view .timeline .timeline-item .record-card .header .hospital-info .logo{width:1.875rem;height:1.875rem;border-radius:.125rem;margin-right:.5rem}.medical-container .timeline-view .timeline .timeline-item .record-card .header .hospital-info .info .name{font-size:.9375rem;color:#333;font-weight:700;margin-bottom:.125rem;display:block}.medical-container .timeline-view .timeline .timeline-item .record-card .header .hospital-info .info .department{font-size:.8125rem;color:#666}.medical-container .timeline-view .timeline .timeline-item .record-card .header .status{font-size:.75rem;padding:.125rem .375rem;border-radius:.125rem}.medical-container .timeline-view .timeline .timeline-item .record-card .header .status.upcoming{color:#0f95b0;background:rgba(15,149,176,.1)}.medical-container .timeline-view .timeline .timeline-item .record-card .header .status.completed{color:#67c23a;background:rgba(103,194,58,.1)}.medical-container .timeline-view .timeline .timeline-item .record-card .header .status.cancelled{color:#999;background:rgba(153,153,153,.1)}.medical-container .timeline-view .timeline .timeline-item .record-card .doctor-info{display:flex;align-items:center;padding:.625rem 0;border-bottom:.03125rem solid #eee}.medical-container .timeline-view .timeline .timeline-item .record-card .doctor-info .avatar{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin-right:.625rem}.medical-container .timeline-view .timeline .timeline-item .record-card .doctor-info .info .name{font-size:.875rem;color:#333;font-weight:700;margin-bottom:.125rem;display:block}.medical-container .timeline-view .timeline .timeline-item .record-card .doctor-info .info .title{font-size:.75rem;color:#999}.medical-container .timeline-view .timeline .timeline-item .record-card .diagnosis-info{padding:.625rem 0;border-bottom:.03125rem solid #eee}.medical-container .timeline-view .timeline .timeline-item .record-card .diagnosis-info .label{font-size:.8125rem;color:#666;margin-right:.375rem}.medical-container .timeline-view .timeline .timeline-item .record-card .diagnosis-info .value{font-size:.875rem;color:#333}.medical-container .timeline-view .timeline .timeline-item .record-card .footer{padding-top:.625rem;display:flex;justify-content:space-between;align-items:center}.medical-container .timeline-view .timeline .timeline-item .record-card .footer .fee-info .label{font-size:.8125rem;color:#666;margin-right:.375rem}.medical-container .timeline-view .timeline .timeline-item .record-card .footer .fee-info .amount{font-size:1rem;color:#f56c6c;font-weight:700}.medical-container .timeline-view .timeline .timeline-item .record-card .footer .actions{display:flex;gap:.625rem}.medical-container .timeline-view .timeline .timeline-item .record-card .footer .actions .action-btn{height:1.875rem;line-height:1.875rem;padding:0 .9375rem;font-size:.8125rem;color:#0f95b0;background:rgba(15,149,176,.1);border-radius:1.125rem}.medical-container .timeline-view .timeline .timeline-item .record-card .footer .actions .action-btn:active{opacity:.8}.medical-container .timeline-view .timeline .timeline-item .record-card:active{transform:scale(.99)}.medical-container .empty-state{padding:3.75rem 0;text-align:center}.medical-container .empty-state uni-image{width:7.5rem;height:7.5rem;margin-bottom:.9375rem}.medical-container .empty-state uni-text{font-size:.875rem;color:#999}
|
