.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}.schedule-container{min-height:100vh;background:#f5f6fa;padding:.625rem .625rem 3.75rem}.schedule-container .doctor-info{display:flex;margin-bottom:.625rem}.schedule-container .doctor-info .avatar{width:3.75rem;height:3.75rem;border-radius:1.875rem;margin-right:.625rem}.schedule-container .doctor-info .info{flex:1}.schedule-container .doctor-info .info .name-title{margin-bottom:.25rem}.schedule-container .doctor-info .info .name-title .name{font-size:1rem;color:#333;font-weight:700;margin-right:.5rem}.schedule-container .doctor-info .info .name-title .title{font-size:.8125rem;color:#666}.schedule-container .doctor-info .info .specialty{font-size:.8125rem;color:#666;margin-bottom:.375rem;display:block}.schedule-container .doctor-info .info .department .label{font-size:.8125rem;color:#666}.schedule-container .doctor-info .info .department .value{font-size:.8125rem;color:#0f95b0}.schedule-container .date-section{margin-bottom:.625rem}.schedule-container .date-section .date-list{white-space:nowrap;margin:0 -.9375rem;padding:0 .9375rem}.schedule-container .date-section .date-list .date-item{display:inline-flex;flex-direction:column;align-items:center;padding:.625rem .9375rem;margin-right:.625rem;background:#f5f6fa;border-radius:.375rem;transition:all .3s}.schedule-container .date-section .date-list .date-item.active{background:#0f95b0}.schedule-container .date-section .date-list .date-item.active uni-text{color:#fff}.schedule-container .date-section .date-list .date-item .week{font-size:.75rem;color:#666;margin-bottom:.25rem}.schedule-container .date-section .date-list .date-item .day{font-size:1rem;color:#333;font-weight:700;margin-bottom:.125rem}.schedule-container .date-section .date-list .date-item .month{font-size:.6875rem;color:#999}.schedule-container .time-section{margin-bottom:.625rem}.schedule-container .time-section .time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.schedule-container .time-section .time-grid .time-item{display:flex;flex-direction:column;align-items:center;padding:.625rem;background:#f5f6fa;border-radius:.375rem;transition:all .3s}.schedule-container .time-section .time-grid .time-item.active{background:#0f95b0}.schedule-container .time-section .time-grid .time-item.active uni-text{color:#fff}.schedule-container .time-section .time-grid .time-item.disabled{opacity:.5}.schedule-container .time-section .time-grid .time-item.disabled uni-text{color:#999}.schedule-container .time-section .time-grid .time-item .time-text{font-size:.875rem;color:#333;margin-bottom:.25rem}.schedule-container .time-section .time-grid .time-item .count{font-size:.6875rem;color:#666}.schedule-container .time-section .time-grid .time-item .status{font-size:.6875rem;color:#999}.schedule-container .patient-section .patient-list .patient-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem;margin-bottom:.625rem;background:#f5f6fa;border-radius:.375rem;transition:all .3s}.schedule-container .patient-section .patient-list .patient-item.active{background:rgba(15,149,176,.1)}.schedule-container .patient-section .patient-list .patient-item.active .patient-info .name{color:#0f95b0}.schedule-container .patient-section .patient-list .patient-item .patient-info .name{font-size:.9375rem;color:#333;font-weight:700;margin-bottom:.25rem;display:block}.schedule-container .patient-section .patient-list .patient-item .patient-info .id-card{font-size:.75rem;color:#999}.schedule-container .patient-section .patient-list .patient-item .relation{font-size:.8125rem;color:#666;background:#fff;padding:.125rem .375rem;border-radius:.125rem}.schedule-container .patient-section .patient-list .add-patient{display:flex;align-items:center;justify-content:center;padding:.9375rem;background:#f5f6fa;border-radius:.375rem;border:.0625rem dashed #999999}.schedule-container .patient-section .patient-list .add-patient .icon-add{font-size:1rem;color:#999;margin-right:.25rem}.schedule-container .patient-section .patient-list .add-patient uni-text{font-size:.875rem;color:#999}.schedule-container .bottom-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.625rem .9375rem;background:#fff;box-shadow:0 .25rem .75rem rgba(0,0,0,.12)}.schedule-container .bottom-bar .fee-info .label{font-size:.8125rem;color:#666;margin-right:.25rem}.schedule-container .bottom-bar .fee-info .fee{font-size:1rem;color:#f56c6c;font-weight:700}.schedule-container .bottom-bar .submit-btn{width:7.5rem}
|
