*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f0f2f5}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.app-title{font-size:20px;font-weight:600;color:#1890ff}.app-nav{display:flex;gap:24px}.nav-link{color:#333;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all .3s;font-size:14px}.nav-link.router-link-active,.nav-link:hover{color:#1890ff;background-color:#e6f7ff}.nav-link.router-link-active{font-weight:500}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px}.app-footer{background-color:#fff;padding:20px 0;text-align:center;color:#666;font-size:14px;margin-top:auto}@media (max-width:768px){.header-content{flex-direction:column;height:auto;padding:15px;gap:15px}.app-title{font-size:18px}.app-nav{gap:12px;flex-wrap:wrap;justify-content:center}.nav-link{font-size:13px;padding:6px 12px}.app-main{padding:10px}}.template-select-container[data-v-941713f4]{padding:20px;max-width:1200px;margin:0 auto}.header[data-v-941713f4]{text-align:center;margin-bottom:30px}.header h1[data-v-941713f4]{font-size:28px;margin-bottom:10px}.header p[data-v-941713f4]{color:#666}.filter-section[data-v-941713f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.el-select[data-v-941713f4]{width:300px}.custom-size-input[data-v-941713f4]{display:flex;gap:10px}.custom-size-input .el-input[data-v-941713f4]{width:200px}.template-grid[data-v-941713f4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.template-card[data-v-941713f4]{border:1px solid #e4e4e4;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease}.template-card[data-v-941713f4]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.template-thumbnail[data-v-941713f4]{width:100%;height:180px;overflow:hidden;border-radius:4px;margin-bottom:15px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.template-thumbnail img[data-v-941713f4]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.template-info h3[data-v-941713f4]{font-size:16px;margin-bottom:5px}.template-info p[data-v-941713f4]{color:#666;font-size:14px;margin:3px 0}.category-tag[data-v-941713f4]{background-color:#f0f0f0;padding:2px 8px;border-radius:4px;display:inline-block;margin-top:8px}@media (max-width:768px){.filter-section[data-v-941713f4]{flex-direction:column;align-items:stretch}.custom-size-input .el-input[data-v-941713f4],.el-select[data-v-941713f4]{width:100%}.custom-size-input[data-v-941713f4]{flex-direction:column}}.label-editor-container[data-v-feefe7be]{display:flex;flex-direction:column;height:100vh;padding:20px;box-sizing:border-box;background-color:#f8f9fa;position:relative;overflow:hidden}.editor-header[data-v-feefe7be]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.header-left[data-v-feefe7be]{display:flex;align-items:center;gap:30px}.header-breadcrumb[data-v-feefe7be]{color:#606266;font-size:14px}.header-actions[data-v-feefe7be]{display:flex;gap:15px;align-items:center}.action-group[data-v-feefe7be]{display:flex;gap:5px;padding:0 5px}.toolbar-buttons.row[data-v-feefe7be]{display:flex;flex-direction:column;gap:8px;padding:10px 0;margin-bottom:20px}.shape-library-section[data-v-feefe7be]{border-top:1px solid #ebeef5;padding-top:15px}.shape-library-section h4[data-v-feefe7be]{font-size:14px;font-weight:700;margin-bottom:12px;color:#303133}.shape-categories[data-v-feefe7be]{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;max-height:80px;overflow-y:auto}.shape-category-tag[data-v-feefe7be]{cursor:pointer;transition:all .3s ease}.shape-category-tag[data-v-feefe7be]:hover{opacity:.8}.shape-grid[data-v-feefe7be]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shape-item[data-v-feefe7be]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:1px solid #e4e7ed;border-radius:6px;cursor:pointer;transition:all .3s ease;background-color:#fff}.shape-item.active[data-v-feefe7be],.shape-item[data-v-feefe7be]:hover{border-color:#409eff;color:#409eff;background-color:#ecf5ff}.shape-item i[data-v-feefe7be]{font-size:20px;margin-bottom:5px}.shape-item span[data-v-feefe7be]{font-size:12px;text-align:center}.left-drawer[data-v-feefe7be]{width:260px!important}.el-drawer__body[data-v-feefe7be]{padding:0 16px!important;overflow-y:auto}.editor-content[data-v-feefe7be]{display:flex;flex:1;gap:20px;overflow:hidden}.left-toolbar[data-v-feefe7be]{width:180px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow-y:auto}.toolbar-section[data-v-feefe7be]{margin-bottom:30px}.toolbar-section h4[data-v-feefe7be]{font-size:14px;font-weight:700;margin-bottom:15px;color:#303133;padding-bottom:8px;border-bottom:1px solid #ebeef5}.toolbar-buttons[data-v-feefe7be]{display:flex;flex-direction:column;gap:8px}.toolbar-btn[data-v-feefe7be]{justify-content:flex-start;padding:10px 12px;border-radius:6px;transition:all .3s ease}.toolbar-btn[data-v-feefe7be]:hover{background-color:#f5f7fa}.canvas-wrapper[data-v-feefe7be]{flex:1;min-width:0;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.canvas-header[data-v-feefe7be]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.canvas-size-info[data-v-feefe7be]{font-size:14px;color:#606266}.canvas-zoom-controls[data-v-feefe7be]{display:flex;align-items:center;gap:8px}.zoom-level[data-v-feefe7be]{min-width:50px;text-align:center;font-size:14px;color:#606266}.canvas-container[data-v-feefe7be]{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border:1px dashed #dcdfe6;border-radius:4px;overflow:auto;padding:40px}.right-panel[data-v-feefe7be]{width:280px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow-y:auto}.panel-section[data-v-feefe7be]{margin-bottom:25px;background-color:#fafafa;border-radius:6px;overflow:hidden}.panel-header[data-v-feefe7be]{padding:12px 16px;background-color:#f0f2f5;border-bottom:1px solid #ebeef5}.panel-header h3[data-v-feefe7be]{font-size:14px;font-weight:700;margin:0;color:#303133}.panel-content[data-v-feefe7be]{padding:16px}.panel-section h3[data-v-feefe7be]{font-size:14px;font-weight:700;margin-bottom:15px;color:#333}.mb-2[data-v-feefe7be]{margin-bottom:10px}.ruler[data-v-feefe7be]{position:absolute;background-color:#f0f0f0;border:1px solid #ddd;pointer-events:none;font-size:10px;font-family:Arial,sans-serif;color:#666}.top-ruler[data-v-feefe7be]{height:25px;top:-26px;left:0;align-items:flex-end;padding-bottom:2px}.left-ruler[data-v-feefe7be],.top-ruler[data-v-feefe7be]{border-bottom:1px solid #ccc;border-right:1px solid #ccc;display:flex;box-sizing:border-box}.left-ruler[data-v-feefe7be]{width:30px;left:-31px;top:0;justify-content:flex-end;align-items:center;padding-right:3px}.ruler[data-v-feefe7be]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.ruler-control[data-v-feefe7be]{margin:15px 0;padding:10px 0;border-bottom:1px solid #ebeef5}.pattern-list[data-v-feefe7be]{grid-template-columns:repeat(3,1fr)}.pattern-item[data-v-feefe7be]{border-radius:4px;transition:background-color .3s}.pattern-item[data-v-feefe7be]:hover{background-color:#f0f0f0}.pattern-preview[data-v-feefe7be]{width:60px;height:60px;margin-bottom:5px}.canvas-size-setting[data-v-feefe7be],.grid-control[data-v-feefe7be]{margin:15px 0;padding:10px 0;border-bottom:1px solid #ebeef5}.size-inputs[data-v-feefe7be]{display:flex;justify-content:space-between;margin-bottom:10px}.size-input-group[data-v-feefe7be]{display:flex;flex-direction:column;width:45%}.size-input-group label[data-v-feefe7be]{font-size:13px;color:#606266;margin-bottom:5px}.size-input[data-v-feefe7be]{width:100%;padding:6px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:13px;transition:border-color .3s}.size-input[data-v-feefe7be]:focus{outline:none;border-color:#409eff}.unit-switch[data-v-feefe7be]{margin-top:10px}.unit-switch .el-radio-group[data-v-feefe7be]{display:flex;justify-content:space-around}.canvas-info[data-v-feefe7be]{margin-top:15px;padding-top:15px;border-top:1px solid #ebeef5}.info-item[data-v-feefe7be]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.info-label[data-v-feefe7be]{color:#606266}.info-value[data-v-feefe7be]{color:#303133;font-weight:500}.upload-container[data-v-feefe7be]{text-align:center;padding:20px}.image-uploader[data-v-feefe7be]{display:inline-block}.upload-placeholder[data-v-feefe7be]{width:300px;height:200px;background-color:#fafafa;border:1px dashed #dcdfe6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.upload-placeholder[data-v-feefe7be]:hover{border-color:#409eff;background-color:#ecf5ff}.upload-icon[data-v-feefe7be]{font-size:40px;color:#c0c4cc;margin-bottom:10px}.upload-text[data-v-feefe7be]{font-size:14px;color:#606266;margin-bottom:5px}.upload-hint[data-v-feefe7be]{font-size:12px;color:#909399}.upload-preview[data-v-feefe7be]{max-width:300px;max-height:200px;border-radius:8px;border:1px solid #ebeef5}.pattern-selection[data-v-feefe7be]{padding:10px 0}.pattern-filters[data-v-feefe7be]{display:flex;flex-wrap:wrap;gap:8px}.filter-tag[data-v-feefe7be]{cursor:pointer;padding:4px 12px;border-radius:15px;font-size:13px}.pattern-list[data-v-feefe7be]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-height:300px;overflow-y:auto}.pattern-item[data-v-feefe7be]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border-radius:6px;transition:all .3s ease;border:1px solid transparent}.pattern-item[data-v-feefe7be]:hover{background-color:#ecf5ff;border-color:#c6e2ff}.pattern-preview[data-v-feefe7be]{width:80px;height:80px;border-radius:4px;margin-bottom:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pattern-item span[data-v-feefe7be]{font-size:12px;color:#303133;text-align:center}.code-generator[data-v-feefe7be]{padding:10px 0}.code-preview[data-v-feefe7be]{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fafafa;border-radius:6px;border:1px solid #ebeef5}.code-preview img[data-v-feefe7be]{max-width:200px;max-height:200px}.code-options[data-v-feefe7be]{text-align:right}.z-index-control[data-v-feefe7be]{margin-bottom:10px}.z-index-control .el-button-group[data-v-feefe7be]{width:100%;display:flex}.z-index-control .el-button[data-v-feefe7be]{flex:1}.crop-container[data-v-feefe7be]{display:flex;flex-direction:column;align-items:center}.crop-canvas[data-v-feefe7be]{border:1px solid #ddd;background-color:#f9f9f9}.crop-controls[data-v-feefe7be]{display:flex;gap:10px;justify-content:center}@media (max-width:1366px){.canvas-wrapper[data-v-feefe7be]{width:70%}.right-panel[data-v-feefe7be]{width:30%;max-width:300px}.toolbar-buttons.row[data-v-feefe7be]{flex-wrap:wrap}}@media (max-width:768px){.editor-content[data-v-feefe7be]{flex-direction:column}.left-toolbar[data-v-feefe7be]{order:1;min-width:auto;justify-content:center;padding:10px}.el-button-group.vertical[data-v-feefe7be]{display:flex;flex-direction:row}.canvas-wrapper[data-v-feefe7be]{order:2;width:100%}.right-panel[data-v-feefe7be]{order:3;width:100%;max-width:none}}.text-style-buttons[data-v-feefe7be]{margin-bottom:15px}.text-style-buttons .el-button-group[data-v-feefe7be]{display:flex;justify-content:space-between}.text-style-buttons .el-button[data-v-feefe7be]{min-width:40px;padding:8px 12px;border-radius:4px}.text-style-buttons .el-button.is-primary[data-v-feefe7be]{background-color:#409eff;border-color:#409eff}.text-style-buttons .el-button[data-v-feefe7be]:hover{opacity:.8}.design-preview-container[data-v-166f830b]{padding:20px;max-width:1400px;margin:0 auto}.preview-header[data-v-166f830b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.preview-content[data-v-166f830b]{display:flex;gap:30px}.preview-section[data-v-166f830b]{flex:2}.preview-toolbar[data-v-166f830b]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:4px}.preview-area[data-v-166f830b]{display:flex;justify-content:center;align-items:flex-start;padding:20px;background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;min-height:600px;overflow:auto}.empty-preview[data-v-166f830b]{display:flex;align-items:center;justify-content:center;width:100%;height:400px;background-color:#f9f9f9;border-radius:4px}.empty-preview p[data-v-166f830b]{color:#999;font-size:16px}.pdf-check-section[data-v-166f830b]{flex:1;display:flex;flex-direction:column;gap:20px}.pdf-preview[data-v-166f830b]{background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;padding:20px}.pdf-preview h3[data-v-166f830b]{margin-bottom:15px;font-size:16px}.pdf-navigation[data-v-166f830b]{display:flex;justify-content:center;gap:10px;margin-top:15px}.checklist-section[data-v-166f830b]{background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;padding:20px}.checklist-section h3[data-v-166f830b]{margin-bottom:20px;font-size:16px}.checklist-section .el-checkbox[data-v-166f830b]{display:block;margin-bottom:15px}.confirm-btn[data-v-166f830b]{width:100%;margin-top:20px}.loading-content[data-v-166f830b]{text-align:center;padding:40px 0}@media (max-width:1366px){.preview-content[data-v-166f830b]{flex-direction:column}.pdf-check-section[data-v-166f830b]{flex-direction:row}.checklist-section[data-v-166f830b],.pdf-preview[data-v-166f830b]{flex:1}}@media (max-width:768px){.pdf-check-section[data-v-166f830b]{flex-direction:column}.preview-toolbar[data-v-166f830b]{flex-wrap:wrap}}.order-form-container[data-v-3b1cc2f6]{padding:20px;max-width:1400px;margin:0 auto}.order-header[data-v-3b1cc2f6]{margin-bottom:30px}.order-header h2[data-v-3b1cc2f6]{margin-bottom:20px}.order-steps[data-v-3b1cc2f6]{display:flex;align-items:center}.step[data-v-3b1cc2f6]{flex:1;text-align:center;padding:10px 0;background-color:#f5f5f5;position:relative}.step[data-v-3b1cc2f6]:not(:last-child):after{content:">";position:absolute;right:-10px;top:50%;transform:translateY(-50%);background-color:#f5f5f5;padding:0 5px;z-index:1}.step.active[data-v-3b1cc2f6]{background-color:#e6f7ff;color:#1890ff}.step.current[data-v-3b1cc2f6],.step.current[data-v-3b1cc2f6]:after{background-color:#1890ff;color:#fff}.order-content[data-v-3b1cc2f6]{display:flex;gap:30px}.order-info[data-v-3b1cc2f6]{flex:3}.order-summary[data-v-3b1cc2f6]{flex:1}.info-section[data-v-3b1cc2f6]{background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;padding:20px;margin-bottom:20px}.info-section h3[data-v-3b1cc2f6]{font-size:16px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e4e4e4}.template-detail[data-v-3b1cc2f6]{padding:15px;background-color:#f9f9f9;border-radius:4px}.template-detail h4[data-v-3b1cc2f6]{margin-bottom:10px;font-size:16px}.template-detail p[data-v-3b1cc2f6]{margin:5px 0;color:#666}.design-summary[data-v-3b1cc2f6],.price-summary[data-v-3b1cc2f6],.submit-section[data-v-3b1cc2f6]{background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;padding:20px;margin-bottom:20px}.design-summary h3[data-v-3b1cc2f6],.price-summary h3[data-v-3b1cc2f6]{font-size:16px;margin-bottom:15px}.design-thumbnail[data-v-3b1cc2f6]{padding:10px;background-color:#f9f9f9;border-radius:4px;text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.empty-design[data-v-3b1cc2f6]{color:#999;padding:40px 0}.price-item[data-v-3b1cc2f6]{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.price-item[data-v-3b1cc2f6]:last-child{border-bottom:none}.price[data-v-3b1cc2f6]{font-weight:700;color:#1890ff}.total-price[data-v-3b1cc2f6]{display:flex;justify-content:space-between;margin-top:15px;padding-top:15px;border-top:2px solid #e4e4e4;font-size:18px}.success-content[data-v-3b1cc2f6]{text-align:center;padding:20px 0}.order-number[data-v-3b1cc2f6]{font-weight:700;margin:15px 0;color:#1890ff}@media (max-width:1366px){.order-content[data-v-3b1cc2f6]{flex-direction:column}.order-summary[data-v-3b1cc2f6]{order:-1}}@media (max-width:768px){.order-steps[data-v-3b1cc2f6]{font-size:12px}.step[data-v-3b1cc2f6]:not(:last-child):after{right:-8px;font-size:10px}}