.page-header[data-v-df39a88a]{height:56px;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex:none}.page-header .header-left[data-v-df39a88a]{display:flex;align-items:center;min-width:0;font-size:16px;color:#333}.page-header .header-left .back-btn[data-v-df39a88a]{display:inline-flex;align-items:center;height:32px;margin:0 12px 0 0;padding:0;border:0;background:transparent;color:#606266;font-size:14px;line-height:1;cursor:pointer}.page-header .header-left .back-btn i[data-v-df39a88a]{margin-right:2px;font-size:14px}.page-header .header-left .back-btn[data-v-df39a88a]:after{content:"";display:inline-block;width:1px;height:14px;margin-left:12px;background:#dcdfe6}.page-header .header-left .back-btn[data-v-df39a88a]:hover{color:#07c160}.page-header .header-left .label[data-v-df39a88a]{font-weight:500}.page-header .header-left .label[data-v-df39a88a],.page-header .header-left .theme-name[data-v-df39a88a]{white-space:nowrap}.page-header .header-left .theme-name[data-v-df39a88a]{font-weight:500;margin-right:10px;overflow:hidden;text-overflow:ellipsis;max-width:160px}.page-header .header-left .edit-icon[data-v-df39a88a]{cursor:pointer;color:#999;flex:none}.page-header .header-left .edit-icon[data-v-df39a88a]:hover{color:var(--prev-color-primary)}.page-header .header-right[data-v-df39a88a]{display:flex;align-items:center;flex:none;margin-left:16px}.page-header .header-logout[data-v-df39a88a]{flex:none;margin-left:0;font-size:18px;color:#606266;cursor:pointer}.page-header .header-logout[data-v-df39a88a]:hover{color:#07c160}.data-loading[data-v-19034769]{position:relative}[data-v-19034769] .el-loading-mask{background-color:hsla(0,0%,100%,.9)}[data-v-19034769] .el-loading-spinner{top:50%;margin-top:0;transform:translateY(-50%)}[data-v-19034769] .el-loading-spinner .circular{width:42px;height:42px}[data-v-19034769] .el-loading-spinner .path{stroke:#07c160}.fade-transform-enter-active[data-v-040c68da],.fade-transform-leave-active[data-v-040c68da]{transition:all .5s}.fade-transform-enter[data-v-040c68da]{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to[data-v-040c68da]{opacity:0;transform:translateX(30px)}.style-config-container[data-v-040c68da]{display:flex;height:100%}.style-config-container .config-panel[data-v-040c68da]{background:#fff;padding:35px 40px;border-right:1px solid #eee}.style-config-container .config-panel[data-v-040c68da] .el-color-picker__trigger{border:none}.style-config-container .config-panel .panel-header[data-v-040c68da]{display:flex;align-items:center;margin-bottom:30px}.style-config-container .config-panel .panel-header[data-v-040c68da] .el-button{font-size:14px;padding-left:0!important}.style-config-container .config-panel .panel-header .title[data-v-040c68da]{font-size:16px;font-weight:500;margin-right:10px}.style-config-container .config-panel .panel-header .restore-btn[data-v-040c68da]{margin-left:auto;cursor:pointer;color:#666;font-size:14px}.style-config-container .config-panel .panel-header .restore-btn[data-v-040c68da]:hover{color:var(--prev-color-primary)}.style-config-container .config-panel .config-body[data-v-040c68da]{display:flex;background:#fafafa;border-radius:8px 8px 8px 8px;padding:20px 50px 20px 20px}.style-config-container .config-panel .config-body .config-item[data-v-040c68da]{margin-bottom:25px;display:flex;align-items:center}.style-config-container .config-panel .config-body .config-item .label[data-v-040c68da]{width:80px;color:#666}.style-config-container .config-panel .config-body .config-item .color-picker-row[data-v-040c68da]{display:flex;align-items:center}.style-config-container .config-panel .config-body .config-item .color-picker-row .color-value[data-v-040c68da]{margin-left:10px;color:#333}.style-config-container .config-panel .config-body .config-item[data-v-040c68da]:last-child{margin-bottom:0}.style-config-container .preview-panel[data-v-040c68da]{flex:1;background:#fff;padding:40px;display:flex;flex-direction:column}.style-config-container .preview-panel .preview-title[data-v-040c68da]{font-size:14px;margin-bottom:20px}.style-config-container .preview-panel .preview-list[data-v-040c68da]{display:flex;gap:30px;overflow-y:auto;flex:1}.style-config-container .preview-panel .preview-list .preview-item .phone-mockup[data-v-040c68da]{width:202px;height:-moz-max-content;height:max-content;overflow:hidden;position:relative}.style-config-container .preview-panel .preview-list .preview-item .phone-mockup .buy-btn[data-v-040c68da]{position:absolute;bottom:24px;right:7px;display:flex}.style-config-container .preview-panel .preview-list .preview-item .phone-mockup .buy-btn .btn[data-v-040c68da]{padding:4px 11px;border-radius:5px;color:#fff;font-size:8px}.style-config-container .preview-panel .preview-list .preview-item .phone-mockup .buy-btn .btn-outline[data-v-040c68da]{border-radius:20px 0 0 20px}.style-config-container .preview-panel .preview-list .preview-item .phone-mockup .buy-btn .btn-primary[data-v-040c68da]{border-radius:0 20px 20px 0}.style-config-container .preview-panel .preview-list .preview-item .phone-mockup img[data-v-040c68da]{width:100%;height:100%;border-radius:20px;-o-object-fit:cover;object-fit:cover}.style-config-container[data-v-040c68da] .theme-dialog{border-radius:8px;overflow:hidden;margin-top:50px!important;margin-bottom:50px!important;width:calc(100vw - 140px)!important;height:calc(100vh - 100px)!important;margin-left:70px!important;margin-right:70px!important}.style-config-container[data-v-040c68da] .theme-dialog .el-dialog__header{border-bottom:1px solid #f0f0f0;padding:0 20px!important}[data-v-040c68da] .el-dialog__body{max-height:-moz-max-content;max-height:max-content;padding:0!important;overflow-y:auto}.dialog-header[data-v-040c68da]{display:flex;justify-content:space-between;align-items:center;width:100%}.dialog-header .dialog-header-tabs[data-v-040c68da]{background:#fff}.dialog-header .dialog-header-tabs .tabs[data-v-040c68da]{display:flex;align-items:center}.dialog-header .dialog-header-tabs .tabs .title[data-v-040c68da]{font-size:14px;line-height:22px;font-weight:500;color:#333;cursor:pointer;position:relative}.dialog-header .dialog-header-tabs .tabs .theme-in[data-v-040c68da]{height:12px;margin-left:20px;cursor:pointer}.dialog-header .dialog-header-tabs .tabs .title-icon[data-v-040c68da]{display:inline-flex;align-items:center;height:28px;margin-left:16px;padding:0 12px;border:1px solid #07c160;border-radius:4px;color:#07c160;font-size:13px;line-height:1;cursor:pointer}.dialog-header .dialog-header-tabs .tabs .title-icon[data-v-040c68da]:hover{background:#07c160;color:#fff}.dialog-content[data-v-040c68da]{display:flex;flex-direction:column;height:calc(100% - 20px);background-color:#fff}.dialog-content .content-wrapper[data-v-040c68da]{flex:1;display:flex;overflow:hidden}.dialog-content .content-wrapper .main-content[data-v-040c68da]{flex:1;padding:20px;display:flex;flex-direction:column;overflow:hidden;background:#fff}.dialog-content .content-wrapper .main-content .filters-header[data-v-040c68da]{display:flex;align-items:center;margin-bottom:20px}.dialog-content .content-wrapper .main-content .filters-header .search-box[data-v-040c68da]{width:300px}.dialog-content .content-wrapper .main-content .theme-grid[data-v-040c68da]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;overflow-y:auto;padding-right:5px;flex:1}.dialog-content .content-wrapper .main-content .theme-grid .theme-item[data-v-040c68da]{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0;transition:all .3s;display:flex;flex-direction:column}.dialog-content .content-wrapper .main-content .theme-grid .theme-item[data-v-040c68da]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.dialog-content .content-wrapper .main-content .theme-grid .theme-item:hover .theme-info .default-info[data-v-040c68da]{transform:translateY(-10px)}.dialog-content .content-wrapper .main-content .theme-grid .theme-item:hover .theme-info .hover-actions[data-v-040c68da]{opacity:1;visibility:visible;transform:translateY(0)}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover[data-v-040c68da]{position:relative;height:240px;overflow:hidden;display:flex;justify-content:center;align-items:center}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover .phone-preview[data-v-040c68da]{width:140px;height:100%;overflow:hidden;padding:20px 0}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-cover .phone-preview img[data-v-040c68da]{width:100%;border-radius:10px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info[data-v-040c68da]{padding:12px;display:flex;align-items:center;justify-content:center;position:relative;background:#fff}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .default-info[data-v-040c68da]{display:flex;align-items:center;justify-content:space-between;width:100%;transition:all .3s}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .theme-title[data-v-040c68da]{font-size:14px;color:#333;font-weight:500}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .color-dots[data-v-040c68da]{display:flex;gap:4px}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .color-dots .dot[data-v-040c68da]{width:16px;height:16px;border-radius:50%;display:inline-block}.dialog-content .content-wrapper .main-content .theme-grid .theme-item .theme-info .hover-actions[data-v-040c68da]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:0;background:#fff;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:2}.dialog-content .content-wrapper .main-content .pagination-wrapper[data-v-040c68da]{margin-top:20px;display:flex;justify-content:flex-end}.detail-header[data-v-040c68da]{display:flex;justify-content:space-between;align-items:center;padding:0;background:#fff}.detail-header .left-action[data-v-040c68da]{display:flex;align-items:center;gap:15px}.detail-header .left-action .back-btn[data-v-040c68da]{cursor:pointer;color:#666;font-size:14px;display:flex;align-items:center}.detail-header .left-action .back-btn[data-v-040c68da]:hover{color:var(--prev-color-primary)}.detail-header .left-action .back-btn i[data-v-040c68da]{margin-right:4px}.detail-header .left-action .vertical-line[data-v-040c68da]{width:1px;height:16px;background:#e8e8e8}.detail-header .left-action .detail-title[data-v-040c68da]{font-size:16px;font-weight:700;color:#333}.detail-content[data-v-040c68da]{display:flex;flex-direction:column;height:100%;background:#fff}.detail-content .detail-body[data-v-040c68da]{flex:1;overflow-y:auto;padding:20px}.detail-content .detail-body .detail-top[data-v-040c68da]{display:flex;background:#fff;border-radius:8px;padding:30px;margin-bottom:20px}.detail-content .detail-body .detail-top .detail-preview-main[data-v-040c68da]{width:220px;margin-right:24px;flex-shrink:0}.detail-content .detail-body .detail-top .detail-preview-main .phone-mockup-main[data-v-040c68da]{width:100%;height:380px;border-radius:20px;overflow:hidden;border:1px solid #eee}.detail-content .detail-body .detail-top .detail-preview-main .phone-mockup-main img[data-v-040c68da]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-content .detail-body .detail-top .detail-info-box[data-v-040c68da]{flex:1;padding-top:20px}.detail-content .detail-body .detail-top .detail-info-box .info-title[data-v-040c68da]{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.detail-content .detail-body .detail-top .detail-info-box .info-desc[data-v-040c68da]{font-size:14px;color:#666;line-height:1.8;margin-bottom:40px;max-width:600px}.detail-content .detail-body .detail-top .detail-info-box .info-colors[data-v-040c68da]{margin-bottom:40px}.detail-content .detail-body .detail-top .detail-info-box .info-colors .color-row[data-v-040c68da]{display:flex;align-items:center;margin-bottom:15px}.detail-content .detail-body .detail-top .detail-info-box .info-colors .color-row .label[data-v-040c68da]{width:70px;color:#999;font-size:14px}.detail-content .detail-body .detail-top .detail-info-box .info-colors .color-row .color-block[data-v-040c68da]{display:flex;align-items:center;background:#f5f7fa;padding:5px 15px 5px 5px;border-radius:4px}.detail-content .detail-body .detail-top .detail-info-box .info-colors .color-row .color-block .dot[data-v-040c68da]{width:24px;height:24px;border-radius:4px;margin-right:10px}.detail-content .detail-body .detail-top .detail-info-box .info-colors .color-row .color-block .value[data-v-040c68da]{font-size:14px;color:#333;font-family:Monaco,monospace}.detail-content .detail-body .detail-top .detail-info-box .info-btn .el-button[data-v-040c68da]{width:120px;height:40px}.detail-content .detail-body .detail-images-section[data-v-040c68da]{background:#fff;border-radius:8px;padding:30px}.detail-content .detail-body .detail-images-section .section-title[data-v-040c68da]{font-size:18px;font-weight:700;color:#333;margin-bottom:25px;padding-left:10px;border-left:4px solid var(--prev-color-primary);line-height:1}.detail-content .detail-body .detail-images-section .images-list[data-v-040c68da]{display:flex;gap:40px;overflow-x:auto;padding-bottom:20px}.detail-content .detail-body .detail-images-section .images-list .image-item[data-v-040c68da]{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup[data-v-040c68da]{width:240px;height:-moz-max-content;height:max-content;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);position:relative;transition:transform .3s;border:1px solid #eee}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup[data-v-040c68da]:hover{transform:translateY(-5px)}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .buy-btn[data-v-040c68da]{position:absolute;bottom:28px;right:9px;display:flex}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .buy-btn .btn[data-v-040c68da]{padding:5px 10px;border-radius:5px;color:#fff;font-size:10px}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .buy-btn .btn-outline[data-v-040c68da]{border-radius:20px 0 0 20px}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup .buy-btn .btn-primary[data-v-040c68da]{border-radius:0 20px 20px 0}.detail-content .detail-body .detail-images-section .images-list .image-item .phone-mockup img[data-v-040c68da]{width:100%;display:block}.detail-content .detail-body .detail-images-section .images-list .image-item .page-name[data-v-040c68da]{margin-top:15px;font-size:14px;color:#666}.home-editor[data-v-7b0998d6]{height:100%}[data-v-7b0998d6] .i-layout-page-header.header-title{display:none}.goodClass[data-v-2a668c7f]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff}.goodClass .title[data-v-2a668c7f]{font-size:14px;color:rgba(0,0,0,.85);position:relative;padding-left:11px;font-weight:700}.goodClass .title[data-v-2a668c7f]:after{position:absolute;content:" ";width:2px;height:14px;background-color:var(--prev-color-primary);left:0;top:3px}.goodClass .list .item[data-v-2a668c7f]{width:264px;margin:0 30px 0 0;cursor:pointer}.goodClass .list .item .pictrue[data-v-2a668c7f]{width:100%;height:496px;border:1px solid #eee;border-radius:10px}.goodClass .list .item .pictrue img[data-v-2a668c7f]{width:100%;height:100%}.goodClass .list .item .name[data-v-2a668c7f]{font-size:13px;color:rgba(0,0,0,.85);margin-top:16px;text-align:center}.goodClass .list .item.on .pictrue[data-v-2a668c7f]{border:2px solid var(--prev-color-primary)}.goodClass .list .item.on .name[data-v-2a668c7f]{color:var(--prev-color-primary)}.detail-editor[data-v-3cc1d662],.user-editor[data-v-36bd16a0]{height:100%}[data-v-36bd16a0] .i-layout-page-header.header-title{display:none}.el-main{padding:0}.edit-theme-layout[data-v-32181b6c]{display:flex;height:100%;background-color:#fff;overflow:hidden}.edit-theme-layout .layout-main[data-v-32181b6c]{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.edit-theme-layout .layout-main .editor-bar[data-v-32181b6c]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#fff;border-bottom:1px solid #eee;flex:none}.edit-theme-layout .layout-main .editor-actions[data-v-32181b6c]{display:flex;align-items:center;margin-left:auto;flex:none}.edit-theme-layout .layout-main .editor-tabs[data-v-32181b6c]{display:flex;align-items:stretch;height:48px;min-width:0}.edit-theme-layout .layout-main .editor-tab[data-v-32181b6c]{display:flex;align-items:center;margin-right:24px;color:#606266;font-size:14px;cursor:pointer;white-space:nowrap}.edit-theme-layout .layout-main .editor-tab.active[data-v-32181b6c]{color:#07c160;box-shadow:inset 0 -2px 0 #07c160}.edit-theme-layout .layout-main .layout-content[data-v-32181b6c]{flex:1;min-height:0;overflow:hidden;position:relative;background:#fff}.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .detail-editor,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .diy-page,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .el-card,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .el-card__body,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .home-editor,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .user-editor{height:100%}.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .el-card__body{padding:0}.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .diy-wrapper,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .left,.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .left .wrapper{height:100%!important;max-height:100%}.edit-theme-layout .layout-main .layout-content[data-v-32181b6c] .el-loading-spinner .path{stroke:#07c160}