.icon-view[data-v-63ced172]{align-items:center;color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;justify-items:flex-end;margin-left:2px;width:-moz-fit-content;width:fit-content}.design-more-popper.el-popover{background-color:#000;border-color:#000;color:#fff;font-size:12px;padding:8px}.design-more-popper.el-popover .popper__arrow:after{border-top-color:#000!important;bottom:0!important}.message-box-dialog{margin-top:calc(50vh - 78px)!important}.message-box-dialog.el-dialog{border-radius:4px}.message-box-dialog.el-dialog .el-dialog__header{display:none}.message-box-dialog.el-dialog .el-dialog__body{padding:24px 24px 0}.message-box-dialog.el-dialog .el-dialog__body .title-container{align-items:flex-start;display:flex;justify-content:flex-start;position:relative}.message-box-dialog.el-dialog .el-dialog__body .title-container .close-icon{color:#899099;cursor:pointer;position:absolute;right:-14px;top:-14px}.message-box-dialog.el-dialog .el-dialog__body .title-container .tip-icon{color:#f84527!important;flex-shrink:0}.message-box-dialog.el-dialog .el-dialog__body .title-container .right{margin-left:12px}.message-box-dialog.el-dialog .el-dialog__body .title-container .right .title{color:var(--text-color-main);font-size:16px;margin-bottom:12px}.message-box-dialog.el-dialog .el-dialog__body .title-container .right .content{color:#626573}.message-box-dialog.el-dialog .el-dialog__footer{padding:20px 24px 24px}.message-box-dialog.el-dialog .el-dialog__footer .submit-btn{background-color:#f84527;border-color:#f84527}.el-skeleton[data-v-912aeeca]{line-height:0}.skeleton-template-parent[data-v-912aeeca]{align-items:center;display:flex;height:233px;justify-content:center;width:288px}.skeleton-template-parent .skeleton-image[data-v-912aeeca]{background:url(/ssr/img/placeholder.eded8dd.png) no-repeat 50% #fff;background-size:contain;border-radius:8px;height:120px;width:120px}.skeleton-template-child[data-v-912aeeca]{border-radius:2px;display:block;margin-top:8px;width:288px}.skeleton-template-child.template-one[data-v-912aeeca]{height:22px!important}.skeleton-template-child.template-two[data-v-912aeeca]{height:20px!important}.skeleton-template-child.template-three[data-v-912aeeca]{height:17px!important}.container[data-v-912aeeca]{--share-right-hover:82px;background:#fff;border:1px solid #e0e6ea;border-radius:8px;display:flex;flex-direction:column;height:367px;margin-bottom:16px;margin-right:16px;overflow:hidden;padding:12px 12px 0;position:relative;width:-moz-fit-content;width:fit-content}.container .thumbnail-img[data-v-912aeeca]{border-radius:8px;height:288px;width:288px}.container .design-tag[data-v-912aeeca]{border-radius:4px;font-size:14px;left:12px;padding:2px 4px;position:absolute;top:12px;z-index:1}.container .design-tag.template-tag[data-v-912aeeca]{background:#fcf3e8;color:#fb9208}.container .design-tag.free-tag[data-v-912aeeca]{background:#e7f4fd;color:#1095ec}.container .tool-icon[data-v-912aeeca]{align-items:center;border-radius:4px;color:#54626c;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;position:absolute;right:22px;top:12px;visibility:hidden;width:54px;z-index:1}.container .tool-icon.tool-icon-source[data-v-912aeeca]{right:142px}.container .tool-icon.tool-icon-share[data-v-912aeeca]{visibility:visible}.container .tool-icon .actions-btn[data-v-912aeeca]{height:18px;width:18px}.container .tool-icon[data-v-912aeeca]:hover{color:var(--color-primary)}.container .more-icon[data-v-912aeeca]{cursor:pointer;position:absolute;right:22px;top:14px;visibility:hidden;z-index:2}.container .more-icon .more-trigger[data-v-912aeeca]{align-items:center;color:#54626c;display:flex;font-size:14px}.container .more-icon .more-trigger.is-active[data-v-912aeeca]{color:var(--color-primary)}.container .more-icon .more-bridge[data-v-912aeeca]{height:9px;position:absolute;right:0;top:17px;width:100%}.container .more-icon .more-action[data-v-912aeeca]{background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);min-width:78px;position:absolute;right:0;top:26px;z-index:3}.container .more-icon .more-action .more-action-item[data-v-912aeeca]{align-items:center;color:#54626c;cursor:pointer;display:flex;font-size:14px;padding:6px 12px;white-space:nowrap}.container .more-icon .more-action .more-action-item[data-v-912aeeca]:hover{background:#f2f3f5;color:var(--color-primary)}.container .copy-popover-anchor[data-v-912aeeca]{height:25px;pointer-events:none;position:absolute;right:82px;top:12px;width:54px;z-index:0}.container[data-v-912aeeca] .item-info{bottom:-36px;position:absolute;transition:bottom .5s;width:288px}.container[data-v-912aeeca] .item-info.template-item-info{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 20%);padding-top:12px}.container[data-v-912aeeca] .item-info .draft-name-box{align-items:center;display:flex;margin-bottom:8px}.container[data-v-912aeeca] .item-info .title{color:#161a1c;font-size:14px;font-weight:500;line-height:20px}.container[data-v-912aeeca] .item-info .price-number{align-items:baseline;color:#f84526;display:flex;margin-bottom:8px}.container[data-v-912aeeca] .item-info .update-box{align-items:center;color:#859099;display:flex;font-size:12px;justify-content:space-between;line-height:17px;margin-bottom:12px;width:100%}.container[data-v-912aeeca] .item-info .edit-icon{cursor:pointer;display:none;flex-shrink:0;height:16px;width:16px}.container[data-v-912aeeca] .item-info .btn-group{align-items:center;display:flex;gap:10px}.container[data-v-912aeeca] .item-info .btn-group>span{flex:1}.container[data-v-912aeeca] .item-info .btn-group .default-btn{flex:1;height:32px;line-height:32px;padding:0;text-align:center;width:100%}.container[data-v-912aeeca] .item-info .btn-group .design-btn{background-color:var(--color-primary);border-color:var(--color-primary)}.container[data-v-912aeeca] .item-info .btn-group .order-btn{background-color:#fff;border-color:var(--color-primary);color:var(--color-primary)}.container.isActive[data-v-912aeeca] .tool-icon.tool-icon-share,.container.isShowMoreAction[data-v-912aeeca] .tool-icon.tool-icon-share,.container[data-v-912aeeca]:hover .tool-icon.tool-icon-share{right:var(--share-right-hover)}.container.isActive[data-v-912aeeca] .more-icon,.container.isActive[data-v-912aeeca] .tool-icon,.container.isShowMoreAction[data-v-912aeeca] .more-icon,.container.isShowMoreAction[data-v-912aeeca] .tool-icon,.container[data-v-912aeeca]:hover .more-icon,.container[data-v-912aeeca]:hover .tool-icon{visibility:visible}.container.isActive[data-v-912aeeca] .title,.container.isShowMoreAction[data-v-912aeeca] .title,.container[data-v-912aeeca]:hover .title{color:var(--color-primary)}.container.isActive[data-v-912aeeca] .edit-icon,.container.isShowMoreAction[data-v-912aeeca] .edit-icon,.container[data-v-912aeeca]:hover .edit-icon{display:block}.container.isActive[data-v-912aeeca] .item-info,.container.isShowMoreAction[data-v-912aeeca] .item-info,.container[data-v-912aeeca]:hover .item-info{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 20%);bottom:12px;padding-top:32px}.container.isActive[data-v-912aeeca]{filter:drop-shadow(0 0 12px rgba(0,0,0,.12));z-index:2}@media screen and (min-width:1530px)and (max-width:1680px){.skeleton-template-parent[data-v-912aeeca]{height:154px;width:211px}.skeleton-template-child[data-v-912aeeca]{width:211px}.container[data-v-912aeeca]{--share-right-hover:79px;height:289px}.container .tool-icon[data-v-912aeeca]{right:17px}.container .thumbnail-img[data-v-912aeeca]{height:211px;width:211px}.container[data-v-912aeeca] .item-info{width:211px}}@media screen and (max-width:1529px){.skeleton-template-parent[data-v-912aeeca]{height:127px;width:184px}.skeleton-template-child[data-v-912aeeca]{width:184px}.container[data-v-912aeeca]{--share-right-hover:72px;height:263px}.container .tool-icon[data-v-912aeeca]{right:17px}.container .thumbnail-img[data-v-912aeeca]{height:184px;width:184px}.container[data-v-912aeeca] .item-info{width:184px}}.order-version-popper.el-popover{color:#000;font-size:12px;padding:8px;z-index:11!important}.order-version-popper.el-popover .popper-btn-group .el-button{padding:3px 8px}.view-more-btn[data-v-897a3030]{display:flex;justify-content:center;padding:0 0 8px}.view-more-btn .more-btn[data-v-897a3030]{color:#161a1c;cursor:pointer;font-size:12px}.view-more-btn .more-btn[data-v-897a3030]:hover{color:var(--color-primary)}.empty-box[data-v-0685a929]{align-items:center;display:flex;flex:1;flex-direction:column}.empty-box .empty-img[data-v-0685a929]{background:url(/ssr/img/no_data.ed13528.png) no-repeat 50%;background-size:contain;height:300px;width:300px}.empty-box .empty-tip[data-v-0685a929]{color:#666;font-size:14px}.empty-box .design-link[data-v-0685a929]{color:var(--color-primary);-webkit-text-decoration:underline;text-decoration:underline}.open-source-tip-dialog{border-radius:8px;margin-top:calc(50vh - 81px)!important}.open-source-tip-dialog .el-dialog__header{padding:20px 24px 12px}.open-source-tip-dialog .el-dialog__body{padding:0 24px}.open-source-tip-dialog .el-dialog__footer{padding:16px 24px 20px}.my-design-page[data-v-882efbb6]{background:#f7f8fa;display:flex;height:100%;padding:16px 30px}.my-design-page .sidebar[data-v-882efbb6]{background:#fff;border-radius:8px;flex-shrink:0;overflow:hidden;width:168px}.my-design-page .sidebar .sidebar-item[data-v-882efbb6]{align-items:center;color:#161a1c;cursor:pointer;display:flex;font-size:14px;padding:16px}.my-design-page .sidebar .sidebar-item .sidebar-icon[data-v-882efbb6]{height:20px;margin-right:8px;width:20px}.my-design-page .sidebar .sidebar-item.active[data-v-882efbb6]{background:#e7f4fd;color:var(--color-primary)}.my-design-page .main-content[data-v-882efbb6]{flex:1;padding-left:12px}.my-design-page .main-content .section-block[data-v-882efbb6]{background:#fff;border-radius:8px;padding:16px 0 24px 16px}.my-design-page .main-content .section-block .section-title[data-v-882efbb6]{align-items:center;color:#161a1c;display:flex;font-size:14px;font-weight:500}.my-design-page .main-content .section-block .section-title .header-line[data-v-882efbb6]{background-color:var(--color-primary);display:inline-block;height:18px;margin-right:8px;width:3px}.my-design-page .main-content .new-project-box[data-v-882efbb6]{align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#0f95ec;cursor:pointer;display:flex;padding:20px 12px;-webkit-text-decoration:none;text-decoration:none;width:-moz-fit-content;width:fit-content}.my-design-page .main-content .new-project-box[data-v-882efbb6]:hover{background:rgba(15,149,236,.05);border-color:#0f95ec}.my-design-page .main-content .new-project-box .new-icon[data-v-882efbb6]{height:32px;width:32px}.my-design-page .main-content .new-project-box .new-text[data-v-882efbb6]{color:#161a1c;display:inline-block;margin:0 8px;padding-right:130px}.my-design-page .main-content .recently-opened-list[data-v-882efbb6]{display:flex;flex-wrap:wrap}.my-design-page .main-content .recently-empty.empty-box[data-v-882efbb6]{padding-bottom:122px}.my-design-page .main-content .all-design-section[data-v-882efbb6]{background:#fff;border-radius:8px;flex:1}.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6]{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2px;padding:16px 24px 16px 18px;position:sticky;top:66px;z-index:10}.my-design-page .main-content .all-design-section .search-content .tab-filter .tab-item[data-v-882efbb6]{border-bottom:2px solid transparent;color:#222;cursor:pointer;display:inline-block;font-size:14px;padding:6px 2px;transition:all .2s}.my-design-page .main-content .all-design-section .search-content .tab-filter .tab-item[data-v-882efbb6]:hover{color:var(--color-primary)}.my-design-page .main-content .all-design-section .search-content .tab-filter .tab-item.filter-active[data-v-882efbb6]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.my-design-page .main-content .all-design-section .search-content .tab-filter .tab-item+.tab-item[data-v-882efbb6]{margin-left:24px}.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box{width:200px}.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box .el-input__inner{height:36px;line-height:36px;padding-left:36px}.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box .el-input__prefix,.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box .el-input__suffix{color:#999;cursor:pointer;height:16px;line-height:16px;top:10px}.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box .el-input__prefix .svg-icon,.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box .el-input__suffix .svg-icon{height:16px;width:16px}.my-design-page .main-content .all-design-section .search-content[data-v-882efbb6] .input-box .el-input__prefix{left:12px}.my-design-page .main-content .all-design-section .design-content-wrapper[data-v-882efbb6]{padding-left:18px}.my-design-page .main-content .all-design-section .design-content-wrapper .design-list[data-v-882efbb6]{display:flex;flex-wrap:wrap}.my-design-page .main-content .all-design-section .design-content-wrapper .all-design-empty.empty-box[data-v-882efbb6]{padding:194px 0}.my-design-page .main-content .all-design-section .design-content-wrapper .loading-more[data-v-882efbb6]{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.my-design-page .main-content .all-design-section .design-content-wrapper .loading-more .tip[data-v-882efbb6]{color:#b9bbbf;font-size:12px;margin-left:10px}.my-design-page .main-content .all-design-section .design-content-wrapper .load-more-trigger[data-v-882efbb6]{height:1px}.copy-toast[data-v-882efbb6]{background:rgba(0,0,0,.6);border-radius:4px;color:#fff;font-size:12px;font-weight:400;line-height:18px;padding:8px 16px;pointer-events:none;position:fixed;transform:translate(-50%,-100%);white-space:nowrap;z-index:9999}