.diy-menu[data-v-5b079024]{width:280px;background:#fafafa;overflow-y:auto;padding:0;scrollbar-width:none}.component-group[data-v-5b079024]{margin-bottom:16px}.group-title[data-v-5b079024]{font-size:14px;font-weight:600;color:#333;padding:12px 16px;background:#fafafa}.component-items[data-v-5b079024]{padding:0 12px}.component-items.grid-layout[data-v-5b079024]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:8px}.component-item[data-v-5b079024]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:move;transition:all .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.grid-layout .component-item[data-v-5b079024]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:0}.component-item[data-v-5b079024]:hover{background:#fafafa;border-color:#95d475;box-shadow:0 2px 8px rgba(149,212,117,.15)}.component-item[data-v-5b079024]:active{cursor:grabbing}.component-name[data-v-5b079024]{font-size:13px;color:#333;-ms-flex-negative:0;flex-shrink:0}.grid-layout .component-name[data-v-5b079024]{margin-bottom:8px}.component-preview[data-v-5b079024]{-ms-flex-negative:0;flex-shrink:0}.grid-layout .component-preview[data-v-5b079024]{width:100%}.preview-box[data-v-5b079024]{width:120px;height:80px;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.grid-layout .preview-box[data-v-5b079024]{width:100%;height:70px}.banner-preview[data-v-5b079024]{-ms-flex-direction:column;flex-direction:column;gap:8px}.banner-dots[data-v-5b079024]{display:-ms-flexbox;display:flex;gap:4px;position:absolute;bottom:8px}.dot[data-v-5b079024]{width:6px;height:6px;border-radius:50%;background:#d9d9d9}.dot.active[data-v-5b079024]{background:#666}.tab-preview[data-v-5b079024]{gap:4px;padding:8px}.tab-item[data-v-5b079024]{-ms-flex:1;flex:1;height:24px;background:#fff;border:1px solid #e8e8e8;border-radius:2px}.tab-item.active[data-v-5b079024]{background:#d9d9d9}.goods-preview[data-v-5b079024]{background:#fff}.goods-two-preview[data-v-5b079024]{gap:8px;padding:8px}.goods-box[data-v-5b079024]{-ms-flex:1;flex:1;height:100%;background:#e8e8e8;border-radius:2px}.goods-list-preview[data-v-5b079024]{background:#fff;padding:12px}.list-icon[data-v-5b079024]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:6px;width:100%}.list-line[data-v-5b079024]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px}.list-line[data-v-5b079024]:before{content:"";width:4px;height:4px;background:#666;border-radius:50%}.list-line[data-v-5b079024]:after{content:"";-ms-flex:1;flex:1;height:2px;background:#d9d9d9;border-radius:1px}.video-preview[data-v-5b079024]{-ms-flex-direction:column;flex-direction:column;gap:6px;padding:8px}.diy-phone[data-v-215f3443]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding:20px;overflow-y:auto;background:#e8e8e8;scrollbar-width:none}.phone-wrapper[data-v-215f3443]{width:375px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden}.phone-header[data-v-215f3443]{height:44px;background:#fff;border-radius:8px 8px 0 0;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;font-size:12px;color:#333;position:relative}.phone-header[data-v-215f3443],.status-left[data-v-215f3443]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.status-left[data-v-215f3443]{font-size:8px;letter-spacing:1px}.status-time[data-v-215f3443]{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;font-weight:500}.status-battery[data-v-215f3443]{width:24px;height:12px;border:2px solid #333;border-radius:3px;position:relative}.status-battery[data-v-215f3443]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:70%;background:#333;border-radius:1px}.status-battery[data-v-215f3443]:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:6px;background:#333;border-radius:0 1px 1px 0}.phone-content[data-v-215f3443]{height:756px;overflow:auto;border-radius:0 0 8px 8px;scrollbar-width:none}.component-preview-draggable[data-v-215f3443]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.mini-app-navbar[data-v-215f3443]{height:44px;background:#fff;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;border-bottom:1px solid #f0f0f0}.mini-app-navbar[data-v-215f3443],.navbar-left[data-v-215f3443]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.navbar-left[data-v-215f3443]{width:60px}.navbar-title[data-v-215f3443]{-ms-flex:1;flex:1;text-align:center;font-size:16px;font-weight:500;color:#333}.navbar-right[data-v-215f3443]{width:80px;-ms-flex-pack:end;justify-content:flex-end;gap:8px}.navbar-more[data-v-215f3443],.navbar-right[data-v-215f3443]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.navbar-more[data-v-215f3443]{gap:3px;padding:6px 10px;background:#f5f5f5;border-radius:14px}.more-dot[data-v-215f3443]{background:#333;border-radius:50%}.more-dot.small[data-v-215f3443]{width:4px;height:4px}.more-dot.large[data-v-215f3443]{width:6px;height:6px}.navbar-home[data-v-215f3443]{width:20px;height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:2px solid #333;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.home-dot[data-v-215f3443]{width:6px;height:6px;background:#333;border-radius:50%}.miniapp-content[data-v-215f3443]{min-height:100%;padding-top:44px}.component-preview[data-v-215f3443]{position:relative;margin:0;background:transparent;cursor:move;transition:all .3s;outline:2px solid transparent;outline-offset:-2px}.component-preview[data-v-215f3443]:hover{outline-color:#95d475;z-index:99999}.component-preview.active[data-v-215f3443]{outline-color:#95d475;outline-style:solid;box-shadow:0 0 8px rgba(149,212,117,.5)}.component-preview.sortable-ghost[data-v-215f3443]{opacity:.5;background:#f0f9ff}.component-preview.sortable-drag[data-v-215f3443]{opacity:.8;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move}.component-preview.drop-hover[data-v-215f3443]{outline-color:#52c41a;outline-style:solid;box-shadow:0 0 12px rgba(82,196,26,.3)}.component-preview.goods-component[data-v-215f3443]{padding-left:12px;padding-right:12px;outline:none}.component-preview.goods-component.active>[data-v-215f3443],.component-preview.goods-component:hover>[data-v-215f3443]{outline:2px solid #95d475;outline-offset:-2px;box-shadow:0 0 8px rgba(149,212,117,.5)}.component-preview-wrapper[data-v-215f3443]{position:relative}.drop-indicator[data-v-215f3443]{position:relative;height:40px;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;animation:dropIndicatorFadeIn-data-v-215f3443 .2s ease}@keyframes dropIndicatorFadeIn-data-v-215f3443{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}.drop-indicator-line[data-v-215f3443]{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,#52c41a,#73d13d 50%,#52c41a);border-radius:2px;box-shadow:0 0 8px rgba(82,196,26,.5);animation:dropLinePulse-data-v-215f3443 1.5s ease-in-out infinite}@keyframes dropLinePulse-data-v-215f3443{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.98)}}.drop-indicator-line[data-v-215f3443]:after,.drop-indicator-line[data-v-215f3443]:before{content:"";position:absolute;top:50%;width:8px;height:8px;background:#52c41a;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 6px rgba(82,196,26,.6)}.drop-indicator-line[data-v-215f3443]:before{left:-4px}.drop-indicator-line[data-v-215f3443]:after{right:-4px}.drop-indicator-text[data-v-215f3443]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#52c41a;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(82,196,26,.3);z-index:1}.empty-tip[data-v-215f3443]{text-align:center;padding:60px 20px;color:#999;border:2px dashed #d9d9d9;border-radius:8px;transition:all .3s;background:#fff}.empty-tip[data-v-215f3443]:hover{border-color:#95d475;background:#f9fff5}.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}.goods-component[data-v-5a47bb32]{padding:0 12px}.zone-build[data-v-7d3037ec]{background:#f5f5f5}.diy-action[data-v-7d3037ec]{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8}.diy-action .action-group[data-v-7d3037ec]{display:-ms-flexbox;display:flex;gap:8px}.diy-action .action-group .btn-save[data-v-7d3037ec]{background:#95d475;border-color:#95d475;color:#fff}.diy-action .action-group .btn-save[data-v-7d3037ec]:hover{background:#7ec55d;border-color:#7ec55d}.diy-action .action-group .btn-decorate[data-v-7d3037ec]{background:#f5a623;border-color:#f5a623;color:#fff}.diy-action .action-group .btn-decorate[data-v-7d3037ec]:hover{background:#e09615;border-color:#e09615}.diy-action .action-group .btn-preview[data-v-7d3037ec]{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.diy-action .action-group .btn-preview[data-v-7d3037ec]:hover{background:#ff5252;border-color:#ff5252}.diy-action .action-group .btn-cancel[data-v-7d3037ec]{background:#d9d9d9;border-color:#d9d9d9;color:#fff}.diy-action .action-group .btn-cancel[data-v-7d3037ec]:hover{background:#c9c9c9;border-color:#c9c9c9}.diy-container[data-v-7d3037ec]{display:-ms-flexbox;display:flex;height:calc(100vh - 65px);overflow:hidden;position:relative;background:#f5f5f5}.pre-view-phone[data-v-7d3037ec]{width:375px;margin:0 auto;border:1px solid #000;border-radius:8px}.pre-view-phone .phone-header[data-v-7d3037ec]{height:44px;background:#fff;border-radius:8px 8px 0 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;font-size:12px;color:#333;position:relative}.pre-view-phone .phone-header .status-left[data-v-7d3037ec]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:8px;letter-spacing:1px}.pre-view-phone .phone-header .status-time[data-v-7d3037ec]{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;font-weight:500}.pre-view-phone .phone-header .status-battery[data-v-7d3037ec]{width:24px;height:12px;border:2px solid #333;border-radius:3px;position:relative}.pre-view-phone .phone-header .status-battery[data-v-7d3037ec]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:70%;background:#333;border-radius:1px}.pre-view-phone .phone-header .status-battery[data-v-7d3037ec]:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2px;height:6px;background:#333;border-radius:0 1px 1px 0}.pre-view-phone .mini-app-navbar[data-v-7d3037ec]{height:44px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;border-bottom:1px solid #f0f0f0}.pre-view-phone .mini-app-navbar .navbar-left[data-v-7d3037ec]{width:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.pre-view-phone .mini-app-navbar .navbar-title[data-v-7d3037ec]{-ms-flex:1;flex:1;text-align:center;font-size:16px;font-weight:500;color:#333}.pre-view-phone .mini-app-navbar .navbar-right[data-v-7d3037ec]{width:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:8px}.pre-view-phone .mini-app-navbar .navbar-more[data-v-7d3037ec]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:3px;padding:6px 10px;background:#f5f5f5;border-radius:14px}.pre-view-phone .mini-app-navbar .more-dot[data-v-7d3037ec]{background:#333;border-radius:50%}.pre-view-phone .mini-app-navbar .more-dot.small[data-v-7d3037ec]{width:4px;height:4px}.pre-view-phone .mini-app-navbar .more-dot.large[data-v-7d3037ec]{width:6px;height:6px}.pre-view-phone .mini-app-navbar .navbar-home[data-v-7d3037ec]{width:20px;height:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:2px solid #333;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.pre-view-phone .mini-app-navbar .home-dot[data-v-7d3037ec]{width:6px;height:6px;background:#333;border-radius:50%}.pre-view-phone .pre-view-model[data-v-7d3037ec]{height:667px;overflow:auto;scrollbar-width:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}