|
- .sign-page[data-v-3410dbae]{position:fixed;top:.9375rem;left:.9375rem;right:.9375rem;bottom:.9375rem;z-index:9999;display:flex;flex-direction:column;background:#edf2fc;border-radius:.5rem;overflow:hidden;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.canvas-wrap[data-v-3410dbae]{flex:1;position:relative;overflow:hidden}.canvas-wrap .hint-text[data-v-3410dbae]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);pointer-events:none;z-index:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:80vh}.canvas-wrap .hint-text uni-text[data-v-3410dbae]{font-size:1.5rem;color:#c0c8d8;font-weight:300;letter-spacing:.5rem;white-space:nowrap}.canvas-wrap .hint-text .hint-sub[data-v-3410dbae]{font-size:.875rem;letter-spacing:.25rem}.canvas-wrap .sign-container[data-v-3410dbae]{width:100%;height:100%;position:relative;z-index:1}.bottom-btns[data-v-3410dbae]{display:flex;height:calc(3.125rem + env(safe-area-inset-bottom));flex-shrink:0;gap:.375rem;padding:.375rem;padding-bottom:calc(.375rem + env(safe-area-inset-bottom));background:#edf2fc}.bottom-btns .btn-close[data-v-3410dbae]{flex:1;display:flex;align-items:center;justify-content:center;background:#8c939d;border-radius:.375rem}.bottom-btns .btn-close uni-text[data-v-3410dbae]{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;transform:rotate(90deg);font-size:1rem;color:#fff;letter-spacing:.125rem;height:3.75rem;text-align:center}.bottom-btns .btn-clear[data-v-3410dbae]{flex:1;display:flex;align-items:center;justify-content:center;background:#ff4040;border-radius:.375rem}.bottom-btns .btn-clear uni-text[data-v-3410dbae]{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;transform:rotate(90deg);font-size:1rem;color:#fff;letter-spacing:.125rem;height:3.75rem;text-align:center}.bottom-btns .btn-save[data-v-3410dbae]{flex:2;display:flex;align-items:center;justify-content:center;background:#0e63e3;border-radius:.375rem}.bottom-btns .btn-save uni-text[data-v-3410dbae]{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;transform:rotate(90deg);font-size:1rem;color:#fff;letter-spacing:.125rem;height:3.75rem;text-align:center}.page[data-v-c2a99871]{min-height:100vh;background:#f4f4f5;padding:.75rem;padding-bottom:calc(4.375rem + env(safe-area-inset-bottom))}.section[data-v-c2a99871]{background:#fff;margin-bottom:.75rem;border-radius:.3125rem;padding:1rem;border:.03125rem solid #ebeef5}.doc-title[data-v-c2a99871]{font-size:1rem;font-weight:600;text-align:center;margin-bottom:1rem;color:#222}.doc-body[data-v-c2a99871]{font-size:.875rem;color:#555;line-height:1.8}.form-label[data-v-c2a99871]{font-size:.875rem;color:#333;font-weight:600;margin-bottom:.5rem}.amount-wrap[data-v-c2a99871]{display:flex;align-items:center;border:.03125rem solid #ddd;border-radius:.375rem;overflow:hidden;gap:.375rem}.amount-prefix[data-v-c2a99871]{padding:.625rem .75rem;font-size:.875rem;color:#999;background:#f8f8f8}.form-row[data-v-c2a99871]{margin-bottom:.625rem}.form-row[data-v-c2a99871]:last-child{margin-bottom:0}.row-label[data-v-c2a99871]{font-size:.8125rem;color:#555;margin-bottom:.375rem;display:block}.sign-label[data-v-c2a99871]{font-size:.875rem;color:#333;font-weight:600;margin-bottom:.5rem}.canvas-wrap[data-v-c2a99871]{position:relative;border:.0625rem dashed #ddd;border-radius:.375rem;overflow:hidden;min-height:9.375rem;display:flex;align-items:center;justify-content:center;background:#fafafa}.sign-preview[data-v-c2a99871]{width:100%;height:9.375rem}.canvas-placeholder[data-v-c2a99871]{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem 0}.canvas-placeholder uni-text[data-v-c2a99871]{color:#ccc;font-size:.875rem}.sign-actions[data-v-c2a99871]{display:flex;justify-content:flex-end;margin-top:.5rem}.clear-btn[data-v-c2a99871]{padding:.375rem 1rem;border:.03125rem solid #ccc;border-radius:.375rem;font-size:.8125rem;color:#666}.clear-btn[data-v-c2a99871]:active{border-color:#0e63e3;color:#0e63e3}.btn-wrap[data-v-c2a99871]{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:.625rem 1rem;padding-bottom:calc(.625rem + env(safe-area-inset-bottom));box-shadow:0 -.125rem .5rem rgba(0,0,0,.06);z-index:100}
|
