| 1 |
- .custom-tabbar[data-v-e2689e45]{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#fff;display:flex;flex-direction:column;z-index:999;padding-bottom:env(safe-area-inset-bottom)}.tabbar-border[data-v-e2689e45]{height:1px;background-color:rgba(0,0,0,.1);transform:scaleY(.5)}.tabbar-list[data-v-e2689e45]{display:flex;flex:1;align-items:center;justify-content:space-around}.tabbar-item[data-v-e2689e45]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1}.tabbar-icon[data-v-e2689e45]{width:24px;height:24px;margin-bottom:2px}.tabbar-text[data-v-e2689e45]{font-size:10px;color:#999}.tabbar-text-active[data-v-e2689e45]{color:#ff5722}body{background-color:#f8f8f8}.custom-nav-bar{padding:2.5rem .9375rem .625rem;background-color:#fff;display:flex;align-items:center;justify-content:center}.nav-title{font-size:1.0625rem;font-weight:700;color:#333}.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:999;background-color:#f8f8f8}.container{background-color:#f8f8f8;display:flex;flex-direction:column;min-height:100vh}.status-tabs{display:flex;background-color:#fff;padding:0 .9375rem;justify-content:space-between}.tab-item{position:relative;padding:.625rem 0;font-size:.8125rem;color:#666;font-weight:500}.tab-item.active{color:#ff5722;font-weight:700}.indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:1.25rem;height:.1875rem;background-color:#ff5722;border-radius:.09375rem}.search-bar{padding:.3125rem .9375rem;background-color:#fff}.search-input-box{display:flex;align-items:center;background-color:#f8f8f8;height:2rem;border-radius:1rem;padding:0 .9375rem}.search-input{flex:1;font-size:.8125rem;color:#333;padding-left:.625rem}.ph-style{font-size:.8125rem;color:#999}.filter-wrapper{position:relative;z-index:998}.filter-bar{display:flex;background-color:#fff;padding:.15625rem .9375rem .3125rem;justify-content:space-between;position:relative;z-index:998}.filter-item{width:48%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:#666;background-color:#f8f8f8;height:1.75rem;border-radius:.375rem;transition:all .2s}.filter-item.active{background-color:#fff3e0}.active-text{color:#ff5722;font-weight:500}.triangle{width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;margin-left:.3125rem;transition:all .2s}.triangle.down{border-top:.3125rem solid #dcdcdc}.filter-item.active .triangle.down,.active-text+.triangle.down{border-top-color:#ff5722}.triangle.up{border-bottom:.3125rem solid #FF5722}.dropdown-mask{position:absolute;top:100%;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.4);z-index:80}.dropdown-panel{position:absolute;top:100%;left:0;right:0;background-color:#fff;z-index:90;border-radius:0 0 .625rem .625rem;box-shadow:0 .3125rem .625rem rgba(0,0,0,.05);overflow:hidden}.type-option{padding:.9375rem 1.25rem;font-size:.875rem;color:#333;border-bottom:1px solid #f5f5f5}.type-option:last-child{border-bottom:none}.type-option.selected uni-text{color:#ff5722;font-weight:700}.calendar-panel{padding-bottom:.9375rem}.custom-calendar-container{padding:.625rem .9375rem 0}.cal-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0}.cal-title{font-size:1rem;font-weight:700;color:#333}.cal-weekdays{display:flex;justify-content:space-around;padding:.625rem 0;border-bottom:1px solid #f5f5f5}.wk-item{font-size:.75rem;color:#999;width:14.28%;text-align:center}.cal-body{display:flex;flex-wrap:wrap;padding-top:.625rem}.cal-day-box{width:14.28%;height:2.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.3125rem;position:relative}.cal-day-text{width:2rem;height:2rem;line-height:2rem;text-align:center;font-size:.875rem;color:#333;border-radius:.25rem;position:relative;z-index:2}.cal-day-box.is-start .cal-day-text,.cal-day-box.is-end .cal-day-text{background-color:#ff5722;color:#fff;font-weight:700}.cal-day-box.is-start:after{content:"";position:absolute;right:0;top:.25rem;bottom:.25rem;width:50%;background-color:#fff3e0;z-index:1}.cal-day-box.is-end:after{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:50%;background-color:#fff3e0;z-index:1}.cal-day-box.is-start.is-end:after{display:none}.cal-day-box.is-between{background-color:#fff3e0;margin-top:.25rem;height:2rem;margin-bottom:.5625rem}.cal-day-box.is-between .cal-day-text{color:#ff5722}.calendar-actions{display:flex;justify-content:space-between;padding:0 .9375rem;margin-top:.625rem}.cal-btn{width:48%;height:2.1875rem;line-height:2.1875rem;text-align:center;border-radius:.3125rem;font-size:.875rem;margin:0}.cal-btn.reset{background-color:#f5f5f5;color:#666}.cal-btn.confirm{background-color:#ff5722;color:#fff}.order-list{padding:0 .9375rem;width:100%;box-sizing:border-box}.order-card{background-color:#fff;border-radius:.75rem;padding:.625rem;margin-bottom:.625rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.03)}.order-card:first-child{margin-top:.625rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.46875rem}.type-badge{display:flex;align-items:center}.type-icon{width:1.375rem;height:1.375rem;margin-right:.46875rem;background-color:#fff3e0;border-radius:50%;padding:.1875rem;box-sizing:border-box}.type-text{font-size:.9375rem;font-weight:700;color:#333}.status-badge{font-size:.875rem}.status-badge.highlight{color:#ff5722}.status-badge.processing{color:#2196f3}.status-badge.finish{color:#4caf50}.status-badge.reject{color:#9e9e9e}.time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.78125rem}.time-row .time-col{display:flex;align-items:center;font-size:.8125rem;color:#333}.time-row .label{color:#666;margin-right:.3125rem}.price{font-size:1.125rem;font-weight:700;color:#ff5722}.pet-card{background-color:#fff8f0;border-radius:.5rem;padding:.46875rem .625rem;display:flex;align-items:center;margin-bottom:.625rem}.pet-avatar{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.625rem}.pet-info{flex:1;display:flex;flex-direction:column}.pet-name{font-size:.875rem;font-weight:700;color:#333;margin-bottom:.15625rem}.pet-breed{font-size:.75rem;color:#999}.pet-profile-btn{font-size:.75rem;color:#ff9800;border:1px solid #FF9800;padding:.1875rem .625rem;border-radius:1.5625rem;background-color:#fff}.route-info{margin-bottom:.78125rem}.route-item{display:flex;align-items:flex-start;padding-bottom:.375rem;position:relative;width:100%}.route-item:not(:last-child){margin-bottom:.15625rem}.route-item:last-child{padding-bottom:0;margin-bottom:0}.route-line-vertical{position:absolute;left:.59375rem;top:1.4375rem;bottom:-.46875rem;border-left:.0625rem dashed #E0E0E0;width:0;z-index:0}.icon-circle{width:1.25rem;height:1.25rem;border-radius:50%;color:#fff;font-size:.6875rem;display:flex;align-items:center;justify-content:center;margin-right:.625rem;flex-shrink:0;font-weight:700;margin-top:.1875rem;position:relative;z-index:1}.icon-circle.service{background-color:#81c784}.icon-circle.start{background-color:#ffb74d}.icon-circle.end{background-color:#81c784}.address-box{flex:1;display:flex;flex-direction:column;margin-right:.625rem}.addr-title{font-size:.875rem;font-weight:700;color:#333;margin-bottom:.125rem}.addr-desc{font-size:.75rem;color:#999;line-height:1.4}.distance-tag{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:2.5rem}.distance-text{font-size:.75rem;color:#ff5722;margin-right:.46875rem;font-weight:500}.nav-icon-circle{width:1.5rem;height:1.5rem;background-color:#fff3e0;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-arrow{width:.75rem;height:.75rem}.service-content{margin-top:-.3125rem;font-size:.75rem;color:#666;padding-left:1.875rem}.content-label{color:#999;margin-right:.3125rem}.remark-box{background-color:#f8f8f8;padding:.46875rem .625rem;border-radius:.25rem;font-size:.8125rem;color:#666;margin-bottom:.9375rem}.action-btns{display:flex;justify-content:space-between;margin-top:.46875rem}.action-left,.action-right{display:flex}.btn{height:1.875rem;line-height:1.875rem;border-radius:.9375rem;font-size:.8125rem;padding:0 .9375rem;margin:0}.action-right .btn:not(:last-child){margin-right:.625rem}.btn:after{border:none}.btn.normal{background-color:#f8f8f8;color:#666;border:none}.btn.primary{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;box-shadow:0 .125rem .375rem rgba(255,87,34,.2);border:none}.btn.normal.danger{background-color:#fff2f0;color:#f5222d}.pet-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.pet-modal-content{width:21.25rem;height:85vh;background-color:#fff;border-radius:.625rem;display:flex;flex-direction:column;overflow:hidden}.pet-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9375rem;border-bottom:.03125rem solid #F0F0F0}.pet-modal-title{font-size:1.0625rem;font-weight:700;color:#333}.pet-modal-scroll{flex:1;height:0;padding:.9375rem;box-sizing:border-box}.pet-base-info{display:flex;align-items:center;margin-bottom:1.25rem}.pm-avatar{width:3.75rem;height:3.75rem;border-radius:50%;margin-right:.9375rem;border:.0625rem solid #f5f5f5}.pm-info-text{flex:1;display:flex;flex-direction:column}.pm-name-row{display:flex;align-items:center;margin-bottom:.46875rem}.pm-name{font-size:1.125rem;font-weight:700;color:#333;margin-right:.625rem}.pm-gender{display:flex;align-items:center;background-color:#e3f2fd;padding:.125rem .375rem;border-radius:.625rem}.pm-gender uni-text{font-size:.6875rem;color:#1e88e5}.pm-gender .gender-icon{font-weight:700;margin-right:.125rem}.pm-gender.female{background-color:#fce4ec}.pm-gender.female uni-text{color:#d81b60}.pm-breed{font-size:.8125rem;color:#999}.pm-detail-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.pm-grid-item{background-color:#f8f8f8;border-radius:.5rem;padding:.75rem;margin-bottom:.625rem;display:flex;flex-direction:column}.pm-grid-item.half{width:48%;box-sizing:border-box}.pm-grid-item.full{width:100%;box-sizing:border-box}.pm-label{font-size:.75rem;color:#999;margin-bottom:.3125rem}.pm-val{font-size:.875rem;color:#333;font-weight:500}.pm-tags{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem}.pm-tag{background-color:#fff8eb;border:.0625rem solid #FFCC80;color:#ff9800;font-size:.6875rem;padding:.25rem .75rem;border-radius:.9375rem}.pm-section-title{display:flex;align-items:center;margin-bottom:.9375rem;padding-top:.9375rem;border-top:.0625rem dashed #F0F0F0}.pm-section-title .orange-bar{width:.25rem;height:1rem;background-color:#ff9800;margin-right:.5rem;border-radius:.125rem}.pm-section-title uni-text{font-size:.9375rem;font-weight:700;color:#333}.pm-log-list{display:flex;flex-direction:column}.pm-log-item{display:flex;flex-direction:column;padding:.75rem 0;border-bottom:.03125rem solid #F0F0F0}.pm-log-item:last-child{border-bottom:none}.pm-log-date{font-size:.75rem;color:#999;margin-bottom:.5rem}.pm-log-text{font-size:.875rem;color:#333;line-height:1.6;margin-bottom:.625rem}.pm-log-recorder{font-size:.75rem;color:#ff9800;align-self:flex-end}.pm-bottom-close{width:100%;height:2.5rem;line-height:2.5rem;background-color:#f5f5f5;color:#666;border-radius:1.25rem;font-size:.9375rem;font-weight:700;margin:0}.pm-bottom-close:after{border:none}.close-icon-btn{font-size:1.5rem;color:#999;line-height:1;padding:0 .3125rem}.nav-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;flex-direction:column;justify-content:flex-end}.nav-action-sheet{background-color:#fff;width:100%;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nav-sheet-title{text-align:center;padding:.9375rem 0;font-size:13px;color:#999;border-bottom:.03125rem solid #efefef}.nav-sheet-item{text-align:center;padding:.9375rem 0;font-size:13px;color:#333;background-color:#fff;border-bottom:.03125rem solid #efefef}.nav-sheet-item.cancel{border-bottom:none;color:#666}.nav-sheet-gap{height:.5rem;background-color:#f8f8f8}.order-list{flex:1;overflow-y:auto;width:100%;padding:0 .9375rem;box-sizing:border-box}.loading-text{text-align:center;font-size:.75rem;color:#999;padding:.9375rem 0}.pm-header-actions{display:flex;align-items:center;gap:.5rem}.pm-remark-btn{font-size:.75rem;color:#fff;background-color:#ff9800;padding:.1875rem .5625rem;border-radius:.625rem}.remark-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:3000;display:flex;align-items:center;justify-content:center}.remark-sheet{width:18.75rem;background-color:#fff;border-radius:.75rem;padding:1.25rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.remark-sheet-header{width:100%;text-align:center;margin-bottom:.9375rem;position:relative}.remark-sheet-header .close-icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.remark-sheet-title{font-size:1rem;font-weight:700;color:#333}.remark-textarea{width:100%;height:5rem;border:.03125rem solid #eee;border-radius:.375rem;padding:.625rem;font-size:.875rem;color:#333;box-sizing:border-box;margin-bottom:1.25rem}.remark-submit-btn{width:100%;background-color:#ff5722;color:#fff;font-size:1rem;font-weight:700;text-align:center;padding:.75rem 0;border-radius:.5rem}.action-left{position:relative;z-index:10}.action-left .btn.normal{font-size:.8125rem}.call-popover{position:absolute;top:calc(100% + .3125rem);left:0;background-color:#fff;border-radius:.375rem;box-shadow:0 .125rem .625rem rgba(0,0,0,.1);z-index:999;display:flex;flex-direction:column;width:6.25rem}.call-pop-item{font-size:.8125rem;color:#333;text-align:center;padding:.75rem 0;border-bottom:.03125rem solid #eee}.call-pop-item:last-child{border-bottom:none}.call-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;background:transparent}
|
