.recruit-canvas[data-v-2631c19d]{position:fixed;top:0;left:0;width:100%;height:100%}.recruit-canvas .btn-box[data-v-2631c19d],.recruit-canvas .canvas-box[data-v-2631c19d]{position:absolute;top:50%;z-index:100}.recruit-canvas .canvas-box[data-v-2631c19d]{left:22%;width:70vw;height:80vh;overflow:hidden;transform:translateY(-50%);background-color:#fff;border:1px dashed #d4d4d4}.recruit-canvas .canvas-box #canvas-map[data-v-2631c19d]{width:100%;height:100%}.recruit-canvas .btn-box[data-v-2631c19d]{left:-22%;z-index:1000;text-align:center;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.recruit-canvas .btn-box .del-btn[data-v-2631c19d],.recruit-canvas .btn-box .sure-btn[data-v-2631c19d]{display:inline-block;width:100px;height:24px;margin:0 10px;line-height:24px;border-radius:6px;background-color:#fff}.recruit-canvas .btn-box .del-btn[data-v-2631c19d]{color:#ff5e00}.recruit-canvas .btn-box .sure-btn[data-v-2631c19d]{color:#fff;background:linear-gradient(100deg,#ff4e01,#ffbc01)}@media screen and (orientation:landscape){.recruit-canvas .canvas-box[data-v-2631c19d]{top:20px;left:10%;width:80vw;height:70vh;transform:translateY(0)}.recruit-canvas .btn-box[data-v-2631c19d]{width:60%;top:86%;left:20%;transform:rotate(0)}}.signature-page[data-v-3edd497e]{min-height:100vh;background:#fff;color:#3d3833;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh}.signature-page[data-v-3edd497e] .recruit-canvas{position:absolute;z-index:2;top:52px;right:12px;bottom:136px;left:12px;width:auto;height:70vh;border-radius:4px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}.signature-page[data-v-3edd497e] .recruit-canvas .canvas-box{top:62px;right:56px;bottom:16px;left:16px;width:auto;height:auto;-webkit-transform:none;transform:none;border:1px solid #b9b1aa;border-radius:4px;background:transparent}.signature-page[data-v-3edd497e] .recruit-canvas .canvas-box #canvas-map{position:relative;z-index:2}.page-header[data-v-3edd497e]{position:relative;z-index:5;height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-bottom:1px solid #f4f4f4;background:#fff;font-size:17px;font-weight:500}.back-button[data-v-3edd497e]{position:absolute;left:12px;border:0;padding:0 6px 4px;background:transparent;color:#000;font-size:32px}.signature-card[data-v-3edd497e]{position:absolute;z-index:3;top:52px;right:12px;bottom:136px;left:12px;pointer-events:none}.hint[data-v-3edd497e]{position:absolute;top:16px;right:16px;left:16px;height:31px;border-radius:4px;background:#f58226;color:#fff;font-size:14px;line-height:31px;text-align:center}.transport-card[data-v-3edd497e]{position:absolute;top:50%;left:50%;width:calc(100vh - 188px);height:calc(100vw - 24px);-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.canvas-placeholder-layer[data-v-3edd497e]{position:absolute;z-index:3;top:52px;right:12px;bottom:136px;left:12px;pointer-events:none}.canvas-placeholder[data-v-3edd497e]{position:absolute;top:62px;bottom:16px;left:25px;width:calc(100% - 56px);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:4px;color:#8b8b8b;font-size:100px;font-weight:500;line-height:1.1;text-align:center;opacity:.2;pointer-events:none}.return-previous[data-v-3edd497e]{position:absolute;z-index:4;top:10px;left:11%;width:112px;height:32px;padding:8px 6px;border:1px solid #f1892e;border-radius:4px;background:#fff;color:#f1892e;font-size:16px;line-height:16px;pointer-events:auto}.signature-tip[data-v-3edd497e]{width:100%;position:absolute;top:15px;left:33%;margin:0;color:#3d3833;font-size:14px;line-height:22px}.signature-tip span[data-v-3edd497e]{color:#f1892e}.actions[data-v-3edd497e]{position:fixed;z-index:10;right:12px;bottom:42px;left:12px;display:-webkit-box;display:-webkit-flex;display:flex;gap:15px}.actions button[data-v-3edd497e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;border-radius:4px;font-size:16px}.cancel-button[data-v-3edd497e]{border:1px solid #f1892e;background:#fff;color:#f1892e}.confirm-button[data-v-3edd497e]{border:1px solid #f1892e;background:#f1892e;color:#fff}.signature-page[data-v-3edd497e]:fullscreen{width:100vw;height:100vh}@media(min-width:768px){.signature-page[data-v-3edd497e]{background:#f7f7f7}.signature-page[data-v-3edd497e] .recruit-canvas{top:64px;right:calc(50% - 360px);bottom:92px;left:calc(50% - 360px);width:auto;height:auto;border-radius:8px}.signature-page[data-v-3edd497e] .recruit-canvas .canvas-box{top:112px;right:24px;bottom:24px;left:24px;border-radius:6px}.canvas-placeholder-layer[data-v-3edd497e],.signature-card[data-v-3edd497e]{top:64px;right:calc(50% - 360px);bottom:92px;left:calc(50% - 360px)}.transport-card[data-v-3edd497e]{top:0;right:0;bottom:0;left:0;width:auto;height:auto;-webkit-transform:none;transform:none}.hint[data-v-3edd497e]{top:16px}.return-previous[data-v-3edd497e]{top:66px;left:24px;width:88px;cursor:pointer}.signature-tip[data-v-3edd497e]{top:71px;left:136px;width:auto}.canvas-placeholder[data-v-3edd497e]{top:112px;right:24px;bottom:24px;left:24px;width:auto;font-size:64px}.actions[data-v-3edd497e]{right:auto;bottom:24px;left:50%;width:720px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.actions button[data-v-3edd497e],.back-button[data-v-3edd497e]{cursor:pointer}}