.mb20[data-v-911d6d80]{margin-bottom:20px}.mt20[data-v-911d6d80]{margin-top:20px}.field-list .field-item[data-v-911d6d80]{border:1px solid #dcdfe6;border-radius:8px;padding:15px;margin-bottom:15px;background-color:#fafafa;-webkit-transition:all .3s;transition:all .3s}.field-list .field-item[data-v-911d6d80]:hover{border-color:#409eff;-webkit-box-shadow:0 2px 12px 0 rgba(64,158,255,.1);box-shadow:0 2px 12px 0 rgba(64,158,255,.1)}.field-list .field-item .field-header[data-v-911d6d80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.field-list .field-item .field-header .field-title[data-v-911d6d80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.field-list .field-item .field-header .field-title .drag-handle[data-v-911d6d80]{cursor:move;color:#909399;font-size:16px;padding:5px}.field-list .field-item .field-header .field-title .drag-handle[data-v-911d6d80]:hover{color:#409eff}.field-list .field-item .field-header .field-title .field-index[data-v-911d6d80]{font-size:14px;font-weight:700;color:#303133}.field-list .field-item .field-header .delete-btn[data-v-911d6d80]{color:#f56c6c}.field-list .field-item .form-row[data-v-911d6d80]{margin-bottom:12px}.field-list .field-item .form-row .form-label[data-v-911d6d80]{display:block;font-size:13px;color:#606266;margin-bottom:6px;font-weight:500}.field-list .field-item .form-row .form-label .required[data-v-911d6d80]{color:#f56c6c;margin-left:2px}.empty-fields[data-v-911d6d80]{padding:40px 0}.preview-panel[data-v-911d6d80]{position:sticky;top:20px}.preview-panel .preview-header[data-v-911d6d80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#303133;margin-bottom:15px;padding-left:10px;border-left:4px solid #409eff}.preview-panel .preview-header i[data-v-911d6d80]{font-size:20px;color:#409eff}.preview-panel .preview-content .phone-frame[data-v-911d6d80]{width:100%;max-width:375px;margin:0 auto;background:#fff;border:12px solid #333;border-radius:36px;overflow:hidden;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.2);box-shadow:0 10px 40px rgba(0,0,0,.2)}.preview-panel .preview-content .phone-frame .phone-header[data-v-911d6d80]{background:#f8f8f8;padding:15px;text-align:center;border-bottom:1px solid #eee}.preview-panel .preview-content .phone-frame .phone-header .phone-title[data-v-911d6d80]{font-size:16px;font-weight:700;color:#333}.preview-panel .preview-content .phone-frame .phone-body[data-v-911d6d80]{padding:20px;max-height:600px;overflow-y:auto;background:#f5f7fa}.preview-panel .preview-content .phone-frame .phone-body .form-item[data-v-911d6d80]{margin-bottom:15px;background:#fff;padding:12px;border-radius:8px}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-label[data-v-911d6d80]{display:block;font-size:14px;color:#666;margin-bottom:8px}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-label .required[data-v-911d6d80]{color:#f56c6c;margin-left:2px}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-label .unit[data-v-911d6d80]{color:#999;font-size:12px;margin-left:4px}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-input input[data-v-911d6d80]{width:100%;height:40px;padding:0 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;background:#f5f7fa;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-input input[data-v-911d6d80]::-webkit-input-placeholder{color:#c0c4cc}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-input input[data-v-911d6d80]::-moz-placeholder{color:#c0c4cc}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-input input[data-v-911d6d80]:-ms-input-placeholder{color:#c0c4cc}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-input input[data-v-911d6d80]::-ms-input-placeholder{color:#c0c4cc}.preview-panel .preview-content .phone-frame .phone-body .form-item .form-input input[data-v-911d6d80]::placeholder{color:#c0c4cc}.preview-panel .preview-content .phone-frame .phone-body .form-actions[data-v-911d6d80]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-top:20px}.preview-panel .preview-content .phone-frame .phone-body .form-actions button[data-v-911d6d80]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;border:none;border-radius:20px;font-size:14px;cursor:pointer}.preview-panel .preview-content .phone-frame .phone-body .form-actions button.btn-cancel[data-v-911d6d80]{background:#f5f7fa;color:#666}.preview-panel .preview-content .phone-frame .phone-body .form-actions button.btn-submit[data-v-911d6d80]{background:#409eff;color:#fff}