.d3studiox-panel-product-item{align-items:center;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;line-height:20px;overflow:hidden;pointer-events:auto;position:relative}.d3studiox-panel-product-item .product-item-img{background-color:#f5f5f5;border-radius:4px;overflow:hidden;padding-bottom:calc(100% - 2px);position:relative;width:100%}.d3studiox-panel-product-item .product-item-img>img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 0;object-position:50% 0;position:absolute;top:0;transition:all .4s ease-in-out;width:100%}.d3studiox-panel-product-item .product-item-status{background:rgba(0,0,0,.36);cursor:not-allowed;display:flex;flex-direction:column;height:100%;justify-content:end;left:0;padding:4px;position:absolute;top:0;width:100%;z-index:1}.d3studiox-panel-product-item .product-item-status .product-item-status-tip{color:#fff;font-size:12px;text-align:center}.d3studiox-panel-product-item .product-item-name{align-items:flex-start;display:flex;flex-direction:row;width:100%}.d3studiox-panel-product-item .product-item-name .custom-person{cursor:pointer;margin-left:8px;width:20px}.d3studiox-panel-product-item .list-item-add{align-items:center;background-color:#0006;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:16px;justify-content:center;position:absolute;right:4px;top:4px;transition:opacity .15s;width:16px}.d3studiox-panel-product-item .list-item-add:hover{background-color:#0009}.d3studiox-panel-product-item .product-item-operate{display:none;gap:16px;position:absolute;right:12px;top:12px;z-index:2}.d3studiox-panel-product-item .product-item-operate .operate-item{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:32px;justify-content:center;width:32px}.d3studiox-panel-product-item:hover .product-item-img>img{transform:scale(1.05)}.d3studiox-panel-product-item:hover .list-item-badge{display:block}.d3studiox-panel-product-item:hover .product-item-operate{display:flex}.d3studiox-panel-product-list{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden;position:relative}.d3studiox-panel-product-list .components-empty{top:160px}.d3studiox-panel-product-list .product-scroll{height:100%;overflow-y:auto;position:relative}.d3studiox-panel-product-list .product-page-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:40px}.d3studiox-panel-product-list .product-add .product-add-button{letter-spacing:-.5px;position:relative;text-align:center}.d3studiox-panel-product-list .product-add .product-add-button>div{align-items:center;background-color:#f4f5fa;border-radius:4px;color:var(--text-color-main);cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.d3studiox-create-modal{border-radius:8px;bottom:8px;box-shadow:0 12px 32px #0000000a;display:flex;overflow:hidden;position:absolute;right:8px;top:60px}.d3studiox-create-modal .style-next-tips-panel-button{margin-right:36px}.d3studiox-create-modal .d3studiox-create-modal-close{align-items:center;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease-out;width:22px;z-index:10}.d3studiox-create-modal .d3studiox-create-modal-close:hover{color:#000}.components-drag-upload-modal .ant-modal-body{padding:0;position:relative}.components-drag-upload-modal .ant-input{background-color:#f4f5fa!important;border:none;padding:6px 12px}.components-drag-upload-modal .ant-btn-loading-icon{display:inline-flex}.components-drag-upload-modal .components-drag-upload{padding:24px}.components-drag-upload-modal .components-drag-upload-label{align-items:center;background-color:#f4f5fa;border:1px dashed #ccd6ff;border-radius:2px;cursor:pointer;display:flex;height:297px;justify-content:center;padding:16px;position:relative}.components-drag-upload-modal .components-drag-upload-label .drag-upload-mask{background-color:#fef3c866;border-radius:2px;inset:0;pointer-events:none;position:absolute}.components-drag-upload-modal .components-drag-upload-label .drag-upload-progress{margin-bottom:16px}.components-drag-upload-modal .components-drag-upload-label .drag-upload-progress .ant-progress-text{color:#9093a5;font-size:14px}.components-drag-upload-modal .components-drag-upload-label .drag-upload-progress .ant-progress-status-success .ant-progress-text{color:#0032ff;font-size:20px}.components-drag-upload-modal .components-drag-upload-label .drag-upload-progress-tip{color:#000;font-size:12px;margin-top:12px;text-align:center}.components-drag-upload-modal .components-drag-upload-label input[type=file]{display:none}.components-drag-upload-modal .components-drag-upload-label .drag-upload-label{align-items:center;display:flex;flex-direction:column;font-size:12px;justify-content:center;pointer-events:none;text-align:center}.components-drag-upload-modal .components-drag-upload-label .drag-upload-label .drag-upload-icon{align-items:center;background-color:#0032ff;background:linear-gradient(90deg,#0032ff -17.51%,#7d71ff 108.12%);border-radius:50%;color:#fff;display:flex;height:52px;justify-content:center;margin-bottom:16px;width:52px}.components-drag-upload-modal .components-drag-upload-label .drag-upload-label .drag-upload-title{color:#000;font-size:14px;margin-bottom:8px}.components-drag-upload-modal .components-drag-upload-label .drag-upload-label .drag-upload-tip{color:#9093a5}.components-drag-upload-modal .drag-upload-form{max-height:80vh;overflow-y:auto;padding:24px}.components-drag-upload-modal .comp-upload{aspect-ratio:unset;background-color:#f4f5fa;border:none;height:160px;width:120px}.components-drag-upload-modal .comp-upload .upload-inner{padding:4px}.components-drag-upload-modal .comp-upload .placeholder-box{align-items:center;color:#9093a5;display:flex;flex-direction:column;font-size:12px;gap:12px}.components-drag-upload-modal .comp-upload .placeholder-box .components-icon{color:#000}.components-drag-upload-modal .upload-progress-wrapper{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0000000d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.components-drag-upload-modal .upload-progress-bd{align-items:center;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;font-size:12px;height:227px;justify-content:center;pointer-events:none;text-align:center;width:226px}.components-drag-upload-modal .upload-progress-bd .upload-progress{margin-bottom:16px}.components-drag-upload-modal .upload-progress-bd .upload-progress .ant-progress-text{color:#9093a5;font-size:14px}.components-drag-upload-modal .upload-progress-bd .upload-progress .ant-progress-status-success .ant-progress-text{color:#0032ff;font-size:20px}.components-drag-upload-modal .upload-progress-bd .upload-progress-title{color:#000;font-size:14px;margin-bottom:8px}.components-drag-upload-modal .upload-progress-bd .upload-progress-tip{color:#9093a5}.components-drag-upload-modal .model-upload-info{color:#9093a5;font-size:12px;margin-bottom:4px}.components-drag-upload-modal .model-file-upload{align-items:center;background-color:#f4f5fa;border:1px dashed #ccd6ff;border-radius:2px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:8px;position:relative;width:100%}.components-drag-upload-modal .model-file-upload .model-file-upload-label{color:#9093a5;font-size:12px}.components-drag-upload-modal .model-file-upload .model-file-upload-mask{background-color:#fef3c866;border-radius:2px;inset:0;pointer-events:none;position:absolute}.components-drag-upload-modal .model-file-list{align-items:center;display:flex;flex-direction:column;gap:8px}.components-drag-upload-modal .model-file-list .model-file-item{align-items:center;background-color:#f4f5fa;border-radius:4px;display:flex;gap:8px;height:40px;padding:0 12px;width:100%}.components-drag-upload-modal .model-file-list .model-file-item .file-icon{align-items:center;color:#666;display:flex;height:20px;justify-content:center}.components-drag-upload-modal .model-file-list .model-file-item .file-icon>img{height:100%}.components-drag-upload-modal .model-file-list .model-file-item .file-name{color:#9093a5;flex:1;font-size:12px;overflow:hidden}.components-drag-upload-modal .model-file-list .model-file-item .file-delete{color:#9093a5;cursor:pointer;display:flex;transition:all .3s}.components-drag-upload-modal .model-file-list .model-file-item .file-delete:hover{color:#000}.components-drag-upload-modal input[type=file]{display:none}.d3studiox-panel{border-radius:8px;display:flex;flex-direction:column;height:100%}.d3studiox-panel-header{align-items:center;color:#000;display:flex;font-size:38px;font-weight:400;justify-content:space-between;padding:32px 40px 24px}.d3studiox-panel-header .components-icon{color:#999;cursor:pointer}.d3studiox-panel-header .ant-btn{align-items:center;display:flex;gap:4px;justify-content:center;line-height:1}.d3studiox-panel-header .ant-btn .components-icon{color:#000}.d3studiox-panel-header .ant-btn.ant-btn-primary .components-icon{color:#fff}.d3studiox-panel-header .d3studiox-panel-operate{align-items:center;display:flex;gap:12px;justify-self:center}.d3studiox-panel-total{color:#000;font-size:14px;padding:0 40px 26px}.d3studiox-panel-bd{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.d3studiox-panel-bd.p-t-none .product-page-list{padding-top:0}.custom-confirm-modal .ant-modal-confirm .ant-modal-content{padding:0}.custom-confirm-modal .ant-modal-confirm .ant-modal-confirm-body{align-items:normal;flex-direction:column}.custom-confirm-modal .ant-modal-confirm .ant-modal-confirm-body .anticon{display:none}.custom-confirm-modal .ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title{border-bottom:1px solid #f0f0f0;line-height:60px;padding:0 24px}.custom-confirm-modal .ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content{max-width:100%;padding:0 24px}.custom-confirm-modal .ant-modal-confirm .ant-modal-confirm-btns{border-top:1px solid #f0f0f0;padding:12px 24px}.d3studiox-container{display:flex;height:100%;position:relative;width:100%}.d3studiox-container .d3studiox-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.d3studiox-page[data-v-5e8df129]{background-color:#fff;background:linear-gradient(to top right,#fff,#fff,#fff 80%,#f5fbff,#f4f1fe);height:100vh;overflow:hidden;width:100%}.d3studiox-page[data-v-5e8df129] .product-scroll{padding-top:52px}