.signature-page[data-v-514a3abd]{display:flex;flex-direction:column;height:100vh;background:#f5f5f5;overflow:hidden;position:relative}.loading-mask[data-v-514a3abd]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;color:#fff;font-size:16px}.loading-mask i[data-v-514a3abd]{font-size:32px;margin-bottom:12px}.header[data-v-514a3abd]{position:fixed;top:0;left:0;right:0;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100;box-sizing:border-box}.header-title[data-v-514a3abd]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.party[data-v-514a3abd]{width:100%;display:flex;align-items:center;font-size:14px;margin-bottom:8px}.party[data-v-514a3abd]:last-of-type{margin-bottom:8px}.party .name[data-v-514a3abd]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-date[data-v-514a3abd]{font-size:14px;color:#666}.party .label[data-v-514a3abd]{color:#666;font-weight:700}.party-c[data-v-514a3abd]{align-items:flex-start!important}.party-c .name-box[data-v-514a3abd]{flex:1}.content[data-v-514a3abd]{flex:1;margin-bottom:60px;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.contract-content[data-v-514a3abd]{background:#fff;padding:20px;border-radius:8px}.contract-title[data-v-514a3abd]{text-align:center;font-size:18px;font-weight:700;margin-bottom:20px;color:#333}.contract-body[data-v-514a3abd]{font-size:14px;line-height:1.8;color:#333}.contract-body[data-v-514a3abd] h3{font-size:15px;margin:16px 0 8px;font-weight:700}.contract-body[data-v-514a3abd] p{margin:8px 0;text-indent:2em}.terms-agree[data-v-514a3abd]{display:flex;align-items:center;padding:16px;background:#fff;margin-top:12px;border-radius:8px}.terms-text[data-v-514a3abd]{margin-left:8px;font-size:14px;color:#333;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.signature-area[data-v-514a3abd]{flex:1;margin-bottom:60px;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.signature-section[data-v-514a3abd]{background:#fff;padding:20px;border-radius:8px;margin-bottom:10px}.signature-section[data-v-514a3abd]:last-child{margin-bottom:0}.signature-label[data-v-514a3abd]{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.party-b-info[data-v-514a3abd]{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:16px;border-radius:4px}.party-b-name[data-v-514a3abd]{font-size:14px;font-weight:700;color:#333;margin-bottom:8px}.party-b-date[data-v-514a3abd]{font-size:14px;color:#666}.signature-canvas-wrapper[data-v-514a3abd]{position:relative;width:100%;min-height:320px;border:1px dashed #dcdfe6;display:flex;flex-direction:column;cursor:pointer}.signature-placeholder[data-v-514a3abd]{display:flex;flex-direction:column;align-items:center;color:#909399;font-size:14px}.signature-placeholder i[data-v-514a3abd]{font-size:24px;margin-bottom:8px}.signature-image[data-v-514a3abd]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.footer[data-v-514a3abd]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:12px 16px;background:#fff;box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:100}.btn[data-v-514a3abd]{flex:1;margin:0 8px;height:40px;border-radius:20px;font-size:15px}.cancel-btn[data-v-514a3abd]{background:#fff;color:#606266;border:1px solid #dcdfe6}.confirm-btn[data-v-514a3abd],.sign-btn[data-v-514a3abd]{background:#409eff;color:#fff;border:none}.signature-dialog[data-v-514a3abd] .el-dialog__body{padding:10px}.signature-popup[data-v-514a3abd]{display:flex;flex-direction:column;height:100%}.signature-pad-wrapper[data-v-514a3abd]{width:100%;flex:1;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.signature-pad[data-v-514a3abd]{width:100%;flex:1;background:#fff;border-radius:4px;cursor:crosshair;touch-action:none;display:block}.popup-footer[data-v-514a3abd]{display:flex;justify-content:center;padding:10px 0 0;gap:20px;flex-shrink:0}.sign-header[data-v-514a3abd]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #eee}.sign-type[data-v-514a3abd]{font-size:16px;font-weight:700;color:#333}.close-btn[data-v-514a3abd]{font-size:24px;color:#999;cursor:pointer;line-height:1}.close-btn[data-v-514a3abd]:hover{color:#333}@media screen and (max-width:768px){.header[data-v-514a3abd]{padding:12px 16px}.party[data-v-514a3abd]{font-size:13px}.content[data-v-514a3abd],.signature-area[data-v-514a3abd]{padding:12px}.contract-content[data-v-514a3abd],.signature-section[data-v-514a3abd]{padding:16px}.contract-title[data-v-514a3abd]{font-size:16px}.contract-body[data-v-514a3abd]{font-size:13px}.footer[data-v-514a3abd]{padding:10px 16px}.btn[data-v-514a3abd]{height:38px;font-size:14px}.signature-canvas-wrapper[data-v-514a3abd]{height:120px}}