.mb20[data-v-041fc951]{margin-bottom:20px}.mt20[data-v-041fc951]{margin-top:20px}.field-list .field-item[data-v-041fc951]{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-041fc951]: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-041fc951]{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-041fc951]{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-041fc951]{cursor:move;color:#909399;font-size:16px;padding:5px}.field-list .field-item .field-header .field-title .drag-handle[data-v-041fc951]:hover{color:#409eff}.field-list .field-item .field-header .field-title .field-index[data-v-041fc951]{font-size:14px;font-weight:700;color:#303133}.field-list .field-item .field-header .delete-btn[data-v-041fc951]{color:#f56c6c}.field-list .field-item .form-row[data-v-041fc951]{margin-bottom:12px}.field-list .field-item .form-row .form-label[data-v-041fc951]{display:block;font-size:13px;color:#606266;margin-bottom:6px;font-weight:500}.field-list .field-item .form-row .form-label .required[data-v-041fc951]{color:#f56c6c;margin-left:2px}.empty-fields[data-v-041fc951]{padding:40px 0}.preview-panel[data-v-041fc951]{position:sticky;top:20px}.preview-panel .preview-header[data-v-041fc951]{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-041fc951]{font-size:20px;color:#409eff}.preview-panel .preview-content .phone-frame[data-v-041fc951]{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-041fc951]{background:#f8f8f8;padding:15px;text-align:center;border-bottom:1px solid #eee}.preview-panel .preview-content .phone-frame .phone-header .phone-title[data-v-041fc951]{font-size:16px;font-weight:700;color:#333}.preview-panel .preview-content .phone-frame .phone-body[data-v-041fc951]{max-height:600px;overflow-y:auto;background:#f5f5f5;padding:10px}.preview-panel .preview-content .phone-frame .phone-body .form-group[data-v-041fc951]{background:#fff;border-radius:12px;margin-bottom:15px;overflow:hidden}.preview-panel .preview-content .phone-frame .phone-body .form-group .group-title[data-v-041fc951]{padding:12px 15px;font-size:14px;color:#666;background:#f8f8f8;border-bottom:1px solid #eee}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item[data-v-041fc951]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;border-bottom:1px solid #eee}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item[data-v-041fc951]:last-child{border-bottom:none}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-label[data-v-041fc951]{width:120px;font-size:14px;color:#333;-ms-flex-negative:0;flex-shrink:0}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-label .required[data-v-041fc951]{color:#f56c6c;margin-left:2px}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-value[data-v-041fc951]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-value .placeholder[data-v-041fc951]{color:#c0c4cc;font-size:14px}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-value .unit[data-v-041fc951]{color:#999;font-size:12px;margin-left:5px}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-value .arrow-icon[data-v-041fc951]{color:#999;font-size:14px;margin-left:8px}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-value .switch-placeholder[data-v-041fc951]{width:40px;height:20px;background:#dcdfe6;border-radius:10px;position:relative}.preview-panel .preview-content .phone-frame .phone-body .form-group .form-item .form-value .switch-placeholder[data-v-041fc951]:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.preview-panel .preview-content .phone-frame .phone-body .form-actions[data-v-041fc951]{padding:20px}.preview-panel .preview-content .phone-frame .phone-body .form-actions .btn-submit[data-v-041fc951]{width:100%;height:44px;background:#007aff;color:#fff;border:none;border-radius:22px;font-size:16px;cursor:pointer}