.canvas-page[data-v-6180cc7d]{background:#fff;color:#303030;min-height:calc(100vh - 52px);padding:24px 40px;position:relative}.canvas-page-loading[data-v-6180cc7d]{align-items:center;background:hsla(0,0%,100%,.9);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.canvas-page-loading-icon[data-v-6180cc7d]{display:block;height:56px;position:relative;width:56px}.canvas-page-loading-icon img[data-v-6180cc7d]{display:block;height:100%;inset:0;position:absolute;width:100%}.canvas-page-loading-spin[data-v-6180cc7d]{animation:canvas-page-loading-spin-6180cc7d 1s linear infinite}@keyframes canvas-page-loading-spin-6180cc7d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.canvas-content[data-v-6180cc7d]{margin:0 auto;max-width:1464px}button[data-v-6180cc7d]{background:none;border:0;color:inherit;cursor:pointer;font-family:inherit}a[data-v-6180cc7d]:focus-visible,button[data-v-6180cc7d]:focus-visible{outline:2px solid #2e59ff;outline-offset:4px}h1[data-v-6180cc7d],h2[data-v-6180cc7d],p[data-v-6180cc7d]{margin:0}h1[data-v-6180cc7d]{font-size:28px;font-weight:600;line-height:40px}h2[data-v-6180cc7d]{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px;line-height:24px}.creation-panel[data-v-6180cc7d]{background:#f7fbff url(/images/infinite-canvas/entry-background@2x.png) no-repeat 50%;background-size:100% 100%;border:1px solid #e8efff;border-radius:16px;min-height:280px;padding:60px 40px 64px;text-align:center}.creation-grid[data-v-6180cc7d]{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px auto 0;max-width:1200px}.creation-card[data-v-6180cc7d]{align-items:center;background:#fff;border:1px solid #e6eeff;border-radius:16px;display:flex;gap:16px;height:88px;min-width:0;padding:0 24px;text-align:left;transition:transform .2s,box-shadow .2s}.creation-card strong[data-v-6180cc7d]{font-size:16px;font-weight:700;line-height:24px}.creation-card[data-v-6180cc7d]:focus-visible,.creation-card[data-v-6180cc7d]:hover{box-shadow:0 8px 24px rgba(77,121,255,.1);transform:translateY(-4px)}.creation-icon[data-v-6180cc7d]{align-items:center;border-radius:12px;display:flex;flex:none;height:48px;justify-content:center;object-fit:contain;width:48px}.creation-arrow[data-v-6180cc7d]{font-size:16px;margin-left:auto}.recent-section[data-v-6180cc7d],.template-section[data-v-6180cc7d]{margin-top:48px}.template-section[data-v-6180cc7d]{scroll-margin-top:80px}.section-heading[data-v-6180cc7d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.template-section .section-heading[data-v-6180cc7d]{gap:16px;justify-content:flex-start}.template-filters[data-v-6180cc7d]{align-items:center;display:inline-flex;gap:8px;padding-left:16px;position:relative}.template-filters[data-v-6180cc7d]:before{background:#ededed;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.template-filter[data-v-6180cc7d]{background:#fff;border:1px solid #e6e6e6;border-radius:18px;color:#666;font-size:14px;height:36px;line-height:34px;min-width:72px;padding:0 16px;transition:color .2s,border-color .2s,background .2s}.template-filter[data-v-6180cc7d]:focus-visible,.template-filter[data-v-6180cc7d]:hover{background:#f7f7f7;color:#333}.template-filter.is-active[data-v-6180cc7d]{background:#333;border-color:#333;color:#fff}.template-empty[data-v-6180cc7d]{align-items:center;color:#909399;display:flex;font-size:14px;justify-content:center;min-height:186px}.template-end[data-v-6180cc7d]{color:#999;font-size:12px;line-height:20px;padding:24px 0 8px;text-align:center}.section-icon[data-v-6180cc7d]{height:20px;width:20px}.hot-badge[data-v-6180cc7d]{display:block;flex:none;height:auto;object-fit:contain;width:40px}.view-all[data-v-6180cc7d]{align-items:center;color:#999;display:inline-flex;font-size:14px;gap:2px}.view-all[data-v-6180cc7d]:hover{color:#2e59ff}.view-all i[data-v-6180cc7d]{font-size:12px}.recent-grid[data-v-6180cc7d],.template-grid[data-v-6180cc7d]{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.recent-card[data-v-6180cc7d]{aspect-ratio:3/2;background:#ebebed;border-radius:16px;min-width:0;position:relative}.recent-card[data-v-6180cc7d]:after{background:linear-gradient(180deg,rgba(23,23,38,0),rgba(23,23,38,.08) 40%,rgba(23,23,38,.38));background-position:bottom;background-repeat:no-repeat;background-size:100% 34%;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:background-size .3s ease}.recent-card[data-v-6180cc7d]:focus-within:after,.recent-card[data-v-6180cc7d]:hover:after{background-image:linear-gradient(180deg,rgba(23,23,38,0),rgba(23,23,38,.1) 30%,rgba(23,23,38,.32) 62%,rgba(23,23,38,.55) 85%,rgba(23,23,38,.78));background-size:100% 40%}.recent-card:focus-within .recent-cover[data-v-6180cc7d],.recent-card:hover .recent-cover[data-v-6180cc7d]{transform:scale(1.06)}.recent-card:focus-within .recent-card-body[data-v-6180cc7d],.recent-card:hover .recent-card-body[data-v-6180cc7d]{padding-bottom:12px}.recent-card:focus-within .update-time[data-v-6180cc7d],.recent-card:hover .update-time[data-v-6180cc7d]{margin-top:4px;max-height:20px;opacity:1}.recent-card[data-v-6180cc7d]:focus-within .canvas-card-actions,.recent-card[data-v-6180cc7d]:hover .canvas-card-actions{opacity:1}.cover-button[data-v-6180cc7d]{border:1px solid #e3e6eb;border-radius:inherit;box-sizing:border-box;display:block;height:100%;overflow:hidden;padding:0;width:100%}.recent-cover[data-v-6180cc7d]{aspect-ratio:auto;height:100%;transition:transform .25s}.recent-cover[data-v-6180cc7d] .preview-placeholder{padding-bottom:22px}.recent-cover[data-v-6180cc7d] .preview-placeholder i{align-items:center;background:hsla(0,0%,100%,.6);border-radius:50%;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.recent-cover[data-v-6180cc7d] .preview-placeholder small{display:none}.recent-card-body[data-v-6180cc7d]{border-radius:0 0 16px 16px;bottom:0;color:#fff;left:0;padding:28px 12px 12px;pointer-events:none;position:absolute;right:0;z-index:1}.card-heading[data-v-6180cc7d]{align-items:center;display:flex;gap:8px}.canvas-name-tooltip-reference[data-v-6180cc7d]{display:block;flex:0 1 auto;max-width:calc(100% - 32px);min-width:0;pointer-events:auto;width:max-content}.update-time[data-v-6180cc7d]{font-size:12px;line-height:20px;max-height:0;opacity:0;overflow:hidden;padding-right:26px;transition:max-height .4s,margin .4s,opacity .2s}.recent-card[data-v-6180cc7d] .canvas-card-actions{bottom:10px;opacity:0;pointer-events:auto;position:absolute;right:10px;transition:opacity .2s}.recent-card[data-v-6180cc7d] .canvas-more-button,.recent-card[data-v-6180cc7d] .canvas-name{color:#fff}.recent-card[data-v-6180cc7d] .canvas-more-button:focus-visible,.recent-card[data-v-6180cc7d] .canvas-more-button:hover{background:hsla(0,0%,100%,.2);color:#fff}.recent-card[data-v-6180cc7d] .el-dropdown:focus-within .canvas-more-button{background:hsla(0,0%,100%,.2);color:#fff}.template-card[data-v-6180cc7d]{background:linear-gradient(#fff 70%,#333 0);border-radius:0 0 16px 16px;display:block;min-width:0;overflow:hidden;padding:0;text-align:left}.template-cover-wrap[data-v-6180cc7d]{aspect-ratio:1;background:#fff;border:1px solid #e3e6eb;border-bottom:0;border-radius:6.5%;box-sizing:border-box;display:block;overflow:hidden;position:relative}.template-cover-loading[data-v-6180cc7d]{align-items:flex-start;animation:background-loading 2.4s ease infinite;background:linear-gradient(135deg,#e5ffff 16.66%,#f8fbff 33.33%,#faf3ff 50%,#f8fbff 66.66%,#e5ffff 83.33%) 0 0/400% 400%;display:flex;inset:0;justify-content:flex-start;pointer-events:none;position:absolute;z-index:1}.template-cover-empty[data-v-6180cc7d]{align-items:center;color:#888;display:flex;font-size:32px;height:100%;justify-content:center}.template-cover[data-v-6180cc7d]{background:#fff;display:block;height:100%;object-fit:cover;transition:transform .25s;width:100%}.template-card:focus-visible .template-cover[data-v-6180cc7d],.template-card:hover .template-cover[data-v-6180cc7d]{transform:scale(1.06)}.template-video-preview[data-v-6180cc7d]{inset:0;opacity:0;pointer-events:none;position:absolute;z-index:1}.template-video-preview.is-playing[data-v-6180cc7d]{opacity:1}.template-name[data-v-6180cc7d]{align-items:center;background:#333;border-radius:0 0 16px 16px;color:#fff;display:flex;font-size:14px;gap:8px;line-height:22px;min-height:42px;padding:8px 14px}.template-name>i[data-v-6180cc7d]{font-size:17px}.preview-cover[data-v-6180cc7d]{border-radius:12px;display:block;height:auto;width:100%}.preview-note[data-v-6180cc7d]{color:#888;line-height:1.8;margin:16px 0}.recent-results[data-v-6180cc7d]{min-height:186px;position:relative}.recent-empty[data-v-6180cc7d]{align-items:center;color:#909399;display:flex;font-size:14px;gap:12px;justify-content:center;min-height:186px}@media (max-width:1400px){.canvas-page[data-v-6180cc7d]{padding-left:32px;padding-right:32px}.creation-panel[data-v-6180cc7d]{padding-left:48px;padding-right:48px}.creation-card[data-v-6180cc7d]{gap:12px;padding:0 20px}.template-name[data-v-6180cc7d]{font-size:13px;gap:6px;padding-left:10px;padding-right:10px}.recent-results[data-v-6180cc7d]{min-height:140px}}@media (max-width:1100px){.creation-panel[data-v-6180cc7d]{padding-left:24px;padding-right:24px}.creation-card[data-v-6180cc7d]{gap:10px;padding:0 16px}.creation-card strong[data-v-6180cc7d]{font-size:14px}.creation-icon[data-v-6180cc7d]{border-radius:10px;height:40px;width:40px}.recent-grid[data-v-6180cc7d],.template-grid[data-v-6180cc7d]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:960px){.canvas-page[data-v-6180cc7d]{padding:24px 20px 40px}h1[data-v-6180cc7d]{font-size:24px}.creation-panel[data-v-6180cc7d]{padding:28px 20px}.creation-grid[data-v-6180cc7d]{gap:12px;grid-template-columns:1fr;margin-top:20px}.creation-card[data-v-6180cc7d]{height:72px}.recent-grid[data-v-6180cc7d],.template-grid[data-v-6180cc7d]{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.recent-section[data-v-6180cc7d],.template-section[data-v-6180cc7d]{margin-top:32px}}@media (max-width:600px){.section-heading[data-v-6180cc7d]{align-items:flex-start;flex-wrap:wrap;gap:12px}.template-filters[data-v-6180cc7d]{justify-content:flex-start;padding-left:0;width:100%}.template-filters[data-v-6180cc7d]:before{display:none}.template-filter[data-v-6180cc7d]{flex:1 1 0;min-width:0;padding:0 10px}}@media (hover:none){.recent-card[data-v-6180cc7d]:after{background-size:100% 64%}.recent-card .update-time[data-v-6180cc7d]{margin-top:4px;max-height:20px;opacity:1}.recent-card[data-v-6180cc7d] .canvas-card-actions{opacity:1}}@media (prefers-reduced-motion:reduce){.creation-card[data-v-6180cc7d],.recent-card[data-v-6180cc7d]:after,.recent-cover[data-v-6180cc7d],.template-cover[data-v-6180cc7d],.update-time[data-v-6180cc7d]{transition:none}}