.container[data-v-dddd4656]{display:flex;flex-direction:column;gap:16px}.content[data-v-dddd4656]{padding:20px 24px;background:#fff;box-shadow:0 0 4px 0 rgba(82,102,136,.1);border-radius:8px}.section-header[data-v-dddd4656]{display:flex;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;font-weight:600;font-size:16px;color:#333}.section-header i[data-v-dddd4656]{margin-right:8px;color:#666}.section-product[data-v-dddd4656]{border-left:4px solid #8b5cf6}.section-product .section-header i[data-v-dddd4656]{color:#8b5cf6}.product-section[data-v-dddd4656]{padding-left:8px}.product-scroll-container[data-v-dddd4656]{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.product-scroll-container[data-v-dddd4656]::-webkit-scrollbar{height:8px}.product-scroll-container[data-v-dddd4656]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.product-scroll-container[data-v-dddd4656]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.product-scroll-container[data-v-dddd4656]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.product-scroll-wrapper[data-v-dddd4656]{display:flex;gap:20px;padding-bottom:8px}.product-scroll-wrapper .template-card[data-v-dddd4656]{flex-shrink:0;width:350px}.section-diy[data-v-dddd4656]{border-left:4px solid #2563eb}.section-diy .section-header i[data-v-dddd4656]{color:#2563eb}.template-card[data-v-dddd4656]{display:flex;gap:12px;padding:20px;border:1px solid #e2e8f0;border-radius:12px;max-width:560px;transition:box-shadow .2s ease}.template-card[data-v-dddd4656]:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-preview[data-v-dddd4656]{width:100px;height:140px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.preview-img[data-v-dddd4656]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-placeholder[data-v-dddd4656]{color:#94a3b8;font-size:12px;text-align:center}.card-info[data-v-dddd4656]{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}.info-item[data-v-dddd4656]{display:flex;align-items:center;white-space:nowrap}.label[data-v-dddd4656]{color:#64748b;font-size:14px}.value[data-v-dddd4656]{color:#0f172a;font-size:14px;font-weight:500}.toolbar[data-v-dddd4656]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.diy-grid-container[data-v-dddd4656]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.diy-grid-container[data-v-dddd4656]::-webkit-scrollbar{width:8px}.diy-grid-container[data-v-dddd4656]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.diy-grid-container[data-v-dddd4656]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.diy-grid-container[data-v-dddd4656]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.diy-grid-container .template-card[data-v-dddd4656]{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease;height:200px}.diy-grid-container .card-header[data-v-dddd4656]{flex-shrink:0}.diy-grid-container .card-body[data-v-dddd4656]{flex:1;min-height:0;overflow:hidden}.diy-grid-container .card-footer[data-v-dddd4656]{flex-shrink:0;background:#fff}.card-grid[data-v-dddd4656]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.template-card-grid[data-v-dddd4656]{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease}.template-card-grid[data-v-dddd4656]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-header[data-v-dddd4656]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.card-title[data-v-dddd4656]{font-size:15px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-icon[data-v-dddd4656]{width:16px;height:16px;opacity:.5}.edit-icon[data-v-dddd4656]:hover{opacity:1}.card-title-wrap[data-v-dddd4656]{flex:1;min-width:0;display:flex;align-items:center}.title-input[data-v-dddd4656]{flex:1;min-width:0}.title-input input[data-v-dddd4656]{font-size:15px;font-weight:600}.card-actions[data-v-dddd4656]{display:flex;align-items:center;gap:8px}.card-body[data-v-dddd4656]{padding:16px 20px}.card-info-item[data-v-dddd4656]{display:flex;align-items:center;margin-bottom:8px}.card-info-item[data-v-dddd4656]:last-child{margin-bottom:0}.info-label[data-v-dddd4656]{color:#64748b;font-size:14px}.info-value[data-v-dddd4656]{color:#0f172a;font-size:14px}.card-footer[data-v-dddd4656]{display:flex;align-items:center;gap:8px;padding:8px 20px;border-top:1px solid #e2e8f0}.btn-copy[data-v-dddd4656]{color:#6c52ff}.pagination[data-v-dddd4656]{display:flex;justify-content:flex-end;margin-top:24px}.empty-state[data-v-dddd4656]{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#94a3b8}.empty-state p[data-v-dddd4656]{margin-top:12px}.empty-state-small[data-v-dddd4656]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#94a3b8}.empty-state-small p[data-v-dddd4656]{margin-top:8px;font-size:13px}.w200[data-v-dddd4656]{width:200px}.cursor-p[data-v-dddd4656]{cursor:pointer}.ml8[data-v-dddd4656]{margin-left:8px}.mb24[data-v-dddd4656]{margin-bottom:24px}.mt24[data-v-dddd4656]{margin-top:24px}[data-v-dddd4656] .ivu-form-item{margin-bottom:0}