.cp-form-demo[data-v-1f3b2a70]{padding:20px;max-width:1200px;margin:0 auto;background:#f5f7fa;min-height:100vh}.cp-form-demo .demo-header[data-v-1f3b2a70]{text-align:center;margin-bottom:40px;padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.cp-form-demo .demo-header h1[data-v-1f3b2a70]{font-size:28px;color:#303133;margin-bottom:10px}.cp-form-demo .demo-header p[data-v-1f3b2a70]{font-size:16px;color:#606266;margin:0}.cp-form-demo .demo-section[data-v-1f3b2a70]{margin-bottom:30px;padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.cp-form-demo .demo-section h2[data-v-1f3b2a70]{font-size:20px;color:#303133;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #409eff}.cp-form-demo .demo-section p[data-v-1f3b2a70]{font-size:14px;color:#606266;margin-bottom:20px}.cp-form-demo .demo-form .form-group[data-v-1f3b2a70]{margin-bottom:25px;padding:20px;background:#fafbfc;border-radius:6px;border:1px solid #ebeef5}.cp-form-demo .demo-form .form-group .group-label[data-v-1f3b2a70]{display:block;font-size:14px;font-weight:500;color:#303133;margin-bottom:10px}.cp-form-demo .demo-form .form-group .form-row[data-v-1f3b2a70]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.cp-form-demo .demo-form .form-actions[data-v-1f3b2a70]{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #ebeef5}.cp-form-demo .demo-form .form-actions .el-button[data-v-1f3b2a70]{margin:0 10px;padding:10px 30px}.cp-form-demo .feature-list[data-v-1f3b2a70]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}.cp-form-demo .feature-list .feature-item[data-v-1f3b2a70]{padding:20px;background:#f8f9fa;border-radius:6px;border-left:4px solid #409eff}.cp-form-demo .feature-list .feature-item h3[data-v-1f3b2a70]{font-size:16px;color:#303133;margin-bottom:10px}.cp-form-demo .feature-list .feature-item ul[data-v-1f3b2a70]{margin:0;padding-left:20px}.cp-form-demo .feature-list .feature-item ul li[data-v-1f3b2a70]{font-size:14px;color:#606266;margin-bottom:5px;line-height:1.5}.cp-form-demo .condition-demo-result[data-v-1f3b2a70]{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.cp-form-demo .condition-demo-result h3[data-v-1f3b2a70]{font-size:16px;color:#303133;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #409eff}.cp-form-demo .condition-demo-result .el-table[data-v-1f3b2a70]{margin-top:10px}.cp-form-demo .approval-demo-container .demo-mode-section[data-v-1f3b2a70]{margin-bottom:30px;padding:20px;background:#fafbfc;border-radius:6px;border:1px solid #ebeef5}.cp-form-demo .approval-demo-container .demo-mode-section h3[data-v-1f3b2a70]{font-size:16px;color:#303133;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e4e7ed}.cp-form-demo .approval-demo-container .demo-mode-section p[data-v-1f3b2a70]{font-size:14px;color:#606266;margin-bottom:15px}.cp-form-demo .approval-demo-container .demo-mode-section .demo-form-container[data-v-1f3b2a70]{margin-bottom:15px}.cp-form-demo .approval-demo-container .demo-mode-section .demo-form-container.read-mode[data-v-1f3b2a70]{background:#f8f9fa;border:1px dashed #d1ecf1;border-radius:4px;padding:15px}.cp-form-demo .approval-demo-container .demo-mode-section .mode-toggle[data-v-1f3b2a70]{margin-bottom:15px;padding:10px;background:#fff;border-radius:4px;border:1px solid #e4e7ed;text-align:center}.cp-form-demo .demo-data-display[data-v-1f3b2a70]{margin-top:30px;padding:20px;background:#fafbfc;border-radius:6px;border:1px solid #ebeef5}.cp-form-demo .demo-data-display h3[data-v-1f3b2a70]{font-size:16px;color:#303133;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e4e7ed}.cp-form-demo .demo-data-display .data-preview[data-v-1f3b2a70]{padding:15px;background:#2d3748;color:#e2e8f0;border-radius:6px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;max-height:300px;overflow-y:auto}.cp-form-demo .demo-data-display .data-preview pre[data-v-1f3b2a70]{margin:0;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.cp-form-demo[data-v-1f3b2a70]{padding:10px}.cp-form-demo .demo-form .form-group .form-row[data-v-1f3b2a70]{flex-direction:column;gap:10px}.cp-form-demo .feature-list[data-v-1f3b2a70]{grid-template-columns:1fr}.cp-form-demo .condition-demo-result .el-table[data-v-1f3b2a70]{font-size:12px}}