.creation-workspace[data-v-1c07c0fe]{margin:0 auto;position:relative;height:100%;padding:0 24px 24px}.page-header[data-v-1c07c0fe]{margin-bottom:32px}.page-title[data-v-1c07c0fe]{font-size:28px;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 8px}.page-description[data-v-1c07c0fe]{font-size:16px;color:var(--text-secondary, #6b7280);margin:0}.projects-grid[data-v-1c07c0fe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.project-card[data-v-1c07c0fe]{background:var(--workspace-card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--workspace-card-shadow);transition:all .3s ease;cursor:pointer;border:1px solid var(--workspace-card-border);margin-top:24px}.project-card[data-v-1c07c0fe]:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--workspace-card-shadow)}.project-thumbnail[data-v-1c07c0fe]{width:100%;height:160px;overflow:hidden;position:relative;background:var(--workspace-thumbnail-bg);display:flex;align-items:center;justify-content:center}.project-thumbnail-default[data-v-1c07c0fe]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;text-align:center}.project-icon[data-v-1c07c0fe]{width:48px;height:48px;background:var(--workspace-icon-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 12px var(--workspace-icon-shadow)}.project-icon[data-v-1c07c0fe] svg{color:#fff;width:24px;height:24px}.project-file-name[data-v-1c07c0fe]{font-size:14px;font-weight:600;color:#374151;line-height:1.4;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-thumbnail-image[data-v-1c07c0fe]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.project-tags[data-v-1c07c0fe]{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.project-tag[data-v-1c07c0fe]{background:var(--workspace-tag-bg);color:var(--workspace-tag-color);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.loading-more[data-v-1c07c0fe]{text-align:center;padding:20px;color:#6b7280;font-size:14px}.loading-more.loading[data-v-1c07c0fe]:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--workspace-tag-color);border-radius:50%;border-top-color:transparent;animation:spin-1c07c0fe .8s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin-1c07c0fe{to{transform:rotate(360deg)}}.overlay-loading[data-v-1c07c0fe]{position:absolute;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px}.overlay-loading .loading-spinner[data-v-1c07c0fe]{width:60px;height:60px;border:3px solid var(--workspace-tag-bg);border-top-color:var(--workspace-tag-color);border-radius:50%;animation:spin-1c07c0fe 1s linear infinite}.overlay-loading .loading-text[data-v-1c07c0fe]{margin-top:16px;color:var(--workspace-tag-color);font-size:16px;font-weight:500}.project-overlay[data-v-1c07c0fe]{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;cursor:pointer}.overlay-content[data-v-1c07c0fe]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.project-card[data-v-1c07c0fe]{transform:translateZ(0);will-change:transform}.project-overlay[data-v-1c07c0fe]{opacity:0;visibility:hidden;transform:translateZ(0);will-change:opacity,visibility;transition:opacity .2s ease-out,visibility .2s ease-out}.project-card:hover .project-overlay[data-v-1c07c0fe]{opacity:1;visibility:visible;transition:opacity .2s ease-out,visibility .2s ease-out}.project-overlay[data-v-1c07c0fe]:hover{background:#ffffffb3;transition:background-color .2s ease-out}.view-center-btn[data-v-1c07c0fe]{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;background:#ffffffe6;color:var(--workspace-tag-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.view-center-btn[data-v-1c07c0fe]:hover{background:var(--workspace-btn-bg);color:#fff;transform:scale(1.1);box-shadow:0 8px 20px var(--workspace-icon-shadow)}.view-center-btn .btn-icon[data-v-1c07c0fe]{width:32px;height:32px;color:currentColor}.change-cover-btn[data-v-1c07c0fe]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s ease-out,transform .15s ease-out;background:#ffffffe6;color:var(--workspace-tag-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(-5px);transform:translateZ(0) translateY(-5px);will-change:opacity,transform}.project-card:hover .change-cover-btn[data-v-1c07c0fe]{opacity:1;transform:translateZ(0) translateY(0)}.change-cover-btn[data-v-1c07c0fe]:hover{background:var(--workspace-btn-bg);color:#fff;transform:translateZ(0) translateY(-2px);box-shadow:0 2px 8px var(--workspace-icon-shadow);transition:background-color .2s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.change-cover-btn .btn-icon[data-v-1c07c0fe]{width:14px;height:14px;color:currentColor}.project-info[data-v-1c07c0fe]{padding:16px}.project-title[data-v-1c07c0fe]{font-size:18px;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 8px}.project-desc[data-v-1c07c0fe]{font-size:14px;color:var(--text-secondary, #6b7280);margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta[data-v-1c07c0fe]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.project-type[data-v-1c07c0fe]{background:var(--workspace-tag-bg);color:var(--workspace-tag-color);padding:4px 8px;border-radius:4px;font-weight:500}.project-date[data-v-1c07c0fe]{color:var(--text-tertiary, #9ca3af)}.new-project-card[data-v-1c07c0fe]{background:var(--workspace-new-card-bg);border:2px dashed var(--workspace-new-card-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;cursor:pointer;transition:all .3s ease}.new-project-card[data-v-1c07c0fe]:hover{background:var(--workspace-new-card-hover-bg);border-color:var(--workspace-new-card-hover-border);color:#fff}.new-project-icon[data-v-1c07c0fe]{width:48px;height:48px;background:var(--workspace-tag-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.new-project-card:hover .new-project-icon[data-v-1c07c0fe]{background:#fff3;transform:scale(1.1)}.new-project-text[data-v-1c07c0fe]{font-size:16px;font-weight:600;color:var(--text-secondary, #6b7280);transition:all .3s ease}.new-project-card:hover .new-project-text[data-v-1c07c0fe]{color:#fff}.modal-overlay[data-v-1c07c0fe]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn-1c07c0fe .3s ease-out}.modal-content[data-v-1c07c0fe]{background:var(--workspace-modal-bg);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn-1c07c0fe .3s ease-out}.modal-close[data-v-1c07c0fe]{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.modal-close[data-v-1c07c0fe]:hover{background:#0000001a}.close-icon[data-v-1c07c0fe]{width:16px;height:16px;color:#6b7280}.modal-header[data-v-1c07c0fe]{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--workspace-modal-border)}.modal-title[data-v-1c07c0fe]{font-size:24px;font-weight:600;color:var(--workspace-modal-title);margin:0 0 8px}.modal-subtitle[data-v-1c07c0fe]{font-size:16px;color:var(--workspace-modal-subtitle);margin:0}.modal-body[data-v-1c07c0fe]{padding:32px}.modal-view-content[data-v-1c07c0fe]{text-align:center}.project-preview[data-v-1c07c0fe]{display:flex;align-items:center;gap:20px;padding:24px;background:var(--workspace-upload-bg);border-radius:12px;margin-bottom:24px}.preview-icon[data-v-1c07c0fe]{width:64px;height:64px;background:var(--workspace-icon-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.preview-info h3[data-v-1c07c0fe]{font-size:20px;font-weight:600;color:var(--workspace-modal-title);margin:0 0 8px}.preview-info p[data-v-1c07c0fe]{font-size:14px;color:var(--workspace-modal-subtitle);margin:0 0 12px;line-height:1.5}.preview-meta[data-v-1c07c0fe]{display:flex;gap:12px}.preview-type[data-v-1c07c0fe],.preview-date[data-v-1c07c0fe]{padding:4px 8px;background:var(--workspace-btn-bg);color:#fff;border-radius:6px;font-size:12px;font-weight:500}.modal-action-btn[data-v-1c07c0fe]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--workspace-btn-bg);color:#fff}.modal-action-btn[data-v-1c07c0fe]:hover{background:var(--workspace-btn-hover-bg);transform:translateY(-1px)}.modal-action-btn.primary[data-v-1c07c0fe]{background:var(--workspace-icon-bg);color:#fff}.modal-action-btn.primary[data-v-1c07c0fe]:hover{background:var(--workspace-btn-hover-bg)}.modal-action-btn .btn-icon[data-v-1c07c0fe]{width:16px;height:16px}.modal-edit-content[data-v-1c07c0fe]{text-align:center}.upload-area[data-v-1c07c0fe]{padding:48px 24px;border:2px dashed var(--workspace-upload-border);border-radius:12px;background:var(--workspace-upload-bg);transition:all .2s ease}.upload-area[data-v-1c07c0fe]:hover{border-color:var(--workspace-upload-hover-border);background:var(--workspace-upload-hover-bg)}.upload-icon[data-v-1c07c0fe]{width:64px;height:64px;background:var(--workspace-upload-border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--workspace-modal-subtitle)}.upload-area h3[data-v-1c07c0fe]{font-size:18px;font-weight:600;color:var(--workspace-modal-title);margin:0 0 8px}.upload-area p[data-v-1c07c0fe]{font-size:14px;color:var(--workspace-modal-subtitle);margin:0 0 24px}@keyframes modalFadeIn-1c07c0fe{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-1c07c0fe{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.projects-grid[data-v-1c07c0fe]{grid-template-columns:1fr;gap:16px;padding:16px}.project-card[data-v-1c07c0fe]{height:auto;min-height:200px}.project-title[data-v-1c07c0fe]{font-size:16px}.project-desc[data-v-1c07c0fe]{font-size:14px}.project-thumbnail-default[data-v-1c07c0fe]{height:120px}.project-actions[data-v-1c07c0fe]{position:static;margin-top:12px;opacity:1;transform:none;justify-content:center}.modal-overlay[data-v-1c07c0fe]{padding:16px}.modal-content[data-v-1c07c0fe]{max-height:90vh}.modal-header[data-v-1c07c0fe]{padding:24px 24px 20px}.modal-body[data-v-1c07c0fe]{padding:24px}.project-preview[data-v-1c07c0fe]{flex-direction:column;text-align:center}}html.dark .project-card[data-v-1c07c0fe]{background:var(--workspace-card-bg);border-color:var(--workspace-card-border)}html.dark .project-thumbnail-default[data-v-1c07c0fe]{background:var(--workspace-thumbnail-bg)}html.dark .project-file-name[data-v-1c07c0fe],html.dark .project-title[data-v-1c07c0fe]{color:var(--workspace-modal-title)}html.dark .project-desc[data-v-1c07c0fe]{color:var(--workspace-modal-subtitle)}html.dark .new-project-card[data-v-1c07c0fe]{background:var(--workspace-new-card-bg);border-color:var(--workspace-new-card-border)}html.dark .new-project-text[data-v-1c07c0fe]{color:var(--workspace-modal-subtitle)}.project-card.dragging[data-v-1c07c0fe]{opacity:.8;transform:scale(1.05);transition:all .2s ease;z-index:1000;position:relative;box-shadow:0 8px 24px #0003}.project-card.drag-over[data-v-1c07c0fe]{border:2px dashed var(--workspace-tag-color);background:var(--workspace-tag-bg);transition:all .2s ease}.projects-grid[data-v-1c07c0fe]{transition:all .3s ease}.project-card[data-v-1c07c0fe]{transition:transform .3s ease,opacity .3s ease}.trash-drawer[data-v-1c07c0fe]{position:fixed;top:0;right:0;width:320px;height:100vh;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#374151;display:flex;align-items:center;justify-content:center;z-index:9999;animation:slideInRight-1c07c0fe .4s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #0000001a;border-radius:24px 0 0 24px;overflow:hidden}.trash-drawer[data-v-1c07c0fe]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:rotate-1c07c0fe 20s linear infinite;pointer-events:none}.trash-drawer.drag-over[data-v-1c07c0fe]{background:linear-gradient(135deg,var(--el-color-primary-light-7) 0%,var(--el-color-primary-light-5) 50%,var(--el-color-primary) 100%);transform:translate(-5px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 48px #6b46c14d}.trash-content[data-v-1c07c0fe]{text-align:center;padding:32px;z-index:10;position:relative;max-width:280px}.trash-content h3[data-v-1c07c0fe]{font-size:24px;font-weight:700;margin:0 0 32px;text-shadow:0 2px 4px rgba(255,255,255,.5);animation:fadeInUp-1c07c0fe .5s ease-out .1s both}.trash-icon[data-v-1c07c0fe]{width:140px;height:140px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 48px #6b46c133;animation:bounceIn-1c07c0fe .6s cubic-bezier(.4,0,.2,1) .2s both;transition:all .3s ease}.trash-drawer.drag-over .trash-icon[data-v-1c07c0fe]{transform:scale(1.1) rotate(5deg);box-shadow:0 16px 64px #6b46c14d;animation:pulse-1c07c0fe .6s ease-in-out infinite}.trash-main-icon[data-v-1c07c0fe]{width:32px;height:32px;color:#ef4444;animation:rotateIn-1c07c0fe .8s ease-out .3s both;transition:all .3s ease}.trash-drawer.drag-over .trash-main-icon[data-v-1c07c0fe]{width:48px;height:48px;color:#dc2626}.trash-content p[data-v-1c07c0fe]{font-size:16px;font-weight:500;opacity:.9;margin:0;line-height:1.6;text-shadow:0 1px 2px rgba(255,255,255,.5);animation:fadeInUp-1c07c0fe .5s ease-out .4s both}@keyframes slideInRight-1c07c0fe{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp-1c07c0fe{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn-1c07c0fe{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}@keyframes rotateIn-1c07c0fe{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes pulse-1c07c0fe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate-1c07c0fe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-confirm-content[data-v-1c07c0fe]{text-align:center;padding:20px}.delete-confirm-icon[data-v-1c07c0fe]{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.delete-main-icon[data-v-1c07c0fe]{width:60px;height:60px;color:#ef4444}.delete-confirm-text[data-v-1c07c0fe]{font-size:16px;color:#6b7280;margin:0 0 16px}.delete-confirm-project-name[data-v-1c07c0fe]{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 32px;word-break:break-word}.delete-confirm-actions[data-v-1c07c0fe]{display:flex;gap:16px;justify-content:center}.modal-action-btn.cancel[data-v-1c07c0fe]{background:#f3f4f6;color:#374151}.modal-action-btn.cancel[data-v-1c07c0fe]:hover{background:#e5e7eb;color:#1f2937}.modal-action-btn.delete[data-v-1c07c0fe]{background:#ef4444;color:#fff}.modal-action-btn.delete[data-v-1c07c0fe]:hover{background:#dc2626;color:#fff}.dark .project-overlay[data-v-1c07c0fe]:hover{background:#ffffff80}html.dark .view-center-btn[data-v-1c07c0fe]{background:#ffffffe6;color:var(--workspace-tag-color);border:none}html.dark .view-center-btn[data-v-1c07c0fe]:hover{background:var(--workspace-btn-bg);color:#fff}html.dark .change-cover-btn[data-v-1c07c0fe]{background:#ffffffe6;color:var(--workspace-tag-color);border:none}html.dark .change-cover-btn[data-v-1c07c0fe]:hover{background:var(--workspace-btn-bg);color:#fff}.dark .trash-drawer[data-v-1c07c0fe]{background:#1f2937cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f9fafb;box-shadow:-8px 0 32px #0000004d}.dark .trash-drawer[data-v-1c07c0fe]:before{background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.dark .trash-drawer.drag-over[data-v-1c07c0fe]{background:linear-gradient(135deg,var(--el-color-primary-dark-7) 0%,var(--el-color-primary-dark-5) 50%,var(--el-color-primary) 100%);box-shadow:-12px 0 48px #8b5cf64d}.dark .trash-icon[data-v-1c07c0fe]{background:#ffffff1a;box-shadow:0 12px 48px #8b5cf61a}.dark .trash-drawer.drag-over .trash-icon[data-v-1c07c0fe]{box-shadow:0 16px 64px #8b5cf633}.dark .trash-main-icon[data-v-1c07c0fe]{color:var(--el-color-primary)}.dark .trash-drawer.drag-over .trash-main-icon[data-v-1c07c0fe]{color:var(--el-color-primary-light-3)}.dark .trash-content h3[data-v-1c07c0fe],.dark .trash-content p[data-v-1c07c0fe]{text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark .delete-confirm-text[data-v-1c07c0fe]{color:#d1d5db}.dark .delete-confirm-project-name[data-v-1c07c0fe]{color:#f9fafb}.dark .modal-action-btn.cancel[data-v-1c07c0fe]{background:#374151;color:#d1d5db}.dark .modal-action-btn.cancel[data-v-1c07c0fe]:hover{background:#4b5563;color:#f9fafb}