[data-v-4c1fa0c7]{box-sizing:border-box;margin:0;padding:0}.works-container[data-v-4c1fa0c7]{background:#0f0f0f;min-height:100vh;padding:20px;width:100%}.works-header[data-v-4c1fa0c7]{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.tab-section[data-v-4c1fa0c7]{display:flex;gap:44px}.tab-button[data-v-4c1fa0c7]{color:#c0b9cb;cursor:pointer;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-transform:none;transition:all .3s ease}.tab-button[data-v-4c1fa0c7]:hover{color:#fff}.tab-button.active[data-v-4c1fa0c7]{background:linear-gradient(180deg,#9a69e0,#f27ca6 50%,#fba769);-webkit-background-clip:text;color:#fff;-webkit-text-fill-color:transparent;position:relative}.tab-button.active[data-v-4c1fa0c7]:after{background:linear-gradient(90deg,#9a69e0,#f27ca6 50%,#fba769);background:linear-gradient(270deg,#9a69e0,#f27ca6 50%,#fba769);border-radius:3px;bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:16px}.save-tip[data-v-4c1fa0c7]{align-items:center;color:#c0b9cb;display:flex;font-size:13px;font-size:16px;gap:5px;white-space:nowrap}.save-tip svg[data-v-4c1fa0c7]{color:#a855f7}.empty-state[data-v-4c1fa0c7]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.empty-image[data-v-4c1fa0c7]{height:200px;-o-object-fit:contain;object-fit:contain;opacity:.6;width:200px}.empty-text[data-v-4c1fa0c7]{color:#999;font-size:16px}.works-grid[data-v-4c1fa0c7]{animation:fadeIn-4c1fa0c7 .3s ease-in-out;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}@keyframes fadeIn-4c1fa0c7{0%{opacity:0}to{opacity:1}}.work-card-wrapper[data-v-4c1fa0c7]{animation:slideIn-4c1fa0c7 .3s ease-in-out}@keyframes slideIn-4c1fa0c7{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.work-card[data-v-4c1fa0c7]{background:#1a1a1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.work-card[data-v-4c1fa0c7]:hover{box-shadow:0 8px 20px #a855f733;transform:translateY(-2px)}.work-image-container[data-v-4c1fa0c7]{background:#0f0f0f;overflow:hidden;padding-top:100%;position:relative;width:100%}.work-image[data-v-4c1fa0c7]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.work-card:hover .work-image[data-v-4c1fa0c7]{transform:scale(1.05)}.work-badge[data-v-4c1fa0c7]{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}.badge-hot[data-v-4c1fa0c7]{background:#ef4444}.badge-new[data-v-4c1fa0c7]{background:#a855f7}.badge-blue[data-v-4c1fa0c7]{background:#3b82f6}.work-overlay[data-v-4c1fa0c7]{align-items:center;background:#0009;display:flex;gap:12px;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:10}.work-card:hover .work-overlay[data-v-4c1fa0c7]{opacity:1}.overlay-btn[data-v-4c1fa0c7]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.overlay-btn[data-v-4c1fa0c7]:hover{transform:scale(1.1)}.work-info[data-v-4c1fa0c7]{display:flex;flex:1;flex-direction:column;gap:8px;padding:12px}.work-title[data-v-4c1fa0c7]{color:#fff;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta[data-v-4c1fa0c7]{color:#999;display:flex;flex-direction:column;font-size:12px;gap:4px}.meta-item[data-v-4c1fa0c7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-state[data-v-4c1fa0c7]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner[data-v-4c1fa0c7]{animation:spin-4c1fa0c7 .8s linear infinite;border:3px solid #555;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes spin-4c1fa0c7{to{transform:rotate(1turn)}}.loading-state p[data-v-4c1fa0c7]{color:#999;font-size:14px}@media (max-width:1024px){.works-header[data-v-4c1fa0c7]{margin-bottom:20px}.tab-button[data-v-4c1fa0c7]{font-size:13px;padding:7px 16px}.works-grid[data-v-4c1fa0c7]{gap:12px;grid-template-columns:repeat(4,1fr)}.work-info[data-v-4c1fa0c7]{padding:10px}.work-title[data-v-4c1fa0c7]{font-size:12px}.work-meta[data-v-4c1fa0c7]{font-size:11px}}@media (max-width:768px){.works-container[data-v-4c1fa0c7]{padding:12px}.works-header[data-v-4c1fa0c7]{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.tab-section[data-v-4c1fa0c7]{gap:8px}.tab-button[data-v-4c1fa0c7]{font-size:13px;padding:6px 16px}.save-tip[data-v-4c1fa0c7]{font-size:12px;width:100%}.works-grid[data-v-4c1fa0c7]{gap:10px;grid-template-columns:repeat(3,1fr)}.overlay-btn[data-v-4c1fa0c7]{height:36px;width:36px}.work-info[data-v-4c1fa0c7]{padding:8px}.work-title[data-v-4c1fa0c7]{font-size:11px}.work-meta[data-v-4c1fa0c7]{font-size:10px}}@media (max-width:480px){.works-container[data-v-4c1fa0c7]{padding:8px}.works-header[data-v-4c1fa0c7]{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}.tab-section[data-v-4c1fa0c7]{gap:6px}.tab-button[data-v-4c1fa0c7]{font-size:12px;padding:5px 12px}.save-tip[data-v-4c1fa0c7]{font-size:11px;width:100%}.works-grid[data-v-4c1fa0c7]{gap:8px;grid-template-columns:repeat(2,1fr)}.overlay-btn[data-v-4c1fa0c7]{height:32px;width:32px}.overlay-btn svg[data-v-4c1fa0c7]{height:16px!important;width:16px!important}.empty-image[data-v-4c1fa0c7]{height:150px;width:150px}.empty-text[data-v-4c1fa0c7]{font-size:14px}}[data-v-8c8ed724]{box-sizing:border-box;margin:0;padding:0}.favorites-container[data-v-8c8ed724]{background:#0f0f0f;min-height:100vh;padding:20px;width:100%}.filter-section[data-v-8c8ed724]{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.filter-section[data-v-8c8ed724]::-webkit-scrollbar{height:4px}.filter-section[data-v-8c8ed724]::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.filter-btn[data-v-8c8ed724]{background:transparent;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.filter-btn[data-v-8c8ed724]:hover{border-color:#888;color:#fff}.filter-btn.active[data-v-8c8ed724]{background:transparent;border-color:#999;color:#fff}.empty-state[data-v-8c8ed724]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.empty-icon-wrapper[data-v-8c8ed724]{align-items:center;border:2px dashed #555;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:16px;width:120px}.empty-icon[data-v-8c8ed724]{align-items:center;color:#999;display:flex;height:80px;justify-content:center;width:80px}.empty-icon svg[data-v-8c8ed724]{height:100%;opacity:.6;width:100%}.empty-title[data-v-8c8ed724]{color:#ccc;font-size:18px;font-weight:600;margin-bottom:8px}.empty-desc[data-v-8c8ed724]{color:#999;font-size:14px;text-align:center}.templates-grid[data-v-8c8ed724]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.template-item[data-v-8c8ed724]{animation:fadeIn-8c8ed724 .3s ease-in-out}@keyframes fadeIn-8c8ed724{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-state[data-v-8c8ed724]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner[data-v-8c8ed724]{animation:spin-8c8ed724 .8s linear infinite;border:3px solid #555;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes spin-8c8ed724{to{transform:rotate(1turn)}}.loading-state p[data-v-8c8ed724]{color:#999;font-size:14px}.pagination-wrapper[data-v-8c8ed724]{border-top:1px solid #333;display:flex;justify-content:center;padding:24px 0}.pagination[data-v-8c8ed724]{align-items:center;display:flex;gap:12px}.pagination-btn[data-v-8c8ed724]{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.pagination-btn[data-v-8c8ed724]:hover:not(:disabled){background:#a855f71a;border-color:#a855f7;color:#a855f7}.pagination-btn[data-v-8c8ed724]:disabled{color:#666;cursor:not-allowed;opacity:.5}.pagination-info[data-v-8c8ed724]{color:#999;font-size:14px;min-width:60px;text-align:center}@media (max-width:1024px){.templates-grid[data-v-8c8ed724]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.favorites-container[data-v-8c8ed724]{padding:12px}.filter-section[data-v-8c8ed724]{gap:8px;margin-bottom:16px}.filter-btn[data-v-8c8ed724]{font-size:13px;padding:6px 12px}.templates-grid[data-v-8c8ed724]{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.empty-icon-wrapper[data-v-8c8ed724]{height:100px;width:100px}.empty-title[data-v-8c8ed724]{font-size:16px}.empty-desc[data-v-8c8ed724]{font-size:13px}}@media (max-width:480px){.favorites-container[data-v-8c8ed724]{padding:8px}.filter-section[data-v-8c8ed724]{gap:6px}.filter-btn[data-v-8c8ed724]{font-size:12px;padding:5px 10px}.templates-grid[data-v-8c8ed724]{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.empty-icon-wrapper[data-v-8c8ed724]{height:80px;width:80px}.empty-title[data-v-8c8ed724]{font-size:14px}.empty-desc[data-v-8c8ed724]{font-size:12px}.pagination[data-v-8c8ed724]{flex-direction:column;gap:8px}}[data-v-60b81753]{box-sizing:border-box;margin:0;padding:0}.library-container[data-v-60b81753]{background:#07030b;min-height:100vh;padding:0;width:100%}.profile-card[data-v-60b81753]{padding:40px}.profile-content[data-v-60b81753]{align-items:center;display:flex;gap:16px;max-width:100%}.avatar[data-v-60b81753]{border-radius:50%;height:68px;min-width:68px;width:68px}.user-info[data-v-60b81753]{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.info-item[data-v-60b81753]{align-items:center;display:flex;font-size:14px;font-size:20px;gap:8px}.info-label[data-v-60b81753]{color:#c0b9cb;white-space:nowrap}.info-value[data-v-60b81753]{color:#fff;word-break:break-all}.tabs-section[data-v-60b81753]{background:#0d0d0d;display:flex;gap:12px;padding-left:40px;padding-top:8px}.tab-btn[data-v-60b81753]{border-radius:10px;color:#fff;cursor:pointer;font-size:22px;height:45px;line-height:45px;padding:0 20px;transition:all .3s ease}.tab-btn[data-v-60b81753]:hover,.tab-btn.active[data-v-60b81753]{background:#fff3;border:1px solid #fff}.tab-content[data-v-60b81753]{min-height:calc(100vh - 200px);padding:20px}.content-area[data-v-60b81753]{animation:fadeIn-60b81753 .3s ease-in-out}@keyframes fadeIn-60b81753{0%{opacity:0}to{opacity:1}}.grid-container[data-v-60b81753]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-item[data-v-60b81753]{background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.grid-item[data-v-60b81753]:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f333;transform:translateY(-2px)}.item-image[data-v-60b81753]{background:#0d0d0d;height:140px;overflow:hidden;width:100%}.item-image img[data-v-60b81753]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.grid-item:hover .item-image img[data-v-60b81753]{transform:scale(1.05)}.item-title[data-v-60b81753]{color:#ccc;font-size:13px;font-weight:500;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.profile-content[data-v-60b81753]{gap:12px;padding:0}.avatar[data-v-60b81753]{font-size:24px;height:50px;min-width:50px;width:50px}.info-item[data-v-60b81753]{font-size:13px}.tabs-section[data-v-60b81753]{gap:8px;padding:16px}.tab-btn[data-v-60b81753]{font-size:13px;padding:6px 12px}.grid-container[data-v-60b81753]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.item-image[data-v-60b81753]{height:110px}.item-title[data-v-60b81753]{font-size:12px;padding:8px}}@media (max-width:480px){.profile-card[data-v-60b81753]{padding:12px}.profile-content[data-v-60b81753]{gap:10px}.avatar[data-v-60b81753]{font-size:20px;height:45px;min-width:45px;width:45px}.info-item[data-v-60b81753]{font-size:12px}.tabs-section[data-v-60b81753]{gap:6px;padding:12px}.tab-btn[data-v-60b81753]{font-size:12px;padding:5px 10px}.tab-content[data-v-60b81753]{padding:12px}.grid-container[data-v-60b81753]{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.item-image[data-v-60b81753]{height:80px}.item-title[data-v-60b81753]{font-size:11px;padding:6px}}