.fileuploadss{text-align:left}.file-tips{margin-top:0}.modern-signature-page[data-v-12edd6e6]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.modern-signature-page .page-header[data-v-12edd6e6]{background:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.modern-signature-page .page-header .header-content[data-v-12edd6e6]{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modern-signature-page .page-header .header-content .header-left[data-v-12edd6e6]{display:flex;align-items:center}.modern-signature-page .page-header .header-content .header-left .back-btn[data-v-12edd6e6]{color:#1890ff;font-size:14px;padding:8px 0;margin-right:16px}.modern-signature-page .page-header .header-content .header-left .back-btn[data-v-12edd6e6]:hover{color:#40a9ff}.modern-signature-page .page-header .header-content .header-left .back-btn i[data-v-12edd6e6]{margin-right:4px}.modern-signature-page .page-header .header-content .header-left .page-title[data-v-12edd6e6]{font-size:20px;font-weight:600;color:#262626;margin:0}.modern-signature-page .page-header .header-content .header-right .el-tag[data-v-12edd6e6]{font-size:12px}.modern-signature-page .page-content[data-v-12edd6e6]{margin:0 auto;padding:24px}.modern-signature-page .page-content .content-container .modern-form .form-card[data-v-12edd6e6]{margin-bottom:24px;border-radius:12px;border:1px solid #e8eaec;transition:all .3s ease}.modern-signature-page .page-content .content-container .modern-form .form-card[data-v-12edd6e6]:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);border-color:#40a9ff}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header[data-v-12edd6e6]{display:flex;justify-content:space-between;align-items:center}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .card-title[data-v-12edd6e6]{font-size:16px;font-weight:600;color:#262626;display:flex;align-items:center}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .card-title i[data-v-12edd6e6]{margin-right:8px;color:#1890ff;font-size:18px}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .help-icon[data-v-12edd6e6]{color:#8c8c8c;cursor:help}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .help-icon[data-v-12edd6e6]:hover{color:#1890ff}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .header-actions[data-v-12edd6e6]{display:flex;align-items:center;gap:8px}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .header-actions .clear-btn[data-v-12edd6e6],.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .header-actions .example-btn[data-v-12edd6e6]{color:#1890ff}.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .header-actions .clear-btn[data-v-12edd6e6]:hover,.modern-signature-page .page-content .content-container .modern-form .form-card .card-header .header-actions .example-btn[data-v-12edd6e6]:hover{color:#40a9ff}.modern-signature-page .page-content .content-container .modern-form .form-item-modern[data-v-12edd6e6]{margin-bottom:24px}.modern-signature-page .page-content .content-container .modern-form .form-item-modern[data-v-12edd6e6] .el-form-item__label{font-weight:500;color:#262626;line-height:1.5}.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-input[data-v-12edd6e6] .el-input__inner,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-input[data-v-12edd6e6] .el-textarea__inner,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-select[data-v-12edd6e6] .el-input__inner,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-select[data-v-12edd6e6] .el-textarea__inner,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-textarea[data-v-12edd6e6] .el-input__inner,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-textarea[data-v-12edd6e6] .el-textarea__inner{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-input[data-v-12edd6e6] .el-input__inner:hover,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-input[data-v-12edd6e6] .el-textarea__inner:hover,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-select[data-v-12edd6e6] .el-input__inner:hover,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-select[data-v-12edd6e6] .el-textarea__inner:hover,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-textarea[data-v-12edd6e6] .el-input__inner:hover,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-textarea[data-v-12edd6e6] .el-textarea__inner:hover{border-color:#40a9ff}.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-input[data-v-12edd6e6] .el-input__inner:focus,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-input[data-v-12edd6e6] .el-textarea__inner:focus,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-select[data-v-12edd6e6] .el-input__inner:focus,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-select[data-v-12edd6e6] .el-textarea__inner:focus,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-textarea[data-v-12edd6e6] .el-input__inner:focus,.modern-signature-page .page-content .content-container .modern-form .form-item-modern .modern-textarea[data-v-12edd6e6] .el-textarea__inner:focus{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.signature-content-card .signature-input-item .signature-input-wrapper[data-v-12edd6e6]{position:relative;display:flex;align-items:center}.signature-content-card .signature-input-item .signature-input-wrapper .signature-bracket[data-v-12edd6e6]{font-size:18px;font-weight:700;color:#1890ff;padding:0 8px}.signature-content-card .signature-input-item .signature-input-wrapper .signature-input[data-v-12edd6e6]{flex:1}.signature-content-card .signature-input-item .signature-preview[data-v-12edd6e6]{margin-top:12px;padding:12px;background:#f5f5f5;border-radius:6px;border-left:4px solid #1890ff}.signature-content-card .signature-input-item .signature-preview .preview-label[data-v-12edd6e6]{font-weight:500;color:#595959;margin-right:8px}.signature-content-card .signature-input-item .signature-preview .preview-text[data-v-12edd6e6]{color:#262626;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group[data-v-12edd6e6]{width:100%}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card[data-v-12edd6e6]{border:1px solid #e8eaec;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease;cursor:pointer}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card[data-v-12edd6e6]:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(24,144,255,.15)}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card.active[data-v-12edd6e6]{border-color:#1890ff;background:linear-gradient(135deg,#e6f7ff,#f0f9ff)}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-radio[data-v-12edd6e6]{width:100%;margin:0}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-radio[data-v-12edd6e6] .el-radio__input{margin-top:2px}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-radio[data-v-12edd6e6] .el-radio__label{width:calc(100% - 20px);padding-left:8px}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-content .source-header[data-v-12edd6e6]{display:flex;align-items:center;margin-bottom:8px}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-content .source-header .source-icon[data-v-12edd6e6]{color:#1890ff;font-size:16px;margin-right:8px}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-content .source-header .source-title[data-v-12edd6e6]{font-weight:600;color:#262626;font-size:14px}.signature-source-card .signature-source-form-item .signature-source-selector .source-radio-group .source-option-card .source-content .source-description[data-v-12edd6e6]{color:#8c8c8c;font-size:12px;line-height:1.5}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group[data-v-12edd6e6]{width:100%}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card[data-v-12edd6e6]{border:1px solid #e8eaec;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease;cursor:pointer}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card[data-v-12edd6e6]:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(24,144,255,.15)}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card.active[data-v-12edd6e6]{border-color:#1890ff;background:linear-gradient(135deg,#e6f7ff,#f0f9ff)}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-radio[data-v-12edd6e6]{width:100%;margin:0}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-radio[data-v-12edd6e6] .el-radio__input{margin-top:2px}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-radio[data-v-12edd6e6] .el-radio__label{width:calc(100% - 20px);padding-left:8px}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-content .type-header[data-v-12edd6e6]{display:flex;align-items:center;margin-bottom:8px}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-content .type-header .type-icon[data-v-12edd6e6]{color:#1890ff;font-size:16px;margin-right:8px}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-content .type-header .type-title[data-v-12edd6e6]{font-weight:600;color:#262626;font-size:14px;margin-right:8px}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-content .type-header .note-tag[data-v-12edd6e6],.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-content .type-header .recommend-tag[data-v-12edd6e6]{margin-left:auto}.signature-type-card .signature-type-form-item .signature-type-selector .type-radio-group .type-option-card .type-content .type-description[data-v-12edd6e6]{color:#8c8c8c;font-size:12px;line-height:1.5}.file-upload-card .upload-form-item .upload-section .modern-upload[data-v-12edd6e6]{margin-bottom:16px}.file-upload-card .upload-form-item .upload-section .upload-tips[data-v-12edd6e6] .el-alert{border-radius:6px}.file-upload-card .upload-form-item .upload-section .upload-tips[data-v-12edd6e6] .el-alert .el-alert__content p{margin:4px 0;font-size:12px}.company-info-card .company-info-grid .form-row[data-v-12edd6e6]{margin-bottom:20px}.company-info-card .company-info-grid .form-row .input-tip[data-v-12edd6e6]{margin-top:8px}.company-info-card .company-info-grid .form-row .input-tip[data-v-12edd6e6] .el-alert{border-radius:6px}.company-info-card .company-info-grid .form-row .input-tip[data-v-12edd6e6] .el-alert .el-alert__content{font-size:12px}.action-buttons[data-v-12edd6e6]{margin:32px 0}.action-buttons .button-group .el-button[data-v-12edd6e6],.signature-rules-card .rules-content[data-v-12edd6e6] .el-alert{border-radius:8px}.signature-rules-card .rules-content[data-v-12edd6e6] .el-alert .rules-list .rule-item{margin-bottom:12px;line-height:1.6}.signature-rules-card .rules-content[data-v-12edd6e6] .el-alert .rules-list .rule-item:last-child{margin-bottom:0}.signature-rules-card .rules-content[data-v-12edd6e6] .el-alert .rules-list .rule-item .highlight{color:#ff4d4f;font-weight:600}.modern-dialog[data-v-12edd6e6] .el-dialog{border-radius:12px}.modern-dialog[data-v-12edd6e6] .el-dialog .el-dialog__header{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border-radius:12px 12px 0 0;padding:20px 24px}.modern-dialog[data-v-12edd6e6] .el-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600}.modern-dialog[data-v-12edd6e6] .el-dialog .el-dialog__header .el-dialog__close{color:#fff}.modern-dialog[data-v-12edd6e6] .el-dialog .el-dialog__header .el-dialog__close:hover{color:#f0f0f0}.modern-dialog[data-v-12edd6e6] .el-dialog .el-dialog__body{padding:24px}.modern-dialog .dialog-content .tips-section[data-v-12edd6e6]{margin-bottom:24px}.modern-dialog .dialog-content .tips-section[data-v-12edd6e6] .el-alert{border-radius:8px}.modern-dialog .dialog-content .tips-section[data-v-12edd6e6] .el-alert .tips-content p{margin:8px 0}.modern-dialog .dialog-content .tips-section[data-v-12edd6e6] .el-alert .tips-content p .link{color:#1890ff;text-decoration:none}.modern-dialog .dialog-content .tips-section[data-v-12edd6e6] .el-alert .tips-content p .link:hover{text-decoration:underline}.modern-dialog .dialog-content .examples-grid[data-v-12edd6e6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.modern-dialog .dialog-content .examples-grid .example-item .example-card[data-v-12edd6e6]{border:1px solid #e8eaec;border-radius:8px;overflow:hidden;transition:all .3s ease}.modern-dialog .dialog-content .examples-grid .example-item .example-card[data-v-12edd6e6]:hover{border-color:#40a9ff;box-shadow:0 4px 12px rgba(24,144,255,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modern-dialog .dialog-content .examples-grid .example-item .example-card .example-header[data-v-12edd6e6]{background:#f5f5f5;padding:12px 16px;display:flex;align-items:center}.modern-dialog .dialog-content .examples-grid .example-item .example-card .example-header i[data-v-12edd6e6]{color:#1890ff;margin-right:8px;font-size:16px}.modern-dialog .dialog-content .examples-grid .example-item .example-card .example-header .example-title[data-v-12edd6e6]{font-weight:500;color:#262626;font-size:14px}.modern-dialog .dialog-content .examples-grid .example-item .example-card .example-image[data-v-12edd6e6]{padding:16px;text-align:center}.modern-dialog .dialog-content .examples-grid .example-item .example-card .example-image .demo-image[data-v-12edd6e6]{width:100%;height:200px;border-radius:6px;cursor:pointer;transition:all .3s ease}.modern-dialog .dialog-content .examples-grid .example-item .example-card .example-image .demo-image[data-v-12edd6e6]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:768px){.modern-signature-page .page-content[data-v-12edd6e6]{padding:16px}.modern-signature-page .page-content .content-container .modern-form .form-card[data-v-12edd6e6]{margin-bottom:16px}.modern-signature-page .action-buttons .button-group[data-v-12edd6e6]{flex-direction:column;gap:12px}.modern-signature-page .action-buttons .button-group .el-button[data-v-12edd6e6]{width:100%}.modern-dialog .dialog-content .examples-grid[data-v-12edd6e6]{grid-template-columns:1fr;gap:16px}}.modern-form[data-v-12edd6e6] .el-form-item{margin-bottom:16px}.modern-form[data-v-12edd6e6] .el-form-item__label{font-weight:500;color:#333;line-height:1.4}.template-type-section[data-v-12edd6e6]{background:#f8f9fa;padding:16px 20px;border-radius:6px;margin-bottom:20px;border:1px solid #e9ecef}.compact-radio-group[data-v-12edd6e6]{display:flex;gap:24px;flex-wrap:wrap}.compact-radio-group[data-v-12edd6e6] .compact-radio{display:flex;align-items:center;padding:8px 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;transition:all .2s ease;cursor:pointer}.compact-radio-group[data-v-12edd6e6] .compact-radio:hover{border-color:#409eff;background:#f0f9ff}.compact-radio-group[data-v-12edd6e6] .compact-radio.is-checked{border-color:#409eff;background:#e6f7ff;color:#409eff}.compact-radio-group[data-v-12edd6e6] .compact-radio i{margin-right:6px;font-size:16px}.compact-radio-group[data-v-12edd6e6] .compact-radio .el-radio__input{display:none}.compact-radio-group[data-v-12edd6e6] .compact-radio .el-radio__label{padding-left:0;font-weight:500}.template-config-card .basic-info-section[data-v-12edd6e6]{margin-bottom:20px}.template-config-card .basic-info-section .form-row[data-v-12edd6e6]{display:flex;gap:20px}.template-config-card .basic-info-section .form-row .form-item-compact[data-v-12edd6e6]{flex:1;margin-bottom:16px}.template-config-card .basic-info-section .form-row .form-item-compact .compact-input[data-v-12edd6e6],.template-config-card .basic-info-section .form-row .form-item-compact .compact-select[data-v-12edd6e6]{width:100%}.template-config-card .basic-info-section .form-row .form-item-compact .input-tip[data-v-12edd6e6]{margin-top:8px}.template-config-card .basic-info-section .form-row .form-item-compact .input-tip .tip-text[data-v-12edd6e6]{color:#f56c6c;font-size:12px}.template-config-card .content-section[data-v-12edd6e6] .el-divider{margin:16px 0}.template-config-card .content-section[data-v-12edd6e6] .el-divider .el-divider__text{font-weight:500;color:#333}.template-config-card .content-section .content-form-item .content-input-wrapper[data-v-12edd6e6]{margin-bottom:12px}.template-config-card .content-section .content-form-item .content-input-wrapper .compact-textarea[data-v-12edd6e6] .el-textarea__inner{border-radius:6px;border:1px solid #d9d9d9}.template-config-card .content-section .content-form-item .content-input-wrapper .compact-textarea[data-v-12edd6e6] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}.template-config-card .signature-input-wrapper[data-v-12edd6e6]{display:flex;align-items:center;margin-bottom:8px}.template-config-card .signature-input-wrapper .signature-bracket[data-v-12edd6e6]{font-size:18px;font-weight:700;color:#409eff;margin:0 8px}.template-config-card .signature-input-wrapper .signature-input[data-v-12edd6e6]{flex:1}.template-config-card .signature-preview[data-v-12edd6e6]{margin-top:8px;padding:8px 12px;background:#f8f9fa;border-radius:4px}.template-config-card .signature-preview .preview-label[data-v-12edd6e6]{color:#666;font-size:14px}.template-config-card .signature-preview .preview-text[data-v-12edd6e6]{color:#409eff;font-weight:500;margin-left:8px}.template-config-card .compact-upload[data-v-12edd6e6] .file-upload-container .upload-area{padding:16px;min-height:60px;border:1px dashed #d9d9d9;border-radius:6px}.template-config-card .compact-upload[data-v-12edd6e6] .file-upload-container .upload-area:hover{border-color:#409eff}.template-config-card .compact-upload[data-v-12edd6e6] .file-upload-container .upload-tip{font-size:12px;color:#999;margin-top:6px}.action-buttons[data-v-12edd6e6]{margin:24px 0;text-align:center}.action-buttons .button-group[data-v-12edd6e6]{display:inline-flex;gap:16px}.action-buttons .button-group .el-button[data-v-12edd6e6]{padding:12px 24px;border-radius:6px;font-weight:500;transition:all .3s ease}.action-buttons .button-group .el-button.submit-btn[data-v-12edd6e6]{background:linear-gradient(135deg,#1890ff,#40a9ff);border:none}.action-buttons .button-group .el-button.submit-btn[data-v-12edd6e6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,144,255,.4)}.action-buttons .button-group .el-button.save-btn[data-v-12edd6e6]{background:linear-gradient(135deg,#52c41a,#73d13d);border:none}.action-buttons .button-group .el-button.save-btn[data-v-12edd6e6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(82,196,26,.4)}.action-buttons .button-group .el-button.cancel-btn[data-v-12edd6e6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.template-rules-card[data-v-12edd6e6]{margin-top:16px}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert{border-radius:8px;margin-bottom:16px}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert:last-child{margin-bottom:0}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .rules-list .rule-item{margin-bottom:12px;line-height:1.6}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .rules-list .rule-item:last-child{margin-bottom:0}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .rules-list .rule-item .highlight{color:#ff4d4f;font-weight:600}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .audit-rules .audit-item{margin-bottom:8px;line-height:1.6}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .audit-rules .audit-item:last-child{margin-bottom:0}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .audit-rules .audit-item .audit-time{font-weight:500;color:#333}.template-rules-card .rules-content[data-v-12edd6e6] .el-alert .audit-rules .audit-item .audit-desc{color:#666}@media (max-width:768px){.modern-form[data-v-12edd6e6] .el-form-item__label{font-size:14px}.template-config-card .basic-info-section .form-row[data-v-12edd6e6]{flex-direction:column;gap:16px}.template-config-card .basic-info-section .form-row .form-item-compact[data-v-12edd6e6]{flex:none}.action-buttons .button-group[data-v-12edd6e6],.compact-radio-group[data-v-12edd6e6]{flex-direction:column;gap:12px}.action-buttons .button-group .el-button[data-v-12edd6e6]{width:100%;margin:0}}