canvas[data-v-a1968bcc]{max-width:100%;display:block}.service-order-detail[data-v-9af73ec2]{min-height:100vh;background-color:#f5f5f5;padding:20px}.error-container[data-v-9af73ec2],.loading-container[data-v-9af73ec2]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.content-container[data-v-9af73ec2]{max-width:1000px;margin:0 auto;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.header-section[data-v-9af73ec2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.header-section h2[data-v-9af73ec2]{margin:0;color:#303133}.status-pending[data-v-9af73ec2]{color:#e6a23c;background-color:#fdf6ec;padding:6px 12px;border-radius:4px;font-size:14px}.status-signed[data-v-9af73ec2]{color:#67c23a;background-color:#f0f9ff;padding:6px 12px;border-radius:4px;font-size:14px}.info-section[data-v-9af73ec2]{margin-bottom:30px}.info-section h3[data-v-9af73ec2]{margin-bottom:15px;color:#303133;font-size:18px}.total-info[data-v-9af73ec2]{margin-top:15px;text-align:right;color:#409eff;font-size:16px}.signature-section[data-v-9af73ec2]{border-top:1px solid #eee;padding-top:30px}.signature-area[data-v-9af73ec2]{background-color:#f9f9f9;padding:20px;border-radius:6px}.signature-pad-container[data-v-9af73ec2]{border:2px dashed #dcdfe6;border-radius:6px;padding:20px;text-align:center;background-color:#fff;overflow:auto;min-width:300px}@media (max-width:768px){.service-order-detail[data-v-9af73ec2]{padding:10px}.content-container[data-v-9af73ec2]{padding:15px;margin:0;border-radius:0;box-shadow:none}.header-section[data-v-9af73ec2]{gap:10px}.header-section h2[data-v-9af73ec2]{font-size:20px}.info-section h3[data-v-9af73ec2]{font-size:16px;margin-bottom:10px}.signature-section[data-v-9af73ec2]{padding-top:20px}.signature-area[data-v-9af73ec2]{padding:15px}.signature-pad-container[data-v-9af73ec2]{padding:10px;border-width:1px}.signature-tip[data-v-9af73ec2]{font-size:14px;margin-bottom:15px;color:#409eff;font-weight:500}.signature-actions[data-v-9af73ec2]{margin-top:15px}.el-form-item:last-child .el-button[data-v-9af73ec2]{min-height:44px;font-size:16px;font-weight:500}.el-table[data-v-9af73ec2]{font-size:12px}.el-table .el-table__cell[data-v-9af73ec2]{padding:8px 4px}.total-info[data-v-9af73ec2]{font-size:14px;margin-top:10px}.total-info.mobile-total[data-v-9af73ec2]{text-align:center;font-size:18px;background:linear-gradient(135deg,#409eff,#53a8ff);color:#fff;padding:12px;border-radius:8px;margin-top:15px;box-shadow:0 2px 8px rgba(64,158,255,.3)}}@media (max-width:480px){.service-order-detail[data-v-9af73ec2]{padding:5px}.content-container[data-v-9af73ec2]{padding:10px}.header-section h2[data-v-9af73ec2]{font-size:18px}.signature-pad-container[data-v-9af73ec2]{padding:8px;margin:0 -10px}.signature-tip[data-v-9af73ec2]{font-size:13px;margin-bottom:12px}.el-form-item[data-v-9af73ec2]{margin-bottom:18px}.el-form-item__label[data-v-9af73ec2]{font-size:14px;font-weight:500;padding-bottom:8px!important}.signature-area .el-form-item[data-v-9af73ec2]{flex-direction:column!important}.signature-area .el-form-item__label[data-v-9af73ec2]{width:100%!important;text-align:left!important;margin-bottom:8px}.signature-area .el-form-item__content[data-v-9af73ec2]{margin-left:0!important;width:100%}.signature-area .el-form[data-v-9af73ec2]{width:100%}.el-input__inner[data-v-9af73ec2]{min-height:44px;font-size:16px}.el-descriptions[data-v-9af73ec2]{font-size:13px}.el-descriptions[data-v-9af73ec2] .el-descriptions__label{font-weight:600;width:80px}.signature-info[data-v-9af73ec2]{flex-direction:column;gap:15px}.signature-image img[data-v-9af73ec2]{max-width:100%;height:auto}}@media (max-width:768px) and (orientation:landscape){.signature-pad-container[data-v-9af73ec2]{padding:5px}.signature-tip[data-v-9af73ec2]{margin-bottom:8px;font-size:12px}.signature-actions[data-v-9af73ec2]{margin-top:8px}}@media (hover:none) and (pointer:coarse){.signature-pad-container[data-v-9af73ec2]{border-color:#409eff;border-style:solid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.signature-tip[data-v-9af73ec2]{color:#409eff;font-weight:600}.el-button[data-v-9af73ec2]{min-height:44px;border-radius:8px;-webkit-tap-highlight-color:rgba(64,158,255,.1)}.el-input__inner[data-v-9af73ec2]{-webkit-text-size-adjust:100%}}@supports (-webkit-touch-callout:none){.service-order-detail[data-v-9af73ec2],.signature-pad-container[data-v-9af73ec2]{-webkit-overflow-scrolling:touch}}@media (max-width:480px){.service-order-detail[data-v-9af73ec2]{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right));padding-bottom:max(5px,env(safe-area-inset-bottom))}}.signature-placeholder[data-v-9af73ec2]{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909399}.signature-tip[data-v-9af73ec2]{margin-bottom:10px;color:#606266;font-size:14px}.mobile-info-card[data-v-9af73ec2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;border:1px solid #e4e7ed}.info-item[data-v-9af73ec2]{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;min-height:44px}.info-item[data-v-9af73ec2]:last-child{border-bottom:none}.info-item .label[data-v-9af73ec2]{font-weight:500;color:#606266;min-width:80px;font-size:14px;flex-shrink:0}.info-item .value[data-v-9af73ec2]{color:#303133;text-align:right;flex:1;font-size:14px;word-break:break-all;margin-left:10px}.mobile-worktime-list[data-v-9af73ec2]{display:flex;flex-direction:column;gap:12px}.worktime-card[data-v-9af73ec2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;border:1px solid #e4e7ed}.worktime-header[data-v-9af73ec2]{background:linear-gradient(135deg,#409eff,#53a8ff);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.worktime-title[data-v-9af73ec2]{font-weight:500;font-size:15px;flex:1;margin-right:10px;word-break:break-all;line-height:1.4}.worktime-hours[data-v-9af73ec2]{font-weight:700;font-size:16px;background:hsla(0,0%,100%,.2);padding:4px 8px;border-radius:12px;min-width:60px;text-align:center;flex-shrink:0}.worktime-details[data-v-9af73ec2]{padding:0}.worktime-detail-item[data-v-9af73ec2]{padding:10px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;min-height:40px}.worktime-detail-item[data-v-9af73ec2]:last-child{border-bottom:none}.detail-label[data-v-9af73ec2]{font-weight:500;color:#606266;min-width:70px;font-size:13px;flex-shrink:0}.detail-value[data-v-9af73ec2]{color:#303133;text-align:right;flex:1;font-size:13px;word-break:break-all;margin-left:10px;line-height:1.3}.detail-value.text-left[data-v-9af73ec2]{text-align:left;margin-left:0}.signature-actions[data-v-9af73ec2]{margin-top:15px;display:flex;gap:10px;justify-content:center}.signed-display[data-v-9af73ec2]{border-top:1px solid #eee;padding-top:30px}.signature-info[data-v-9af73ec2]{display:flex;gap:30px;align-items:flex-start}.signature-image[data-v-9af73ec2]{flex-shrink:0}.signature-image img[data-v-9af73ec2]{max-width:300px;max-height:150px;border:1px solid #dcdfe6;border-radius:4px}.signature-meta[data-v-9af73ec2]{flex:1}.signature-meta p[data-v-9af73ec2]{margin:10px 0;font-size:16px}.signature-area .el-form-item[data-v-9af73ec2]:has([class*=signature-pad-container]){margin-bottom:12px}.signature-area .el-form-item__label[data-v-9af73ec2]{margin-bottom:12px!important;font-weight:600}.el-input__inner[data-v-9af73ec2]{min-height:44px;font-size:16px}