.onlineSignWrap{position:relative;margin:10px 0;background:#f5f5f5}.onlineSignPdfContainer{position:relative;width:100%;background:#fff;min-height:400px}.onlineSignPdfLoading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px;text-align:center}.onlineSignPdfCanvas{display:block;width:100%;height:auto;margin:0 auto}.onlineSignFieldsContainer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.onlineSignField{position:absolute;pointer-events:auto;z-index:10}.online-sign-read-tip{position:absolute;top:16px;left:12px;right:12px;min-height:36px;line-height:22px;padding:7px 12px;text-align:center;background:#fff8f2;color:#ff6a00;font-size:14px;box-sizing:border-box;white-space:nowrap;word-break:keep-all;z-index:30;pointer-events:none}.online-sign-read-locked .onlineSignField{pointer-events:none}.online-sign-read-locked .onlineSignField input,.online-sign-read-locked .onlineSignField textarea{background:rgba(255,255,255,.15)}.onlineSignField input,.onlineSignField textarea{width:100%;height:100%;border:2px solid #0095ff;background:rgba(255,255,255,.25);padding:2px 5px;border-radius:2px;box-sizing:border-box;font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;text-decoration:inherit;text-align:inherit;resize:none;outline:0;overflow-y:hidden}.onlineSignField input:focus,.onlineSignField textarea:focus{border-color:#0095ff;background:#fff}.onlineSignField input::placeholder,.onlineSignField textarea::placeholder{color:#999;opacity:.8}.onlineSignField.sign-field{border:2px dashed #10b981;background:rgba(16,185,129,.05);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column}.onlineSignField.sign-field:hover{border-color:#059669;background:rgba(16,185,129,.1)}.onlineSignField.sign-field.has-signature{border-color:#10b981;background:0 0;padding:0}.onlineSignField .sign-icon{font-size:24px;color:#10b981;margin-bottom:5px}.onlineSignField .sign-text{font-size:12px;color:#10b981;text-align:center}.onlineSignField.sign-field.has-signature .sign-icon,.onlineSignField.sign-field.has-signature .sign-text{display:none}.onlineSignField .sign-image{width:100%;height:100%;object-fit:contain}.onlineSignField[data-field-type=staticText]{border:none!important;background:0 0!important;pointer-events:none}.signatureModal{padding:15px 20px}.signatureCanvas{border:1px solid #ddd;cursor:crosshair;touch-action:none;display:block;margin:0 auto;border-radius:4px}.layui-layer.layer-rotate .layui-layer-title{width:100%}.layui-layer.layer-rotate .layui-layer-btn{width:100%;text-align:center}body.layer-open-no-scroll{position:fixed!important;overflow:hidden!important;width:100%!important}.signature-canvas-hidden{display:none!important}@media (max-width:768px) and (orientation:portrait){.signature-portrait-mode{transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center center!important;position:fixed!important;left:50%!important;top:50%!important;margin:0!important;width:100vh!important;height:100vh!important;max-width:100vh!important;max-height:100vw!important}.signature-portrait-mode .layui-layer-content{max-height:calc(100vw - 100px)!important;overflow:visible!important;padding:15px 20px!important}.signature-portrait-mode .layui-layer-btn{display:flex!important;justify-content:center!important}.signature-portrait-mode .signatureCanvas{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}.signature-portrait-mode .signatureModal{padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}}.onlineSignPageWrapper{margin-bottom:10px!important;box-shadow:0 0 0 1px #d9d9d9}.onlineSignSubmitContainer{text-align:center;padding:20px;margin-top:10px;display:none}.onlineSignSubmitBtn{background:#0095ff;color:#fff;border:none;padding:12px 40px;font-size:16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .3s}.onlineSignSubmitBtn:hover{background:#0084e6}.onlineSignSubmitBtn:active{background:#0073cc}.disableScroll{height:100%;overflow:hidden}.rotate-hint-only{transform:rotate(90deg);text-align:center}@media (max-width:768px){.onlineSignPdfContainer{min-height:300px}.onlineSignField .sign-icon{display:none}.onlineSignField input,.onlineSignField textarea{padding:0;-webkit-text-size-adjust:100%}.onlineSignPageWrapper .online-sign-read-tip{top:6px;right:60px;left:12px;text-align:center}.onlineSignPageWrapper .online-sign-read-tip-default{white-space:nowrap;word-break:keep-all;font-size:13px;line-height:22px}.onlineSignPageWrapper .icon_lookBigpic{z-index:40}.onlineSignSubmitBtn{width:100%;max-width:400px;padding:14px 20px;font-size:18px}.signatureModal{padding:10px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.signatureCanvas{max-width:100%;max-height:calc(100vh - 200px)}@media (orientation:portrait){.signatureModal{padding:20px 10px}.signatureCanvas{max-height:calc(100vw - 100px)}}}@media (max-width:768px) and (orientation:landscape){.signatureCanvas{max-height:calc(100vh - 150px)}}.quick-sign-preview{position:absolute;z-index:99999;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:8px;animation:quickSignFadeIn .2s ease-out}@keyframes quickSignFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quick-sign-preview-img{display:block;width:100px;height:60px;object-fit:contain;border:1px solid #e8e8e8;border-radius:4px;background:#fafafa;cursor:pointer;transition:all .2s ease}.quick-sign-preview-img:hover{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}.quick-sign-edit-btn{position:absolute;top:2px;right:2px;width:22px;height:22px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.quick-sign-edit-btn:hover{background:#0095ff;border-color:#0095ff;color:#fff;transform:scale(1.1)}.quick-sign-tip{text-align:center;font-size:11px;color:#888;margin-top:4px;white-space:nowrap}@media (max-width:768px){.quick-sign-preview{padding:6px}.quick-sign-preview-img{width:80px;height:50px}.quick-sign-edit-btn{width:20px;height:20px}.quick-sign-tip{font-size:10px}}