.diy-params[data-v-347a4a50]{width:700px;background:#fff;border-left:1px solid #e8e8e8;overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;scrollbar-width:none}.diy-page-params[data-v-347a4a50]{border-bottom:1px solid #e8e8e8}.diy-page-params[data-v-347a4a50] .ant-collapse{border:none;background:transparent}.diy-page-params[data-v-347a4a50] .ant-collapse-item{border:none}.diy-page-params[data-v-347a4a50] .ant-collapse-header{background:transparent!important;color:#95d475!important;font-weight:500;font-size:14px;padding:16px!important;border-bottom:2px solid #95d475!important;position:relative}.diy-page-params[data-v-347a4a50] .ant-collapse-header .ant-collapse-arrow{color:#95d475!important;right:16px!important;left:auto!important}.diy-page-params[data-v-347a4a50] .ant-collapse-content{border-top:none;background:#f5f5f5}.diy-page-params[data-v-347a4a50] .ant-collapse-content-box{padding:20px 16px!important}.diy-page-params .panel-header-text[data-v-347a4a50]{color:#95d475;font-size:14px;font-weight:500}.diy-page-params .diy-page_head[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:20px}.diy-page-params .diy-page_head .head-text[data-v-347a4a50]{font-size:14px;font-weight:500;color:#333}.diy-page-params .diy-page_head .head-action[data-v-347a4a50]{display:-ms-flexbox;display:flex;gap:8px}.diy-page-params .diy-page_content[data-v-347a4a50]{background:#fff;padding:16px;border-radius:4px}.params-header[data-v-347a4a50]{padding:16px;border-bottom:1px solid #f0f0f0;background:#fafafa}.params-title[data-v-347a4a50]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.params-count[data-v-347a4a50]{font-size:12px;color:#999}.empty-list[data-v-347a4a50]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px;color:#999}.component-list[data-v-347a4a50]{-ms-flex:1;flex:1;padding:8px}.component-list-item[data-v-347a4a50]{margin-bottom:8px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;transition:all .3s}.component-list-item[data-v-347a4a50]:hover{border-color:#95d475;box-shadow:0 2px 8px rgba(149,212,117,.15)}.component-list-item.active[data-v-347a4a50]{border-color:#95d475;box-shadow:0 2px 8px rgba(149,212,117,.25)}.component-list-item.sortable-ghost[data-v-347a4a50]{opacity:.5;background:#f0f9ff}.component-list-item.sortable-drag[data-v-347a4a50]{opacity:.8;box-shadow:0 4px 12px rgba(0,0,0,.15)}.list-item-header[data-v-347a4a50]{-ms-flex-pack:justify;justify-content:space-between;padding:12px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.list-item-header[data-v-347a4a50],.list-item-left[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.list-item-left[data-v-347a4a50]{gap:8px;-ms-flex:1;flex:1}.list-drag-handle[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:4px}.list-item-icon[data-v-347a4a50]{font-size:18px}.list-item-name[data-v-347a4a50]{font-size:13px;font-weight:400;color:#333}.list-item-right[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.list-item-content[data-v-347a4a50]{padding:0 12px 12px 12px;border-top:1px solid #f0f0f0;animation:slideDown-data-v-347a4a50 .3s ease}@keyframes slideDown-data-v-347a4a50{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.color-picker-wrapper[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.color-picker[data-v-347a4a50]{width:80px;height:32px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer}.color-input[data-v-347a4a50]{-ms-flex:1;flex:1}.diy-page-item[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:16px}.diy-page-item label[data-v-347a4a50]{width:100px;font-size:13px;color:#666;text-align:left;-ms-flex-negative:0;flex-shrink:0}.diy-page-item .item-value[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.diy-page-item .item-value .ant-input[data-v-347a4a50]{height:32px}.diy-page-item .item-value .ant-btn[data-v-347a4a50]{height:32px;font-size:13px}.diy-page-tip_text[data-v-347a4a50]{font-size:11px;color:#ff6b6b;margin-top:-12px;margin-bottom:16px;padding-left:100px;line-height:1.5}.diy-page-images[data-v-347a4a50]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;padding-left:100px;margin-bottom:16px}.diy-image-item[data-v-347a4a50]{width:100px;height:100px;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;position:relative;cursor:pointer}.diy-image-item img[data-v-347a4a50]{width:100%;height:100%;object-fit:cover}.diy-image-item .image-mask[data-v-347a4a50]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;transition:opacity .3s}.diy-image-item .image-mask .anticon[data-v-347a4a50]{font-size:24px;color:#fff;cursor:pointer}.diy-image-item .image-mask .anticon[data-v-347a4a50]:hover{color:#ff4d4f}.diy-image-item:hover .image-mask[data-v-347a4a50]{opacity:1}