| 1 |
- body{background-color:#f8f8f8}.detail-container{padding-bottom:6.25rem}.loading-container{padding:.9375rem}.skeleton-header{background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:.625rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.skeleton-progress{background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:0 0 .625rem .625rem;margin-top:-1.25rem;padding:.9375rem 1.25rem 1.25rem;display:flex;justify-content:space-around;margin-bottom:.78125rem}.skeleton-circle{width:1.25rem;height:1.25rem;border-radius:50%;background-color:rgba(255,255,255,.3)}.skeleton-card{background-color:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.78125rem;box-shadow:0 .15625rem .625rem rgba(0,0,0,.03)}.skeleton-line{border-radius:.25rem;background-color:#f0f0f0}.skeleton-ani{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}.skeleton-header .skeleton-ani,.skeleton-progress .skeleton-ani{background:linear-gradient(90deg,rgba(255,255,255,.2) 25%,rgba(255,255,255,.35) 37%,rgba(255,255,255,.2) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.detail-header{background:linear-gradient(135deg,#ff9800,#ff5722);padding:1.25rem 1.25rem 1.5625rem;color:#fff;border-radius:.625rem;margin:.9375rem .9375rem .78125rem;box-shadow:0 .15625rem .46875rem rgba(255,87,34,.2)}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.status-title{font-size:.875rem;font-weight:700}.status-price{font-size:1.25rem;font-weight:700}.progress-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .3125rem}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;opacity:.5}.step-item.done{opacity:1}.step-item.done .step-circle{background-color:#fff;color:#ff5722;font-weight:700}.step-item.done .step-text{font-weight:500}.step-item.active{opacity:1}.step-item.active .step-circle{background-color:#fff;color:#ff5722;font-weight:700;width:1.5rem;height:1.5rem;font-size:.75rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.15)}.step-item.active .step-text{font-weight:700}.step-circle-wrapper{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:.3125rem}.step-circle{width:1.25rem;height:1.25rem;border-radius:50%;background-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8);font-size:.625rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;transition:all .2s}.step-line{position:absolute;top:50%;right:calc(50% + .625rem);width:calc(100% - 1.25rem);height:.0625rem;background-color:rgba(255,255,255,.3);z-index:1;transform:translateY(-50%)}.step-line.active-line{background-color:#fff;height:.09375rem}.step-text{font-size:.75rem}.detail-content{width:100%;box-sizing:border-box;padding:0 .9375rem;position:relative;z-index:10}.white-card{background-color:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.78125rem;box-shadow:0 .15625rem .625rem rgba(0,0,0,.03)}.pet-bar{display:flex;align-items:center}.pb-avatar{width:3.125rem;height:3.125rem;border-radius:50%;margin-right:.625rem}.pb-info{flex:1;display:flex;flex-direction:column}.pb-name-row{margin-bottom:.3125rem}.pb-name{font-size:1rem;font-weight:700;color:#333;margin-right:.46875rem}.pb-breed{font-size:.8125rem;color:#999}.pb-tags{display:flex}.pb-tag{background-color:#fff3e0;color:#ff9800;font-size:.6875rem;padding:.125rem .5rem;border-radius:.25rem}.pb-actions{display:flex;align-items:center}.pb-btn{display:flex;align-items:center;justify-content:center}.profile-btn{border:.0625rem solid #FF9800;color:#ff9800;font-size:.75rem;padding:.25rem .625rem;border-radius:.9375rem;margin-right:.625rem}.phone-btn{width:1.875rem;height:1.875rem;border-radius:50%;background-color:#fff3e0}.phone-icon{width:1rem;height:1rem}.si-row{display:flex;align-items:flex-start;margin-bottom:.9375rem}.si-row:last-child{margin-bottom:0}.si-icon{width:1.125rem;height:1.125rem;margin-right:.625rem;margin-top:.125rem}.si-icon-uni{margin-right:.625rem;margin-top:.125rem;display:flex;align-items:center;justify-content:center}.si-content{flex:1;display:flex;flex-direction:column}.si-label{font-size:.75rem;color:#999;margin-bottom:.1875rem}.icon-bg{width:1.375rem;height:1.375rem;border-radius:.25rem;display:flex;justify-content:center;align-items:center;margin-right:.625rem;margin-top:.125rem;flex-shrink:0}.icon-bg.grey-bg{background-color:#f8f8f8}.custom-icon{width:.875rem;height:.875rem}.custom-icon-file{width:1.125rem;height:1.125rem}.si-val{font-size:.875rem;color:#333}.record-btn{font-size:.75rem;color:#ff5722;display:flex;align-items:center}.record-arrow{width:.75rem;height:.75rem;margin-left:.1875rem}.record-history-row{margin-top:.9375rem;padding-top:.78125rem;border-top:1px dashed #f0f0f0;display:flex;justify-content:space-between;align-items:center}.addr-row{position:relative;align-items:stretch}.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}.route-line-vertical{position:absolute;left:.59375rem;top:1.4375rem;bottom:-.1875rem;border-left:.0625rem dashed #E0E0E0;width:0;z-index:0}.si-addr-title{font-size:.9375rem;font-weight:700;color:#333;margin-bottom:.1875rem}.si-addr-desc{font-size:.75rem;color:#999}.nav-btn-circle{width:1.5625rem;height:1.5625rem;background-color:#fff3e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:.1875rem}.nav-arrow{width:.875rem;height:.875rem}.task-card{display:flex;flex-direction:column}.tc-title{font-size:.9375rem;font-weight:700;color:#333;margin-bottom:.46875rem}.tc-desc{font-size:.6875rem;color:#666;margin-bottom:.375rem}.media-grid{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.625rem}.media-item{width:5rem;height:5rem;position:relative;border-radius:.375rem}.media-preview{width:100%;height:100%;border-radius:.375rem}.media-del{position:absolute;top:-.3125rem;right:-.3125rem;width:1.125rem;height:1.125rem;background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:2}.media-add{width:5rem;height:5rem;border:.0625rem dashed #ccc;border-radius:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa;box-sizing:border-box}.upload-icon-small{width:1.25rem;height:1.25rem;margin-bottom:.3125rem}.upload-text-small{font-size:.6875rem;color:#999}.full-media-add{width:100%;height:4.375rem;background-color:#fafafa;border:.0625rem dashed #E0E0E0;border-radius:.375rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:.3125rem}.upload-icon-large{width:1.5625rem;height:1.5625rem;margin-bottom:.3125rem;opacity:.5}.upload-text-large{font-size:.75rem;color:#999}.bi-row{display:flex;align-items:flex-start;margin-bottom:.78125rem}.bi-row:last-child{margin-bottom:0}.bi-icon{width:1rem;height:1rem;margin-right:.625rem;margin-top:.125rem}.bi-icon-uni{margin-right:.625rem;margin-top:.125rem;display:flex;align-items:center;justify-content:center}.bi-content{flex:1;display:flex;flex-direction:column}.bi-label{font-size:.75rem;color:#999;margin-bottom:.1875rem}.bi-val-row{display:flex;align-items:center}.bi-val{font-size:.875rem;color:#333}.bi-copy{background-color:#f0f0f0;color:#666;font-size:.625rem;padding:.0625rem .3125rem;border-radius:.1875rem;margin-left:.46875rem}.tl-title-row{display:flex;align-items:center;margin-bottom:.9375rem}.orange-bar{width:.25rem;height:1rem;background-color:#ff9800;margin-right:.5rem;border-radius:.125rem}.tl-title{font-size:.9375rem;font-weight:700;color:#333}.tl-list{display:flex;flex-direction:column;padding-left:.3125rem}.tl-item{display:flex;position:relative;padding-bottom:1.25rem}.tl-item:last-child{padding-bottom:0}.tl-marker{width:.5rem;height:.5rem;border-radius:50%;background-color:#e0e0e0;position:absolute;left:0;top:.1875rem;z-index:2;display:flex;justify-content:center;align-items:center}.tl-marker.active{background-color:#fff;border:.09375rem solid #FF9800;width:.5625rem;height:.5625rem;left:-.03125rem}.tl-dot-inner{width:.3125rem;height:.3125rem;border-radius:50%;background-color:#ff9800}.tl-item:not(:last-child):after{content:"";position:absolute;left:.21875rem;top:.75rem;bottom:-.1875rem;width:.0625rem;background-color:#ffe0b2;z-index:1}.tl-content-row{margin-left:1.25rem;display:flex;flex-direction:column;width:100%}.tl-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.3125rem}.tl-status{font-size:.875rem;color:#333;font-weight:500}.tl-time{font-size:.75rem;color:#999}.tl-medias{display:flex;flex-wrap:wrap;gap:.46875rem;margin-bottom:.46875rem}.tl-img{width:4.375rem;height:4.375rem;border-radius:.25rem}.tl-remark{font-size:.75rem;color:#666;background-color:#f9f9f9;padding:.46875rem;border-radius:.25rem;line-height:1.5}.bottom-action-bar{position:fixed;bottom:0;left:0;width:100%;height:3.75rem;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 .9375rem;box-shadow:0 -.15625rem .625rem rgba(0,0,0,.05);box-sizing:border-box;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:100}.action-left,.action-right{display:flex;align-items:center}.action-btn{height:2rem;line-height:2rem;border-radius:1rem;font-size:.8125rem;padding:0 1.09375rem;margin:0}.action-left .action-btn:first-child{margin-right:.625rem}.action-btn.grey-outline{background-color:#fff;color:#666;border:1px solid #E0E0E0}.action-btn.orange-outline{background-color:#fff8f0;color:#ff9800;border:1px solid #FF9800}.action-btn.primary{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;box-shadow:0 .125rem .375rem rgba(255,87,34,.2);border:none}.action-btn.grey-bg{background:#e0e0e0;color:#999;box-shadow:none;border:none}.action-btn:after{border:none}.upload-modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:999;display:flex;justify-content:center;align-items:center}.upload-modal-content{width:18.75rem;background-color:#fff;border-radius:.625rem;padding:1.25rem;box-sizing:border-box;display:flex;flex-direction:column}.um-header{text-align:center;margin-bottom:1.25rem}.um-title{font-size:1rem;font-weight:700;color:#333}.um-remark-hint{display:block;font-size:.6875rem;color:#999;margin-top:.5rem;line-height:1.4}.um-grid{display:flex;flex-wrap:wrap;margin-bottom:.9375rem}.um-item{width:4.0625rem;height:4.0625rem;border-radius:.25rem;margin-right:.625rem;margin-bottom:.625rem;position:relative;background-color:#f5f5f5;overflow:hidden}.um-item:nth-child(4n){margin-right:0}.um-preview{width:100%;height:100%}.um-del{position:absolute;top:.125rem;right:.125rem;width:1.125rem;height:1.125rem;line-height:1rem;text-align:center;background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;font-size:.875rem;z-index:10}.um-video-badge{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);z-index:5}.play-icon-small{width:1.5rem;height:1.5rem;opacity:.9}.um-add{width:4.0625rem;height:4.0625rem;border-radius:.25rem;border:1px dashed #e5e5e5;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;margin-bottom:.625rem}.um-add-icon{width:1.375rem;height:1.375rem;margin-bottom:.3125rem;opacity:.4}.um-add-text{font-size:.75rem;color:#ccc}.um-textarea{width:100%;height:5rem;background-color:#fff;border-radius:.375rem;padding:.75rem;font-size:.875rem;color:#333;box-sizing:border-box;border:1px solid #f0f0f0}.um-footer{margin-top:1.25rem;display:flex;justify-content:center}.um-submit-btn{width:100%;height:2.75rem;line-height:2.75rem;border-radius:1.375rem;font-size:1rem;background-color:#e0e0e0;color:#fff;border:none;text-align:center}.um-submit-btn.active{background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;box-shadow:0 .125rem .3125rem rgba(255,87,34,.3)}.um-submit-btn:after{border:none}.pet-modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:flex;justify-content:center;align-items:center}.pet-modal-content{width:21.25rem;max-height:85vh;background-color:#fff;border-radius:.625rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 .25rem 1rem rgba(0,0,0,.15)}.pet-modal-header{display:flex;align-items:center;padding:.875rem .9375rem .625rem;border-bottom:1px solid #f5f5f5;flex-shrink:0}.pet-modal-title{font-size:1rem;font-weight:700;color:#333}.close-icon-btn{width:1.625rem;height:1.625rem;line-height:1.625rem;text-align:center;font-size:1.125rem;color:#999;border-radius:50%;background-color:#f5f5f5;flex-shrink:0}.pm-remark-btn{height:1.625rem;line-height:1.625rem;padding:0 .75rem;background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;font-size:.8125rem;border-radius:.8125rem;margin-right:.5rem;font-weight:700;flex-shrink:0}.pet-modal-scroll{flex:1;height:65vh;overflow:auto}.pet-base-info{display:flex;align-items:center;padding:.75rem .9375rem;border-bottom:1px solid #f9f9f9}.pm-avatar{width:3.125rem;height:3.125rem;border-radius:50%;margin-right:.625rem;flex-shrink:0}.pm-info-text{flex:1;display:flex;flex-direction:column}.pm-name-row{display:flex;align-items:center;margin-bottom:.25rem}.pm-name{font-size:1rem;font-weight:700;color:#333;margin-right:.375rem}.pm-gender{display:flex;align-items:center;background-color:#e3f2fd;color:#1976d2;font-size:.6875rem;padding:.0625rem .3125rem;border-radius:.3125rem}.pm-gender.female{background-color:#fce4ec;color:#c2185b}.gender-icon{font-size:.6875rem;margin-right:.125rem}.pm-breed{font-size:.8125rem;color:#999}.pm-detail-grid{padding:.625rem .9375rem;display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid #f9f9f9}.pm-grid-item{background-color:#fafafa;border-radius:.375rem;padding:.5rem .625rem;display:flex;flex-direction:column}.pm-grid-item.half{width:calc(50% - .25rem)}.pm-grid-item.full{width:100%}.pm-label{font-size:.75rem;color:#999;margin-bottom:.25rem}.pm-val{font-size:.875rem;color:#333;line-height:1.5}.pm-tags-row{display:flex;flex-wrap:wrap;padding:.5rem .9375rem;gap:.5rem;border-bottom:1px solid #f9f9f9}.pm-log-section{padding:.625rem .9375rem}.pm-log-item{padding:.5625rem 0;border-bottom:.03125rem solid #f5f5f5;display:flex;flex-direction:column}.pm-bottom-close{margin:.5rem .9375rem;height:2.25rem;line-height:2.25rem;border-radius:1.125rem;font-size:.875rem;background-color:#f5f5f5;color:#666;border:none}.pm-bottom-close:after{border:none}.sum-modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:flex;align-items:flex-end}.sum-modal-sheet{width:100%;max-height:90vh;background-color:#fff;border-radius:.75rem .75rem 0 0;display:flex;flex-direction:column;overflow:hidden}.sum-modal-inner{padding:1rem 1.125rem 0}.sum-modal-title{display:block;font-size:1.0625rem;font-weight:700;color:#333;text-align:center;margin-bottom:.9375rem}.sum-meta-row{display:flex;margin-bottom:.5rem;align-items:flex-start}.sum-meta-label{font-size:.8125rem;color:#999;flex-shrink:0;width:4.375rem}.sum-meta-val{font-size:.75rem;color:#333;flex:1}.sum-section-title{font-size:.8125rem;font-weight:700;color:#333;padding-left:.375rem;border-left:.1875rem solid #FF9800;margin-top:.75rem;margin-bottom:.5rem}.sum-pet-card{background-color:#fafafa;border-radius:.375rem;padding:.625rem;display:flex;align-items:center}.sum-pet-avatar{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.625rem;flex-shrink:0}.sum-pet-info{flex:1;display:flex;flex-direction:column}.sum-pet-name-row{display:flex;align-items:center;margin-bottom:.25rem}.sum-pet-name{font-size:.8125rem;font-weight:700;color:#333;margin-right:.375rem}.sum-pet-breed{font-size:.75rem;color:#999}.sum-pet-remark{font-size:.75rem;color:#666;line-height:1.5}.sum-textarea{width:100%;min-height:6.875rem;background-color:#fff;border:1px solid #eeeeee;border-radius:.375rem;padding:.5625rem;font-size:.8125rem;color:#333;box-sizing:border-box;line-height:1.8}.sum-sign-row{display:flex;align-items:center;margin-top:.9375rem;padding:.5rem 0;border-top:1px solid #f5f5f5}.sum-sign-label{font-size:.8125rem;color:#999;margin-right:.3125rem}.sum-sign-val{font-size:.8125rem;color:#333}.sum-footer{padding:.625rem 1.125rem 1.125rem;padding-bottom:max(1.125rem,constant(safe-area-inset-bottom));padding-bottom:max(1.125rem,env(safe-area-inset-bottom));background-color:#fff}.sum-submit-btn{width:100%;height:2.625rem;line-height:2.625rem;border-radius:1.3125rem;font-size:.9375rem;background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;border:none;box-shadow:0 .125rem .5rem rgba(255,87,34,.25)}.sum-submit-btn:after{border:none}.sum-modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:flex;justify-content:center;align-items:center}.sum-modal-card{width:20.625rem;max-height:80vh;background-color:#fff;border-radius:.625rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 .25rem 1rem rgba(0,0,0,.15)}.sum-modal-scroll{flex:1;overflow:hidden}.pet-modal-header{display:flex;align-items:center;padding:.9375rem .9375rem .625rem;border-bottom:1px solid #f5f5f5}.pm-remark-btn{height:1.625rem;line-height:1.625rem;padding:0 .75rem;background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;font-size:.8125rem;border-radius:.8125rem;margin-right:.5rem;font-weight:700}.pm-tags-row{display:flex;flex-wrap:wrap;padding:0 .75rem .625rem;gap:.5rem}.pm-tag-chip{background-color:#fff3e0;border:1px solid #FFB74D;border-radius:.625rem;padding:.1875rem .625rem}.pm-tag-chip-text{font-size:.75rem;color:#ff9800}.pm-log-section{padding:.625rem .75rem;border-top:1px solid #f5f5f5;margin-top:.3125rem}.pm-log-header{display:flex;align-items:center;margin-bottom:.625rem}.pm-log-section-title{font-size:.875rem;font-weight:700;color:#333}.pm-log-item{padding:.5rem 0;border-bottom:1px solid #f9f9f9;display:flex;flex-direction:column}.pm-log-date{font-size:.75rem;color:#999;margin-bottom:.25rem}.pm-log-text{font-size:.875rem;color:#333;line-height:1.6;margin-bottom:.1875rem}.pm-log-recorder{font-size:.6875rem;color:#ff9800;text-align:right}.pm-log-recorder.system{color:#999}.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}.anomaly-modal-content{width:20.3125rem;background-color:#fff;border-radius:.625rem;padding:.9375rem;position:relative;max-height:80vh;display:flex;flex-direction:column}.am-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9375rem;padding-bottom:.625rem;border-bottom:1px solid #f5f5f5}.am-title{font-size:1rem;font-weight:700;color:#333}.am-scroll-list{flex:1}.am-item{padding:.75rem;background-color:#f9fafb;border-radius:.375rem;margin-bottom:.75rem}.am-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.am-item-type{font-size:.875rem;font-weight:700;color:#333}.am-item-status{font-size:.6875rem;padding:.125rem .5rem;border-radius:.625rem}.am-item-status.status-0{background-color:#fff3e0;color:#ff9800}.am-item-status.status-1{background-color:#e8f5e9;color:#4caf50}.am-item-status.status-2{background-color:#ffebee;color:#f44336}.am-item-content{font-size:.8125rem;color:#666;line-height:1.6;display:block;margin-bottom:.5rem}.am-item-photos{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.625rem}.am-photo{width:4.0625rem;height:4.0625rem;border-radius:.25rem}.am-audit-box{margin-top:.625rem;padding-top:.625rem;border-top:1px dashed #E0E0E0}.am-audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.am-audit-label{font-size:.75rem;font-weight:700;color:#333}.am-audit-time{font-size:.6875rem;color:#999}.am-audit-remark{font-size:.75rem;color:#666;line-height:1.5}.empty-list{display:flex;flex-direction:column;align-items:center;padding:3.125rem 0}.empty-icon{width:6.25rem;height:6.25rem;margin-bottom:.625rem;opacity:.5}.empty-text{font-size:.8125rem;color:#999}.tl-media-item{position:relative;width:4.375rem;height:4.375rem}.tl-video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#444,#222);border-radius:.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.tl-video-placeholder.miniaturized{border-radius:.25rem;overflow:hidden}.tl-video-label{color:#fff;font-size:.625rem;margin-top:1.5625rem;opacity:.8}.tl-video-label.small{margin-top:1.09375rem;font-size:.5625rem}.tl-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.875rem;height:1.875rem;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.2);border:.0625rem solid #fff;border-radius:50%}.tl-play-icon:after{content:"";display:block;width:0;height:0;border-top:.46875rem solid transparent;border-bottom:.46875rem solid transparent;border-left:.625rem solid #fff;margin-left:.1875rem}.video-player-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);z-index:999;display:flex;justify-content:center;align-items:center}.video-player-content{position:relative;width:100%;height:18.75rem}.v-player{width:100%;height:100%}.v-close{position:absolute;top:-2.5rem;right:1.25rem;width:1.875rem;height:1.875rem;background-color:rgba(255,255,255,.2);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem}.am-photo-item{position:relative;width:4.6875rem;height:4.6875rem;border-radius:.25rem;overflow:hidden}.am-photo{width:4.6875rem;height:4.6875rem;border-radius:.25rem}.am-video-poster.miniaturized{width:100%;height:100%;position:relative}.tl-play-icon.small{width:1.25rem;height:1.25rem}.tl-play-icon.small:after{border-top:.3125rem solid transparent;border-bottom:.3125rem solid transparent;border-left:.4375rem solid #fff;margin-left:.125rem}.nav-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:1000;display:flex;align-items:flex-end}.nav-action-sheet{width:100%;background-color:#fff;border-radius:.9375rem .9375rem 0 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.nav-sheet-title{display:block;text-align:center;font-size:.8125rem;color:#999;padding:.9375rem 0;border-bottom:1px solid #f5f5f5}.nav-sheet-item{display:block;text-align:center;font-size:1rem;color:#333;padding:1.09375rem 0;border-bottom:1px solid #f5f5f5;background-color:#fff}.nav-sheet-item:active{background-color:#f9f9f9}.nav-sheet-item.cancel{color:#999}.nav-sheet-gap{height:.375rem;background-color:#f5f5f5}
|
