| 1 |
- .custom-tabbar[data-v-4c72c618]{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-4c72c618]{height:1px;background-color:rgba(0,0,0,.1);transform:scaleY(.5)}.tabbar-list[data-v-4c72c618]{display:flex;flex:1;align-items:center;justify-content:space-around}.tabbar-item[data-v-4c72c618]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1}.tabbar-icon[data-v-4c72c618]{width:24px;height:24px;margin-bottom:2px}.tabbar-text[data-v-4c72c618]{font-size:10px;color:#999}.tabbar-text-active[data-v-4c72c618]{color:#ff5722}uni-view,uni-text,uni-image,uni-scroll-view,uni-button{box-sizing:border-box}body{background-color:#f8f8f8}.container{padding-bottom:.9375rem}.nav-bg{position:absolute;top:0;left:0;width:100%;height:11.25rem;background:linear-gradient(180deg,#ffe0b2,#fff3e0);border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem;z-index:1;overflow:hidden}.custom-nav-bar{position:fixed;top:0;left:0;width:100%;z-index:100;padding-top:var(--status-bar-height);height:3.125rem;display:flex;align-items:center;justify-content:center}.nav-title{font-size:1.0625rem;font-weight:700;color:#333}.header-section{position:relative;z-index:2;padding:4.375rem .9375rem 0}.user-info{display:flex;align-items:center;margin-bottom:1.25rem}.avatar{width:3.125rem;height:3.125rem;border-radius:50%;margin-right:.75rem;border:.125rem solid #fff;box-shadow:0 .125rem .3125rem rgba(0,0,0,.1)}.info-content{flex:1;display:flex;flex-direction:column}.top-row{display:flex;align-items:center;margin-bottom:.25rem}.name{font-size:1.125rem;font-weight:700;color:#333;margin-right:.5rem}.status-pill{background-color:#4e4e4e;border-radius:.75rem;display:flex;align-items:center;padding:.0625rem .625rem .0625rem .1875rem}.status-dot-bg{width:.75rem;height:.75rem;background-color:#00e676;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.1875rem}.status-text{color:#fff;font-size:.6875rem;margin-right:.1875rem;font-weight:400}.status-pill .arrow-down{color:#fff;font-size:.3125rem}.bottom-row{display:flex;align-items:center;font-size:.75rem;color:#333}.city-label{margin-right:.125rem}.city-arrow{font-family:monospace}.notification-box{position:relative;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center}.bell-img{width:1.375rem;height:1.375rem}.badge-count{position:absolute;top:-.125rem;right:-.125rem;background-color:#ff5252;color:#fff;font-size:.625rem;width:1rem;height:1rem;line-height:1rem;text-align:center;border-radius:50%;border:.0625rem solid #fff}.stats-card{background-color:#fff;border-radius:.9375rem;padding:.9375rem 0;display:flex;justify-content:space-around;align-items:center;box-shadow:0 .25rem .75rem rgba(0,0,0,.06);margin-bottom:.3125rem;margin-top:-.3125rem;position:relative;width:100%}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.num{font-size:1.25rem;font-weight:800;color:#333;margin-bottom:.3125rem;font-family:Arial,sans-serif}.label{font-size:.75rem;color:#888}.divider{width:1px;height:1.25rem;background-color:#eee}.task-header{position:-webkit-sticky;position:sticky;top:calc(3.125rem + var(--status-bar-height));z-index:90;margin-top:0;margin-bottom:.3125rem;width:100%}.header-inner{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;height:2.9375rem;padding:0 .9375rem;background-color:transparent;transition:background-color .2s}.left-title{display:flex;align-items:center}.orange-bar{width:.25rem;height:1rem;background-color:#ff5722;border-radius:.125rem;margin-right:.46875rem}.left-title .title{font-size:.875rem;font-weight:700;color:#333}.left-title .count{font-size:.75rem;color:#999;margin-left:.25rem;font-weight:400}.filter-options{display:flex;align-items:center;font-size:.75rem;color:#666}.filter-item{margin-left:.9375rem;transition:color .3s;display:flex;align-items:center}.filter-item.active{color:#ff5722;font-weight:700}.sort-icon{display:flex;flex-direction:column;margin-left:.1875rem;justify-content:center;height:.625rem}.sort-icon .up{width:0;height:0;border-left:.1875rem solid transparent;border-right:.1875rem solid transparent;border-bottom:.1875rem solid #ccc;margin-bottom:.0625rem}.sort-icon .down{width:0;height:0;border-left:.1875rem solid transparent;border-right:.1875rem solid transparent;border-top:.1875rem solid #ccc}.filter-item.active .sort-icon .up.active{border-bottom-color:#ff5722}.filter-item.active .sort-icon .down.active{border-top-color:#ff5722}.dropdown{display:flex;align-items:center;margin-left:.9375rem;background-color:transparent;padding:.1875rem .625rem;border-radius:.9375rem;border:none;box-shadow:none}.dropdown uni-text{margin-left:0;font-size:.75rem;color:#333}.dropdown .arrow-down{font-size:.5625rem;margin-left:.1875rem;color:#999}.task-list{padding:0 .9375rem;width:100%}.task-card{background-color:#fff;border-radius:.75rem;padding:.625rem;margin-bottom:.625rem;box-shadow:0 .15625rem .625rem rgba(0,0,0,.04);width:100%}.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:.875rem;font-weight:700;color:#333}.price{font-size:.875rem;font-weight:700;color:#ff5252}.time-row{font-size:.8125rem;color:#666;margin-bottom:.625rem}.time-row .value{color:#333;margin-left:.3125rem}.pet-card{background-color:#fff8f0;border-radius:.5rem;padding:.46875rem .625rem;display:flex;align-items:center;margin-bottom:.9375rem}.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:.625rem}.route-item{display:flex;align-items:flex-start;padding-bottom:.625rem;position:relative;width:100%}.route-item:not(:last-child){margin-bottom:.5rem}.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.start{background-color:#ffb74d}.icon-circle.end,.icon-circle.service{background-color:#81c784}.address-box{flex:1;display:flex;flex-direction:column;padding-right:.625rem;width:0}.addr-title-row{display:flex;align-items:center;justify-content:space-between}.addr-title{font-size:.875rem;font-weight:700;color:#333;margin-bottom:.1875rem;flex:1}.phone-call-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#e8f5e9;border-radius:50%;margin-left:.3125rem;transition:transform .1s}.phone-call-btn:active{transform:scale(.9);background-color:#c8e6c9}.phone-icon-item{width:.875rem;height:.875rem}.addr-desc{font-size:.75rem;color:#999;line-height:normal}.distance-tag{display:flex;align-items:center;background-color:#fff3e0;padding:.1875rem .1875rem .1875rem .375rem;border-radius:.9375rem;flex-shrink:0}.distance-tag uni-text{font-size:.75rem;color:#ff5722;margin-right:.15625rem;font-weight:400}.nav-arrow{width:1rem;height:1rem}.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:.75rem;color:#666;margin-bottom:.625rem}.action-btns{display:flex;justify-content:space-between}.btn{height:2rem;line-height:2rem;border-radius:1rem;font-size:.875rem;font-weight:400;width:48%}.btn:after{border:none}.btn.reject{background-color:#f5f5f5;color:#999;box-shadow:none}.btn.accept{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;box-shadow:0 .15625rem .46875rem rgba(255,87,34,.3)}.bg-circle-right{position:absolute;top:-.625rem;right:-.625rem;width:5.78125rem;height:5.78125rem;border-radius:50%;background-color:rgba(255,218,185,.8)}.filter-panel{position:absolute;top:2.9375rem;left:0;width:100%;background-color:#fff;z-index:2;padding:.9375rem .9375rem 1.25rem;border-bottom-left-radius:.9375rem;border-bottom-right-radius:.9375rem;box-shadow:0 .3125rem .9375rem rgba(0,0,0,.1);transform:translateY(-.625rem);opacity:0;transition:all .25s ease-out;visibility:hidden}.filter-panel.show{transform:translateY(0);opacity:1;visibility:visible}.filter-mask{position:absolute;top:2.9375rem;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}.filter-section{margin-bottom:1.25rem}.section-title{font-size:.875rem;font-weight:700;color:#333;margin-bottom:.625rem;display:block}.options-grid{display:flex;flex-wrap:wrap;gap:.625rem}.option-btn{width:calc(33.33% - .4375rem);height:2rem;line-height:2rem;text-align:center;border-radius:1rem;font-size:.8125rem;color:#666;background-color:#fff;border:.0625rem solid #E0E0E0;margin-bottom:.3125rem}.option-btn.active{color:#ff5722;background-color:#fff3e0;border-color:#ff5722;font-weight:700}.filter-actions{display:flex;justify-content:space-between;margin-top:1.5625rem}.action-btn{width:48%;height:2rem;line-height:2rem;border-radius:1rem;font-size:.875rem;font-weight:400}.action-btn:after{border:none}.action-btn.reset{background-color:#f5f5f5;color:#999}.action-btn.confirm{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;box-shadow:0 .15625rem .46875rem rgba(255,87,34,.3)}.status-pill{display:flex;align-items:center;background-color:#333;border-radius:.625rem;padding:.125rem .5rem .125rem .25rem;margin-left:.5rem;transition:background-color .3s}.status-pill.resting{background-color:#424242}.status-dot-bg{width:.75rem;height:.75rem;background-color:#4caf50;border-radius:50%;margin-right:.1875rem;display:flex;justify-content:center;align-items:center}.check-mark{color:#fff;font-size:.4375rem;font-weight:700}.status-pill.resting .status-dot-bg{background-color:#ff5722}.status-icon{width:.75rem;height:.75rem;margin-right:.1875rem}.status-text{font-size:.6875rem;color:#fff;margin-right:.1875rem}.status-pill .arrow-down{color:#fff;font-size:.3125rem;margin-left:.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:4.6875rem}.empty-icon{width:6.25rem;height:6.25rem;margin-bottom:1.25rem;opacity:.5}.empty-text{font-size:.875rem;color:#666;margin-bottom:1.875rem}.start-work-btn{width:9.375rem;height:2.5rem;line-height:2.5rem;background:linear-gradient(90deg,#ff9800,#ff5722);border-radius:1.25rem;color:#fff;font-size:.9375rem;font-weight:700;box-shadow:0 .15625rem .46875rem rgba(255,87,34,.3)}.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.custom-modal{width:18.75rem;background-color:#fff;border-radius:.75rem;padding:1.25rem 1.5625rem;display:flex;flex-direction:column;align-items:center}.modal-title{font-size:1.125rem;font-weight:700;color:#333;margin-bottom:.9375rem}.modal-content{font-size:.9375rem;color:#666;margin-bottom:1.5625rem;text-align:center}.modal-btns{width:100%;display:flex;justify-content:space-between}.modal-btn{width:45%;height:2.5rem;line-height:2.5rem;border-radius:1.25rem;font-size:.9375rem;font-weight:700;margin:0}.modal-btn:after{border:none}.modal-btn.cancel{background-color:#f5f5f5;color:#999}.modal-btn.confirm{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;box-shadow:0 .15625rem .46875rem rgba(255,87,34,.3)}.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}.textarea-container{padding:0 .125rem;width:100%;position:relative;margin-bottom:.625rem}.reject-textarea{width:100%;height:7.5rem;background-color:#f9f9f9;border:.03125rem solid #E0E0E0;border-radius:.5rem;padding:.75rem .75rem 1.875rem;font-size:.875rem;line-height:1.6;box-sizing:border-box;transition:all .3s}.reject-textarea:focus{border-color:#ff9800;background-color:#fff}.char-count{position:absolute;right:1.375rem;bottom:.75rem;font-size:.6875rem;color:#999}.modal-btn.confirm.disabled{background:#ffd180;box-shadow:none;opacity:.8}.mt-30{margin-top:.9375rem}.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}.modal-content-box{display:flex;flex-direction:column;align-items:center;margin-bottom:.625rem}.modal-content-main{font-size:.9375rem;color:#333;margin-bottom:.5rem}.modal-content-sub{font-size:.75rem;color:#999}.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}
|
